@CHARSET "UTF-8";

/* NEWS */
#topics .lib-rss__contents{ background:transparent; padding:0; }

/* DEFAULT */
.dft-inner{ margin:auto; max-width:1300px; }
.dft-ttl{ line-height:1.28; font-size:50px; font-weight:normal; font-family:"Jost", sans-serif; }
.dft-ttl::first-letter{ color:#2E5D50; }
.dft-sub{ display:block; font-size:16px; }
.dft-btn.pc{ display:none; }
.dft-btn{ margin:36px auto 0; }
.dft-btn a{ position:relative; height:60px; background-color:#FFF; padding-right:25px; font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration:none; width:220px; margin:auto; border:1px solid #707070; border-radius:60px; }
.dft-btn a::after{ position:absolute; content:""!important; display:block; width:30px; height:30px; right:25px; top:0; bottom:0; margin:auto; background-repeat:no-repeat; background-image:url(../other/btn_arw.svg); transition:0.3s; }
.dft-btn a:hover{ background-color:#EEE; }
.dft-cont p{ margin:30px 0; }
.dft-cont .dft-btn a{ margin:0; }
@media only screen and (min-width:768px){
	.dft-row{ display:flex; align-items:center; justify-content:space-between; }
	.dft-ttl{ font-size:75px; }
	.dft-sub{ font-size:17px; }
	.dft-btn{ margin:0; }
	.dft-btn.pc{ display:block; }
	.dft-btn.sp{ display:none; }
	.dft-cont{ max-width:290px;margin:0 30px 0 0; }
	.dft-disc{ max-width:calc(100% - 320px); }
	.dft-cont p{ margin:40px 0 50px; }
}
@media only screen and (min-width:1024px){
	.dft-ttl{ font-size:90px; }
	.dft-sub{ font-size:18px; }
	.dft-cont{ max-width:370px; margin:0 65px 0 0; }
	.dft-disc{ max-width:calc(100% - 435px); }
	.dft-cont p{ margin:45px 0 50px; }
}
@media only screen and (min-width:1500px){
	.dft-ttl{ font-size:100px; }
	.dft-sub{ font-size:20px; }
}

/* Section1 */
.list-grid{ margin:30px 0 0; }
.list-box{ margin:30px 0 0; width:100%; border:1px solid #e2e2e2; border-radius:10px; }
.list-box:first-child{ margin:0; }
.list-box h3{ margin:0; font-size:18px; background:#EFF8F8; border:none; padding:15px 20px; border-radius:10px 10px 0 0; }
.list-siege{ background:#FFF; padding:20px; margin:0; border-radius:0 0 10px 10px; }
.list-desc{ margin:20px 0 10px; font-weight:bold; }
.list-link a{ display:flex; height:40px; pointer-events:none; font-size:14px; align-items:center; justify-content:center; text-decoration:none; border-radius:50px; background:#FFF; color:#2E5D50; border:1px solid #2E5D50; padding:0 12px; }
.list-link a:hover{ background:#2E5D50; color:#FFF; }
.list-link li{ margin:0 0 10px; list-style:none; padding:0; }
.list-link li::before{ display:none; }
@media only screen and (min-width:768px){
	.list-grid{ margin:40px 0 0; display:flex; flex-wrap:wrap; }
	.list-siege{ border-radius:0 0 20px 20px; }
	.list-box{ width:calc(50% - 15px); border-radius:20px; }
	.list-box:nth-child(odd){ margin:30px 15px 0 0; }
	.list-box:nth-child(even){ margin:30px 0 0 15px; }
	.list-box:nth-child(1){ margin:0 15px 0 0; }
	.list-box:nth-child(2){ margin:0 0 0 15px; }
	.list-box h3{ font-size:20px; border-radius:20px 20px 0 0; }
	.list-link{ display:flex; }
	.list-link li{ margin:0 10px 0 0; }
}
@media only screen and (min-width:1024px){
	.list-grid{ margin:45px 0 0; }
	.list-box{ width:calc(50% - 35px); }
	.list-box:nth-child(odd){ margin:40px 35px 0 0; }
	.list-box:nth-child(even){ margin:40px 0 0 35px; }
	.list-box:nth-child(1){ margin:0 35px 0 0; }
	.list-box:nth-child(2){ margin:0 0 0 35px; }
	.list-box h3{ font-size:22px; }
}
@media only screen and (min-width:992px){
	.list-txt{ display:-webkit-box; webkit-box-orient:vertical; -webkit-line-clamp:4; }
	.list-link a{ padding:0 20px; font-size:16px; }
}

/* Section2 */
.dl-box{ background:#2E5D50; border-radius:10px; padding:30px 20px; }
.dl-txt h3{ margin:0; padding:0; color:#FFF; border:none; margin:0 0 20px; }
.dl-txt p{ color:#FFF; }
.dl-box .dft-btn{ margin:25px 0 0; }
.dl-box .dft-btn a{ width:260px; }
.dl-img{ padding:10px;border-radius:10px;margin:0 0 20px;background:#FFF;box-sizing:border-box; }
.dl-img img{ border-radius:10px; }
@media only screen and (min-width:768px){
	.dl-box{ border-radius:20px; padding:35px 20px; }
	.dl-row{ display:flex; flex-wrap:wrap; align-items:start; }
	.dl-txt{ width:calc(100% - 265px); }
	.dl-txt h3{ margin:0; padding:0; color:#FFF; border:none; margin:0 0 20px; }
	.dl-img{ max-width:230px;margin:0 35px 0 0; }
	.dl-box .dft-btn a{ margin:0; }
}
@media only screen and (min-width:1024px){
	.dl-box{ padding:45px 60px; }
	.dl-row{ align-items:center; }
	.dl-txt{ width:calc(100% - 380px); }
	.dl-img{ padding:15px; max-width:310px; margin:0 70px 0 0; }
}

/* Section3 */
.worry h2{ justify-content:center; color:#2E5D50; font-size:20px; margin:0 0 20px; text-align:center; }
.worry h2::before{ display:none; }
.worry-txt{ display:none; position:relative; justify-content:center; color:#2E5D50; font-size:20px; padding:10px 0 0; margin:0; font-weight:bold; text-align:center; }
.worry-txt::after{ content:''; position:absolute; top:0; left:0; right:0; margin:auto; width:0; height:0; border-style:solid; border-width:12px 14px 0 14px; border-color:#2E5D50 transparent transparent transparent; }
.worry .pc-img{ display:none; }
@media only screen and (min-width:568px){
	.worry h2{ margin:0 0 40px; font-size:30px; }
	.worry-txt{ display:block; padding:25px 0 0; }
	.worry-txt::after{ border-width:21px 26px 0 26px; }
	.worry .pcbr{ display:none; }
	.worry .pc-img{ display:inline; }
	.worry .sp-img{ display:none; }
}
@media only screen and (min-width:768px){
	.worry h2{ margin:0 0 40px; font-size:30px; }
	.worry-txt{ font-size:30px; }
}
@media only screen and (min-width:1024px){
	.worry h2{ margin:0 0 50px; }
}

/* Section4 */
#plan{ background:linear-gradient(0deg,rgba(211, 235, 234, 1) 0%, rgba(248, 251, 252, 1) 50%, rgba(232, 244, 248, 1) 100%); padding:50px 20px; }
#plan .dft-ttl{ margin:0 0 30px; }
.plan-box{ padding:20px; background:#FFF; margin:0 0 20px; box-shadow:0 0 10px 0 rgba(46,93,80,0.1); border-radius:10px; }
.plan-num{ font-size:45px; color:#2F5D50; }
.plan-color{ color:#2F5D50; }
@media only screen and (min-width:768px){
	#plan{ padding:50px 20px 60px; }
	.plan-box{ padding:30px; display:flex; flex-wrap:wrap; flex-direction:row-reverse; }
	.plan-img,
	.plan-txt{ width:calc(50% - 15px); }
	.plan-txt{ margin:0 15px 0 0; }
	.plan-num{ font-size:55px; }
	.plan-ttl{ font-size:22px; }
	.plan-img{ margin:0 0 0 15px; }
}
@media only screen and (min-width:1024px){
	#plan{ padding:50px 20px 70px; }
	.plan-box{ padding:50px; }
	.plan-img,
	.plan-txt{ width:calc(50% - 50px); }
	.plan-txt{ margin:0 50px 0 0; }
	.plan-num{ font-size:60px; }
	.plan-ttl{ font-size:30px; }
	.plan-img{ margin:0 0 0 50px; }
}

/* TIMELINE */
#timeline{ padding:50px 20px 50px 45px; }
#timeline .dft-ttl{  margin:0 0 35px; }
.tl-left{ display:none; position:relative; }
.tl-hover{ position:absolute; margin:auto; left:0; top:0; bottom:0; filter:drop-shadow(0 3px 6px #ededed); }
.tl-right{ position:relative; border-left:5px solid #EDF9F8; }
.tl-box{ cursor:pointer; position:relative; margin-bottom:40px; padding-left:45px; }
.tl-number{ position:absolute; left:-30px; top:0; width:50px; height:50px; background:#fff; border-radius:50%; border:1px solid #EDEDED; display:flex; justify-content:center; align-items:center; font-size:1.2rem; font-weight:bold; color:#1a3d36; z-index:1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.15); transition:0.2s; }
.tl-box:hover .tl-number{ background:#2f5d50; color:#fff; border:none; }
.tl-content{ background:#EDF9F8; padding:20px; border-radius:15px; transition:0.2s; }
.tl-content::before{ content:""; position:absolute; width:0; height:0; left:23px; border-style:solid; border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:22px solid #EDF9F8; border-left:0; }
.tl-content h3{ margin:0 0 10px; font-size:20px; display:flex; align-items:center; color:#2f5d50; position:relative; padding:0; border:none; }
.tl-content h3::before{ content:""; display:block; width:45px; height:45px; left:0; top:0; margin:0 10px 0 0; background-repeat:no-repeat; transition:0.3s; }
.tl-box.tl1 .tl-content h3::before{ background-image:url(../other/time1.svg); }
.tl-box.tl2 .tl-content h3::before{ background-image:url(../other/time2.svg); }
.tl-box.tl3 .tl-content h3::before{ background-image:url(../other/time3.svg); }
.tl-box.tl4 .tl-content h3::before{ background-image:url(../other/time4.svg); }
.tl-box.tl5 .tl-content h3::before{ background-image:url(../other/time5.svg); }
.tl-box:hover .tl-content{ background:#2f5d50; }
.tl-box:hover .tl-content::before{ border-right:39px solid #2f5d50; }
.tl-box:hover .tl-content h3{ color:#FFF; }
.tl-box:hover .tl-content p{ color:#FFF; }
.tl-content p{ margin:0; color:#444; }
@media only screen and (min-width:1024px){
	.tl-box{ padding-left:80px; }
	.tl-number{ width:70px; height:70px; }
	.tl-content::before{ left:50px; border-top:17px solid transparent; border-bottom:17px solid transparent; border-right:30px solid #EDF9F8; }
	.tl-content h3::before{ width:50px; height:50px; }
}
@media only screen and (min-width:1400px){
	#timeline{ padding:120px 20px 120px 0; }
	#timeline .dft-ttl{ display:none; }
	.tl-row{ max-width:1500px; display:flex; flex-wrap:wrap; align-items:center; }
	.tl-left{ display:block; width:48%;	}
	.tl-right{ border-left:none; width:52%; }
	.tl-box{ padding-left:50px; }
	.tl-box.tl1{ margin:0 0 12% -32%; }
	.tl-box.tl2{ margin:0 0 12% -9%; }
	.tl-box.tl3{ margin:0 0 0 5%; }
	.tl-box.tl4{ margin:12% 0 0 -6%; }
	.tl-box.tl5{ margin:12% 0 0 -32%; }
	.tl-number{ display:none; }
	.tl-content{ max-width:650px; padding:25px; border-radius:20px; }
	.tl-content::before{ top:0; bottom:0; margin:auto; left:11px; border-top:22px solid transparent; border-bottom:22px solid transparent; border-right:39px	solid #EDF9F8; }
	.tl-content h3{ font-size:24px; margin:0 0 20px; }
	.tl-content h3::before{ width:58px; height:58px; }
}

/* WORK */
#work-box{ padding:60px 20px 55px; background:linear-gradient(0deg,rgba(211, 235, 234, 1) 10%, rgba(248, 251, 252, 1) 70%, rgba(232, 244, 248, 1) 95%); }
#work-box  .work-box-main .lib-media__title{margin:20px 0 0;padding:0;border:none;}
#work-box .dft-cont p{ font-weight:bold; color:#2F5D50; }
#work-box .dft-cont li{ margin:0 0 10px; list-style:none; padding:0; }
#work-box .dft-cont li::before{ display:none; }
#work-box  .work-box-main .lib-card__txtarea{ padding:0; }
#work-box  .work-box-main .badge{ display:flex; height:40px; font-size:14px; align-items:center; justify-content:center; text-decoration:none; border-radius:50px; background:#FFF; color:#2E5D50; border:1px solid #2E5D50; padding:0 12px; font-weight:normal }
#work-box  .work-box-main .badge:hover{ background:#2E5D50; color:#FFF; }
#work-box  .work-box-main .lib-media__title{ order:1; }
#work-box  .work-box-main .lib-media__txt{ order:2; }
#work-box  .work-box-main .lib-media__category{ order:3; }
#work-box .swiper-button{ max-width:160px; height:21px; margin:20px auto 0; position:relative; }
#work-box .swiper-pagination-current{ margin:0 10px 0 0; }
#work-box .swiper-button-next,
#work-box .swiper-button-prev{ width:21px; height:21px; color:transparent; background-position:center; background-size:contain; top:0; bottom:0; margin:auto; }
#work-box .swiper-button-next{ background-image:url(../other/right_slide.svg); right:0; }
#work-box .swiper-button-prev{ background-image:url(../other/left_slide.svg); left:0; }
#work-box .swiper-pagination{ width:55px; margin:auto; }
#work-box .swiper-pagination-total{ margin:0 0 0 10px; }
#work-box .work-box-thumb img{ border-radius:10px; }
#work-box .dft-cont .dft-btn a{ margin:0 auto 45px; background-color:transparent; }
#work-box .dft-cont .dft-btn a:hover{ margin:0; background-color:rgba(255, 255, 255, 0.5); }
#work-box .lib-swiper__control,
.work-box-main .lib-media__thumb,
.work-box-thumb .lib-card__txtarea{ display:none; }
.work-box-thumb .lib-media__thumb { width:100%; height:100%; }
.work-box-thumb .lib-media__thumb .thumb { height:100%; max-height:none; }
@media only screen and (min-width:768px){
	#work-box{ padding:80px 20px 70px; }
	#work-box .work-box-row{ display:flex; align-items:center; }
	#work-box  .work-box-main .lib-media__title{ margin:25px 0 0!important; }
	#work-box .work-box-main .lib-media__txt{ margin:30px 0 40px!important; }
	#work-box .dft-cont ul{ display:flex; margin:40px 0 80px; }
	#work-box .dft-cont li,
	#work-box  .work-box-main .badge{ margin:0 10px 0 0; }
	#work-box .dft-cont .dft-btn a{ margin:0; }
	#work-box .swiper-button{ margin:20px 0 0 auto; }
}
@media only screen and (min-width:1024px){
	#work-box{ padding:100px 20px 90px; }
	#work-box .dft-cont ul{ margin:50px 0 110px; }
	#work-box .work-box-main .lib-media__txt{ margin:45px 0 50px!important; }
}

/* SERVICE */
#srv-list .srv-swiper{ margin:30px 0 0; }
#srv-list .swiper-slide{ position:relative; width:205px; height:295px!important; display:flex; align-items:end; justify-content:space-between; padding:20px; background-repeat:no-repeat; background-size:cover; transition:0.4s; cursor:pointer; }
#srv-list .swiper-slide:hover{ width:calc(205px * 1.2); }
#srv-list .swiper-slide::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); transition:0.4s; }
#srv-list .swiper-slide:hover::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); }
#srv-list .swiper-slide::after{ content:""; display:block; width:30px; height:30px; background-repeat:no-repeat; background-image:url(../other/btn_arw.svg); transition:0.3s; }
#srv-list .swiper-slide.srv-slide1{ background-image:url(../image/srv-bg1.jpg); }
#srv-list .swiper-slide.srv-slide2{ background-image:url(../image/srv-bg2.jpg); }
#srv-list .swiper-slide.srv-slide3{ background-image:url(../image/srv-bg3.jpg); }
#srv-list .swiper-slide.srv-slide4{ background-image:url(../image/srv-bg4.jpg); }
#srv-list .swiper-slide.srv-slide5{ background-image:url(../image/srv-bg5.jpg); }
#srv-list .swiper-slide.srv-slide6{ background-image:url(../image/srv-bg6.jpg); }
#srv-list p{ font-size:28px; color:#FFF; position:relative; z-index:1; }
#srv-list .eng-name{ display:block; font-size:18px; }
#srv-list a{ position:absolute; height:100%; width:100%; top:0; left:0; z-index:2; }
#srv-list a span{ display:none; }
#srv-list .swiper-button{ max-width:150px; height:21px; margin:25px auto; position:relative; }
#srv-list .swiper-button-next,
#srv-list .swiper-button-prev{ width:21px; height:21px; color:transparent; background-position:center; background-size:contain; top:0; bottom:0; margin:auto; }
#srv-list .swiper-button-next{ background-image:url(../other/right_slide.svg); right:0; }
#srv-list .swiper-button-prev{ background-image:url(../other/left_slide.svg); left:0; }
#srv-list .swiper-button-next:after,
#srv-list .swiper-button-prev:after{ width:21px; height:21px; }
@media only screen and (min-width:768px){
	#srv-list .srv-swiper{ margin:40px 0 0; }
	#srv-list .swiper-slide{ width:250px; height:360px!important; }
	#srv-list .swiper-slide:hover{ width:calc(250px * 1.2); }
	#srv-list p{ font-size:38px; }
	#srv-list .eng-name{ font-size:18px; }
	#srv-list .swiper-button{ margin:25px auto 80px; }
}
@media only screen and (min-width:1024px){
	#srv-list .srv-swiper{ margin:50px 0 0; }
	#srv-list .swiper-slide{ width:320px; height:460px!important; padding:30px; }
	#srv-list .swiper-slide:hover{ width:calc(320px * 1.2); }
	#srv-list p{ font-size:48px; }
	#srv-list .eng-name{ font-size:20px; }
	#srv-list .swiper-button{ margin:30px auto 120px; }
}

/* CONTACT */
#contact{ padding:60px 0 0; background:linear-gradient(43deg,rgba(211, 235, 234, 1) 10%, rgba(248, 251, 252, 1) 70%, rgba(232, 244, 248, 1) 95%); }
#contact .cnt-row{ margin:auto; max-width:1300px; }
#contact .dft-cont{ padding:0 20px; }
#contact .dft-disc{ height:355px; width:100%; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../image/web_back.webp); }
#contact .dft-btn a{ background-color:transparent; margin:auto; }
#contact .dft-btn a:hover{ margin:0; background-color:rgba(255, 255, 255, 0.5); }
@media only screen and (min-width:768px){
	#contact{ padding:0 0 0 20px; }
	#contact .dft-cont{ padding:0; }
	#contact .cnt-row{ display:flex; align-items:center; }
	#contact .dft-disc{ height:460px; }
	#contact .dft-btn a{ margin:0; }
}
@media only screen and (min-width:1024px){
	#contact .cnt-row{ align-items:start; }
	#contact .dft-disc{ height:690px; }
	#contact .dft-cont{ margin:95px 65px 0 0; }
	#contact .dft-btn{ margin:160px 0 0; }
}
@media only screen and (min-width:1440px){
	#contact .cnt-back{ background-position:center right -30%; background-size:contain; background-repeat:no-repeat; background-image:url(../image/web_back.webp); }
	#contact .dft-disc{ background-image:none; }
}
@media only screen and (min-width:1600px){
	#contact .cnt-back{ background-position:center right -15%; }
}

/* Sub Title */
.sub-title{ position:relative; color:#000; padding:0 0 10px; font-size:22px; border-bottom:2px solid #DDD; margin:0 0 1.2em; }
.sub-title::before{ content:''; position:absolute; bottom:-2px; left:0; width:90px; height:2px; background:#000; }
@media only screen and (min-width:1440px){
	.sub-title{ font-size:30px; }
}

/* Shift box */
.shift-img img{ width:100%; }
.shift-desc{ background:#FFF; padding:30px 20px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.15); }
.shift-ttl{ color:#2E5D50; font-size:20px; margin:0 0 20px; }
@media only screen and (min-width:768px){
	.shift-box{ margin:0 0 140px; position:relative; display:flex; flex-wrap:wrap; }
	.shift-img{ width:55%; }
	.shift-cnt{ width:45%; }
	.shift-desc{ padding:40px 30px; width:55%; position:absolute; bottom:-15%; right:0; }
	.shift-ttl{ font-size:24px; margin:0 0 25px; }
}
@media only screen and (min-width:1024px){
	.shift-box{ margin:0 0 190px; }
	.shift-desc{ padding:60px 40px; }
	.shift-ttl{ font-size:30px; margin:0 0 30px; }
}

/* Plan Table */
.plan-tbl{ border:2px solid var(--MAIN); border-radius:8px; max-width:1170px; margin:auto; }
.plan-tbl table{ border:none; table-layout:auto; }
.plan-tbl th,
.plan-tbl td{ border-top:none; border-right:none; font-weight:bold; }
.plan-tbl tr:last-child th,
.plan-tbl tr:last-child td{border-bottom:none!important;}
.plan-tbl.ver1 th{ width:200px; }
.plan-tbl.ver1 tr:nth-child(2) td,
.plan-tbl.ver1 tr:nth-child(3) td{ height:calc(1em * 1.8 * 3) ;-webkit-box-orient:vertical; -webkit-line-clamp:3; }
.plan-tbl.ver1 td{ text-align:center; }
.plan-tbl.ver2 tr:first-child th{ text-align:center; }
.plan-tbl.ver2 tr:nth-child(n+2) th{ width:200px; }
.plan-tbl.ver2 tr:nth-child(2) td{ text-align:center; }
.plan-tbl.ver2 tr:nth-child(n+3) td{ width:480px; }
.plan-tbl.ver3 tr td{ text-align:center; }
.plan-tbl.ver3 tr:nth-child(n+2) th{ width:200px; }
.plan-tbl.ver3 tr:nth-child(n+3) td{ width:240px; }
p.hosoku{ max-width:1170px; margin:auto; }

/* Column btn */
.ank-btn3 .dft-btn,
.ank-btn4 .dft-btn,
.ank-btn5 .dft-btn{ margin:0 0 15px; }
.ank-btn3 .dft-btn:last-child,
.ank-btn4 .dft-btn:last-child,
.ank-btn5 .dft-btn:last-child{ margin:0; }
.ank-btn5 .dft-btn a{ width:auto; margin:0; }
.ank-btn3 .dft-btn a,
.ank-btn4 .dft-btn a{ width:auto; }
.ank-btn3 .dft-btn a::after,
.ank-btn4 .dft-btn a::after,
.ank-btn5 .dft-btn a::after{ transform:rotate(90deg); }
@media only screen and (max-width:767px){
	.ank-btn3,
	.ank-btn4,
	.ank-btn5{ max-width:320px; margin:auto; }
}
@media only screen and (min-width:768px){
	.ank-btn3,
	.ank-btn4,
	.ank-btn5{ display:flex; flex-wrap:wrap; }
	.ank-btn3{ justify-content:start; max-width:955px; margin:auto; }
	.ank-btn4{ justify-content:center; }
	.ank-btn5 {justify-content:start; }
	.ank-btn3 .dft-btn{ width:calc(100%/3 - 20px); margin:30px 30px 0 0; }
	.ank-btn3 .dft-btn:last-child{ margin:30px 30px 0 0; }
	.ank-btn3 .dft-btn:nth-child(3n){ margin:30px 0 0; }
	.ank-btn3 .dft-btn:nth-child(-n+2),{ margin:0 30px 0 0; }
	.ank-btn3 .dft-btn:nth-child(3){ margin:0; }
	.ank-btn4 .dft-btn{ width:calc(50% - 30px); }
	.ank-btn4 .dft-btn:nth-child(odd){ margin:30px 15px 0 0; }
	.ank-btn4 .dft-btn:nth-child(even){ margin:30px 0 0 15px; }
	.ank-btn4 .dft-btn:nth-child(1){ margin:0 15px 0 0; }
	.ank-btn4 .dft-btn:nth-child(2){ margin:0 0 0 15px; }
	.ank-btn5 .dft-btn{ width:calc(100%/3 - 20px); margin:30px 30px 0 0; }
	.ank-btn5 .dft-btn:last-child{ margin:30px 30px 0 0; }
	.ank-btn5 .dft-btn:nth-child(3n){ margin:30px 0 0; }
	.ank-btn5 .dft-btn:nth-child(-n+2){ margin:0 30px 0 0; }
	.ank-btn5 .dft-btn:nth-child(3){ margin:0; }
}
@media only screen and (min-width:1024px){
	.ank-btn3 .dft-btn{ width:auto; margin:30px 110px 0 0; }
	.ank-btn3 .dft-btn:nth-child(-n+2){ margin:0 110px 0 0; }
	.ank-btn3 .dft-btn a{ width:245px; margin:0; }
	.ank-btn4 .dft-btn,
	.ank-btn4 .dft-btn:nth-child(odd),
	.ank-btn4 .dft-btn:nth-child(even){ width:calc(25% - 80px); margin:0 46px 0 0; }
	.ank-btn5 .dft-btn,
	.ank-btn5 .dft-btn:nth-child(-n+2),
	.ank-btn5 .dft-btn:nth-child(3n),
	.ank-btn5 .dft-btn:nth-child(3){ width:calc(20% - 32px); margin:0 40px 0 0; }
	.ank-btn5 .dft-btn:nth-child(5){ margin:0; }
}

/* Flow */
.flow{ max-width:945px; margin:auto; }
.flow-box{ display:flex; flex-wrap:wrap; margin:0 0 35px; }
.flow-img{ width:80px; margin:0 15px 0 0; }
.flow-img img{ border-radius:200px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.15); }
.flow-text{ width:calc(100% - 95px); }
.flow-text h3{ margin:0 0 15px; font-size:20px; }
.flow-step{ color:var(--MAIN); margin:0; display:block; }
@media only screen and (min-width:768px){
	.flow-box{ align-items:center; }
	.flow-img{ width:130px; margin:0 30px 0 0; }
	.flow-text{ width:calc(100% - 160px); }
	.flow-text h3{ font-size:24px; padding:0 0 20px; margin:0 0 20px; }
	.flow-step{ margin:0 30px 0 0; display:inline; }
}

/* Etc */
.feature-icon img{ border-radius: 200px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
.lines-3,
.lines-5{ -webkit-box-orient:vertical;}
.lines-3{ height:calc(1em * 1.8 * 3);}
.lines-5{ height:calc(1em * 1.8 * 5);}
@media only screen and (min-width:768px){
	.cross-content{ margin:0 0 140px; position:relative; display:flex; flex-wrap:wrap; }
}
@media only screen and (min-width:945px){
	.lines-5 { height:calc(1em * 1.8 * 5); }
}
@media only screen and (min-width:1024px){
	.cross-content{ margin:0 0 190px; }
}
@media (min-width: 768px) and (max-width: 944px) {
	.title.lines-3{ font-size:19px; }
	.lines-5{ height:calc(1em * 1.8 * 7); }
}

/* Service list */
#srv_guide{ padding:40px 20px 60px; background:linear-gradient(0deg, rgba(211, 235, 234, 1) 0%, rgba(248, 251, 252, 1) 50%, rgba(232, 244, 248, 1) 100%);}
#srv_guide h3{ font-size:30px; font-weight:300; padding:0 0 5px; margin:0 0 15px; position:relative; border-bottom:2px solid #DDD;}
#srv_guide h3::first-letter{ color:#2E5D50; }
#srv_guide h3::after{ content:''; position:absolute; bottom:-2px; left:0; width:30%; height:2px; background:#2E5D50;}
#srv_guide h3.long-sentence{ font-size:25px;}
#srv_guide p{ margin:0; color:#2E5D50;}
#srv_guide .dft-btn a{ margin:0 0 0 auto;}
.service-top,
.service-grid{ max-width:1100px; margin-left:auto;	margin-right:auto;}
.service-card{ display:flex; flex-direction:column; justify-content:space-between;}
.service-top{ margin-bottom:70px;}
.service-top .service-item:nth-child(odd){ margin:0 0 70px;}
.service-top .service-img{ margin:0 0 15px;}
.service-grid .service-card{ margin:70px 0 0;}
.service-grid .service-card:nth-child(1){ margin:0;}
@media only screen and (min-width:768px){
	#srv_guide{ padding:50px 20px 80px; }
	#srv_guide h3{ font-size:36px; }
	#srv_guide h3.long-sentence{ font-size:27px; }
	.service-top{ margin-bottom:100px; }
	.service-top .service-item,
	.service-grid{ display:flex; flex-wrap:wrap; }
	.service-top .service-item{ align-items:center; }
	.service-top .service-item:nth-child(odd){  flex-direction:row-reverse;  margin:0 0 60px; }
	.service-top .service-card{ width:45%; height:100%; justify-content:space-between; height:240px; }
	.service-top .service-img{ width:calc(55% - 25px); }
	.service-top .service-item:nth-child(odd) .service-img{ margin:0 0 0 25px; }
	.service-top .service-item:nth-child(even) .service-img{ margin:0 25px 0 0; }
	.service-grid .service-card{ width:calc(50% - 20px); height:240px; }
	.service-grid .service-card:nth-child(odd){ margin:40px 20px 0 0;  }
	.service-grid .service-card:nth-child(even){ margin:40px 0 0 20px; }
	.service-grid .service-card:nth-child(1){ margin:0 20px 0 0;  }
	.service-grid .service-card:nth-child(2){ margin:0 0 0 20px; }
}
@media only screen and (min-width:992px){
	#srv_guide h3.long-sentence{ font-size:36px; }
}
@media only screen and (min-width:1024px){
	#srv_guide{ padding:60px 20px 100px; }
	#srv_guide h3{ font-size:50px; }
	.service-top{ margin-bottom:160px; }
	.service-top .service-item:nth-child(odd){ margin:0 0 95px; }
	.service-top .service-card{ height:370px; }
	.service-grid .service-card{ width:calc(50% - 45px); height:300px; }
	.service-grid .service-card:nth-child(odd){ margin:50px 45px 0 0; }
	.service-grid .service-card:nth-child(even){ margin:50px 0 0 45px; }
	.service-grid .service-card:nth-child(1){ margin:0 45px 0 0;  }
	.service-grid .service-card:nth-child(2){ margin:0 0 0 45px; }
}
@media only screen and (min-width:1060px){
	#srv_guide{ padding:60px 20px 100px; }
	#srv_guide h3.long-sentence{ font-size:40px; }
}