@charset "utf-8";

.dp_main {display:none !important;}
header {border-bottom:1px solid #d1d1d1;}
.bl02 {padding-left:30px; font-size:20px; font-weight:bold; line-height:1.5em; background:url('../img/sub/bl02.gif') no-repeat left 5px;}

.golink {padding-left:20px; margin-left:3px; margin-right:3px; background:url('/main/img/sub/golink.gif') left 2px no-repeat; text-decoration:underline !important;}
.godown {padding-left:20px; margin-left:3px; margin-right:3px; background:url('/main/img/sub/godown.gif') left 2px no-repeat; text-decoration:underline !important;}
#detail_con>.conbtnBox:first-child {margin-top:0; margin-bottom:50px;}
.conbtnBox {text-align:center; margin-top:50px;}
.conbtn {position:relative; overflow:hidden; display:inline-block; text-align:center; padding:15px 55px 15px 25px; color:#fff !important; background:#3b3e44; transition:.3s; z-index:1;}
.conbtn:after {content:''; position:absolute; top:50%; left:50%; width:0; height:100%; background-color:#6a48aa; opacity:0; transition:.3s; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index:-1;}
.conbtn:hover:after {width:100%; opacity:1;}
.conbtn:active:after {background-color:#5e31b3;}
.conbtn.down:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_down.gif') right 30px top 17px no-repeat; z-index:2;}
.conbtn.link {padding-right:65px;}
.conbtn.link:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_link.gif') right 30px top 17px no-repeat; z-index:2;}
.consbtn {display:inline-block; margin-top:5px; padding:2px 13px; font-size:14px; border:1px solid #5a5a5a; border-radius:30px; transition:.3s;}
.consbtn2 {display:inline-block; margin-top:30px; padding:10px 80px; font-size:18px; border:1px solid #5a5a5a; border-radius:30px; transition:.3s;}
.consbtn:first-child {margin-top:0;}
.consbtn:hover {color:#fff; background-color:#5e31b2; border-color:#5e31b2; box-shadow:2px 4px 0 rgba(0,0,0,.2); text-decoration:none; transition:.3s;}
.consbtn2:hover {color:#fff; background-color:#5e31b2; border-color:#5e31b2; box-shadow:2px 4px 0 rgba(0,0,0,.2); text-decoration:none; transition:.3s;}

ol.step {overflow:hidden; margin-bottom:20px; width:100%; box-sizing:border-box;}
.bl02+ol.step {margin-top:10px; margin-bottom:0; padding-left:15px;}
.bl03>p+ol.step {padding-left:10px;}
.bl03>p:before {border-color:#ff8491;}
ol.step.col2>li {width:48%;}
ol.step.col3>li {width:30.6%;}
ol.step.col4>li {width:22%;}
ol.step.col2>li:nth-child(2n+1), ol.step.col3>li:nth-child(3n+1), ol.step.col4>li:nth-child(4n+1) {padding-left:0; margin-left:0; background:none;}
ol.step>li {float:left; text-align:center; padding-left:3%; margin-left:1%; margin-top:10px; margin-bottom:10px; background:url('/main/img/sub/step_arr.gif') left 80px no-repeat; box-sizing:unset;}
ol.step>li:first-child {padding-left:0; margin-left:0; background:none;}
ol.step li .tit, ol.step.col2 li:last-child .tit {position:relative; text-align:center; padding-top:15px; padding-bottom:15px; color:#111; font-size:21px; font-weight:500; border:1px solid #646464; background-color:#fff; box-shadow:none; z-index:2;}
ol.step li:first-child .tit,
ol.step li:last-child .tit {color:#fff; border-color:#4258c9; background-color:#4258c9; box-shadow:0 5px 7px rgba(0,0,0,.21);}
ol.step li .tit span, ol.step.col2 li:last-child .tit span {display:inline-block; margin-left:15px; width:30px; height:30px; color:#111; line-height:28px; border-radius:100%; background-color:#eee;}
ol.step li:first-child .tit span,
ol.step li:last-child .tit span {background-color:#fff;}
ol.step li .con {color:#111; border:1px solid #c6c6c6; border-top:none; background-color:#f0f0f0; box-sizing:border-box; word-break:keep-all;}
ol.step li .txt .bl04 {margin-left:0; margin-top:8px;}
ol.step li .txt .bl05>li {margin:0;}
ol.step li .txt {padding:10px 20px; border:1px solid #c6c6c6; border-top:none;}
ol.step.row li .con {padding:20px 30px;}
ol.step.row li .con span {display:block;}

.greeting > div { position:relative; padding-left:165px; }
.greeting > div:before { position:absolute; left:80px; top:0; width:4px; height:100%; background:#ffd200; content:""; }
.greeting > div.tit { overflow:hidden; height:349px; border-radius:170px 0 170px 0; background:#3281cc url('/se/img/contents/greeting_bg1.jpg') no-repeat left top; }
.greeting > div.tit:before { top:210px; }
.greeting > div.tit:after { position:absolute; bottom:0; right:0; width:460px; height:100%; background:url('/se/img/contents/greeting_bg2.jpg') no-repeat; content:""; z-index:0; }
.greeting > div.tit > div { position:relative; top:50%; transform:translateY(-48%); z-index:100; }
.greeting > div.tit > div > p { color:#fff; font-size:18px; line-height:35px; }
.greeting > div.tit > div > p:first-child { margin-bottom:30px; font-size:34px; line-height:50px; }
.greeting > div.tit > div > p:first-child span {color:#ffe7f3; font-weight:600;}
.greeting > div.txt { padding-top:70px; font-size:16px; }
.greeting > div.txt > p { margin-top:40px; line-height:28px; }
.greeting > div.txt > p:first-child { margin-top:0; }
.greeting > div.txt > p.name { margin-top:105px; }
.greeting > div.txt > p.name img{ vertical-align:middle; }

.business { position:relative; height:620px; background:url('/se/img/contents/business_bg.gif') no-repeat center top 57px; }
.business > p { position:absolute; left:50%; top:224px; text-align:center; padding-top:73px; font-size:17px; line-height:26px; background:url('/se/img/contents/business_tit.gif') no-repeat center top; transform:translateX(-50%); }
.business ul li { min-height:94px; min-width:94px; font-size:16px; background:no-repeat; }
.business ul li > p { font-size:15px; font-weight:600; }
.business ul li.p1 { background-image:url('/se/img/contents/business_p1.gif'); }
.business ul li.p2 { background-image:url('/se/img/contents/business_p2.gif'); }
.business ul li.p3 { background-image:url('/se/img/contents/business_p3.gif'); }
.business ul li.p4 { background-image:url('/se/img/contents/business_p4.gif'); }
.business ul li.p5 { background-image:url('/se/img/contents/business_p5.gif'); }
.concept_what { overflow:hidden; padding-top:63px; }
.concept_what > li { position:relative; float:left; margin-left:2%; padding:80px 30px 20px; width:32%; min-height:350px; line-height:32px; letter-spacing:-1px; border-radius:10px; border:3px solid;  }
.concept_what > li:before { position:absolute; left:50%; top:-63px; margin-left:-60px; height:120px; width:120px; background:no-repeat center center; content:""; }
.concept_what > li:first-child { margin-left:0; border-color:#ffba58; }
.concept_what > li:nth-child(2) { border-color:#ff7571; }
.concept_what > li:nth-child(3) { border-color:#ff879d; }
.concept_what > li:first-child:before { background-image:url("/se/img/contents/concept01.gif"); }
.concept_what > li:nth-child(2):before { background-image:url("/se/img/contents/concept02.gif"); }
.concept_what > li:nth-child(3):before { background-image:url("/se/img/contents/concept03.gif"); }
.concept_img { text-align:center; margin-top:40px; padding:30px; width:100%; background:#f8f8f8; }

.status_map {margin-top:20px; width:100%; height:400px;}
.status {text-align:center; position:relative; overflow:hidden; margin-top:20px; height:600px;}
.status>img {max-height:100%; /*position:absolute; max-height:100%; top:50%; min-width:100%; transform:translateY(-50%); */}
.status .list_box {position:absolute; left:0; bottom:0; text-align:center; width:100%; padding:30px 0; background:rgba(0,0,0,.8);}
.status .list_box>a {position:absolute; bottom:50px; display:block; width:46px; height:46px; border-radius:50%; border:2px solid #fff; background-image:url('/headman/img/main/commitment_point.png'); background-repeat:no-repeat; background-position:center center;}
.status .list_box>a.prev {left:1.5%;}
.status .list_box>a.next {right:1.5%; transform:rotate(180deg);}
.status .list_box .list {width:85%; margin:0 auto; overflow:hidden;}
.status .list_box .list>ul {position:relative; font-size:0; line-height:0; white-space:nowrap;}
.status .list_box .list>ul>li {display:inline-block; width:19%; height:90px; margin-left:1%; overflow:hidden;}
.status .list_box .list>ul>li.on {border:2px solid #ff007d;}
.status .list_box .list>ul>li img {min-width:100%; min-height:100%;}
.status .list_box .list>ul>li:first-child {margin-left:.5%;}

.about li { position:relative; padding:60px 0 60px 145px; font-size:17px; border-top:1px dotted #dfdfdf; }
.about li:first-child { border-top:none; }
.about li:before { position:absolute; top:50%; left:0; margin-top:-60px; height:120px; width:120px; border-radius:50%; content:""; }
.about li:first-child:before { background:#ffba58 url('/se/img/contents/about1.gif') no-repeat center center; }
.about li:nth-child(2):before { background:#ff7571 url('/se/img/contents/about2.gif') no-repeat center center; }
.about li:nth-child(3):before { background:#ff879d url('/se/img/contents/about3.gif') no-repeat center center; }

.socialType { position:relative; display:table; width:100%; }
.socialType > div { display:table-cell; vertical-align:middle; width:390px; }
.socialType > div p { position:relative; display:block; text-align:center; width:240px; height:240px; font-size:18px; background:url('/se/img/contents/socialtype_bg.gif'); }
.socialType > div p:before { position:absolute; top:50%; right:-50px; width:45px; height:1px; border-top:1px dotted #b2b2b2; content:""; }
.socialType > div p:after { position:absolute; top:50%; right:-81px; width:30px; height:180%; margin-top:-90%; border:1px dotted #b2b2b2; border-right:0; content:""; }
.socialType > div p span { position:relative; top:50%; display:block; padding-top:70px; background:url('/se/img/contents/socialtype.gif') no-repeat center top; transform:translateY(-50%); }
.socialType > ul { display:table-cell;  }
.socialType > ul li { padding:30px 0 30px 95px; border-top:1px dotted #b2b2b2; background:no-repeat left center; }
.socialType > ul li:first-child { border-top:0; background-image:url('/se/img/contents/socialtype1.gif'); }
.socialType > ul li:nth-child(2) { background-image:url('/se/img/contents/socialtype2.gif'); }
.socialType > ul li:nth-child(3) { background-image:url('/se/img/contents/socialtype3.gif'); }
.socialType > ul li:nth-child(4) { background-image:url('/se/img/contents/socialtype4.gif'); }
.socialType > ul li:nth-child(5) { background-image:url('/se/img/contents/socialtype5.gif'); }
.socialType > ul li p { margin-bottom:10px; font-size:16px; font-weight:600; }

.socialMeaning > div { margin-top:15px; padding:6px; border-radius:10px; background:linear-gradient( to right, #ffb857 0%, #ff683d 50%, #fd8cad 100% ); } 
.socialMeaning > div > p { position:relative; height:125px; text-align:right; padding:0 290px 0 20px; border-radius:6px; background:#fff url('/se/img/contents/socialtype_meaning2.gif') no-repeat right 6% bottom; }
.socialMeaning > div > p span { position:relative; top:50%; display:inline-block; padding:20px 0 20px 30px; font-size:20px; background:url('/se/img/contents/socialtype_meaning1.gif') no-repeat left top; transform:translateY(-50%); }
.socialMeaning > ul { overflow:hidden; margin:40px 0; }
.socialMeaning > ul > li { float:left; text-align:center; width:25%; line-height:24px;  border-left:1px dotted #b2b2b2; }
.socialMeaning > ul > li:first-child { border-left:0; }
.socialMeaning > ul > li > p { margin-bottom:15px; font-size:16px; font-weight:600; }
.socialMeaning > ul > li:first-child > p { color:#ff7c3d; }
.socialMeaning > ul > li:nth-child(2) > p { color:#ff7c3d; }
.socialMeaning > ul > li:nth-child(3) > p { color:#fe736f; }
.socialMeaning > ul > li:nth-child(4) > p { color:#fe736f; }

.link_page {text-align:center;}


#sitemap>div>p {background:#ff8491;}
#sitemap>div:nth-child(4) {min-height:780px;}

/*pc*/
@media all and (min-width:801px){
	.pc_block { display:block; }

	#lmenu h2{background:url(../img/sub/lmenu_bg.jpg) repeat-x center bottom; color:#fff;}
	#lmenu>ul>li.on:first-child {border-top:1px solid #f5758a;}
	#lmenu>ul>li.on {border-width:1px; border-color:#ff746f;}
	#lmenu>ul>li.on>a{position:relative; color:#fff; background:#ff8491; font-weight:bold;}
	#lmenu>ul>li>ul>li.on {border-color:#ff746f;}
	#lmenu>ul>li>ul>li.on>a {color:#ff746f;}
	#lmenu>ul>li>ul>li.on>a:before {background:#ff746f;}
	#lmenu>ul>li>ul>li.point.on {border-color:#ff746f;}
	#lmenu ul.depth4>li.on>a {color:#f5768c;}
	#lmenu ul.depth4>li.on>a:before {background:#f5768c;}
	#lmenu>ul>li>ul>li.point.on>a:after {border-color:#f5768c;}

	ol.step li .con {position:relative; min-height:80px; z-index:1; box-sizing:border-box;}
	ol.step li .con .conAlign {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:2.5%; width:100%; word-break:keep-all;}
	ol.step li .con .conAlign span, ol.step li .txt span {display:block;}
	ol.step.row>li {display:table; margin-left:0; padding-top:40px; padding-left:0; width:100%; background:url('/main/img/sub/step_row_arr.gif') 80px top no-repeat;}
	ol.step.row>li:first-child {padding-top:0;}
	ol.step.row li .tit {position:static; display:table-cell; vertical-align:middle; padding-top:25px; padding-bottom:25px; width:180px;}
	ol.step.row li .con {display:table-cell; text-align:left; vertical-align:middle; border-top:1px solid #c6c6c6; border-left:none;}
	ol.step.row li .txt {display:table-cell; text-align:left; vertical-align:middle; width:40%; border-top:1px solid #c6c6c6; border-left:none;}
	.business { margin-top:20px; }
	.business ul li { position:absolute; }
	.business ul li.p1 { top:0; left:50%; text-align:center; padding-top:100px; background-position:center top; transform:translateX(-50%); }
	.business ul li.p2 { top:202px; left:50%; margin-left:170px; padding:12px 0 12px 110px; text-align:left; background-position:left top; }
	.business ul li.p3 { bottom:28px; left:50%; margin-left:66px; padding-top:100px; text-align:center; background-position:center top; }
	.business ul li.p4 { bottom:28px; right:50%; margin-right:44px; padding-top:100px; text-align:center; background-position:center top; }
	.business ul li.p5 { top:202px; right:50%; margin-right:170px; padding:12px 110px 12px 0; text-align:right; background-position:right top; }
}

/*tablet*/
@media screen and (max-width:800px){

	ol.step>li {padding-left:0; padding-top:30px; margin-bottom:0; margin-left:0; width:100% !important; background:url('/main/img/sub/step_row_arr.gif') center top no-repeat !important;}
	ol.step>li:first-child {padding-top:0 !important;}
	ol.step li .tit {padding-top:10px; padding-bottom:10px; font-size:18px;}
	ol.step li .tit span {margin-left:0; line-height:25px; width:25px; height:25px;}
	ol.step li .txt ul {text-align:left;}
	ol.step li .con {padding:20px 30px;}
	ol.step.row li {display:block;}
	
	.greeting > div { padding-left:0; }
	.greeting > div:before { display:none; }
	.greeting > div.tit { height:auto; padding:30px; border-radius:50px 0 50px 0;}
	.greeting > div.tit:after { display:none; }
	.greeting > div.tit > div { position:static; transform:none; }
	.greeting > div.tit > div > p { font-size:16px; line-height:25px;}
	.greeting > div.tit > div > p:first-child { font-size:27px; line-height:33px;}
	.greeting > div.txt { padding-top:50px;}
	.greeting > div.txt > p.name { margin-top:50px;}
	.business { height:auto;}
	.business ul { padding-top:520px;}
	.business ul li { margin:10px 0; padding:25px 0 45px 110px; border-bottom:1px solid #eee;}
	.concept_what { overflow:hidden; padding-top:63px;}
	.concept_what > li { float:none; margin:80px auto; width:99%; min-height:auto;}
	.concept_what > li:first-child { margin-left:auto; margin-top:0;}

	.status {height:400px;}
	.status .list_box {padding:20px 0;}
	.status .list_box>p {font-size:18px;}
	.status .list_box .list {width:75%;}
	.status .list_box .list>ul>li {width:32.3%; height:70px;}
	.status .list_box>a {bottom:40px; width:40px; height:40px;}

	.about li { text-align:center; padding:160px 0 60px 0; }
	.about li:before { top:20px; left:50%; margin-top:0; margin-left:-60px; }

	.socialType { position:relative; display:block; margin-top:15px; width:100%; }
	.socialType > div { display:block; text-align:center; padding-bottom:30px; width:auto; }
	.socialType > div p { display:inline-block;}
	.socialType > div p:before { position:absolute; top:240px; right:50%; width:1px; height:30px; border-left:1px dotted #b2b2b2; border-top:0; content:""; }
	.socialType > div p:after { display:none; }
	.socialType > ul { display:block;  }
	.socialType > ul li:first-child { border-top:1px dotted #b2b2b2; }

	.socialMeaning > div > p { text-align:center; height:auto; padding:0 0 100px 0; border-radius:6px; }
	.socialMeaning > div > p span { position:static; padding:30px 15px 15px; background-position:left 30px top 5px; transform:none; }
}