@charset "UTF-8";
@import "reset5.css";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body { color:#373737; line-height:1;  padding: 0; position: relative; min-height: 100%; overflow-x:hidden; background: #fff; -webkit-text-size-adjust: 100%; font-family: 'Helvetica Neue', Helvetica, Arial, 'Noto Sans JP', "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }
html {  min-height: 100%; }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size: 18px; line-height: 2; letter-spacing:0.1em; }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

body p { font-weight: 300; letter-spacing:0.02em; text-align:left; }


/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}


img { vertical-align: middle }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }


/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt80 { padding-top:80px !important; }


.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }


/* !Links */
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: none }
a:active { text-decoration: none }


.sp-none { display:block; }
.pc-none { display:none; }


html {}
#wrapper { position: relative; width: 100%; text-align: center; overflow: hidden }
#loader { position: fixed; left: 50%; top: 50%; z-index: 10000; }
.contents { position: relative; z-index:100; min-width:1240px; opacity: 0 }
h3 { color:#b08524; font-size:28px; font-weight:300; letter-spacing:0.5em; line-height:1.4; margin:0 0 20px; font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
.sec-inner { padding:0 5.8%; }


/* footer */
#footer { background:#2d2b2a; padding:30px 0; }
#footer p { color:#fff; font-size:13px; letter-spacing:0.2em; text-align:center; }
#footer p a { color: #fff }

.fd { opacity: 0; top: 80px; position: relative; }

/* main */
.main { margin:0 0 80px; position:relative; }
.main h1 { position:absolute; top:0; left:0; }


/* intro */
.intro { margin:0 0 100px; padding:0 11.7%; }
.intro h2.big-tit { margin:0 0 60px; }
.intro p.red { color:#a53f05; font-size:38px; line-height:1.4; text-align:center; margin:0 0 15px; }
.intro span.notes { font-size:16px; }


/* sec01 */
.sec01 { margin:0 0 110px; }
.sec01 .txt-block { padding:0 11.7%; }
.sec01 .img-l { margin:100px 0 0; }
.sec01 ul { margin:80px 0 100px; }
.sec01 ul li { width:50%; float:left; }
.sec01 ul li .pic { position:relative; }
.sec01 ul li:first-child .tx { position:absolute; bottom:-23px; left:35px; }
.sec01 ul li:last-child .tx { position:absolute; bottom:-23px; right:35px; }
.sec01 .img-l .pic { float:left; width:50%; }
.sec01 .img-l .txt { width:50%; float:left; text-align:left; }
.sec01 .img-l p { padding:0 0 0 50px; }
.sec01 .img-l h3 { padding:0 0 0 50px; }
.sec01 .box { background:#f1ebde; margin:100px 0 0; padding:20px; }
.sec01 .box .inner { border:1px solid #ba9c58; padding:40px 60px; }
.sec01 .box h4 { font-size:28px; letter-spacing:0.1em; line-height:1; text-align:left; font-weight:500; margin:0 0 20px; position:relative; }
.sec01 .box h4 img { position:absolute; top:12px; left:135px; }
.sec01 .box h4 span { font-size:18px; }
.sec01 .box h5 { font-size:24px; letter-spacing:0.1em; line-height:1; text-align:left; font-weight:500; margin:40px 0 15px; }
.sec01 .box p { font-size:16px; }


/* sec02 */
.sec02 { text-align:left; position:relative; z-index:6; padding:0 0 140px; }
.sec02 h2 { margin:0 0 30px 5.8%; position:relative; }
.sec02 h2 img { position:relative; z-index:5; }
.sec02 h2 .jp { color:#b08524; font-size:24px; font-weight:400; letter-spacing:0.6em; font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; position:absolute; top:4px; left:350px; }
.sec02 h2 .line { width:100%; height:1px; background:#b08524; display:inline-block; position:absolute; bottom:16px; left:0; z-index:4; }
.sec02 .txt-block { padding:0 11.6%; position:relative; z-index:3; }
.sec02 .txt-l { position:absolute; top:80px; left:11.6%; }
.sec02 .txt-block p { margin-left: -5.8% }
.sec02 ul { margin:60px 0 100px; }
.sec02 ul li { color:#705898; font-size:16px; line-height:1.6em; margin:0 0 30px 18px; text-indent:-18px; }
.sec02 .pic { text-align:right; position:relative; z-index:2; }
.sec02 .bg { background:url(../img/bg01.jpg) repeat-x left top; width:100%; text-align:right; position:absolute; bottom:0; right:0; }


/* sec03 */
.sec03 { background:url(../img/bg03.jpg) repeat-x left top; margin:0 0 70px; }
.sec03 .sec-inner { border-bottom:1px solid #d29f82; margin:0 5.8%; padding:0 0 80px; }
.sec03 p { text-align:center; }
.sec03 ul { font-size:0; margin:70px 0 0; }
.sec03 ul li { display:inline-block; width:33%; font-size:16px; vertical-align:text-top; }
.sec03 ul li h5 { font-size:27px; font-weight:400; line-height:1.2; margin:0 0 15px; }
.sec03 ul li p { font-size:16px; }
.sec03 ul li .pic { padding:20px 30px 0; }
.sec03 ul li p.red { color:#a53f05; font-size:24px; font-weight:400; line-height:1.6; padding:40px 0 0; position:relative; }
.sec03 ul li .arw { position:absolute; top:20px; left:50%; margin:0 0 0 -8px; }
.sec03 ul li:nth-child(1) .pic, .sec03 ul li:nth-child(3) .pic { margin:32px 0 0; }
.sec03 ul li:nth-child(4) .pic { margin:36px 0 0; }
.sec03 ul li:nth-child(4), .sec03 ul li:nth-child(5) { margin:70px 0 0; }


/* sec04 */
.sec04 { margin:0 0 20px; }
.sec04 h3 { margin:0 0 40px; }
.sec04 h5 { font-size:24px; font-weight:normal; letter-spacing:0.2em; text-align:left; font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
.sec04 p { font-size:16px; } 

.block-A { margin:0 0 90px 0; }
.block-A p.txtC span{ font-size:18px; font-weight:400; margin:0 0 20px; display:inline-block; }
.block-A p.txtC { font-size:16px; }
.block-A ul { padding:0 1%; margin:20px 0 0; }
.block-A ul li { float:left; width:50%; text-align:left; }
.block-A ul li h4 { font-size:24px; font-weight:normal; margin:30px 0 10px 75px; font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; position:relative; }
.block-A ul li:first-child h4 { padding:0 0 0 140px; }
.block-A ul li:last-child h4 { padding:0 0 0 155px; }
.block-A ul li h4 img { position:absolute; top:0; left:0; }
.block-A ul li p { font-size:16px; margin:0 0 0 75px; }
.block-A ul li p span { font-weight:400; }

.block-B { position:relative; text-align:left; margin:0 11.7%; }
.block-B:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0; /*下線の上下位置調整*/
  display: inline-block;
  width: 43%; /*下線の幅*/
  height: 1px; /*下線の太さ*/
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translate(0); /*位置調整*/
  background-color: #dfdfe1; /*下線の色*/}
.block-B h5 { line-height:1; padding:0 0 20px 75px;  }
.block-B p { padding:0 0 30px 75px; }
.block-B .tx-r { width:50%; float:right; }
.block-B .pic { width:50%; float:left; }

.block-C { margin:0 11.7% 50px; padding:0 0 20px; border-bottom:1px solid #dfdfe1; }
.block-C .slide { margin:50px 0 0; }
.block-C .slide-image { position:relative; }
.block-C .slide-image .pic01 { position:absolute; top:0; left:0; z-index:2; }
.block-C .slide-image .pic02 { position:relative; z-index:1; }
.block-C .bullets { font-size:0; margin:20px 0 0; }
.block-C .bullets li { display:inline-block; cursor:pointer; padding:0 5px; }

.block-D { padding:0 5.9%; margin:100px 0 0; }
.block-D h5 { padding:0 5.8%; }
.block-D p { padding:0 5.8%; }
.block-D ul { margin:50px 0 0 -50px; padding:0 1.8%; }
.block-D ul li { float:left; width:20%; margin:0 0 60px; }
.block-D ul li .inner { margin:0 0 0 50px; }
.block-D ul li p { font-size:14px; text-align:center; padding:0; margin:15px 0 0; }


/* sec05 */
.sec05 { margin:0 5.9% 120px; padding:60px 0 0; border-top:1px solid #373737; }
.sec05 h3 { color:#373737; font-size:45px; }
.sec05 .box { margin:30px auto 40px; text-align:left; padding: 60px 80px 10px; background:#f1ebde; }
.sec05 .box dl { position: relative; }
.sec05 .box dt { padding:15px 0 0; font-size: 16px; line-height: 2; letter-spacing:0.1em; clear: both; float: left; width: 25%; }
.sec05 .box dd { padding: 0 0 50px; font-size: 16px; line-height: 2; float: left; width: 75%; }
input#name, input#phone, input#mail_address { width:100%; padding:20px; box-sizing: border-box; border:1px solid #ba9c58; }
#form_submit { position:relative; display:inline-block; cursor:pointer; }
input#form_submit_button { color:#fff; font-size:16px; font-weight:400; letter-spacing:0.2em; padding:18px 0 15px; border:none; background:none; background:#ba9c58; width:400px; border-radius:5px; cursor:pointer; }
p.tel { text-align: center; font-size: 24px; letter-spacing: 0.16em; font-family: 'Helvetica Neue', Helvetica, Arial, "sans-serif"; margin-top: 1em }

p.att { color: #a53f05; font-weight: bold; text-align: center }


.scta { margin: 0 auto 120px; padding:0; min-width: 800px; max-width: 1080px; }
.scta h2.big-tit { margin:0 0 60px; font-size: 24px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" }
.scta table { font-size: 15px }
.scta table th { padding: 1em 2em; font-weight: 500; border-bottom: dotted 1px #a9a9a9; vertical-align: top }
.scta table td { padding: 1em 2em; font-weight: 300; border-bottom: dotted 1px #a9a9a9 }
.scta p { margin-bottom: 1em }
.scta p a { color: #a53f05 }


@media screen and (max-width: 780px){
	
	
	body { font-size:13px; line-height: 1.8; letter-spacing: 0.1em; -webkit-text-size-adjust: none; }

    a { text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }
	
	.sp-none { display:none; }
	.pc-none { display:block; }

	.contents { position: relative; z-index:100; min-width:inherit; }	
	
	
	h3 { font-size:22px; letter-spacing:0.2em; line-height:1.6; margin:0 0 10px; }
	.sec-inner { padding:0 20px; }
	
	.fd { opacity: 0; top: 60px; position: relative; }
	
	/* footer */
	#footer { padding:15px 0; }
	#footer p { font-size:11px; letter-spacing:0.2em; }

	
	/* main */
	.main { margin:0 0 40px; }
	.main h1 img { width:60px; }


	/* intro */
	.intro { margin:0 0 40px; padding:0; }
	.intro h2.big-tit { margin:0 0 35px; }
	.intro h2.big-tit img { height:60px; }
	.intro p.red { font-size:18px; line-height:1.6; margin:0 0 15px; }
	.intro span.notes { font-size:12px; }


	/* sec01 */
	.sec01 { margin:0 0 60px; }
	.sec01 .txt-block { padding:0; }
	.sec01 ul { margin:30px 0 50px; }
	.sec01 ul li:first-child .tx { position:absolute; bottom:-10px; left:15px; }
	.sec01 ul li:last-child .tx { position:absolute; bottom:-10px; right:15px; }
	.sec01 ul li .tx { height:20px; }
	.sec01 .img-l { margin:30px 0 0; }
	.sec01 .img-l .pic { width:100%; margin:0 0 20px; }
	.sec01 .img-l .txt { width:100%; }
	.sec01 .img-l p { padding:0; }
	.sec01 .img-l h3 { padding:0; text-align:center; }
	.sec01 .img-l .mb60 { margin-bottom:30px !important; }
	.sec01 .box { margin:40px 0 0; padding:10px; }
	.sec01 .box .inner { padding:30px 20px; }
	.sec01 .box h4 { font-size:20px; margin:0 0 10px; }
	.sec01 .box h4 img { position:absolute; top:7px; left:95px; height:13px; }
	.sec01 .box h5 { font-size:16px; margin:20px 0 5px; }
	.sec01 .box p { font-size:13px; }

	
	/* sec02 */
	.sec02 { padding:0 0 50px; }
	.sec02 h2 { margin:0 0 35px 20px; }
	.sec02 h2 img { height:45px; }
	.sec02 h2 .jp { font-size:14px; letter-spacing:0.4em; position:absolute; top:40px; left:0; }
	.sec02 h2 .line { position:absolute; bottom:11px; left:0; }
	.sec02 .txt-block { padding:0 20px; }
	.sec02 .txt-block p { margin-left: 0 }
	.sec02 .txt-l { position:static; }
	.sec02 ul { margin:30px 0; }
	.sec02 ul li { font-size:13px; margin:0 0 10px 14px; text-indent:-14px; }
	.sec02 .pic { text-align:center; margin:20px 0 0; }
	.sec02 .pic img { width:100%; }
	.sec02 .bg { background:url(../../img/bg01.jpg) repeat-x left top; width:100%; text-align:right; position:absolute; bottom:0; right:0; }
	.sec02 .tx15 { font-size:13px !important; }


	/* sec03 */
	.sec03 {  margin:0 0 50px; }
	.sec03 .sec-inner { padding:0 0 40px; }
	.sec03 ul { margin:30px 0 0; }
	.sec03 ul li { width:100%; font-size:16px; margin:0 0 40px; }
	.sec03 ul li:last-child { margin-bottom:0 !important; }
	.sec03 ul li h5 { font-size:20px; margin:0 0 10px; }
	.sec03 ul li p { font-size:13px; }
	.sec03 ul li .pic { padding:10px 30px 0; }
	.sec03 ul li p.red { font-size:18px; padding:25px 0 0; }
	.sec03 ul li .arw {  position:absolute; top:10px; }
	.sec03 ul li:nth-child(1) .pic, .sec03 ul li:nth-child(3) .pic { margin:0; }
	.sec03 ul li:nth-child(4) .pic { margin:0; }
	.sec03 ul li:nth-child(4), .sec03 ul li:nth-child(5) { margin:0 0 40px; }	
	
	
	/* sec04 */
	.sec04 { margin:0 0 20px; }
	.sec04 h3 { margin:0 0 30px; }
	.sec04 h3 img { height:43px; }
	.sec04 h5 { font-size:18px; }
	.sec04 p { font-size:13px; } 
	
	.block-A { margin:0 0 50px 0; padding:0 20px; }
	.block-A p.txtC span{ font-size:16px; margin:0 0 10px; }
	.block-A p.txtC { font-size:14px; }
	.block-A ul { padding:0; margin:20px 0 0; }
	.block-A ul li { width:100%; }
	.block-A ul li:first-child { margin:0 0 30px; }
	.block-A ul li h4 { font-size:18px; margin:15px 0 0 0; }
	.block-A ul li:first-child h4 { padding:0 0 0 78px; }
	.block-A ul li:last-child h4 { padding:0 0 0 86px; }
	.block-A ul li h4 img { height:20px; position:absolute; top:2px; left:0; }
	.block-A ul li p { font-size:13px; margin:0; }

	.block-B { margin:0 20px; padding:0 0 20px; }
	.block-B:before { width: 100%; /*下線の幅*/ }
	.block-B h5 { line-height:1; padding:0 0 10px;  }
	.block-B p { padding:0 0 15px; }
	.block-B .tx-r { width:100%; }
	.block-B .pic { width:100%; }
	.block-B .mt40 { margin-top:0 !important; }
	.mb70 { margin-bottom:30px !important; }
	.mt10 { margin-top:0 !important; }
	.mb50 { margin-bottom:30px !important; }

	.block-C { margin:0 20px 30px; padding:0 0 20px; }
	.block-C .slide { margin:25px 0 0; }
	.block-C .bullets li img { height:10px; }

	.block-D { padding:0 20px; margin:30px 0 0; }
	.block-D h5 { padding:0; }
	.block-D p { padding:0; }
	.block-D ul { margin:30px 0 0 -30px; padding:0; }
	.block-D ul li { width:50%; margin:0 0 30px; }
	.block-D ul li .inner { margin:0 0 0 30px; }
	.block-D ul li p { font-size:12px; margin:5px 0 0; }
	
	
	/* sec05 */
	.sec05 { margin:0 20px 80px; padding:40px 0 0; }
	.sec05 .sec-inner { padding:0; }
	.sec05 h3 { font-size:30px; margin:0 0 10px; }
	.sec05 .box { margin: 0 auto 30px; padding:20px 20px 10px 20px; }
	.sec05 .box dt { padding:0 0 5px; font-size: 14px; width: 100%; }
	.sec05 .box dd { padding: 0 0 20px; font-size: 14px; width: 100%; }
	input#name, input#phone, input#mail_address { padding:15px; }
	#form_submit { position:relative; display:inline-block; cursor:pointer; }
	input#form_submit_button { font-size:13px; width:240px; }	
	
	.scta { margin: 0 auto 60px; padding: 0; min-width: inherit; max-width: inherit; }
	.scta h2.big-tit { margin:0 0 20px; font-size: 20px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" }
	.scta table { font-size: 13px; margin: 0; padding: 0; width: auto }
	.scta table th { padding: 0.75em; font-weight: 500; border-bottom: dotted 1px #a9a9a9; vertical-align: top; min-width: 6em }
	.scta table td { padding: 0.75em; font-weight: 300; border-bottom: dotted 1px #a9a9a9 }
	.scta p { margin-bottom: 1em }
	.scta p a { color: #a53f05 }
}




@media screen and (max-width: 320px){	

	h3 { font-size:20px; }
	.sec03 ul li p.red { font-size:16px; padding:25px 0 0; }
}

/**
 * ==============================================
 * Dot Windmill
 * ==============================================
 */
.dot-windmill {
  position: relative;
  top: -8px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #ba9c58;
  color: #ba9c58;
  transform-origin: 5px 15px;
  -webkit-animation: dot-windmill 2s infinite linear;
  animation: dot-windmill 2s infinite linear;
}

.dot-windmill::before, .dot-windmill::after {
  content: '';
  display: inline-block;
  position: absolute;
}

.dot-windmill::before {
  left: -8.66px;
  top: 15px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #ba9c58;
  color: #ba9c58;
}

.dot-windmill::after {
  left: 8.66px;
  top: 15px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #ba9c58;
  color: #ba9c58;
}

@-webkit-keyframes dot-windmill {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotateZ(720deg) translate3d(0, 0, 0);
  }
}

@keyframes dot-windmill {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotateZ(720deg) translate3d(0, 0, 0);
  }
}