@charset "UTF-8";

/* base
----------------------------------------------- */

.bg-wrap{width: 100vw;background: #f2f1ea;margin-left:calc(-50vw + 50%);padding: 12vw 0;}
p.center{width: 90%;margin: 0 auto;margin-bottom: 8vw;}

.intro-in{margin-bottom: 12vw;position: relative;position: relative;}
.intro-in img{width: 100%;}
.intro-in .img-wrap{position: relative;width: 60vw;margin: 0 auto 8vw;;}
.intro-in .img-wrap::after{ content: '';display: inline-block;width: 50px;height: 50px;background:url("../../images/consulting/intro-deco.png")no-repeat;background-size: contain;vertical-align: middle;position: absolute;bottom: -6vw;right: -6vw;;z-index: 4;}
.intro::after{content: '';width: 65vw;height: 60vw;background-color: #edf9fd;position: absolute;top: -5vw; left: -10vw;z-index: -2;}
.intro-in p:last-child{margin-bottom: 0;}

.intro .ttl{margin-bottom: 3vw;padding-bottom: 3vw; border-bottom: 1px solid #ccc;}
.intro .ttl .en{display:block;background: linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 8.5vw;line-height: 1;}
.intro .ttl .jp{font-family: var(--mincho);font-size: 4vw;}
.intro p span{color: #9c8c59;font-weight: 600;}
.intro .lead{font-weight: 600;font-family: var(--mincho);font-size: 120%;color:#9c8c59;}

.consulting-miadshi01{text-align: center;margin-bottom: 8vw;line-height: 1.6;width: 100%;}
.consulting-miadshi01 .en{display:block;color:#9c8c59;font-size: 9vw;line-height: 1.2;}
.consulting-miadshi01 .jp{font-family: var(--mincho);font-size: 4vw;}

.consulting-menu{width: 100vw;background: #f1f8ff;margin-left:calc(-50vw + 50%);padding: 12vw 0}
.consulting-menu-item{margin: 0 auto;width: 85%;}
.consulting-menu-item li{margin-bottom: 8vw}
.consulting-menu-item li:last-child{margin-bottom: 0;}
.consulting-menu-item li .text{padding: 6%;background: #FFF;}
.consulting-menu-item li .text .lead{font-weight: 600; font-size: 4vw;;border-left: 5px solid #9c8c59;line-height: 1.6;padding-left: 3vw}
.consulting-menu-item li a{color: #FFF;background: #000;text-align: center;position: relative;}
.consulting-menu-item li a::after{content: "\f105";font-family: 'icon';position: absolute;right: 20px;}

.recommend-contents{padding: 12vw 0;}
.recommend-contents ul{width: 85%;margin: 0 auto;}
.recommend-contents li{position: relative;margin-bottom: 5vw;}
.recommend-contents li img{z-index:-1;}
.recommend-contents li p{color:#FFF;z-index:2;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;font-size: 5.5vw;line-height: 1.2;font-weight: 600;font-family: var(--mincho);width: 100%;}

.columnm-recommend-contents{padding: 12vw 0;}
.columnm-recommend-contents ul{width: 85%;margin: 0 auto;}
.columnm-recommend-contents li{position: relative;margin-bottom: 5vw;}
.columnm-recommend-contents li img{z-index:-1;}
.columnm-recommend-contents li p{color:#FFF;z-index:2;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;font-size: 5.5vw;line-height: 1.2;font-weight: 600;font-family: var(--mincho);width: 100%;}


.explanation{width: 90%;margin: 0 auto;}
.explanation li{margin-bottom: 12vw;}
.explanation li:last-child{margin-bottom: 0;}
.explanation li img{width: 100%;margin-bottom: 5vw;}
.explanation li .lead{font-weight: 600;font-family: var(--mincho);font-size: 125%;color: #9c8c59;position: relative; border-bottom: 2px solid #e0e0e0;padding-bottom: 3vw;line-height: 1.4;}
.explanation li .lead::after{position: absolute; content: "";display: block;border-bottom: solid 2px #9c8c59;bottom: -2px;width: 15%;left: 0;}
.explanation li p span{font-weight:600;background: linear-gradient(transparent 60%, #fff8e4 60%);}

.flow-box{margin: 0 auto;width: 80%;}
.flow-box li{margin-bottom: 12vw;}
.flow-box li:last-child{margin-bottom: 0;}
.flow-box dt{background: #fff;position: relative;margin-bottom: 10vw;}
.flow-box dt img{width: 100%;}
.flow-box dt::after{content: "";width: 0;height: 0;border-style: solid;border-width: 30px 60px 0 60px;border-color: #FFF transparent transparent transparent; position: absolute; top: 100%; right: 0;left: 0;z-index: 0;margin: auto;}
.flow-box dd{}
.flow-box dt p{background: #fff;padding: 6%;}
.flow-box dd p{background: #fff;padding: 6%;margin-bottom: 0;}
.flow-box dd p.lead{background: #9c8c59;color: #fff;text-align: center;font-size: 110%;font-weight: 600;margin-bottom: 0;padding: 4%;line-height: 1;}

.detail-box{border: 1px solid #ccc;}
.detail-box .ttl p{color: #333;font-family: var(--mincho);font-weight: 600;text-align: center;font-size:5vw;position: relative;line-height:1.4;padding: 12vw 4vw 4vw 4vw;margin-bottom: 0;}
.detail-box .ttl p span{background:#9c8c59;color: #fff;padding: 5vw; position: absolute;top:-30px;left:50%;transform: translateX(-50%);line-height: 1;font-size: 8vw;}
.detail-box .detail-text{background:#f2f1ea;margin-bottom: 0;padding: 6%;}
.detail-box .detail-text .sub{color: #9c8c59;font-weight: 600;text-align: center;font-size:4vw;line-height: 1.4;position: relative;padding-bottom:8vw}
.detail-box .detail-text .sub::after{content: '';position: absolute;bottom: 15%;left: 0; right: 0;margin: auto; width: 15vw;height: 2px;background-color:#9c8c59;}	

.detail-box .detail-text li p{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;justify-content:space-between;align-items:flex-start;}
.detail-box .detail-text li p span.en{line-height: 1;font-size: 6vw;background:#FFF;border: 1px solid #9c8c59;color: #9c8c59;vertical-align: middle;padding: 2vw;}
.detail-box .detail-text li p span.text{width:80%;display: block;}

.consulting-items{width: 90%;margin: 0 auto;display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;justify-content:space-between;}
.consulting-items li{width: 48%;margin-bottom: 3vw}
.consulting-items li img{width: 100%;margin-bottom: 2vw;}
.consulting-items li p{text-align: center;font-weight: 600;margin-bottom: 0;}

.mov .movie{width: 90%;margin: 0 auto;}







/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) { 
	
.bg-wrap{padding: 80px 0;}
p.center{text-align: center;margin-bottom: 50px;}

.intro-in{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;justify-content:space-between;margin-bottom: 80px;}
.intro-in .text{width: 500px;}
.intro-in .img-wrap{margin: 0;width: 410px;height: 400px}
.intro-in .img-wrap::after{width: 82px;height: 88px;right: -30px;bottom:-50px;}
.intro::after{height:450px; z-index: -1;top: 100px;right:auto; left:0; width: calc(50vw + -150px);}
.intro-in p{margin-bottom: 20px;}
	
.intro .ttl{margin-bottom: 20px;padding-bottom: 20px;}
.intro .ttl .en{font-size: 40px;}
.intro .ttl .jp{font-size: 18px;}
	
.consulting-miadshi01 {margin-bottom: 20px;padding-bottom: 20px;}
.consulting-miadshi01 .en{font-size: 40px;}
.consulting-miadshi01 .jp{font-size: 18px;}
	
	
.consulting-menu{padding: 80px 0}
.consulting-menu-item li{width:458px;margin-bottom: 40px;}
.consulting-menu-item{width: 960px;display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;justify-content:space-between;}
.consulting-menu-item li .text{padding:30px;}
.consulting-menu-item li:nth-child(3){margin-bottom: 0;}
.consulting-menu-item li .text .lead{font-size: 20px;padding-left:10px;}
.consulting-menu-item li p{margin-bottom: 20px;}
.consulting-menu-item li a{padding: 3px 0;}
	
.recommend-contents{padding: 80px 0 0;}
.recommend-contents ul{width: 960px;display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;justify-content:space-between;}
.recommend-contents li p{font-size: 24px;}
.recommend-contents li{margin-bottom: 40px;}
	
.columnm-recommend-contents{padding: 80px 0;}
.columnm-recommend-contents ul{width: 960px;display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;justify-content:space-between;}
.columnm-recommend-contents li{width: 32%;}
.columnm-recommend-contents li p{font-size: 24px;}
.columnm-recommend-contents li{margin-bottom: 40px;}
	
	
.explanation{width: 960px;}
.explanation li{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;justify-content:space-between;align-items: flex-start;margin-bottom: 60px;}
.explanation li p{margin-bottom: 20px;}
.explanation li img{width: 330px;margin-bottom: 0;}
.explanation .text{width: 580px}
.explanation li:nth-child(even) img{order: 2;}
.explanation li .lead{padding-bottom: 15px;}


.flow-box{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;justify-content:space-between;align-items: flex-start;width: 960px;}
.flow-box li{width: 300px;margin-bottom: 0;}
.flow-box dt{margin-bottom: 40px;}
.flow-box dd p{height:150px;}
.flow-box dd p.lead{height: 40px;}
.flow-box li p{font-size: 14px;padding: 20px;}
	
.detail-box .ttl{width: 960px;display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content:center;justify-content:center;}
.detail-box .ttl img{width:540px;;order: 2;}
.detail-box .ttl p{width:415px;padding: 100px 30px 30px 30px;font-size: 20px;}
.detail-box .ttl p span{padding: 20px;font-size: 40px;top: 0;}

.detail-box .detail-text{padding: 40px;}
.detail-box .detail-text .sub{font-size: 27px;padding-bottom:30px;}
.detail-box .detail-text .sub::after{width: 60px;}
	
.detail-box .detail-text li p{align-items: center;}
.detail-box .detail-text li p span.text{font-size: 20px;width:90%;display: block;}
.detail-box .detail-text li p span.en{padding:15px;font-size: 35px;}
	
.consulting-items{width: 960px;}
.consulting-items li{width: 275px;margin-bottom: 0;}
.consulting-items li img{margin-bottom: 5px;}
	
.mov .movie{width: 880px;height: 495px;}
	
}
	
	


/* =============================================
 retina-size
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {


}