@charset "UTF-8";
/* CSS Document */

#wrapper {
	font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',  sans-serif;
	font-size:16px;
	position:relative;
}

.bkup-txt { 
	padding-top:120px;
	text-align:center;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #f2f2f2 0%, #f8f8f8 50%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#f8f8f8 50%,#ffffff 100%);
	background: linear-gradient(to bottom, #f2f2f2 0%,#f8f8f8 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}

.top-btn { width:56px; height:56px; background:url(../images/totop_01.png) no-repeat center; position:absolute; bottom:10px; right:10px; }
.top-btn:hover { cursor:pointer; background:url(../images/totop_02.png) no-repeat center; }

.contact-link-btn { width:130px; height:130px; position:absolute; top:10px; right:10px; }
.contact-link-btn a:hover .img-1 { display:none;  }
.contact-link-btn a:hover .img-2 { display:initial;  }
.contact-link-btn .img-1 { display:initial; }
.contact-link-btn .img-2 { display:none; }

.smp-desp { display:none; }

/**---------- header ----------**/
header { background:url(../images/kv_img.jpg) no-repeat center; background-size:cover; height:700px; }
header .inner { width:1185px; height:700px; margin:0 auto; position:relative; }
header .logo { padding:30px 0 0 17px; }
header h1 { margin:55px 0 0 50px; width:63.1%; height:133px; position:relative; background:url(../images/01_01_pencil.png) no-repeat right; }
header h1 span { position:absolute; color:#fff; font-weight:bold; }
header h1 span.h1-1 { left:0; top:0; font-size:36px; }
header h1 span.h1-2 { left:0; top:50px; font-size:48px; }
header h1 span.h1-3 { right:145px; top:0; font-size:100px; color:#d1d900; }
header h1 span.h1-4 { left:0; bottom:0; font-size:24px; }

header .point { background:url(../images/01_02_hexa.png) no-repeat center; width:514px; height:496px; position:absolute; bottom:0; right:40px; }
header .point ul { position:relative; height:496px; }
header .point .txt { display:none; }
header .point li img { position:absolute; }
header .point li.point1 img { top:70px; left:0; right:0; margin:0 auto; }
header .point li.point2 img { bottom:55px; left:45px; }
header .point li.point3 img { bottom:65px; right:45px; }



/**---------- #reason-sec ----------**/
#reason-sec { margin-top:95px; margin-bottom:80px; }
#reason-sec .sec-ttl { font-size:55px; font-weight:bold; color:#0c2b48; text-align:center; }
#reason-sec .sec-desp { font-size:16px; color:#181818; text-align:center; margin-top:45px; line-height:1.4em; }
#reason-sec ul { width:1160px; margin:65px auto 0; }
#reason-sec li { float:left; width:370px; margin-right:25px;}
#reason-sec li .box { width:100%; height:370px; background:#eee; padding-top:30px; text-align:center; }
#reason-sec li:last-child { margin-right:0; }
#reason-sec .reason-ttl { font-size:24px; color:#0c2b48; font-weight:bold; margin-bottom:18px; }
#reason-sec .reason-ttl .num { font-size:36px; font-weight:bold; }
#reason-sec .reason-ttl .txt { font-size:36px; color:#fa814e; margin-left:10px; font-weight:bold; letter-spacing:-0.05em; }
#reason-sec li:last-child .reason-ttl .txt { letter-spacing:-0.09em; font-size:34px; }
#reason-sec li em { display:block; margin-top: 10px; padding: 0 10px; text-align:left; font-size: 18px; line-height:1.4em; font-style: normal; }



/**---------- #visualize-sec ----------**/
#visualize-sec { background:url(../images/03_01_bg.jpg) #d9d9d9 no-repeat top center; height:715px; margin-top:75px; text-align:center; position:relative; }
#visualize-sec:after { content:""; border-top:60px solid #d9d9d9; border-right:60px solid transparent; border-left:60px solid transparent; position:absolute; bottom:-50px; margin-left:-60px; }
#visualize-sec .sec-ttl { font-size:45px; color:#fff; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; padding-top:100px; }
#visualize-sec .sec-ttl span { font-size:60px; font-weight:bold; }
#visualize-sec .sec-desp { color:#fff; font-size:30px; margin-top:20px; }
#visualize-sec .cont-box { position:relative; margin:25px auto 0; width:1070px; }
#visualize-sec .cont-box .illust { margin-top:50px; }
#visualize-sec .cont-box li { color:#535353; font-size:27px; height:203px; line-height:1.25em; font-weight:bold; position:absolute; }
#visualize-sec .cont-box .bal1 { background:url(../images/03_04_bal.png) no-repeat center; width:260px; padding:83px 20px 0 0; top:0; left:0; }
#visualize-sec .cont-box .bal2 { background:url(../images/03_06_bal.png) no-repeat center; width:283px; padding:75px 0 0 32px; top:38px; right:0; }
#visualize-sec .cont-box .bal3 { background:url(../images/03_05_bal.png) no-repeat center; width:283px; padding:55px 0 0 0; bottom:-55px; left:48px; }
#visualize-sec .cont-box .bal3 span { font-size:20px; display:block; font-weight:bold; }



/**---------- #manual-sec ----------**/
#manual-sec { margin-top:135px; text-align:center; }
#manual-sec .head { position:relative; width:980px; margin:0 auto; }
#manual-sec .head:before { content:"「"; color:#0c2b48; font-size:100px; position:absolute; top:25px; left:-62px; }
#manual-sec .head:after { content:"」"; color:#0c2b48; font-size:100px; position:absolute; bottom:0; right:-62px; }
#manual-sec .sec-ttl { font-size:33px; color:#535353; font-weight:bold; margin-bottom:10px; }
#manual-sec .sec-desp { font-size:60px; color:#0c2b48; font-weight:bold; line-height:1.25em; }
#manual-sec .cont-box { color:#fff; background:url(../images/04_bg.jpg) no-repeat center; background-size:cover; padding:25px 0 20px; margin-top:20px; }
#manual-sec .cont-box ul { width:1125px; margin:0 auto; }
#manual-sec .cont-box li { float:left; background:url(../images/04_04_ar.png) no-repeat center right; width:375px; padding-right:23px; }
#manual-sec .cont-box li:last-child { background:none; }
#manual-sec .cont-box .ttl { font-size:22px; font-weight:bold; margin:15px 0 20px; }
#manual-sec .cont-box .txt { font-size:15px; width:195px; text-align:left; line-height:1.25em; margin:0 auto; }
#manual-sec .cont-box .last-txt { font-size:20px; font-weight:bold; margin-top:40px; }



/**---------- #solution-sec ----------**/
#solution-sec { background:#f2f2f2; margin-top:-90px; padding:120px 0 70px; }
#solution-sec .sec-ttl { font-size:55px; color:#0c2b48; font-weight:bold; line-height:1.25em; text-align:center; }
#solution-sec ul { width:1230px; margin:65px auto 0; }
#solution-sec li { float:left; width:410px; }
#solution-sec .blu-bg { position:relative; }
#solution-sec .blu-bg:before { content:""; width:355px; height:166px; display:block; background:url(../images/05_01_bg.png) no-repeat center left; position:absolute; top:0; left:0; }
#solution-sec .ttl { position:inherit; padding:8px 0 8px 13px; }
#solution-sec .ttl .en-font { font-size:15px; color:#3c8bb7; margin-bottom:5px; font-weight:bold; }
#solution-sec .ttl .jp-font { font-size:20px; color:#fff; font-weight:bold; }
#solution-sec .txt { margin:25px auto 0; width:360px; line-height:1.25em; }
#solution-sec .thumb { position:inherit; margin-left:10px; }



/**---------- #fee-sec ----------**/
#fee-sec { background:url(../images/07_01_bg.jpg) no-repeat top center; background-size:cover; padding:55px 0 40px; border-bottom:10px solid #6c6c6c; }
#fee-sec .head { color:#5b5c4d; text-align:center; }
#fee-sec .sec-ttl { font-size:50px; font-weight:bold; }
#fee-sec .sec-desp { font-size:20px; font-weight:bold; line-height:1.5em; margin:25px 0 50px; }
#fee-sec .fee-bg { color:#1a1a19; line-height:1.25em; background:#e5ecef; padding:20px; width:1080px; margin:0 auto; }
#fee-sec .fee-bg .inner { background:#fff; padding:15px 20px; }
#fee-sec .fee-bg li.inner { width:32.5%; float:left; margin-right:1.25%; text-align:center; }
#fee-sec .fee-bg li:last-child.inner { margin-right:0; }
#fee-sec .fee-bg li .ttl { font-size:23px; border-bottom:4px #cad200 solid; display:inline-block; line-height:1.25em; font-weight:bold; margin-top:5px; }
#fee-sec .fee-list { font-size:23px; margin-top:35px; line-height:1.25em; }
#fee-sec .reference { margin:30px 0; font-size:30px; font-weight:bold; }
#fee-sec .fee-bg.txt { font-size:16px; margin-top:25px; }



/**---------- #contact-sec ----------**/
#contact-sec .sec-ttl { text-align:center; font-size:50px; color:#5b5c4d; font-weight:bold; margin-top:50px;  }
#contact-sec .privacy_check { text-align:center; }
.bosyuform { padding:40px 0 5px; }
div.bosyuform1 p { font-size:15px; }
div.bosyuform1 p span { color:#d60000; font-weight:bold; }
div.cont_tbl dt { font-weight:100; font-size:15px; }
div.cont_tbl dt span { color:#d60000; font-weight:bold; }
div.form_btn1 button { background:#006ba6; color:#fff; width:530px; }
#contact-sec .privacy_check { margin-top:30px; }
div.cont_tbl dd label, div.cont_tbl div.privacy_check label { font-size:15px; }
#contact_btn { padding:25px 0; }
div.cont_tbl div.privacy_check input[type=checkbox] { vertical-align:baseline; }
div.bosyuform1 { margin:40px auto 50px; }
div.form_btn2 button { background:#006ba6; }
div.form_btn1 button:hover { opacity:1; background:#d1d800; }
div.form_btn2 button:hover { opacity:1; background:#d1d800; }



/**---------- footer ----------**/
footer { background:url(../images/footer_bg.png) repeat top center; color:#fff; }
#footer .nav-footer .col  { text-align:center; }
#footer .nav-footer .col a { opacity:1; }
#footer .nav-footer .col .subtitle { font-size:17px; }
#footer .nav-footer .col a.img:hover { opacity:0.7; }
.wrap-copy { background:#303030; font-size:10px; font-family:Century Gothic, sans-serif; }



/* #wrapper.form-style #wrapper.complete */
#wrapper.form-style header { height:350px; }
#wrapper.form-style header .inner { height:350px; }
#wrapper.form-style div.form_btn1 button { width:340px; }
#wrapper.form-style div.form_btn2 button { width:340px; }

#wrapper.complete #contact-sec .sec-ttl { font-size:35px; }
#wrapper.complete div.bosyuform1 p { font-size:16px; text-align:center; margin-bottom:50px; }
#wrapper.complete div.form_btn1 a {
    background: #006ba6;
    color: #fff;
    width: 530px;
	padding: 15px 0;
	display:block; 
	font-size:18px;
}
#wrapper.complete div.form_btn1 a:hover { background:#d1d800; }



@media screen and (max-width: 1230px) {
	header { height:625px; }
	header .inner { width:1000px; height:625px; }
	header h1 { width:590px; height:105px; background-size:105px; }
	header h1 span.h1-1 { font-size:28px; }
	header h1 span.h1-2 { font-size:38px; top:38px; }
	header h1 span.h1-3 { font-size:80px; right:112px; }
	header h1 span.h1-4 { font-size:19px; }
	header .point { width:450px; height:auto; background-size:contain; }
	header .point ul { height:450px; }
	header .point li.point1 img { width:180px; }
	header .point li.point2 img { width:158px; }
	header .point li.point3 img { width:153px; }
	
	.sec-ttl { padding:0 30px; }
	.sec-desp { padding:0 30px; }
	
	#reason-sec .sec-ttl { font-size:45px; }
	#reason-sec ul { width:95%; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:flex; }
	#reason-sec li { width:32%; margin-right:2%; float:inherit; }
	#reason-sec li .box { width:100%; padding-bottom:10px; }
	#reason-sec li img { width:90%; }
	#reason-sec .reason-ttl { font-size:19px; }
	#reason-sec .reason-ttl .num { font-size:30px; }
	#reason-sec .reason-ttl .txt { font-size:30px; }
	#reason-sec li:last-child .reason-ttl .txt { font-size:27px; }
	#reason-sec li em { padding: 0 5px; font-size: 16px; }

	#visualize-sec { background-size:auto 80%; height:580px; }
	#visualize-sec .sec-ttl { font-size:35px; }
	#visualize-sec .sec-ttl span { font-size:50px; }
	#visualize-sec .sec-desp { font-size:20px; margin-top:15px; }
	#visualize-sec .cont-box { width:950px; }
	#visualize-sec .cont-box .illust { width:300px; }
	#visualize-sec .cont-box li { background-size:contain !important; font-size:18px; }
	#visualize-sec .cont-box .bal3 span { font-size:13px; }
	#visualize-sec .cont-box .bal1 { width:180px; padding:93px 18px 0 0; left:15px; }
	#visualize-sec .cont-box .bal2 { width:203px; padding:85px 0 0 25px; right:35px; top:23px; }
	#visualize-sec .cont-box .bal3 { width:203px; padding:75px 0 0 0; left:70px; }
	
	#manual-sec .head { width:800px; }
	#manual-sec .head:before, #manual-sec .head:after { font-size:80px; }
	#manual-sec .sec-desp { font-size:50px; }
	#manual-sec .sec-ttl { font-size:28px; }
	#manual-sec .cont-box ul { width:1000px; padding-left:2%; }
	#manual-sec .cont-box li { width:33%; padding-right:2%; }
	#manual-sec .cont-box li:last-child { width:30%; padding-right:0; }
	#manual-sec .cont-box .ttl { font-size:20px; margin:10px 0 15px; }
	#manual-sec .cont-box .txt { font-size:14px; width:210px; }
	#manual-sec .cont-box .last-txt { font-size:18px; margin-top:30px; }
	
	.bkup-txt { padding-top:80px; }
	.bkup-txt img { width:95%; }
	
	#solution-sec .sec-ttl { font-size:45px; }
	#solution-sec ul { width:990px; margin:50px auto 0; }
	#solution-sec li { width:330px; }
	#solution-sec .blu-bg:before { width:300px; height:140px; background-size:contain; }
	#solution-sec .thumb { width:310px; }
	#solution-sec .ttl .en-font { font-size:14px; }
	#solution-sec .ttl .jp-font { font-size:17px; }
	#solution-sec .txt { width:280px; margin:15px auto 0; }
	
	#fee-sec .sec-ttl { font-size:40px; }
	#fee-sec .sec-desp { font-size:16px; margin:15px 0 40px; }
	#fee-sec .fee-bg { width:95%; padding:10px; }
	#fee-sec .fee-bg li .ttl { font-size:20px; }
	#fee-sec .fee-list { font-size:19px; margin-top:20px; }
	#fee-sec .reference { font-size:25px; margin:20px 0; }
	
	#contact-sec .sec-ttl { font-size:40px; margin-top:30px; }
	div.bosyuform1 { margin:30px auto 15px; }
	div.form_btn1 button { font-size:18px; width:500px; }
	div.form_btn2 button { font-size:18px; width:500px; }
	div.bosyuform1 p { padding:0 20px; }

}



@media screen and (max-width: 1000px) {
	.pc-desp { display:none; }
	.smp-desp { display:initial; }
	
	.contact-link-btn { width:56px; height:55px; }
	
	header { height:auto; padding-bottom:20px; }
	header .inner { width:95%; height:auto; }
	header h1 { width:700px; margin:0 auto 20px; background:none; }
	header h1 img { width:100%; }
	header .point { position:inherit; margin:0 auto; right:inherit; }
	#wrapper.form-style header { height:auto; }
	#wrapper.form-style header .inner { height:auto; }
	
	#manual-sec .head { width:93%; }
	#manual-sec .cont-box ul { width:95%; padding-left:0; }
	#manual-sec .cont-box li:last-child { width:100%; }
	#manual-sec .cont-box li { width:100%; padding-right:0; float:inherit; background:url(../images/04_04_ar_smp.png) no-repeat bottom center; padding-bottom:40px; margin-bottom:10px; }
	#manual-sec .cont-box li img { width:40%; }
	#manual-sec .cont-box .txt { width:50%; }
	#manual-sec .cont-box .last-txt { margin-top:0; }
}



@media screen and (max-width: 768px){
	header .logo { padding:20px 0 10px; }
	header .logo img { width:100px; }
	header h1 { width:95%; height:auto; margin:0 auto; }
	header .point { width:350px; }
	header .point ul { height:350px; }
	header .point li.point1 img { width:130px; top:60px; }
	header .point li.point2 img { width:114px; bottom:70px; left:35px; }
	header .point li.point3 img { width:110px; bottom:55px; right:38px; }
	
	#reason-sec { margin-top:50px; }
	#reason-sec ul { margin:30px auto 0; display:block; }
	#reason-sec li { width:100%; margin-bottom:10px; }
	#reason-sec li .box { height:auto; }
	#reason-sec li img { width:90%; }
	#reason-sec .sec-ttl { font-size:35px; line-height:1.25em; }
	#reason-sec .sec-desp { font-size:13px; margin-top:25px; }
	#reason-sec li em { font-size: 18px; }
	
	#visualize-sec { margin-top:50px; height:530px; background-size:auto 85%; }
	#visualize-sec .sec-ttl { font-size:25px; line-height:1.25em; padding-top:60px; }
	#visualize-sec .sec-ttl span { font-size:40px; }
	#visualize-sec .sec-desp { font-size:16px; }
	#visualize-sec .cont-box { width:360px; margin:50px auto 0; }
	#visualize-sec .cont-box .illust { width:200px; }
	#visualize-sec .cont-box li { font-size:14px; }
	#visualize-sec .cont-box .bal1 { width:130px; top:-90px; left:0; }
	#visualize-sec .cont-box .bal2 { width:146px; right:-5px; top:-58px; }
	#visualize-sec .cont-box .bal3 { width:146px; left:-5px; bottom:-125px; }
	
	#manual-sec { margin-top:95px; }
	#manual-sec .head:before, #manual-sec .head:after { display:none; }
	#manual-sec .sec-desp { font-size:35px; line-height:1.15em; }
	#manual-sec .sec-ttl { font-size:25px; }
	#manual-sec .cont-box li img { width:70%; }
	#manual-sec .cont-box .txt { width:85%; }
	#manual-sec .cont-box .last-txt { width:95%; margin:0 auto; }
	
	.bkup-txt { padding-top:50px; }
	.bkup-txt img { width:90%; }
	
	#solution-sec { margin-top:-50px; padding:80px 0 30px; }
	#solution-sec .sec-ttl { font-size:35px; line-height:1.15em; }
	#solution-sec ul { margin:30px auto 0; width:95%; }
	#solution-sec li { width:100%; float:inherit; }
	#solution-sec .thumb { width:95%; }
	#solution-sec .blu-bg:before { width:320px; height:150px; }
	#solution-sec .ttl { padding:6px 0 8px 10px; }
	#solution-sec .ttl .jp-font { font-size:18px; }
	#solution-sec .ttl .en-font { font-size:15px; margin-bottom:2px; }
	#solution-sec .txt { width:85%; margin:10px auto 30px; }
	
	#fee-sec { padding:35px 0 20px; }
	#fee-sec .sec-ttl { font-size:30px; }
	#fee-sec .sec-desp { font-size:14px; margin:15px 0 20px; }
	#fee-sec .fee-bg li.inner { width:100%; float:inherit; margin-right:0; margin-bottom:10px; }
	#fee-sec .fee-bg li .ttl { font-size:18px; }
	#fee-sec .fee-list { font-size:17px; }
	#fee-sec .reference { font-size:23px; margin:15px 0; }
	#fee-sec .fee-bg.txt { margin-top:15px; font-size:14px; }
	
	#contact-sec .sec-ttl { font-size:30px; margin-top:10px; }
	div.bosyuform1 { margin:25px auto 10px; }
	div.bosyuform1 p { line-height:1.25em; }
	
	div.cont_tbl dd small { font-size:15px; }
	.doui { font-size:15px; }
	div.form_btn1 button { width:330px; padding:2% 0; font-size:18px; }
	div.form_btn2 button { background:#006ba6; width:330px; padding:2% 0; font-size:18px; }
	div.cont_tbl { padding:0 10px 10px; }
	#wrapper.form-style div.form_btn1 button { width:330px; }
	#wrapper.form-style div.form_btn2 button { width:330px; }
	
	#wrapper.complete div.form_btn1 a { background:#006ba6; width:330px; padding:2% 0; margin:0 auto; font-size:18px; line-height:normal; }
	#wrapper.complete #contact-sec .sec-ttl { font-size:25px; line-height:1.25em; }
	#wrapper.complete div.bosyuform1 p { font-size:14px; line-height:1.3em; margin-bottom:15px; }
}