/*html{visibility:hidden;}
html.wf-active{visibility:visible;}*/


body,html {
	width: 100%; height: 100%; background: #e5d5b2; padding:0; margin:0;
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color:#000000; min-width:1200px;
	-webkit-text-size-adjust: 100%;
}

.rel{position:relative; display:block;}
.abs{position:absolute; display:block;}
.btn{cursor:pointer;}

.sp,
.sp-in{display: none !important;}

.pc{display: block !important;}
.pc-in{display: inline-block!important;}


.preloadtext{position: absolute; height: 0; width: 0; opacity: 0; overflow: hidden;}

.ryo-gothic-plusn{
	font-family: ryo-gothic-plusn;
	font-weight: 700;
	font-style: normal;
}
.tbchibirgothicplusk-pro{
	font-family: tbchibirgothicplusk-pro;
	font-weight: 400;
	font-style: normal;
}

.a-otf-midashi-mi-ma31-pr6n{
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
	font-weight: 600;
	font-style: normal;
}

.futura-pt {
	font-family: futura-pt;
	font-weight: 500;
	font-style: normal;
}

.heisei-kaku-gothic-std{
	font-family: heisei-kaku-gothic-std;
	font-weight: 500;
	font-style: normal;
}

.clearBlock:after{
	content: ""; display: block; clear: both;
}
article{background:#FFFFFF;}

header{height:120px; width:100%;}
.header_inner{width:1000px; height:97px; padding:23px 100px 0; margin:0 auto;}
.header_inner .top_logo{width:210px; height:74px;}

footer{font-size:16px; text-align:center; padding:40px;}

/*****/
.top_sample_btn{right:100px; top:30px;}

.button {
	width:300px; height:60px; font-size:16px; line-height:60px; text-decoration:none;
	color:#321e10; border:2px #321e10 solid; text-align:center; overflow: hidden;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	outline: none;
	z-index: 2;
}
.button:before,
.button:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button:before,
.button:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
	color: #FFFFFF;
}
.button:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.7);
	transform: scale(.7);
}
.button:hover:after {
	background:#321e10;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.back_title_block{width:100%; height:50px; background:#321e10;}
.back_title_main{width:1200px; height:50px; margin:0 auto;}
.btn_back{width:86px; height:34px; text-decoration:none; color:#FFFFFF; top:6px; left:120px;}
.btn_back span{top:8px; right:0; position:absolute; display:block;}
.back_title_main h1{font-size:21px; font-weight:bold; color:#FFFFFF; text-align:center; top:0; margin:0; line-height:52px;}

.btn_back img{
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
  
.btn_back:hover img{
  -webkit-transform: rotate(-50deg);
     -moz-transform: rotate(-50deg);
       -o-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
          transform: rotate(-50deg);
}

/******/

.default_block{width:100%; background:url(../img/top/about_bg.png); padding:40px 0 90px 0;}

.closed_block{width:600px; height:260px; padding-top:40px; margin:0 auto 30px; background:#FFFFFF; text-align:center;
box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
font-size:18px;}
.closed_block span{font-size:24px; font-weight:bold; position:relative; display:block; padding-top:60px;}

.close_btn{width:210px; height:50px; margin:0 auto; position:relative; display:block; line-height:45px; cursor:pointer;}

.complete_block{width:600px; height:180px; padding-top:120px; margin:0 auto 30px; background:#FFFFFF;
box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;}

.complete_block p{color:#321e10; text-align:center;}
.complete_block p.heisei-kaku-gothic-std{font-size:24px; margin-bottom:10px;}
.complete_block p.futura-pt{font-size:16px;}

.close_btn{width:210px; height:50px; margin:0 auto; position:relative; display:block; line-height:45px; cursor:pointer;}


.confirm_block{width:630px; height:350px; padding-top:35px; margin:0 auto 30px; background:#FFFFFF;
box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;}

.confirm_block_main{width:440px; margin:0 auto;}

.confirm_block p{color:#321e10;}

.default_title{
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 5px;
}
.default_text{font-size:18px; line-height:28px;}
.default_text_block{width:200px; border-bottom:1px solid #321e10; padding-bottom:3px; float:left; margin-bottom:20px;}
.default_text_block2{width:440px; float:none;}

.bottom_btns{width:460px; height:50px; margin:40px auto 0;}
.bottom_btns li{width:210px; height:50px; margin:0 10px; position:relative; display:block; float:left; line-height:45px; cursor:pointer;}
.bottom_btns li a{width:210px; height:50px; position:relative; display:block; line-height:45px;}
.ok_btn{background:#321e10; color:#FFFFFF;}
.ok_btn:after{-webkit-transform: scale(1); transform: scale(1);}
.ok_btn:hover:after {
	background:#463529;
}

/*****/

.sample_block{width:900px; height:auto; padding:50px 40px 90px; margin:0 auto 30px; background:#FFFFFF; text-align:center; color:#321e10;
box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;}
.sample_block h2{font-size:36px; line-height:63px; letter-spacing:0.08em; margin-bottom:40px;}
.sample_block h3{font-size:21px; line-height:36px; background:#e5d5b2; padding:10px 0; width:100%; margin-bottom:35px; font-weight:bold;
border-radius:2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;}

.sample_block p.subtext{font-size:18px; line-height:31px;}
.sample_block p.honbun{font-size:14px; line-height:25px;}

.img_block{width:816px; height:auto; margin:0 auto;}
.img_block_caption{width:400px; margin:0 16px 40px 0; float:left;}
.img_block_caption img{margin-bottom:5px;}
.sample_img{width:400px; height:400px; margin-bottom:5px; position:relative; display:block;}
.sample_img01{background:url(../img/sample/img04.png) no-repeat center center;}
.sample_img02{background:url(../img/sample/img05.png) no-repeat center center;}
.sample_img03{background:url(../img/sample/img06.png) no-repeat center center;}
.sample_img04{background:url(../img/sample/img07.png) no-repeat center center;}
.sample_img05{background:url(../img/sample/img08.png) no-repeat center center;}
.sample_img06{background:url(../img/sample/img09.png) no-repeat center center;}
.sample_img07{background:url(../img/sample/img10.png) no-repeat center center;}
.sample_img08{background:url(../img/sample/img11.png) no-repeat center center;}
.sample_img09{background:url(../img/sample/img12.png) no-repeat center center;}
.sample_img10{background:url(../img/sample/img13.png) no-repeat center center;}


/*****/
.red{color:#ff1e10;}

.mr00{margin-right:0 !important;}
.mr40{margin-right:40px !important;}

.mb00{margin-bottom:0px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb100{margin-bottom:100px !important;}