@charset "UTF-8";

*{	
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #231815;
	box-sizing: border-box;
	word-break: break-all;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: justify;
}

.mincho{ font-family: "游明朝�?", "Yu Mincho", YuMincho, "ヒラギノ�?�? Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

a{ transition: .3s; }
a:hover{ opacity: .7; }

br{ line-height: inherit; }

span, a, strong, small{ color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; }

.wrap{ width: 800px; margin: 0 auto; }
.wrap.wide{ width: 1200px; }

.linkwrap{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; }
.body-wrap{ overflow: hidden; position: relative; }

.sp{ display: none; }

header{ display: flex; justify-content: center; }
header nav{ width: 975px; margin: 0 auto; display: flex; align-items: center; }
header nav .logo.pc{ display: block; width: 167px; }
header nav ul{ display:none; }
header nav ul li{ line-height: 1; }
header nav ul li a{ line-height: 1; padding: 0 1em; }
header nav ul li:not(:last-of-type) a{ border-right: solid 1px; }
header nav .tel{ margin-left: 20px; }
header nav .tel a{ font-size: 22px; color: #b79541; padding-left: 30px; background: url(../images/icon-free01.png) no-repeat; background-size: 24px; background-position: top 2px left 0; }
header nav .tel small{ display: block; font-size: 10px; color: #b79541; line-height: 1; letter-spacing: .08em; }
header .contact-btn{
	width: 170px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(202,169,74); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(202,169,74,1) 0%, rgba(35,24,21,1) 49%, rgba(35,24,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(202,169,74,1) 0%,rgba(35,24,21,1) 49%,rgba(35,24,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(202,169,74,1) 0%,rgba(35,24,21,1) 49%,rgba(35,24,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caa94a', endColorstr='#231815',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
}
header .contact-btn span{ padding-right: 25px; background: url(../images/arrow01.png) no-repeat; background-size: 7px; background-position: top 50% right 0; }

.mv img{ width: 100%; }
.mv img.pc{ display: block; }

.intro{ background: url(../images/bg-intro01.png) #f2f2f2 no-repeat; background-size: 100%; background-position: right bottom; padding: 60px 0; position: relative; }
.intro ul{ display: table; }
.intro ul li,
section.why ul li{ font-family: inherit; font-size: 22px; font-weight: 700; margin-left: 44px; position: relative; line-height: 3; }
.intro ul li:before{ content: ''; width: 36px; height: 33px; background: url(../images/icon-check01.png) no-repeat; background-size: contain; position: absolute; top: 18px; left: -44px; }
.intro ul li{ border-bottom: dotted 2px #b79541; }
section.why ul li:before{ content: ''; width: 36px; height: 33px; background: none; background-size: contain; position: absolute; top: 18px; left: -44px; }
.intro ul li span{ color: #b79541; }
.intro.price h3.mb0{margin-bottom: 0;}

.price{ padding: 85px 0 100px; position: relative; }
.price:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 30px 80px 0 80px; border-color: #f2f2f2 transparent transparent transparent; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.price h2{ font-size: 48px; color: #b79541; font-weight: 700; text-align: center; letter-spacing: .01em; line-height: 130%; margin-bottom: 16px; }
.price h2 strong{ font-size: 65px; color: #231815; line-height: 150%;}
.price h3{ font-size: 32px; font-weight: 700; color: #b79541; text-align: center; letter-spacing: .01em; margin-bottom: 80px; }
.price h3 .red{ color: #ff6428; background:linear-gradient(transparent 85%, #ffef00 85%); display: inline-block; line-height: 1.2; }
.price h3 .black{ color: #231815;
  background: linear-gradient(transparent 55%, #ffef00 85%);
  display: inline;
  line-height: 1.2;
  background-repeat: no-repeat;
  background-size: 100% 100%; 
font-weight: normal;
font-size: 2rem;}
.price table{ width: 100%; }
.price table + table{ margin-top: 40px; }
.price table thead{ background: #231815; }
.price table thead th{ height: 40px; vertical-align: middle; text-align: center; color: #fff; font-weight: 500; }
.price table thead td{ color: #fff; text-align: center; }
.price table tbody th{ width: 250px; vertical-align: middle; text-align: center; font-size: 16px; font-weight: 500; padding: 1.5em 2em; border: solid 1px; }
.price table tbody td{ vertical-align: middle; text-align: left; font-size: 16px; font-weight: 500; padding: 1.5em 2em; border: solid 1px;  }
.price table tbody td strong{ color: #ff6428; }
.price table tbody td small{ color: #aaaaaa; }
.price table + p{ font-size: 12px; text-align: right; margin-top: .4em; }

.performance{ background: url(../images/bg-performance01.jpg) no-repeat; background-size: cover; padding: 90px 0 100px; position: relative; }
.performance:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 30px 80px 0 80px; border-color: #fff transparent transparent transparent; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.performance h2{ font-size: 3rem; color: #fff; text-align: center; font-weight: 600; letter-spacing: .01em; }
.performance h2 span{ color: #ffffa0; font-size: 2rem;}
.performance h2 + p{ color: #fff; text-align: center; padding-bottom: 45px; margin: 10px 0 30px; position: relative; background: url(../images/line01.png) no-repeat; background-size: 50px; background-position: bottom 0 left 50%; }
.performance h2 + p + p{ color: #fff; text-align: center; }
.performance .table-wrap{ display: flex; justify-content: space-between; margin-top: 50px; }
.performance .table-wrap table{ width: 370px; }
.performance .table-wrap table thead th{ font-size: 16px; color: #fff; font-weight: 500; border: solid 1px; vertical-align: middle; text-align: center; height: 50px; }
.performance .table-wrap table tbody th{ font-size: 22px; font-weight: 500; color: #fff; width: 250px; height: 70px; vertical-align: middle; text-align: center; border: solid 1px; }
.performance .table-wrap table tbody td{ font-size: 22px; color: #ffffa0; font-weight: 500; vertical-align: middle; align-items: center; text-align: center; border: solid 1px #fff; line-height: 1; }
.performance .table-wrap table tbody td strong{ font-size: 34px; font-weight: 600; font-family: "游明朝�?", "Yu Mincho", YuMincho, "ヒラギノ�?�? Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; vertical-align: text-bottom; line-height: 1;}
.performance .table-wrap + p{ font-size: 30px; color: #fff; text-align: center; letter-spacing: .01em; margin-top: 45px; }

.feature{ padding: 100px 0 180px; }
.feature h2{ font-size: 52px; font-weight: 700; color: #b79541; text-align: center; letter-spacing: .01em; line-height: 1.6; padding-bottom: 50px; margin-bottom: 75px; background: url(../images/line02.png) no-repeat; background-size: 50px; background-position: bottom 0 left 50%; }
.feature h2 strong{ font-size: 80px; color: #231815; font-weight: 600; }
.feature ul li{ position: relative; z-index: 0; }
.feature ul li:before{ content: ''; width: 50%; height: 100%; background: #f2f2f2; position: absolute; top: 0; left: 0; z-index: -1; }
.feature ul li + li{ margin-top: 120px; }
.feature ul li .inner{ width: 800px; margin: 0 auto; position: relative; }
.feature ul li .content{ width: 50%; background: #f2f2f2; padding: 65px 0; position: relative; z-index: 0; }
.feature ul li .content .bg{ width: calc(50vw + 350px); height: 100%; background: #f2f2f2; position: absolute; top: 0; left: calc(-50vw + 400px); z-index: -1; transform: skew(25deg); }
.feature ul li .content h3{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: rgb(202,169,74); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(202,169,74,1) 0%, rgba(202,169,74,1) 50%, rgba(35,24,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(202,169,74,1) 0%,rgba(202,169,74,1) 50%,rgba(35,24,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(202,169,74,1) 0%,rgba(202,169,74,1) 50%,rgba(35,24,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caa94a', endColorstr='#231815',GradientType=0 ); /* IE6-9 */
	padding: 20px 0 20px 70px;
	border-radius: 10px;
	margin-bottom: 18px;
}
.feature ul li .content h3 span{ position: relative; }
.feature ul li .content h3 span:before{ content: ''; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: -40px; }
.feature ul li:nth-of-type(1) .content h3 span:before{ background-image: url(../images/icon-ttl01.png); }
.feature ul li:nth-of-type(2) .content h3 span:before{ background-image: url(../images/icon-ttl02.png); }
.feature ul li:nth-of-type(3) .content h3 span:before{ background-image: url(../images/icon-ttl03.png); }
.feature ul li:nth-of-type(4) .content h3 span:before{ background-image: url(../images/icon-ttl04.png); }
.feature ul li .img{ width: 50vw; height: 100%; background: #000; position: absolute; top: 40px; right: calc((-50vw + 400px) - 8vw); transform: skew(-25deg); overflow: hidden; }
.feature ul li .img .img-in{ width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center left; transform: skew(25deg); position: absolute; top: 0; left: -6rem; }
.feature ul li:nth-of-type(1) .img .img-in{ background-image: url(../images/feature01.jpg); }
.feature ul li:nth-of-type(2) .img .img-in{ background-image: url(../images/feature02.jpg); }
.feature ul li:nth-of-type(3) .img .img-in{ background-image: url(../images/feature03.jpg); }
.feature ul li:nth-of-type(4) .img .img-in{ background-image: url(../images/feature04.jpg); }

h2.general{ font-size: 40px; font-weight: 600; text-align: center; padding-bottom: 50px; background: url(../images/line02.png) no-repeat; background-size: 50px; background-position: bottom 0 left 50%; letter-spacing: .01em; line-height: 1.6; }

.flow{ background: #f2f2f2; padding: 85px 0 120px; position: relative; }

.flow:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 80px 0 80px;
    border-color:#ffffff transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.flow ul{ margin-top: 100px; display: flex; justify-content: space-between; counter-reset: num; }
.flow ul li{ background: #fff; width: 200px; padding: 55px 15px 25px; position: relative; }
.flow ul li:before{ counter-increment: num; content: counter(num,decimal-leading-zero); font-size: 50px; font-weight: 500; color: #b79541; position: absolute; top: -27px; left: 50%; transform: translateX(-50%); font-family: "游明朝�?", "Yu Mincho", YuMincho, "ヒラギノ�?�? Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; line-height: 1; }
.flow ul li:not(:last-of-type):after{ content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 16px; border-color: transparent transparent transparent #b79541; position: absolute; top: 50%; right: -42px; transform: translateY(-50%); }
.flow ul li img{ display: block; width: 40px; margin: 0 auto 30px; }
.flow ul li h3{ font-size: 18px; font-weight: 500; text-align: center; line-height: 1.6; border-bottom: solid 1px #f2f2f2; padding-bottom: .6em; margin-bottom: .6em; min-height: 70px; }

.link{ display: flex; position: relative; }
.link:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 30px 80px 0 80px; border-color: #f2f2f2 transparent transparent transparent; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2; }
.link .left, .link .right{ width: 50%; height: 300px; position: relative; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; }
.link .left{ background-image: url(../images/bg-link01.jpg); }
.link .right{ background-image: url(../images/bg-link02.jpg); }
.link .left p{ font-size: 32px; font-weight: 700; color: #fff; padding-left: 40px; background: url(../images/icon-link01.png) no-repeat; background-size: 32px; background-position: top 50% left 0; }
.link .right p{ font-size: 32px; font-weight: 700; color: #fff; padding-left: 40px; background: url(../images/icon-link02.png) no-repeat; background-size: 30px; background-position: top 50% left 0; }

.contact{ background: #f2f2f2; padding: 85px 0 130px; }
.contact table{ width: 740px; margin: 60px auto; border-collapse: separate; border-spacing: 0 30px; }
.contact table th{ font-size: 16px; font-weight: 500; width: 250px; padding: .5em 0; vertical-align: top; }
.contact table th span{ color: #ff6428; }
.contact table th small:not(.sp){ font-size: 12px; font-weight: 300; display: block; }
.contact table td input{ width: 100%; height: 50px; padding: 0 1em; border: none; }
.contact table td textarea{ width: 100%; height: 410px; border: none; }
::placeholder{ color:#c8c9ca; }
input[type="submit"],
input[type="button"],
.thanks-wrap a.btn{
    text-align: center;
	background: rgb(202,169,74); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(202,169,74,1) 0%, rgba(202,169,74,1) 15%, rgba(35,24,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(202,169,74,1) 0%,rgba(202,169,74,1) 15%,rgba(35,24,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(202,169,74,1) 0%,rgba(202,169,74,1) 15%,rgba(35,24,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caa94a', endColorstr='#231815',GradientType=1 ); /* IE6-9 */
	width: 250px; height: 50px; display: flex; justify-content: center; align-items: center; position: relative; color: #fff; margin: 0 auto;
}
input[type="submit"] + input[type="button"]{ margin-top: 30px; }

footer{ padding: 45px 0 10px; }
footer .wrap{ display: flex; justify-content: space-between; align-items: center; }
footer .logo{ width: 223px; display: block; margin-left: -50px; }
footer ul{ display: flex; }
footer ul li{ margin-left: 2em; }
footer p.copy{ font-size: 11px; text-align: center; margin-top: 60px; }

a.totop{ display: block; width: 80px; position: fixed; bottom: 50px; right: 70px; z-index: 100; opacity: 0 !important; visibility: hidden; transition: .3s; }
a.totop.active{ opacity: 1 !important; visibility: visible; }

#formWrap{ padding-top: 100px; }
#formWrap h1{ font-size: 24px; font-weight: 700; color: #b79541; text-align: center; margin-bottom: 60px; }
#formWrap h1.confirm{ margin-bottom: 30px; }
#formWrap h1 + p{ text-align: center; }
#formWrap p.error_messe{ font-weight: 700; color: #ff6428; text-align: center; }
#formWrap .formTable{ width: 100%; margin: 60px 0; }
#formWrap .formTable th{ background: #231815; padding: 1em 2em; white-space: nowrap; width: 1px; font-weight: 700; color: #fff; border: solid 1px #231815; }
#formWrap .formTable td{ padding: 1em 2em; border: solid 1px; }

.thanks-wrap{ background: url(../images/bg-performance01-sp.jpg) no-repeat; background-size: cover; padding: 100px 0; }
.thanks-wrap h1{ font-size: 45px; text-align: center; font-weight: 600; letter-spacing: .01em; color: #fff; margin-bottom: 30px; }
.thanks-wrap h2{ font-size: 18px; text-align: center; color: #fff; font-weight: 500; text-align: center; margin-bottom: 1em; }
.thanks-wrap p{ margin-bottom: 1em; color: #fff; text-align: center; }
.thanks-wrap .inner{ padding: 50px; margin-top: 30px; background: rgba(0,0,0,.2); }
.thanks-wrap .inner dl{ display: table; margin: 30px auto 0; }
.thanks-wrap .inner dl dt{ background: #231815; color: #fff; font-weight: 500; text-align: center; padding: .2em; margin-bottom: .5em; }
.thanks-wrap .inner dl dd a{ display: table; font-size: 30px; color: #fff; letter-spacing: 0; margin: 0 auto; }
.thanks-wrap .inner dl dd a + small{ display: block; text-align: center; color: #fff; font-size: 12px; }
.thanks-wrap a.btn{ margin-top: 60px; }
.wrap .micro.mini th,.wrap .micro.mini td{height: 35px; font-size: 17px;}
section.first{background: #efddb0; padding:0 0 30px;}
section.results{background: #fff; padding:100px 0 150px;}
section.results2{background: #f2f2f2; position: relative;}
section.results2:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 80px 0 80px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
section.first h2{
    margin-top: -1px;
}
section.first h2 span{
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
    padding-left: 10px;
    font-size: 2.3rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-bottom: -40px;
}
section.first h2 img {
     padding-right: 10px;
}
section.first:before{
        border-color: transparent;
}
section.why{background: #fff;}
section.why:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 80px 0 80px;
    border-color: #f2f2f2 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.price.why h3{margin: 30px auto 0;}
.solution ul{margin: auto; display: table;}
.intro.why ul.mincho{margin: auto;}
.solution ul.mincho li{font-family: inherit;
    font-size: 23px;
    font-weight: 700;
/*    margin-left: 44px;*/
    position: relative;
    margin-bottom: 20px;
}
.solution ul.mincho li:last-child{
    margin-bottom: 0;
}
ul.yajirushi li{font-family: inherit;
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    }
ul.yajirushi li:last-child{
    padding-bottom: 0;
}
.solution ul.mincho li:before {
    content: '';
    width: 33px;
    height: 33px;
    background: url(../images/vector.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 7px;
    left: -44px;
}

.solution h2{
    font-size: 2.9rem;
    color: #ff4700;
    font-weight: 900;
    position: relative;
    margin-bottom: 40px;
}

.solution h2:before {
    content: 'ー';
    position: absolute;
    left: -1.2em;
    font-weight: 300;
}
.solution p{
    font-size: 2rem;
    font-weight: normal;
    color: #000;
    text-align: center;
    letter-spacing: .01em;
    margin: 35px auto;
}

section.features{
    background: url(../images/bg-features01.png) #fff no-repeat;
    top:-30px;
    background-size: 100%;
    background-position: right bottom;
    padding: 100px 0 150px;
    position: relative;
}
.features h2 span{
    font-size: 40px;
    font-weight: 300;
    display: block;
    text-align: left;
    line-height: 1.6;
}
.features h2{
      text-align: left;
    font-size: 60px;
    font-weight: 900;
    margin-bottom: 150px;
    color: #004d60;
}
section.features h2 strong{
    background:none;
    
}
.features h3{
    font-size: 20px;
    font-weight: 500;
    padding-left: 2rem;
    position: relative;
    white-space: nowrap;
    top: -50px;
    margin-bottom: 50px;
    color: #004d60;
}

.features h3:last-child{
    
    margin-bottom: 100px;
   
}


section.features h3 strong{
   font-size: 30px;
    font-weight: 900;
    display: flex;
    align-items: center;
    line-height: 1.6;
    padding-top: 10px;
    border-bottom: 0.2rem solid;
    margin-bottom: 1rem;
}
section.features h3 strong span{
   font-size: 25px;
   
    
}
.features h3 img{
    display: block;
    width: 60px;
    position: absolute;
    top: 53%;
    left: -60px;
    transform: translateY(-50%);
}
.features h2:before {
    content: '';
   
}
section.features h3:first-of-type img.imageye-selected2 {
  left: -85px;
}
section.features:before{
    
    border-color: #f2f2f2 transparent transparent transparent;
    
   
}
.seo_flow{
    position: relative;
    padding:100px 0 150px;
    background: url(../images/bg-performance01.jpg) no-repeat;
    background-size: cover;
    
}
.seo_flow h2.general{font-size: 45px; 
    color: #fff;
}
.seo_flow:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 80px 0 80px;
    border-color:#f2f2f2 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}



.seo_flow ul li{
    width: 250px;
}

section.jidv::before{border-color:#024d60 transparent transparent transparent;}



.feature2{
    position: relative;
}
.feature2:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 80px 0 80px;
    border-color:#024d60 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.solution strong {
    background: linear-gradient(transparent 75%, #ffe800 75%);
}
.solution:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 80px 0 80px;
    border-color:#024d60 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.solution{
    background: url(../images/bg-solution01.png) #f2f2f2 no-repeat;
    background-size: 100%;
    background-position: right bottom;
    
    position: relative;
    padding: 100px 0 100px;
}
.results .fw{
    font-size: 1.8rem;
    color: #c7990a;
    border-bottom: solid 1px;
    margin-bottom: 2rem;
    font-weight: bold;
}
.results .qa:before{
    content: "成果"; /* ここを�?�?���などにしてもOK */
  position: absolute;
  top: -25px;
    left: -70px;
  background: #c80010;
  color: #fff;
  font-weight: bold;
  width: 80px;
    height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.results .qa2:before{
    content: "\8AB2\984C";
  position: absolute;
  top: -40px;
    left: -70px;
  background: #be9e46;
  color: #FFFFFF;
  font-weight: bold;
  width: 80px;
    height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.results ul li:nth-of-type(1) .content h3 span:before{
    background-image: none;
}
.results ul li:nth-of-type(2) .content h3 span:before{
    background-image: none;
}
.results ul li:nth-of-type(3) .content h3 span:before{
    background-image: none;
}
.results ul li:nth-of-type(3) .content h3 span:before{
    background-image: none;
}
.results ul li:nth-of-type(4) .content h3 span:before{
    background-image: none;
}
.results2 h3{
    font-size: 27px;
    font-weight: 700;
    color: #b79541;
    text-align: center;
    letter-spacing: .01em;
    margin-bottom: 80px;
}
.results2 h3 strong{
    color: rgb(35, 24, 21);
    display: inline;
    line-height: 1.2;
    background: linear-gradient(transparent 55%, rgb(255, 239, 0) 85%) 0% 0% / 100% 100% no-repeat;
}
.heading-left:first-of-type{
     margin-top: 20px;
}

.heading-left {
  font-size: 2rem;
  font-weight: bold;
  color: #f7f4ef; /* 薄いベージュ系 */
  position: relative;
  overflow: hidden;
  display: inline-block;
    background: #e57a51;
    margin-top: 150px;
    margin-bottom: 40px;
    padding: 1rem;
    border-radius:0 15px 15px 0;
    padding-left: 4rem;
       
}

.heading-left::before {
  content: attr(data-text);
  position: absolute;
  left:-5vw;
  top: 0;
  width: 0;
  white-space: nowrap;
  color: #231815; /* 濃い文字色 */
  overflow: hidden;
  
}



.overview:before{
    border-color:#f6f6f6 transparent transparent transparent;
}
.overview ul.circle{
    display: table;
}
 ul.circle li:not(:last-of-type){
    border: none;
}

.overview ul.circle li{
    color: #ffffff;
    font-size: 18px;
    padding-left: 1.6em;
    position: relative;
        line-height: 2.5;
    margin-left:0;
    font-weight: 700;
    font-weight: 100;
}
.overview ul.circle li:before{
    content: '';
    width: 16px;
    height: 16px;
    background: #ffffa0;
    position: absolute;
    left: 0;
    top: 21px;
}
.overview h2:first-child{
    margin-top:30px;
}
.overview h2{
    margin: 70px auto 0;
}
.overview p{
    color: #fff;
    margin: 30px 0 50px;
     font-size: 19px;
    text-align: center;
}
.overview ul li{
    color: #fff;
}
.overview  p strong{
    font-weight: bold;
    background: linear-gradient(transparent 75%, #ffe800 20%);
    font-size: 1.6rem;
}
.overview ul.check li{
    color: #ffffff;
    font-family: inherit;
    font-size: 22px;
    font-weight: 700;
    margin-left: 44px;
    position: relative;
    padding-bottom: 25px;
}
.overview ul.check li:before{
    content: '';
    width: 36px;
    height: 33px;
    background: url(../images/icon-check01.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 3px;
    left: -44px;
}
.overview ul li:not(:last-of-type) {
    border-bottom: dotted 2px #b79541;
}
.yajirushi{
    margin: auto;
    display: table;
}
.overview ul.check li:not(:last-of-type){
    border: none;
}
.results ul li:nth-of-type(1) .img .img-in{
    background-image: url(../images/results03.jpg);
}
.results ul li:nth-of-type(2) .img .img-in{
    background-image: url(../images/results02.jpg);
}
.results ul li:nth-of-type(3) .img .img-in{
    background-image: url(../images/results01.jpg);
}
.results ul li:nth-of-type(4) .img .img-in{
    background-image: url(../images/results04.jpg);
}
.results ul li:nth-of-type(5) .img .img-in{
    background-image: url(../images/results05.jpg);
}



.results2.results ul li .img div.img-in.img01 {
    background-image: url(../images/results201.jpg);
}
.results2.results ul li .img div.img-in.img02 {
    background-image: url(../images/results202.jpg);
}
.results2.results ul li .img div.img-in.img03 {
    background-image: url(../images/results203.jpg);
}
.results2.results ul li .img div.img-in.img04 {
    background-image: url(../images/results204.jpg);
}



.results .qa{
    background-color: #ffebee;
    color: #b71c1c;
    font-weight: bold;
    padding: 1.2rem;
    border-radius: 6px;
    display: inline-block;
    font-size: 1.3rem;
    width: 620px;
    position: relative;
        left: -170px;
}
.results .qa2{
    background-color:#efe9d6;
    color: #2c2c2c;
    font-weight: bold;
    padding: 1.5rem;
    border-radius: 6px;
    width: 620px;
    display: inline-block;
    font-size: 1.3rem;
        left: -170px;
    
    position: relative;
    margin-bottom: 40px;
}
ol.number {
    width: 600px;
    counter-reset: list;
    list-style-type: none;
    margin:30px auto;
}

ol.number li {
    position: relative;
    margin: 0;
    padding: 0.9rem 0 0.9rem 5.6rem;
    font-size: 18px;
    font-weight: 500;
}
ol.number li::before {
    display: flex;
    align-items: center;
    justify-content: center;
    counter-increment: list;
    content: counter(list);
    color: #fff;
    background: #b79541;
    font-size: 1.8rem;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    height: 4rem;
    text-align: center;
    font-family: var(--en-font);
    box-sizing: border-box;
}
ol.number li span {
    display: block;
    font-weight: 600;
}
ol.number li+li {
    margin-top: 2.4rem;
}
.features:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 80px 0 80px;
    border-color: #f2f2f2 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#bg-green{
    position: relative;
    z-index: 0;
    background: #004d60;
    
    padding: 5rem;
}
#bg-green .inner{
    width: 1000px;
    margin: 0 auto;
}
#bg-green .inner h2{
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
#bg-green .inner h2,
#bg-green .inner p{
    color: #FFFFFF;
    text-align: center;
}
#bg-green .linkwrap
 {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
#bg-green .inner > ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 4rem;}
#bg-green .inner > ul li{ background-color: #fff; width: 435px; height: 90px; margin-top: 30px; display: flex; align-items: center; justify-content: center; background-size: 57px; background-repeat: no-repeat; background-position: top 50% left 32px; padding-left: 30px; position: relative; transition: .3s; }
#bg-green .inner > ul li:hover{ color: #fff; background-color: #ff4700; }
#bg-green .inner > ul li:nth-of-type(1){ width: 100%; margin-top: 0; background-image: url(../images/icon-contact01.png); }
#bg-green .inner > ul li:nth-of-type(2){ background-image: url(../images/icon-contact02.png); }
#bg-green .inner > ul li:nth-of-type(3){ background-image: url(../images/icon-contact03.png); }
#bg-green .inner > ul li:not(:nth-of-type(1)):after{ content: ''; width: 16px; height: 30px; background-image: url(../images/arrow-next01.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); transition: .3s; }
#bg-green .inner > ul li:not(:nth-of-type(1)):hover:after{ background-image: url(../images/arrow-next01-on.png); }
#bg-green .inner > ul li p{ font-size: 18px; font-weight: 700; transition: .3s; color: #004d60;}
#bg-green .inner > ul li:hover p{ color: #fff; }
#bg-green .inner > ul li p span{ color: #ff4700; margin: 0 2em; transition: .3s; }
#bg-green .inner > ul li:hover p span{ color: #fff; }
#bg-green .inner > ul li p small{ font-size: 12px; font-weight: 300; vertical-align: middle; }
.contact h3{text-align: center;
    font-size: 24px;
    margin-top: 20px;
    font-weight: 800;
}
.flow .center{
    color: #fff;
}

.boxstyle01{
    background: white;
    padding: 2rem 5rem;
}
.boxstyle01 li{
    font-size: 1.6rem;
    font-weight: bold;
}


.boxstyle02{
    background: #f2f2f2;
    padding: 2rem 5rem;
}

.overview ul.check.boxstyle01 li,
.overview ul.circle.boxstyle02 li{color: black;}

.overview ul.check.boxstyle01 li span{font-size: 1rem;}

.overview ul.check.boxstyle01 li:last-child{padding-bottom: 0;}


.wrap.wide img.hikaku{
    width: 60%;
    margin: 0 auto;
    display: block;
}