/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

.second_title{
	background: url(../images/second_bg.png) center 0 no-repeat;
  background-size:cover;
  text-align: center;
  padding: 220px 0 180px 0;
}
.second_title2{
	background: url(../images/title_bg.png) center 0 no-repeat;
        background-size:cover;
        text-align: center;
        padding: 220px 0 180px 0;
        height: 100vh;
}
.second_title_recruit{
	background: url(../images/second_bg_recruit.jpg) center 0 no-repeat;
  background-size:cover;
  text-align: center;
}
.second_title_part{
	background: url(../images/second_bg_part.jpg) center 0 no-repeat;
  background-size:cover;
  text-align: center;
	padding:340px 0;
}

.second_title .second_title__title{
  font-size: 40px;
  font-weight: bold;
  color: #000;
  letter-spacing: 6px;
	line-height: 170%;
  -webkit-text-stroke: 0.4px #000;
  margin: 0;
}
.second_title .second_title__title span{
  font-family:  "M PLUS Rounded 1c";
  font-size: 24px;
  font-weight: bold;
  display: block;
  letter-spacing: 1px;
  margin-top: 10px;
  -webkit-text-stroke: 0.1px #000;
}
.second_title p{
  font-size: 20px;
  font-weight: bold;
	letter-spacing: 3px;
	line-height: 200%;
	margin: 80px 0 0 0;
  color: #000;
}
.second{
  padding: 50px 0 150px 0;
}
.chara01{
  text-align: center;
}
.second h3:not(.wp-block-heading){
  text-align: center;
  color: #000;
  margin: 40px auto;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 210%;
}
.second h3:not(.wp-block-heading) strong{
	color: #004c88;
  font-family:  "M PLUS Rounded 1c";
	font-size: 36px;
	font-weight: bold;
	display: block;
	margin-bottom:12px;
}
.second h4:not(.wp-block-heading) {
	color: #004c88;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
}
.second h5:not(.wp-block-heading)  {
        color: #004c88;
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 1px;
    border-left: 5px solid;
    background-color: #efefef;
    padding: 10px 10px 10px 15px;
}
.color01{
  color: #e94f60;
}
.color02{
  color: #2DACE5;
}
.color03{
  color: #9EC234;
}
.color03b{
  background: #9EC234 !important;
}
.color04{
  color: #F2BE29;
}
.color04b{
  background: #F2BE29 !important;
}
.second h3 hr{
  clear: both;
  display: block;
  border: none;
  border-top: 2px solid #e94f60;
  width: 40px;
  margin: 20px auto 0 auto;
}
.second h3 hr.hr02{
  border-top: 2px solid #2DACE5;
}
.second h3 hr.hr03{
  border-top: 2px solid #9EC234;
}
.second h3 hr.hr04{
  border-top: 2px solid #F2BE29;
}
.second h4{
	line-height: 190%;
}
.rights , .lefts , .lefts2{
  padding: 40px 0;
}
.rights div:first-child{
  float: right;
  width: 47.5%;
}
.rights div:last-child{
  float:left;
  width: 47.5%;
  margin-right: 5%;
}
.rights p , .lefts p , .lefts2 p{
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 220%;
}
.lefts div:first-child{
  float:left;
  width: 47.5%;
  margin-right: 5%;
}
.lefts div:last-child{
  float: right;
  width: 47.5%;
}
.rights dl{
	margin-top: 20px;
}
.rights dl dt , .rights dl dd{
	width: 100%;
	padding: 16px 20px;
	font-size: 16px;
	background: #F6F6F6;
}
.rights dl dd{
	background: #fff;
}
.sec_hr{
  width: 100%;
  margin: 100px auto ;
  border: none;
  border-top: 1px solid #dadada;
}
.ranking_wallper{
	display: flex;
}
.ranking_detail {
	width: 70%;
	margin-right: 5%;
}
 .ranking_chara{
	 width: 25%;
 }
 .ranking_detail .clearfix{
	 border-bottom: 1px dashed #999;
	 padding-bottom: 17px;
	 margin-bottom: 17px;
	 width: 100%;
 }
 .ranking_detail .clearfix:last-child{
	 border-bottom: none;
 }
 .ranking_detail p{
	 float: left;
	 width: 7%;
	 margin-right: 1%;
	 font-size: 25px;
	 font-weight: bold;
	 color: #e94f60;
 }
 .ranking_detail p span{
		display: block;
		margin: 4px 0 0 7px;
 }
 .ranking_detail h4{
	 float: left;
	 width: 92%;
	 margin: 0;
	 padding: 4px 0 0 0;
	 font-size: 18px;
	 color: #000;
	 letter-spacing: 1px;
 }
 .service01_list{
	 display: flex;
   flex-wrap: wrap;
 }
 .service01_list div{
	 width: 14.5%;
	 margin:  0 1%;
	 padding: 20px;
	 text-align: center;
	 font-size: 15px;
	 font-weight: bold;
 }
 .service01_list div img{
	width: 80px;
	display: block;
	margin: 0 auto 8px auto;
 }
 @media (max-width: 1200px) {
	 .service01_list div{
	 	width: 18%;
	 }
 }
 @media (max-width:990px) {
	 .second_title_part{
		 padding:240px 0;
	 }
	.second_title{
		padding: 130px 0 130px 0;
	}
	.second_title .second_title__title{
		font-size: 30px;
		letter-spacing: 4px;
	}
	.second_title .second_title__title span{
		font-size: 20px;
	}
	.second_title p{
	  font-size: 17px;
		margin: 60px 0 0 0;
	}
	.chara01 img{
		width: 130px;
	}
	.second h2{
		margin: 40px auto;
		font-size: 24px !important;
		letter-spacing: 3px;
		line-height: 210%;
	}

    .single .widget-title {
        font-size: 17px !important;
        letter-spacing: 0;
    }

	.second h4{
		margin: 10px 0 20px 0;
	}
	.second h3 strong{
		font-size: 25px;
	}
	.second h3{
	  font-size: 20px;
	  letter-spacing:1px;
	  line-height: 200%;
	}
	.rights p , .lefts p , .lefts2 p{
		font-size: 15px;
		line-height: 220%;
	}
	.ranking_wallper{
		display: block;
	}
	.ranking_detail {
		width: 100%;
		margin-right: 0;
	}
	.ranking_chara{
		 display: none;
	}
	.ranking_detail .clearfix{
		 padding-bottom: 13px;
		 margin-bottom: 13px;
	}
	.ranking_detail p{
		 width: 7%;
		 margin-right: 1%;
		 font-size: 21px;
	}
	.ranking_detail p img{
		 width: 35px;
	}
	.ranking_detail p span{
		margin: 4px 0 0 7px;
	}
	.ranking_detail h4{
		padding: 0px 0 0 0;
		font-size: 16px;
		margin-top:5px;
	}
	.service01_list div{
		 width: 23%;
     font-size: 14px;
	}
}
@media (max-width:640px) {
	.ranking_detail .clearfix {
	  border-bottom: none;
    padding-bottom: 6px;
    margin-bottom: 6px;
	}
	.second_title_part{
		padding:200px 0;
	}
	 .second_title{
		 padding: 120px 5vw 110px 5vw;
	 }
	 .second_title .second_title__title{
		 font-size: 20px;
		 letter-spacing:1px;
	 }
	 .second_title .second_title__title span{
		 font-size: 13px;
	 }
 	.second_title p{
 	  font-size: 15px;
		letter-spacing: 0;
 		margin: 40px 0 0 0;
 	}
	 .chara01 img{
		 width: 110px;
	 }
	 .second h3{
		 margin: 30px auto;
		 font-size: 18px;
		 letter-spacing: 1px;
		 line-height: 200%;
	 }
	 .second h3 strong{
		 font-size: 20px;
	 }
	 .rights div:last-child , .lefts div:last-child{
		 width: 100%;
		 margin-right: 0;
	 }
	 .rights div:first-child , .lefts div:first-child{
		 width: 100%;
		 margin-right: 0;
		 margin-bottom: 15px;
	 }
	 .rights p , .lefts p , .lefts2 p {
		 font-size: 15px;
		 line-height: 220%;
	 }
	
	
	 .ranking_detail p{
	 	width: 13%;
	 	margin-right: 1%;
	 }
	 .ranking_detail h4{
	 	width: 86%;
	 }
 	.service01_list div{
 		 width: 48%;
 	}
	.sec_hr{
	  margin: 60px auto ;
	}
	.rights dl dt , .rights dl dd{
		padding: 14px 16px;
		font-size: 15px;
	}
	
	
	
}
@media (max-width:420px) {
 	.second_title p br{
		display: none;
 	}
}
@media (max-width:360px) {
	.second h3 {
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 190%;
}
	.ranking_detail p{
	 width: 16%;
	}
	.ranking_detail h4{
	 width: 83%;
	}
	.service01_list div{
		font-size: 12px;
 	}
  .service01_list div img{
 	width: 74px;
  }
}

.second_top{
	padding: 0 0 150px 0;
}
.second_top01{
	float: left;
	width: 50%;
	margin-top: -20px;
	padding: 0 20px;
	z-index: 1;
	position: relative;
}
.second_top02{
	float: left;
	width: 50%;
	margin-top: -20px;
	padding: 0 20px;
	z-index: 1;
	position: relative;
}
.st01_after{
	margin-bottom: -17px;
	display: block;
}
.second_top h3 a{
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 30px 0;
	display: inline-block;
  text-align: center;
  border-radius: 50px;
  background: unset;
  background-image: linear-gradient(260deg, #2750b9, #2779b9);
  padding: 13px 38px 13px 38px;
  color: white !important;
  border: none;
  outline: none;
  transition: all 0.5s ease;
}
.second_top h3 a:hover{
  background-image: linear-gradient(260deg, #2779b9, #2750b9);
  transition: all 0.5s ease;
}
.second_top02 h3 a{
  background-image: linear-gradient(260deg, #e64572, #ee81a0);
  transition: all 0.5s ease;
}
.second_top02 h3 a:hover{
  background-image: linear-gradient(260deg, #ee81a0, #e64572);
  transition: all 0.5s ease;
}
.second_top p{
	font-size: 17px;
	line-height: 200%;
	letter-spacing: 1px;
}
@media (max-width:990px) {
	.second_top01 strong img , .second_top02 strong img{
		width: 200px;
	}
	.second_top p{
		font-size: 16px;
		line-height: 190%;
	}
}
@media (max-width:640px) {
	.second_top{
		padding: 0 0 60px 0;
	}
	.second_top01 strong img , .second_top02 strong img{
		width: 180px;
	}
	.second_top01{
		float: none;
		width: 100%;
		margin-top: -20px;
		padding: 0 20px 50px 20px;
	}
	.second_top02{
		float: none;
		width: 100%;
		margin-top: -20px;
		padding: 0 20px 0 20px;
	}
	.second_top h3 a{
		font-size: 14px;
	  padding: 11px 22px 11px 22px;
	}
	.second_top p{
		font-size: 15px;
		line-height: 184%;
	}
	
	.ser_chara2 img {
    width: 98%;
		text-align: center !important;}
	
}

@media (max-width:320px) {
	.second_top h3 a{
		font-size: 13px;
	  padding: 11px 18px 11px 18px;
	}
}

.ser_feat_wallper{
	display: flex;
  flex-wrap: wrap;
	padding-top: 20px;
}

.ser_feat_wallper01{
justify-content: center;	
}

.ser_feat{
	width: 49%;
	padding: 30px 30px 30px 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	background: #F6F6F6;
	display: flex;align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
}
.ser_feat:nth-child(even){
	margin-right: 0%;
}
.ser_feat div:first-child{
	width: 20%;
	margin-right: 4%;
	text-align: center;
}
.ser_feat div:last-child{
	width: 76%;
}
.ser_feat strong{
	font-size: 20px;
}
.ser_feat strong span{
	font-size: 30px;
	display: block;
}
.ser_feat p{
	font-size: 17px;
	line-height: 190%;
}
.ser_chara{
	text-align: center;
	margin-top: 40px;
}
.ser_chara2{
	text-align: center;
	margin-top: 40px;
}

.ser_chara p{
	font-size: 17px;
	line-height: 190%;
	margin-bottom: 20px;
}
@media (min-width:990px) {
 .pc_img {
	 display: block !important;
	 margin:0 auto;}
	.sp_img { display:none !important; }
	
}
@media (max-width:990px) {
	.ser_feat_wallper {
		display: block;
	}
	.ser_feat{
		width: 100%;
		padding: 30px 30px 30px 20px;
		margin-right: 0;
	}
	.ser_feat div:first-child{
		width: 23%;
		margin-right: 4%;
	}
	.ser_feat div:last-child{
		width: 73%;
	}
	.ser_chara p br{
		display: none;
	}
	.ser_chara2 img{
		width: 99%;
		text-align: center !important;
			}
	.pc_img { 
		display: block !important; 
	   margin:0 auto;}
	.sp_img { display:none !important; }


}

@media (max-width:768px) {
	.ser_chara img{
		width: 260px;
	}
	.ser_chara a img{
		width: 360px;
	}
		.ser_chara2 img{
		width: 98% ;
		text-align: center !important;
	}
	 .pc_img { 
		 display: none !important;
  }
	 .sp_img { display:block !important; 
	margin:0 auto;}
	
}

@media (max-width:640px) {
	.ser_feat strong{
		font-size: 17px;
	}
	.ser_feat strong span{
		font-size: 24px;
	}
	.ser_feat p{
		font-size: 16px;
		line-height: 180%;
	}
	
 .pc_img { 
		 display: none !important;
  }
	 .sp_img { display:block !important; 
	margin:0 auto;}
}
@media (max-width:420px) {
	.ser_feat{
		padding: 25px 20px 25px 15px;
	}
	.ser_feat div:first-child{
		width: 28%;
		margin-right: 4%;
	}
	.ser_feat div:last-child{
		width: 68%;
	}
	.ser_feat strong{
		font-size: 15px;
	}
	.ser_feat strong span{
		font-size: 20px;
	}
	.ser_feat p{
		font-size: 15px;
	}
	.ser_chara a img{
		width: 340px;
	}
		.ser_chara img{
		width: 350px;
	}
	.ser_chara2{
		width:98%;
	}
	 .pc_img { 
		 display: none !important;
  }
	 .sp_img { display:block !important; 
	margin:0 auto;}
}
@media (max-width:380px) {
	.ser_chara img{
		width: 230px;
	}
	.ser_chara a img{
		width: 100%;
	}
		.ser_chara2 img{
		width: 90%;
	}
	.ser_chara2 a img{
		width: 98%;
	}
	 .pc_img { 
		 display: none !important;
  }
	 .sp_img { display:block !important; 
	margin:0 auto;}
}

.ser_feat_wallper2{
	display: flex;
	margin-bottom: 20px;
	background: #F6F6F6;
}
.ser_feat_wallper2 div:first-child{
	width: 20%;
	margin-right:0%;
	text-align: center;
	padding: 20px;
}
.ser_feat_wallper2 div:last-child{
	width:80%;
}
.ser_feat_wallper2 div:first-child strong{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	display: block;
}
.ser_feat_wallper2 div:first-child span{
	font-size: 30px;
	margin-left: 10px;
	display: inline-block;
}
.ser_feat_wallper2 div:last-child h4{
	background: #9EC234;
	padding: 20px 30px;
	font-size: 18px;
	line-height: 190%;
	letter-spacing: 1px;
	color: #fff;
}
.ser_feat_wallper2 div:last-child p{
	font-size: 16px;
	padding-right: 20px;
	line-height: 190%;
}
.ser_feat_wallper2 div:last-child dl , .ser_feat_wallper2 div:last-child ul{
	display: flex;
	margin-top: 15px;
	display: flex;align-items: center;
	 -webkit-justify-content: center;
	 justify-content: center;
	 list-style: none;
	 margin-right: 20px;
}
.ser_feat_wallper2 div:last-child ul{
	margin-left: 0px;
}
.ser_feat_wallper2 div:last-child dl dt , .ser_feat_wallper2 div:last-child ul li:first-child{
	border-radius: 32px;
	padding: 6px 15px 0 15px;
	width: 15%;
	height: 35px;
	margin-right: 2%;
	font-size: 15px;
	font-weight: bold;
	background: #004682;
	text-align: center;
	color: #fff;
}
.ser_feat_wallper2 div:last-child ul li:first-child{
	background: #946134;
}
.ser_feat_wallper2 div:last-child dl dd , .ser_feat_wallper2 div:last-child ul li:last-child{
	font-size: 16px;
	font-weight: bold;
	width: 82%;
	color: #333 !important;
}
.ser_feat_wallper2 div:last-child h5{
	display: flex;
	align-items: center;
	 -webkit-justify-content: center;
	 justify-content: center;
 	background: #F2BE29;
	margin: 20px 20px 20px 0
}
.ser_feat_wallper2 div:last-child h5 strong{
	width: 15%;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: #F2BE29;
	text-align: center;
	color: #fff;
}
.ser_feat_wallper2 div:last-child h5 span{
	width: 85%;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	margin: 2px;
	color:#333;
	padding: 20px;
	line-height: 190%;
}
.service02_list{
	text-align: center;
	margin: 0 auto;
}
.service02_list div{
	width: 200px;
	margin:  0 1%;
	padding: 20px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
}
.service02_list div img{
 width: 80px;
 display: block;
 margin: 0 auto 8px auto;
}
@media (max-width:1200px) {
	.ser_feat_wallper2 div:last-child dl dt , .ser_feat_wallper2 div:last-child ul li:first-child{
		width: 20%;
	}
	.ser_feat_wallper2 div:last-child dl dd , .ser_feat_wallper2 div:last-child ul li:last-child{
		width: 77%;
	}
}
@media (max-width:990px) {
	.ser_feat_wallper2 div:first-child{
		width: 25%;
	}
	.ser_feat_wallper2 div:last-child{
		width:75%;
	}
	.ser_feat_wallper2 div:last-child h4{
		margin: 0;
		padding: 15px 15px;
		font-size: 17px;
		letter-spacing: 0;
	}
	.ser_feat_wallper2 div:last-child p{
		margin: 15px 0;
	}
	.ser_feat_wallper2 div:last-child dl dt , .ser_feat_wallper2 div:last-child ul li:first-child{
		width: 32%;
	}
	.ser_feat_wallper2 div:last-child dl dd , .ser_feat_wallper2 div:last-child ul li:last-child{
		width: 65%;
	}
}
@media (max-width:768px) {
	.ser_feat_wallper2 div:last-child dl , .ser_feat_wallper2 div:last-child ul{
		display: block;
		margin: 15px;
	}
	.ser_feat_wallper2 div:last-child dl dt , .ser_feat_wallper2 div:last-child ul li:first-child{
		width: 100%;
		margin-bottom: 10px;
	}
	.ser_feat_wallper2 div:last-child dl dd , .ser_feat_wallper2 div:last-child ul li:last-child{
		width: 100%;
		font-size: 15px;
	}
}
@media (max-width:640px) {
	.ser_feat_wallper2 {
		display: block;
	}
	.ser_feat_wallper2 div:first-child{
		width:100%;
	}
	.ser_feat_wallper2 div:first-child img{
		width: 200px;
	}
	.ser_feat_wallper2 div:last-child{
		width:100%;
	}
	.ser_feat_wallper2 div:last-child p{
		margin: 15px 15px;
		font-size: 15px;
		padding: 0;
	}
	.ser_feat_wallper2 div:last-child h5{
		display: block;
    margin: 15px;
	}
	.ser_feat_wallper2 div:last-child h5 strong{
		width: 100%;
		font-size: 16px;
		padding: 10px 0;
	}
	.ser_feat_wallper2 div:last-child h5 span{
		width: auto;
		font-size: 15px;
	}
}

.bnr_feat_wallper{
	display: flex;
}
.bf01{
	width: 49%;
	margin-right: 2%;
	padding: 20px;
	background: url(../images/bnr_closeup01.jpg) center 0 no-repeat;
  background-size:cover;
  transition: 0.4s;
}
.bf02{
	width: 49%;
	margin-right: 0%;
	padding: 20px;
	background: url(../images/bnr_closeup02.jpg) center 0 no-repeat;
  background-size:cover;
  transition: 0.4s;
}
.bf03{
	width: 49%;
	margin-right: 2%;
	padding: 20px;
	background: url(../images/bnr_closeup03.jpg) center 0 no-repeat;
  background-size:cover;
  transition: 0.4s;
}
.bf04{
	width: 49%;
	margin-right: 0%;
	padding: 20px;
	background: url(../images/bnr_closeup04.jpg) center 0 no-repeat;
  background-size:cover;
  transition: 0.4s;
}
.bf05{
	width: 49%;
	margin-right: 0%;
	padding: 20px;
	background: url(../images/bnr_closeup05.jpg) center 0 no-repeat;
  background-size:cover;
  transition: 0.4s;
	min-height:225px;
}
.bf01:hover , .bf02:hover , .bf03:hover , .bf04:hover, .bf05:hover{
  transition: 0.4s;
  opacity: 0.9;
  box-shadow:5px 5px 0px -1px #d5d5d5;
}
.bnr_feat_wallper span{
	display: block;
	font-size: 17px;
	color: #fff;
}
.bnr_feat_wallper p{
	width: 100%;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 50px auto;
	font-weight: bold;
	color: #fff;
}
@media (max-width:768px) {
	.bnr_feat_wallper span{
		font-size: 15px;
	}
	.bnr_feat_wallper p{
		font-size: 16px;
		letter-spacing: 0;
		margin: 30px auto;
	}
}
@media (max-width:640px) {
	.bnr_feat_wallper{
		display: block;
	}
	.bf01 , .bf03{
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.bf02 , .bf04{
		display: block;
		width: 100%;
		margin-right: 0;
	}
	.bf02 , .bf05{
		display: block;
		width: 100%;
		margin-right: 0;
		min-height:170px;
	}
}

.recruit_icons{
	text-align: center;
	margin: 40px auto;
}
.recruit_icons img{
	display: inline-block;
	margin: 15px 10px;
}
.p_middle{
	font-size: 17px;
	line-height: 200%;
}
.recruit01_detail{
	display: flex;
	margin: 80px 0 50px 0;
}
.recruit01_detail div:nth-child(1){
	width: 48%;
	border-right: 1px solid #dadada;
	margin-right: 2%;
}
.recruit01_detail div:nth-child(2){
	width: 48%;
	margin-left: 2%;
}
.second ul{
	margin-left: 20px;
	font-size: 17px;
}
.second ul li{
	margin-bottom: 10px;
}
.second ul li:last-child{
	margin-bottom: 0px;
}
.recruit_bnr{
	display: block;
	margin: 80px 0 0 0;
	text-align: center;
}
.kaisha , .kaisha2{
width: 100%;
}
.kaisha th,
.kaisha td ,
.kaisha2 th,
.kaisha2 td {
border: 1px solid #DDDDDD;
padding: 20px;
vertical-align: middle;
}
.kaisha2 th{
	width: 20%;
}
.kaisha2 td{
	width: 80%;
}
.kaisha th , .kaisha2 th {
background-color: #F7F7F7;
}
.kaisha2 .attentionTxt{
  position: relative;
  width: fit-content;
}
.kaisha2 .attention {
  font-size: .9em;
  width: 1.7em;
  color: #004b84;
  background-color: #f0f4f8;
  border: 2px solid #176cad;
  border-radius: 5px;
  padding: 0;
  margin-left: 9px;
}
.nakamuraInfo{
  display: none;
  width: 300%;
  max-width: 330px;
  position: absolute;
  top: -40px;
  left: 200%;
  transition: .3s ease;
}
.nakamuraInfo img{
  max-width: 100%;
}
/* hoverしたら表示 */
.kaisha2 .attention:hover + .nakamuraInfo{
  display: block;
}
@media (max-width: 550px) {
  .nakamuraInfo{
    left: 125%;
    width: 150%;
    max-width: 150px;
    transform: translateY(-9%);
  }
}
.organizationChart{
  display: block;
  max-width: 980px;
  margin: 100px auto 0;
}
.organizationChart img{
  max-width: 100%;
}
@media screen and (max-width: 959px) {
	.kaisha,
	.kaisha tr,
	.kaisha td,
	.kaisha th {display:block;width:100%;}
	.kaisha2,
	.kaisha2 tr,
	.kaisha2 td,
	.kaisha2 th {display:block;width:100%;}
}
@media (max-width:768px) {
	.recruit01{
		padding-top: 0;
	}
	.recruit_icons img{
		width: 140px;
		margin: 10px 6px;
	}
	.p_middle{
		font-size: 16px;
	}
	.second ul{
		font-size: 16px;
	}
	.recruit01_detail{
		display: block;
		margin: 50px 0 80px 0;
	}
	.recruit01_detail div:nth-child(1){
		width: 100%;
		border-right: none;
		margin-right: 0;
	}
	.recruit01_detail div:nth-child(2){
		width: 100%;
		margin-left: 0;
		margin-top: 40px;
	}
	.recruit_bnr{
		display: block;
		margin: 40px 0 0 0;
		text-align: center;
	}
}
@media (max-width:380px) {
	.recruit_icons img{
		width: 140px;
		margin: 10px 6px;
	}
	.kaisha td,
	.kaisha th {font-size:14px;}
}

.part_title{
	text-align: center;
	position: relative;
	margin-top: -60px;
}
.part_title span{
	display: block;
	font-size: 38px;
	font-weight: bold;
	color: #e64572;
	margin: 30px 0 40px 0;
}
.part_title p{
	font-size: 18px;
	letter-spacing: 3px;
	line-height: 200%;
}
.color_pink{
	color: #e64572 !important;
}
.part_pt{
	padding-top:30px;
}
.part_pt img{
	vertical-align: top;
}
.part_detail{
	text-align: center;
	margin: 50px auto;
}
.part_detail img{
	display: block;
	margin: 0 auto 40px auto;
}
.part_detail h4{
	display: inline-block;
	font-size: 20px;
	margin-bottom: 25px;
	background: linear-gradient(transparent 70%,#fcb7ca 70%);
}
.part_detail p{
	font-size: 16px;
	margin-top: 10px;
	line-height: 190%;
	letter-spacing: 2px;
}
@media (max-width:990px) {
	.part_pt{
		text-align: center;
	}
	.part_pt img{
		width: 280px;
		display: block;
		margin: 0 auto 50px auto;
	}
}
@media (max-width:768px) {
	.part_title img{
		width: 340px;
	}
	.part_title span{
		font-size: 23px;
	}
	.part_title p{
		font-size: 16px;
	}
}
@media (max-width:640px) {
	.part_title p{
		letter-spacing: 0;
	}
	.part01{
		margin-top: -40px;
	}
	.part_detail h4{
		font-size: 17px;
		margin-bottom: 11px;
	}
	.part_detail p{
		letter-spacing: 0;
	}
}
@media (max-width:400px) {
	.part_title img{
		width: 280px;
	}
	.part_pt img{
		width: 250px;
	}
	.part_detail h4{
		font-size: 17px;
		line-height: 170%;
		margin-bottom: 11px;
		background:none;
	}
}

.close_title{
	padding: 0 40px 40px 40px;
	margin: 20px 0 60px 0;
}
.ct101{
	background: url(../images/feat_thumb1-01.jpg) center 0 no-repeat;
	background-size:cover;
}
.ct102{
	background: url(../images/feat_thumb1-04.jpg) center 0 no-repeat;
	background-size:cover;
}
.ct201{
	background: url(../images/feat_thumb2-01.jpg) center 0 no-repeat;
	background-size:cover;
}
.ct202{
	background: url(../images/feat_thumb2-04.jpg) center 0 no-repeat;
	background-size:cover;
}
.ct301{
	background: url(../images/feat_thumb3-01.jpg) center 0 no-repeat;
	background-size:cover;
}
.ct401{
	background: url(../images/feat_thumb4-01.jpg) center 0 no-repeat;
	background-size:cover;
}
.close_title p{
	padding: 10px 30px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	display: inline-block;
}
.close_title h4{
	margin: 90px 0;
	font-size: 22px;
	letter-spacing: 3px;
	color: #000;
	line-height: 200%;
	font-weight: bold;
}
.close_box01 h4{
	background: #E94F5F;
	color: #fff;
	padding: 16px 10px;
	text-align: center;
}
.close_box01 ul {
  list-style: none;
  padding:20px 0 0 0;
}
.close_box01 li {
  padding-left: 10px;
  text-indent: -.7em;
	font-size: 17px;
	margin-bottom: 10px;
}
.close_box01 li:before {
  content: "・ ";
  color:#E94F5F;
	font-size: 20px;
	font-weight: bold;
}
.ser_feat_wallper3{
	display: flex;
	margin-bottom: 60px;
	background: #F6F6F6;
}
.ser_feat_wallper3 .sf_left{
	width: 20%;
	margin-right:0%;
	text-align: center;
	padding: 20px;
}
.ser_feat_wallper3 .sf_right{
	width:80%;
	padding-bottom: 20px;
}
.ser_feat_wallper3 .sf_left strong{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	display: block;
}
.ser_feat_wallper3 .sf_left span{
	font-size: 30px;
	margin-left: 10px;
	display: inline-block;
}
.ser_feat_wallper3 .sf_right h4{
	background: #E94F5F;
	padding: 20px 30px;
	font-size: 18px;
	line-height: 190%;
	letter-spacing: 1px;
	color: #fff;
}
.ser_feat_wallper3 .sf_intro{
	font-size: 16px;
	padding-right: 20px;
	line-height: 190%;
}
.ser_feat_wallper3 .sf_job{
	background: #fff;
	padding: 15px;
	margin: 15px 20px 5px 0;
}
.ser_feat_wallper3 .sf_job h5{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
}
.ser_feat_wallper3 .sf_job p{
	display: inline-block;
	padding: 5px 30px;
	border-radius: 32px;
	background: #F2BE29;
	color: #fff;
	font-size: 15px;
	margin-right: 5px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ser_feat_wallper3 .sf_job p:last-child{
	margin-right: 0;
}
.ser_feat_wallper3 .sf_job p:nth-child(2){
	background: #F2BE29;
}
.ser_feat_wallper3 .sf_job p:nth-child(3){
	background: #9EC234;
}
.ser_feat_wallper3 .sf_job p:nth-child(4){
	background:#2DACE5;
}
.ser_feat_wallper3 .sf_job p:nth-child(5){
	background:#0071BC;
}
.ser_feat_wallper3 .sf_job p.extra01{
	background: #93278F;
}
.ser_feat_wallper3 .sf_job p.extra02{
	background: #ED1E79;
}
.ser_feat_wallper3 .sf_job p.extra03{
	background: #0071BC;
}
.ser_feat_wallper3 .sf_point {
	padding: 10px 20px 0px 0;
}
.ser_feat_wallper3 .sf_point h5{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.ser_feat_wallper3 .sf_point p{
	font-size: 16px;
	padding: 10px;
	color: #fff;
	background: #999999;
	text-align: center;
}
@media (max-width:1200px) {
	.ser_feat_wallper3 .sf_left{
		width: 20%;
	}
	.ser_feat_wallper3 .sf_right{
		width: 77%;
	}
}
@media (max-width:990px) {
	.close_title{
		padding: 0 30px 30px 30px;
	}
	.close_title p{
		font-size: 15px;
	}
	.close_title h4{
		margin: 70px 0;
		font-size: 20px;
		letter-spacing: 1px;
	}
	.close_box01 h4{
		padding: 14px 10px;
		margin-top: 0;
	}
	.close_box01 ul {
	  list-style: none;
		margin-left: 11px;
	  padding:20px 0 0 0;
	}
	.close_box01 li {
	  padding-left: 0px;
		font-size: 15px;
	}
	.ser_feat_wallper3 .sf_left{
		width: 25%;
	}
	.ser_feat_wallper3 .sf_right{
		width:75%;
	}
	.ser_feat_wallper3 .sf_right h4{
		margin: 0;
		padding: 15px 15px;
		font-size: 17px;
		letter-spacing: 0;
	}
	.ser_feat_wallper3 .sf_intro{
		margin: 15px 0;
	}
}
@media (max-width:640px) {
	.close_title h4{
		font-size: 18px;
		letter-spacing: 0px;
	}
	.close_box01 h4{
		font-size: 17px;
	}
	.close_box01 ul {
    padding: 0px 0 0 0;
}
	.ser_feat_wallper3 {
		display: block;
	}
	.ser_feat_wallper3 .sf_left , .ser_feat_wallper3 .sf_right{
		width:100%;
	}
	.ser_feat_wallper3 .sf_left img{
		width: 200px;
	}
	.ser_feat_wallper3 .sf_intro {
		margin-left: 20px;
		font-size: 16px;
	}
	.ser_feat_wallper3 .sf_job {
    margin: 15px;
	}
	.ser_feat_wallper3 .sf_job p{
		font-size: 13px;
	}
	.ser_feat_wallper3 .sf_point {
    padding: 10px 20px 0px 20px;
	}
}
@media (max-width:420px) {
	.close_title h4{
		font-size: 18px;
		margin: 40px 0;
		text-shadow:2px 2px 3px #ffffff;
	}
}
@media (max-width:380px) {
	.close_title h4{
		font-size: 17px;
		margin: 30px 0;
	}
	.close_box01 h4 {
    font-size: 16px;
	}
	.ser_feat_wallper3 .sf_right h4 {
    font-size: 16px;
	}
	.ser_feat_wallper3 .sf_intro {
    font-size: 15px;
	}
}

.close_hr{
	display: flex;
	margin: 60px 0 0px 0;
}
.close_hr div{
	width: 49%;
	margin-right: 2%;
}
.close_hr div:last-child{
	margin-right: 0;
}
.close_hr p{
	width: 100%;
	padding: 20px;
	text-align: center;
	background: #2DACE5;
	color: #fff;
	font-size: 18px;
	line-height: 190%;
	font-weight: bold;
}
.ser_feat_wallper4{
	display: flex;
	background: #F6F6F6;
}
.ser_feat_wallper5{
	background: #F6F6F6;
}

.ser_feat_wallper4 .sf_left{
	width: 20%;
	margin-right:0%;
	text-align: center;
	padding: 20px 20px 0 20px;
}
.ser_feat_wallper4 .sf_right{
	width:80%;
}
.ser_feat_wallper4 .sf_left strong{
	font-size: 20px;
	font-weight: normal;
	display: block;
}
.ser_feat_wallper4 .sf_left span{
	font-size: 30px;
	margin-left: 10px;
	display: inline-block;
}
.ser_feat_wallper4 .sf_right h4{
	background: #2DACE5;
	padding: 20px 30px;
	font-size: 18px;
	line-height: 190%;
	letter-spacing: 1px;
	color: #fff;
}
.sfw_after{
	padding:0 20px 20px 20px;
	background: #F6F6F6;
	margin-bottom: 60px;
}

.sfw_after p{
	font-size: 16px;
	font-weight: bold;
	line-height: 190%;
	margin-bottom: 20px;
}

.sfw_after2{
	padding:5px 20px 20px 20px;
	background: #F6F6F6;
	margin-bottom: 60px;
}

.sfw_after2 p{
	font-size: 16px;
	font-weight: normal;
	line-height: 220%;
	margin-bottom: 20px;
	text-align:center;
}
.sfw_after2 img{
	padding:5px;
}

.bg_01{
	background:#f2f8fc !important;
}

.bg_02{
	background:#f8b62c !important;
}

.bg_03{
	background:#f9bbe1 !important;
}

@media (max-width:1200px) {
	.ser_feat_wallper4 .sf_left{
		width: 20%;
	}
	.ser_feat_wallper4 .sf_right{
		width: 80%;
	}
}
@media (max-width:990px) {
	.ser_feat_wallper4 .sf_left{
		width: 25%;
	}
	.ser_feat_wallper4 .sf_right{
		width:75%;
	}
	.ser_feat_wallper4 .sf_right h4{
		margin: 0;
		padding: 15px 15px;
		font-size: 17px;
		letter-spacing: 0;
	}
	.sfw_after{
		padding:20px 20px 20px 20px;
	}
}
@media (max-width:640px) {
	.close_hr{
		display:block;
	}
	.close_hr div{
		width: 100%;
		margin-right: 0%;
	}
	.close_hr p{
		font-size: 16px;
		line-height: 180%;
	}
	.ser_feat_wallper4 {
		display: block;
	}
	.ser_feat_wallper4 .sf_left , .ser_feat_wallper4 .sf_right{
		width:100%;
	}
	.ser_feat_wallper4 .sf_right{
		margin-top: 15px;
	}
	.ser_feat_wallper4 .sf_right h4{
		padding: 12px 15px;
		font-size: 16px;
	}
	.sfw_after p{
		font-size: 15px;
		line-height: 180%;
	}
	.sfw_after2 p{
		font-size: 15px !important;
		text-align: justify !important;
		line-height: 220% !important;
	}
}
@media (max-width:380px) {
	.sfw_after img{
		width: 100%;
	}
}
@media (max-width:380px) {
	.close_title h4 br{
		display: none;
	}
}

.sfw_star{
	display: flex;
}
.sfws_left{
	width: 50%;
	background: #fff;
	padding: 20px;
}
.sfws_right{
	width: 50%;
}
.sfw_star dl{
	display: flex;
	margin-bottom: 13px;
	align-items: center;
	 -webkit-justify-content: center;
	 justify-content: center;
}
.sfw_star dl:last-child{
	margin-bottom: 0px;
}
.sfw_star dt{
	width: 25%;
	margin-right: 3%;
	font-size: 15px;
	border-radius: 32px;
	padding: 4px 20px;
	background: #9EC234;
	color: #fff;
	text-align: center;
}
.sfw_star dd{
	width: 72%;
	font-size: 16px;
	font-weight: bold;
}
@media (max-width:1200px) {
	.sfw_star dt{
		width: 30%;
	}
	.sfw_star dd{
		width: 67%;
	}
}
@media (max-width:990px) {
	.sfw_star{
		display: block;
	}
	.sfws_left{
		width: 100%;
	}
	.sfws_right{
		width: 100%;
	}
}
@media (max-width:640px) {
	.sfw_star dt{
		font-size: 13px;
		padding: 4px 10px;
	}
	.sfw_star dd{
		font-size: 14px;
	}
	.sfw_star dd img{
		width: 120px;
	}
	.sfws_left{
		padding: 15px;
	}
	.sfw_after2 img{
	display:block;
	width:100%;
	padding-bottom:25px !important;
}
}
@media (max-width:480px) {
	.sfw_star dt{
		width: 42%;
	}
	.sfw_star dd{
		width: 58%;
	}
}
@media (max-width:320px) {
	.sfw_star dt{
		font-size: 12px;
		padding: 4px 5px;
	}
	.sfw_star dd{
		font-size: 13px;
	}
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.rights h6 , .lefts h6 , .lefts2 h6{
	width: 100%;
	border: 1px solid #ccc;
	background: #f5f5f5;
	padding: 20px;
	text-align: center;
	font-size: 15px;
	margin-top: 30px;
	line-height: 190%;
}

.faq{
	margin-left: 0 !important;
	margin-bottom: 50px;
}
.h4_faq{
	border-left: 2px solid #004c88 ;
	padding: 0 0 0 10px;
	margin-top: 70px;
}
.menu__item {
  display: block;
  list-style: none;
  width: 100%;
  margin-bottom: 22px;
}
.menu__item__link {
  display: inline-block;
  vertical-align: middle;
	color:#004c88 !important;
	font-size:18px;
  font-weight: bold;
  padding: 20px 14px 16px 14px;
  line-height:160%;
  cursor: pointer;
  transition: 0.4s;
  width: 100%;
  background: #f5f5f5;
}
.menu__item__link:after {
	content: "\f067";
	font-family: FontAwesome;
  float: right;
	color:#555;
	font-size:14px;
  font-weight:normal;
	margin-top: -4px;
  padding: 5px 13px;
}
.menu__item__link.on:after {
  content: "\f068";
	font-family: FontAwesome;
  float: right;
	color:#555;
	font-size:14px;
  font-weight:normal;
	margin-top: -4px;
  padding: 5px 13px;
}
.submenu {
  list-style: none;
  display: none;
	margin-left: 0 !important;
}
.submenu__item {
  padding: 20px 0 30px 0;
	line-height: 180%;
}
.submenu__item p{
	font-size: 15px;
}
@media (max-width:640px) {
	.menu__item__link {
	  padding: 20px 4px 16px 14px;
	}
	.menu__item__link {
		font-size:15px;
	}
	.submenu__item {
		font-size: 14px;
	}
}

.privacy{
	margin-top: 50px;
	line-height: 175%;
	font-size: 16px;
}
.privacy p{
	font-size: 16px;
	margin-bottom: 30px;
}
@media (max-width:640px) {
	.privacy{
		font-size: 14px;
	}
	.privacy p{
		font-size: 14px;
	}
}



/* -------------------------------------------------------------/
/	CONTACT　「お問い合わせ」追加部分				/
/--------------------------------------------------------------*/

.setWidth {
	width: 1120px;
	margin: 0 auto;
}

.inputWrap {
	width: 300px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border: #004682 solid 1px;
	border-radius: 50px;
	margin: auto;
	display: block;
	position: relative;
	background: #004682;
	cursor: pointer;
		-webkit-transition: all .3s;
		transition: all .3s;
}

.inputWrap input {
	width: 100%;
	display: block;
	border: none;
	padding: .8rem 0;
	background: none;
	cursor: pointer;
	color: #fff;
		-webkit-transition: all .3s;
		transition: all .3s;
}

.inputWrap:hover input {
	color: #004682;
}

.contactWrap {
	background: #f6f6f6;
}

.btn-green a:hover,
.btn-green button:hover,
.btn-green .inputWrap:hover {
	background: #fff;
	font-weight: bold;
	color: #004682;
}

#CONTACT h1 {
	font-size: 1.7rem;
	text-align: center;
	padding: 30px 0;
}

#CONTACT .setWidth {
	background: #fff;
	position: relative;
	padding: 0 0 80px 0;
}

#CONTACT .setWidth > p {
	text-align: center;
	padding: 40px 0 30px 0;
}

#CONTACT a {
	clear: both;
	background: #004682;
	color: #fff;
	border: #004682 solid 2px;
	display: block;
	width: 30%;
	padding: 1em 0;
	text-align: center;
	margin: 0 auto;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#CONTACT a:hover {
	background: #fff;
	color: #004682;
}

#CONTACT form {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;
}

#CONTACT form dl {
	border-bottom: #c8c8c8 solid 1px;
}

#CONTACT form dl.nobd {
	border: none;
}

#CONTACT form dl dt {
	width: 30%;
	float: left;
	font-size: 1.1rem;
	line-height: nomal;
	padding-top: 2.1vh;
}

#CONTACT form dl dt .requiredlabel {
	background: #004682;
	font-size: .7rem;
	padding: 3px 7px;
	margin-left: 1rem;
	border-radius: 8px;
	color: #fff;
	position: relative;
	top: -2px;
}
#CONTACT form dl dt .any{
	font-size: .7rem;
	padding: 3px 7px;
	margin-left: 1rem;
	border-radius: 8px;
	color: #004682;
	border:1px solid #004682;
	position: relative;
	top: -2px;
}
#CONTACT form dl dd {
	width: 70%;
	padding: 1.5rem 0 1.5rem 30%;
}

#CONTACT form dl dd + dd {
	padding-top: 0;
}

#CONTACT form dl dd input[type=text],
#CONTACT form dl dd input[type=tel],
#CONTACT form dl dd input[type=email] {
	border: #c8c8c8 solid 2px;
	padding: .5rem;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
}

#CONTACT form dl dd select {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
	border: #c8c8c8 solid 2px;
	padding: .4rem .5rem;
	border-radius: 5px;
	box-sizing: border-box;
	background: #fff;
}

#CONTACT form button[type=submit] {
	text-align: center;
	border: #004682 solid 2px;
	margin: 60px auto 0 auto;
	display: block;
	background: #004682;
	color: #fff;
	cursor: pointer;
	padding: .8rem 7rem;
		-webkit-transition: all .3s;
		transition: all .3s;
}

#CONTACT form button[type=submit]:hover {
	background: #fff;
	color: #004682;
}

#CONTACT form dl dd textarea {
	border: #c8c8c8 solid 2px;
	padding: .5rem;
	border-radius: 5px;
	width: 100%;
	min-height: 15rem;
	box-sizing: border-box;
}
.zip-button {
    background-color: #004682;
    border-color: #004682;
    color: #fff;
    border-color: #004682;
	transition:.3s;
}
.zip-button:hover{
	background-color:#0565b7;
	border-color: #0565b7;
}
#CONTACT form dl dd .flex {
    display: flex;
	margin-bottom: 10px;
}
#CONTACT form dl dd .prefectures{
	margin-bottom:10px;
}
#CONTACT form dl dd .flex input {
    width: 50%;
	    margin-right: 3%;
}
#CONTACT form dl dd .flex button{
	width: 33%;
	border-radius: 5px;
}
.mw_wp_form_confirm #CONTACT form dl dd .small{
	display:none;
}
.mw_wp_form_confirm .zip-button{
	display:none;
}
/* ステップリスト */
.contact__flow__list {
    padding-left: 0;
    list-style-type: none;
    width: 90%!important;
    display: block;
    margin: 1rem auto 2rem auto;
}

.contact__flow__list::before,
.contact__flow__list::after {
    content: '';
    display: table;
}
.contact__flow__list::after {
    clear: both;
}

.contact__flow__list {
    background-color: #e3e3e3;
    width: 100%;
}
.contact__flow__list__item {
    float: left;
    width: 33.33333334%;
    text-align: center;
    position: relative;
    line-height: 54px !important;
    z-index: 0;
	margin-bottom:0 !important;
}
.contact__flow__list__item::before,
.contact__flow__list__item::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 0px;
    left: 100%;
    border-width: 27px 20px;
}
.contact__flow__list__item:nth-child(1) { z-index: 10; }
.contact__flow__list__item:nth-child(2) { z-index: 7; }
.contact__flow__list__item:nth-child(3) { z-index: 5; }

.contact__flow__list__item::before {
    border-left-color: #e3e3e3;
    z-index: 5;
}
.contact__flow__list__item::after {
    border-left-color: #fff;
    border-width: 31px 24px;
    top: -4px;
}

.contact__flow__list__item:last-child::before,
.contact__flow__list__item:last-child::after {
    content: none;
}

.contact__flow__list__item.is-active {
    background-color: #004682;
    color: #fff;
    font-weight: bold;
}

.contact__flow__list__item.is-active::before {
    border-left-color: #004682;
}

.btn-green.btn-arrow.width60per.mt80 { text-align: center; padding-top:40px; }
.inputWrap { display: inline-block; }
.mobile .inputWrap { width: 210px; }
.mw_wp_form_input .btn-return { display: none; }
.inputWrap.btn-return { width: 150px;margin-right: 10px; }
.mobile .inputWrap.btn-return {     width: 90px; }

@media screen and (max-width: 599px) {
	.setWidth {
	    width: 100%;
	    padding: 0 1rem;
	    box-sizing: border-box;
	}

	#CONTACT > h1 {
		font-size: 5.5vw;
		font-weight: bold;
		color: #353738;
	}

	#CONTACT .setWidth > p {
		margin-top: 15px;
		padding: 10px;
		font-size: 4vw;
		box-sizing: border-box;
	}

	#CONTACT .setWidth > p > strong {
	display: block;
	line-height: 1.7;
	}

	#CONTACT .setWidth > p > strong + br {
	display: none;
	}

	#CONTACT form {
		width: 100%;
		font-size: 4vw;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#CONTACT form dl dt {
		float: none;
		width: 100%;
	}

	#CONTACT form dl dd {
		float: none;
		padding-left: 0;
		width: 100%;
	}

	#CONTACT form button[type=submit] {
		width: 100%;
		padding: .8rem;
	}
	#CONTACT a {
		clear: both;
		background: none;
		color: #333;
		border: none;
		display: block;
		width: 100%;
		padding: 0;
		text-align: left;
		margin: 0 auto;
	}

	/* ステップリスト */
	.contact__flow__list__item {
	    line-height: 1.0;
	    height: 54px;
	}
	.contact__flow__list__item {
	    display: table;
	}
	.contact__flow__list__item span {
	    font-size: 3vw;
	    padding: 0 15px 0 31px;
	    line-height: 1.2;
	    display: table-cell;
	    vertical-align: middle;
	}
	.contact__flow__list__item:first-child span {
	    padding: 0 20px;
		border-right: 0;
	}
}

#request_btn_wrap{
    margin-bottom: 110px;
}
#request_btn_wrap ul {
    width: 90%;
    display: table;
    position: relative;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 20px 0;
}
#request_btn_wrap li {
    font-weight: bold;
display: table-cell;
overflow: hidden;
vertical-align: middle;
}
#request_btn_wrap li:nth-child(n+2) {
padding-left: 1px;
}
#request_btn_wrap li a {
    display: block;
    color: #fff;
    background-color: #004682;
    text-decoration: none;
    width: 300px;
    height: auto;
    padding: 20px;
    font-size: 18px;
    line-height: 1.8em;
}
#request_btn_wrap li a:hover {
background: #fff;
}
@media screen and (max-width: 599px) {
#request_btn_wrap ul, #request_btn_wrap li {
display: block;
margin-bottom: 5px;
}
}
#request_btn_wrap li:nth-child(n+2) {
padding-top: 1px;
padding-left: 0;
}
@media screen and (max-width: 599px) {
#request_btn_wrap{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom:50px;
}
}
@media screen and (max-width: 599px) {
#request_btn_wrap ul{
width: 100%;
}
}
@media screen and (max-width: 599px) {
#request_btn_wrap li a{
justify-content: center;
text-align:center;
width: 270px;
border: #004682 solid 2px;
}
}

/* ----------------------------------------------------------------------
form_radio_button_color
---------------------------------------------------------------------- */

input[type=radio] {
  display: none;
}

.mwform-radio-field .mwform-radio-field-text:hover:after {
    border-color: #004682;
}

.mwform-radio-field {
    display: inline-block;
}
.mwform-radio-field .mwform-radio-field-text {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 25px 6px 25px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}
.mwform-radio-field .mwform-radio-field-text::after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -12px;
  width: 18px;
  height: 18px;
  border: 2px solid #004682;
  border-radius: 6px;
  content: '';
  border-radius: 15px;

}

.mwform-radio-field .mwform-radio-field-text:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -12px;
  width: 18px;
  height: 18px;
  border: 2px solid #004682;
  border-radius: 6px;
  background-color: #004682;
  content: '';
  opacity: 0;
  border-radius: 15px;
}

input[type=radio]:checked + .mwform-radio-field-text:before {
    opacity: 1;
    position: absolute;
    content: "";
    top: 50%;
    left: 6px;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-radius: 50%;
}
#CONTACT .mw-wp-form_file a,
#CONTACT a.pra {
    display: inherit;
    background: transparent;
    width: auto;
    border: none;
    color: #004682;
    padding: 0;
	 text-align: left;
}
.mw_wp_form_confirm #CONTACT form dl .small {
    display: none;
}
.thanks {
    margin-top: 2vw;
}
.thanks p {
    font-size: 19px;
    margin-bottom: 1vw;
}
@media screen and (max-width: 599px) {
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
}
	.mwform-radio-field .mwform-radio-field-text{
		    padding: 0 12px 6px 23px;
	}
	.thanks p {
    font-size: 16px;
    margin-bottom: 4vw;
}
	#CONTACT form dl dd.houshin {
    padding-top: 1.8vw;
}
}

.well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }
.well2 { margin:1em 0 30px; padding:1em 1.5em; line-height:2; border:1px solid #cdcdcd; background:#fcfcfc; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.well3 { margin:2em 0 2.5em; padding:1em 1.5em;line-height:2.0; border:1px dashed #cdcdcd; background:#fcfcfc;  box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.well2 strong{font-size:24px; }


@media screen and (max-width: 599px) {
	.well2 { font-size:15px; text-align:center; margin-top:60px;}
	.well2 strong{font-size:30px;display:block;}
	.inputWrap {width: 270px;font-size: 15px;}
}


.single .container{
  padding: 40px;
}

.second_title .container{
    padding: 0;
}

.blog_before span{
	display:inline-block;
	vertical-align:middle;
	font-size:17px;
	color:#555;
}
.blog_before a{
	background:#004C88;
  border-radius: 36px;
  color: #fff;
  font-size: 14px;
  padding: 4px 32px;
  display: inline-block;
  vertical-align: middle;
	margin-left: 20px;
}
.single_cate .category{
  border: 1px solid #737373;
  color: #737373;
}
.second .single .single__title{
    background: none;
    font-size: 28px;
    line-height: 170%;
    font-weight: bold;
    padding: 0;
    margin: 20px 0 20px 0;
    color: #000;
    text-align:left; 
    letter-spacing: 3px;
}
.single p{
  margin: 10px 0 20px 0;
}
.single hr{
	width:40px;
	border:none;
	border-top:2px solid #004C88;
	margin:30px 0;
	display:block;
}
.single img{
	max-width:100%;
	height:auto;
  margin: 10px auto;
  display: block;
}

.single .header img{
    margin: auto;
}

.single_bottom1{
  text-align: center;
  padding-top: 80px;
  padding-bottom: 30px;
}
.single_bottom1 a , .single_bottom2 a{
  border-radius: 36px;
  color: #fff;
  background: #004C88;
  font-size: 15px;
  padding: 9px 40px 12px 46px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.single_bottom1 a:hover , .single_bottom2 a:hover{
  text-decoration: none;
}
.single_bottom1 a:last-child{
  margin-right: 0;
}
.single_bottom2{
  text-align: center;
}
.single_bottom2 a{
    margin-right: 0px;
}
.blog_after{
	border-top:1px solid #e5e5e5;
	padding-top:30px;
	margin-top:150px;
}
@media only screen and (max-width: 768px) {
  .single{
    padding-top: 0px;
    margin-bottom: -100px;
  }
  .single .container{
    padding: 40px 20px;
  }
  .single img{
    margin: 30px auto;
  }
  .second .single .single__title{
    font-size: 22px;
    line-height: 160%;
    margin: 15px 0 15px 0;
  }
  .single_day{
    margin-bottom: 40px;
  }
  .single_bottom1{
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .single_bottom1 a , .single_bottom2 a{
    font-size: 13px;
    padding: 12px 30px 12px 36px;
    margin-right: 10px;
  }
	.single .footer .container{
    padding: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .second .single .single__title{
    font-size: 20px;
  }
}
@media only screen and (max-width: 320px) {
  .second .single .single__title{
    font-size: 18px;
  }
  .single_bottom1 a , .single_bottom2 a{
    font-size: 12px;
    padding: 8px 22px 12px 26px;
    margin-right: 7px;
  }
}



.topics_wallper2{
  display:flex;
  flex-wrap:wrap;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:50px;
	margin-bottom:50px;
}
.topics2{
  width: 32%;
  margin-right: 2%;
  background: #f0f0f0;
  margin-bottom: 25px;
}
.topics2:nth-child(3) , .topics2:nth-child(6) ,
.topics2:nth-child(9) , .topics2:nth-child(12) ,
.topics2:nth-child(15) , .topics2:nth-child(18) ,
.topics2:nth-child(21) , .topics2:nth-child(24){
  margin-right: 0%;
}
.topics2 .thumb{
  display: block;
  height: 250px;
  width: 100%;
  position: relative;
  background:#eef3ff url(../img/logo.png) center center no-repeat;
}
.topics2 span{
  color: #555;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
	margin-right:10px;
}
.topics2 .cate{
  border-radius: 36px;
  color: #fff;
  background: #004C88;
  font-size: 12px;
  padding: 5px 16px 5px 16px;
  display: inline-block;
  vertical-align: middle;
   margin: 0 1% 0 0;
}
.topics2 .cate:hover{
  text-decoration: none;
}
.topics2 p{
  clear: both;
  width: 100%;
  text-align: left;
  display: block;
  padding: 20px;
  background: #f0f0f0;
  margin: 0;
}
.topics2 .topia{
  font-size: 16px;
	font-weight:bold;
	display:block;
  line-height: 180%;
  color: #333;
	margin-top:12px;
}
.topi_after{
  text-align: center;
  margin:20px 0 0px 0;
}
@media only screen and (max-width:1200px) {
  .topics2 .thumb{
    height: 220px;
  }
}
@media only screen and (max-width:1024px) {
  .topics2 .thumb{
    height: 175px;
  }
}
@media only screen and (max-width:768px) {
  .topics_wallper2{
    display: block;
  }
  .topics2{
    width:100%;
    margin: 0 0 20px 0;
  }
  .topics2 .thumb{
    height: 280px;
  }
}
@media only screen and (max-width:480px) {
  .topics2 .thumb{
    height: 250px;
  }
}
@media only screen and (max-width:380px) {
  .topics2 .thumb{
    height: 230px;
  }
}
@media only screen and (max-width:330px) {
  .topics2 .thumb{
    height: 210px;
  }
}

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none !important;
  border: none !important;
  padding: 10px 15px !important;
  margin: 2px 10px !important;
	font-size:13px !important;
	font-weight:bold;
	color:#333 !important;
	background:#F2F2F2 !important;
  border-radius: 32px !important;
}
.wp-pagenavi span.current {
	background:#004C88 !important;
	color:#fff !important;
}
.wp-pagenavi span:first-child{
	display:none;
}
@media only screen and (max-width:640px) {
	.wp-pagenavi a, .wp-pagenavi span {
	  margin: 2px 5px !important;
		font-size:13px !important;
	}
}

.cates{
	text-align:center;
	margin:40px 0 80px;
}
.cates a{
  border-radius: 36px;
  color: #fff;
  background: #004C88;
  font-size: 15px;
	font-weight:bold;
  padding: 10px 26px 10px 26px;
  display: inline-block;
  vertical-align: middle;
	margin:5px 10px;
}
.cates a:hover , .cates a.active{
  background: #eee;
  color:  #004C88;
	font-weight:bold;
}
@media only screen and (max-width:480px) {
	.cates{
		text-align:center;
		margin:0px 0 40px;
	}
	.cates a{
	  font-size: 12px;
		font-weight:bold;
	  padding: 7px 22px 7px 22px;
		margin:5px 5px;
	}
}
@media only screen and (max-width:320px) {
	.cates a{
	  font-size: 11px;
		font-weight:bold;
	  padding: 7px 11px 7px 11px;
		margin:3px 3px;
	}
}


.service01__container01 .lead-text{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 2.2em;
    margin-top: 30px;
}

.service01__container01-content{
    margin-top: 25px;
}

.service01__container01-content > span{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #004b86;
    padding: 8px 15px;
}

.service01__container01-content .inner-box{
    display: flex;
    margin-top: 30px;
}

.service__container01-card{
    width: calc((100% - 20px) / 2);
    margin-left: 20px;
    max-width: 573px;
}

.service__container01-card:first-child{
    margin-left: 0;
}

.service__container01-card .card__lead-text{
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2dace5;
    height: 96px;
}

.service__container01-card .card__lead-text p{
	color: #fff;
}

.service__container01-card img{
    width: 100%;
}

.service__container01-card span{
    background-image: linear-gradient(to top, #f2be29 0%, #f2be29 7px, transparent 7px, transparent 100%);
    line-height: 1.4em;
}

.service__container01-card .card__text{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.77em;
    padding-top: 25px;
}

@media screen and (max-width: 990px){
    .service01__container01 .lead-text,
    .service__container01-card .card__text,
    .service01__container01-content > span{
        font-size: 16px;
    }

    .service__container01-card .card__lead-text{
        font-size: 19px;
    }
}

@media screen and (max-width: 640px){
    .service01__container01 .lead-text{
        font-size: 15px;
    }

    .service01__container01-content > span{
        font-size: 15px;padding: 5px 12px;
    }

    .service01__container01-content .inner-box{
        display: block;
		 margin-top: 20px;
    }

    .service__container01-card {
        width: 100%;
        margin: 20px 0 0;
    }

    .service__container01-card:first-child{
       margin: 0;
    }

    .service__container01-card .card__lead-text{
        font-size: 18px;
        height: 80px;
    }

    .service__container01-card .card__text {
        font-size: 15px;
        padding-top: 20px;
    }
}

.service02__container01-content{
    margin-top: 40px;
}

.service02__container01-content .content--top{
    display: flex;
}

.service02__container01-content .text-box{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.94em;
    letter-spacing: 0.125em;
    width: 50%;
    color: #fff;
    padding: 12px 0;
}

.service02__container01-content .text-box:first-child{
    background-color: #2daae3;
}

.service02__container01-content .text-box:last-child{
    background-color: #3cbbc9;
}

.content--bottom{
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.125em;
    line-height: 2.22em;
    padding: 25px 10px;
    border: 1px solid #d8d8d8;
    border-top: none;
}

.service02__container02-box{
    margin-top: 30px;
    background-color: #f3f3f3;
	width: 100% !important;
	float: none !important;
}

.service02__container02-box > span{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.125em;
    background-color: #144580;
    padding: 3px 7px;
}

.service02__container02-box > p{
    font-size: 17px;
    font-weight: 400;
    line-height: 1.87em;
    letter-spacing: 0.125em;
    padding: 10px 3% 15px;
}

.service__container02--bottom{
    margin-top: 60px;
    padding: 35px 15px;
    background-color: #f3f3f3;
}

.service__container02--bottom p{
    font-size: 18px;
    font-weight: 400;
    line-height: 2.22em;
    letter-spacing: 0.125em;
    text-align: center;
}

.service__container02--bottom p.size--lg{
    font-size: 25px;
    font-weight: 700;
    line-height: 1.6em;
	margin-bottom: 15px;
}

.service02__container03-content{
    margin-top: 30px;
    display: flex;
    justify-content: center;
	align-items: center;
}

.service02__container03-content .img-wrap{
    order: 1;
    width: 28.55%;
    max-width: 334px;
}

.service02__container03-content p{
    order: 2;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.66em;
    margin-left: 6.8%;
    width: 52.05%;
    max-width: 609px;
}

.service02__container03 .btn01{
    margin: 55px auto 0;
    width: 90%;
    max-width: 330px;
    border-radius: 50px;
    border: 2px solid #004b84;
    background-color: #004b84;
    transition: 0.4s ease;
}

.service02__container03 .btn01:hover{
    background-color: #fff;
}

.service02__container03 .btn01__link{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 0;
    transition: 0.4s ease;
	color: #fff;
}

.service02__container03 .btn01:hover .btn01__link{
    color: #004b84;
	opacity: 1;
}

@media screen and (max-width: 990px){
    .service02__container01-content .text-box,
    .content--bottom,
	.service02__container02-box > span,
    .service02__container02-box > p,
	.service__container02--bottom p,
    .service02__container03-content p,
    .service02__container03 .btn01__link{
        font-size: 16px;
    }
	
	.service__container02--bottom p.size--lg{
		font-size: 22px;
	}
}

@media screen and (max-width: 640px){
    .service02__container01-content{
        margin-top: 20px;
    }

    .service02__container01-content .text-box,
    .content--bottom,
	.service02__container02-box > span,
    .service02__container02-box > p,
	.service__container02--bottom p,
    .service02__container03-content p,
    .service02__container03 .btn01__link{
        font-size: 15px;
    }

    .service02__container01-content .content--top{
        display: block;
    }

    .service02__container01-content .text-box{
        width: 100%;
    }
	
	.service__container02--bottom p.size--lg{
		font-size: 18px;
	}
	
	.service02__container03-content{
      display: block;
    }

    .service02__container03-content .img-wrap{
        width: 80%;
        margin: auto;
    }
    
    .service02__container03-content p{
       margin: 30px 0 0;
        width:100%;
        max-width: none;
    }
}

.service03__container01{
    margin-top: 60px;
    padding: 35px 15px;
    background-color: #f3f3f3;
}

.service03__container01 .img-wrap{
    max-width: 380px;
    margin: 25px auto 0;
}

.service03__container01 p,
.service03__container02 p{
    font-size: 18px;
    font-weight: 400;
    line-height: 2.22em;
    text-align: center;
    letter-spacing: 0.125em;
	margin-top: 25px;
}

.service03__container01 p.size--lg,
.service03__container02 p.size--lg{
    text-align: center;
    color: #000;
    font-size: 25px;
    font-weight: 700;
	margin-top: 0;
	line-height: 1em;
}

.service03__container02{
    padding: 35px 15px;
    background-color: #f3f3f3;
    margin-top: 45px;
}

.service03__container03 .ser_feat{
    align-items: stretch;
    padding: 0 30px 0 20px;
}

.service03__container03 .ser_feat .color03{
    display: flex;
    align-items: center;
    justify-content: center;
}

.service03__container03 .ser_feat div:last-child{
    padding-bottom: 30px;
}

.service03__container03 .tag{
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.125em;
    display: inline-block;
    padding: 2px 12px;
    color: #fff;
    background-color: #9cc034;
}

.service03__container03 p{
    margin-top: 15px;
    font-weight: 700;
}

@media screen and (max-width: 990px){
    .service03__container01 p,
    .service03__container02 p{
        font-size: 16px;
    }

    .service03__container01 p.size--lg,
    .service03__container02 p.size--lg{
        font-size: 22px;
    }

    .service03__container03 .tag{
        font-size: 14px;
    }
}

@media screen and (max-width: 640px){
    .service03__container01 p,
    .service03__container02 p{
        font-size: 15px;
		margin-top: 15px;
    }

    .service03__container01 p.size--lg,
    .service03__container02 p.size--lg{
        font-size: 18px;
    }

    .service03__container03 .ser_feat {
        padding: 0 20px 0 15px;
    }
	
	.service03__container03 .ser_feat div:last-child{
    padding-bottom: 20px;
}

    .service03__container03 .tag{
        font-size: 13px;
    }

    .service03__container03 p{
        margin-top: 10px;
    }
} 

.service04__container01-content{
    margin-top: 80px;
}

.service04__container01-content .ser_feat_wallper2{
    display: block;
	padding-bottom: 40px;
}

.service04__container01-content .ser_feat_wallper2 > .inner-flex{
    display: flex;
	width: 100%;
	text-align: left;
	padding: 0;
}

.service04__container01-content .ser_feat_wallper2 > .inner-flex div:first-child{
	padding-left: 0;
}

.service04__container01-content .ser_feat_wallper2:first-child img{
	display: block;
	width: 90%;
	margin-left: auto;
}

.set_feat_wallper2--bottom{
    width: 90%;
    max-width: 1130px;
    margin: 30px auto 0;
    background-color: #fff;
}

.set_feat_wallper2--bottom > span{
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 3px 7px;
    background-color: #f0bc29;
}

.set_feat_wallper2--bottom ul{
    padding: 10px 20px 15px;
	margin: 0;
}

.set_feat_wallper2--bottom li{
    font-size: 15px;
    font-weight: 400;
    line-height: 2.33em;
    padding-left: 13px;
    position: relative;
	margin-bottom: 0 !important;
}

.set_feat_wallper2--bottom li::before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #f0bc29;
    position: absolute;
    top: 14px;
    left: 0;
}

.service04__container01-content .btn01{
    margin: 20px auto 0;
    width: 90%;
    max-width: 330px;
    border-radius: 50px;
    border: 2px solid #f0bc29;
    background-color: #f0bc29;
    transition: 0.4s ease;
}

.service04__container01-content .btn01:hover{
    background-color: #fff;
}

.service04__container01-content .btn01__link{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 0;
    transition: 0.4s ease;
	color: #fff;
	letter-spacing: 0.125em;
}

.service04__container01-content .btn01:hover .btn01__link{
    color: #f0bc29;
	opacity: 1;
}

@media screen and (max-width: 990px){
    .set_feat_wallper2--bottom > span,
    .set_feat_wallper2--bottom li{
        font-size: 14px;
    }

    .service04__container01-content .btn01__link{
        font-size: 16px;
    }
}

@media screen and (max-width: 640px){
    .service04__container01-content{
        margin-top: 40px;
    }

    .set_feat_wallper2--bottom > span,
    .set_feat_wallper2--bottom li{
        font-size: 13px;
    }
	
	.service04__container01-content .ser_feat_wallper2 > .inner-flex {
    display: block;
}
	
	.service04__container01-content .ser_feat_wallper2:first-child img{
	width: 200px;
		margin: auto;
}
	
	.set_feat_wallper2--bottom ul {
    padding: 11px 15px 15px;
}

    .service04__container01-content .btn01__link{
        font-size: 15px;
    }
} 

/* ==============
	service01
* ============== */
.page-id-865 .header::before,
.page-id-868 .header::before,
.page-id-870 .header::before,
.page-id-872 .header::before,
.page-id-9402 .header::before,
.page-id-9419 .header::before,
.page-id-9421 .header::before,
.page-id-9423 .header::before{
	content: "";
	display: block;
	width: 100%;
	height: 85%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: -1;
}

.service-page__container .second_title,
.sdgs-page__container .second_title,
.environment-page__container .second_title{
	padding: 0;
	height: 546px;
}

.service01__container .second_title{
	background-image: url('../images/service01/service01_mainvisual.jpg');
}

.service02__container .second_title{
	background-image: url('../images/service02/service02_mainvisual.jpg');
}

.service03__container .second_title{
	background-image: url('../images/service03/service03_mainvisual.jpg');
}

.service04__container .second_title{
	background-image: url('../images/service04/service04_mainvisual.jpg');
}

.sdgs-page__container .second_title{
	background-image: url('../images/sdgs/sdgs_mainvisual.jpg');
}

.environment-page__container .second_title{
	background-image: url('../images/environment/environment_mv.jpg');
}

.service-page__container img{
	width: 100%;
}

.service-page__container .lead{
		font-size: 27px;
	font-weight: 700;
	letter-spacing: 0.14em;
	color: #00a5aa;
	}

.service-page__container .text{
	font-size: 18px;
	font-weight: 500;
	line-height: 2.22em;
}

.service-page__container .heading1{
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #fff;
    float: none;
}

.service-page__container .heading1 span{
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 506px;
    padding: 15px 0;
    background-color: #00a3a8;
    border-radius: 50px;
}

.service-page__container .heading1 span::before{
    content: "";
    display: block;
    width: 177px;
    height: 178px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.service01__container .heading1 span::before{
    background-image: url('../images/service01/service01_icon.png');
}

.service02__container .heading1 span::before{
    background-image: url('../images/service02/service02_icon.png');
}

.service03__container .heading1 span::before{
    background-image: url('../images/service03/service03_icon.png');
	left: -50px;
}

.service04__container .heading1 span::before{
    background-image: url('../images/service04/service04_icon.png');
	left: -50px;
}

.service-container01 .lead{
    font-size: 40px;
    text-align: center;
    font-weight: 500;
    color: #000;
    margin-top: 55px;
}

.service-container01__text{
    font-family: 'M PLUS Rounded 1c';
    text-align: center;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.52em;
    letter-spacing: 0.14em;
    margin-top: 35px;
}

.service01-container02{
    padding: 40px 3.41%;
    background-color: #e2f1f3;
	margin-top: 70px;
}

.service01-container02__body{
    margin-top: 50px;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 7.26%;
    -moz-column-gap: 7.26%;
    -webkit-column-gap: 7.26%;
	padding: 0 4.27%;
}

.service01-container02__body .text-wrap__inner{
    margin-top: 40px;
	display: inline-block;
}

.service01-container03{
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service01-container03__body{
    flex-grow: 1;
    width: 45.73%;
    max-width: 535px;
}

.service01-container03 .img-wrap{
    flex-grow: 1;
    width: 45.47%;
    max-width: 532px;
    margin-left: 7.26%;
}

.service01-container04{
    margin-top: 75px;
    border: 1px solid #000;
    padding: 35px 2.99%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service01-container04__body{
    flex-grow: 1;
}

.service01-container04__body .lead span{
    font-size: 0.85em;
    color: #fff;
    display: inline-block;
    padding: 3px 7px;
    background-color: #00a6ab;
    margin-right: 20px;
}

.service01-container04__list li{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em;
    margin-top: 17px;
    position: relative;
    padding-left: 30px;
}

.service01-container04__list li::before{
    content: "";
    display: block;
    width: 14px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 1px;
    left: 0;
}

.service01-container04__list li:nth-child(1)::before{
    background-image: url('../images/service01/ranking01.svg');
}

.service01-container04__list li:nth-child(2)::before{
    background-image: url('../images/service01/ranking02.svg');
}

.service01-container04__list li:nth-child(3)::before{
    background-image: url('../images/service01/ranking03.svg');
}

.service01-container04__list li:nth-child(4)::before{
    background-image: url('../images/service01/ranking04.svg');
}

.service01-container04__list li:nth-child(5)::before{
    background-image: url('../images/service01/ranking05.svg');
}

.service01-container04 .img-wrap{
    flex-grow: 1;
    width: 41.02%;
    max-width: 480px;
}

.service01-container05{
    margin-top: 80px;
    padding: 35px 2.99%;
    background-color: #f3f3f2;
}

.service01-container05__list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 15px;
	margin: 0 !important;
}

.service01-container05__list li{
    width: calc(100% / 3);
    margin: 20px 0 0 !important;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
}

.service01-container05__list li::before{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-color: #00a6ab;
    position: absolute;
    top: 7px;
    left: 0;
}

@media screen and (max-width: 1100px){
	.page-id-865 .header::before,
	.page-id-868 .header::before,
.page-id-870 .header::before,
.page-id-872 .header::before{
	display: none;
	}
}

@media screen and (max-width: 990px){
.service-page__container .second_title,
	.sdgs-page__container .second_title{
	height: 372px;
}	
	
	.service-page__container .lead{
		font-size: 24px;
	}
	
	.service-page__container .heading1{
font-size: 20px;
	}
	
	.service-container01 .lead{
		font-size: 35px;
}
	
	.service-container01__text{
    font-size: 19px;
}
	
	.service-page__container .text,
	.service01-container04__list li,
	.service01-container05__list li{
		font-size: 16px;
	}
	
	.service01-container04__body .lead span{
		margin-right: 6px;
	}
	
	.service-page__container .heading1 span::before {
    width: 157px;
    height: 158px;
}
}

@media screen and (max-width: 640px){
.service-page__container .second_title{
	height: 308px;
}	
	
	.service-page__container .lead{
		font-size: 18px;
	}
	
	.service-page__container .heading1{
font-size: 18px;
	}
	
	.service-container01 .lead{
		font-size: 23px;
		margin-top: 35px;
}
	
	.service-container01__text{
    font-size: 17px;
		margin-top: 20px;
}
	
	.service-page__container .text,
	.service01-container04__list li,
	.service01-container05__list li{
		font-size: 14px;
	}
	
	.service-page__container .heading1 span::before {
    width: 100px;
    height: 101px;
}
	
	.service01-container02{
margin-top: 30px;
	}
	
	.service01-container02__body{
		margin-top: 30px;
		column-count: 1;
	}
	
	.service01-container02__body .text-wrap__inner{
		margin-top: 20px;
	}
	
	.service01-container03 {
    margin-top: 60px;
    display: block;
}
	
	.service01-container03__body {
    width: 100%;
    max-width: none;
}
	
	.service01-container03 .img-wrap {
    width: 100%;
    margin: 20px auto ;
}
	
	.service01-container04 {
    margin-top: 55px;
    display: block;
}
	
	.service01-container04 .img-wrap {
    width: 100%;
	margin: 25px auto 0;
}
	
	.service01-container04__list li {
    padding-left: 15px;
}
	
	.service01-container04__list li::before {
    width: 12px;
    height: 16px;
}
	
	.service01-container05 {
    margin-top: 60px;
}
	
	.service01-container05__list{
		padding-left: 0;
	}
	
	.service01-container05__list li::before {
    width: 12px;
    height: 12px;
    top: 5px;
}
	
	.service01-container05__list li {
    width: calc(100% / 2);
    padding-left: 15px;
}
	.service03-container03 .service-page__container img {
    width: 70%;
    margin: 150px auto 0;
    display: block;
}
}

/* ============
 service02
 * ============= */
.service02-container02{
    margin-top: 70px;
    background-color: #e2f1f3;
    padding: 60px 8.11% 65px;
}

.service02-container02--top{
    display: flex;
    justify-content: center;
}

.service02-container02--top .inner-flex--left{
    width: 38.46%;
    max-width: 450px;
    flex-grow: 1;
}

.service02-container02--top .inner-flex--right{
    width: 38.46%;
    max-width: 450px;
    flex-grow: 1;
    margin-left: 7.26%;
}

.service02-container02--top .inner-flex__box{
    margin-top: 40px;
    padding: 30px 6.66% 40px;
    position: relative;
    border: 1px solid #383331;
}

.service02-container02--top .inner-flex__box::before{
    content: "";
    display: block;
    width: 9.78%;
    max-width: 44px;
    height: 26px;
    background: url('../images/service02/service02_deco01.svg') no-repeat;
    background-position: top left;
    background-size: 56.8% auto;
    background-color: #e2f1f3;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-5px, -5px)
}

.service02-container02--bottom{
    background-color: #fff;
    padding: 40px 4.08%;
	margin-top: 70px;
}

.service02-container02--bottom .lead{
    display: inline-block;
    position: relative;
    padding-right: 55px;
}

.service02-container02--bottom .lead::before{
    content: "";
    display: block;
    width: 22px;
    height: 23px;
    background: url('../images/deco01.svg') no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.service02-container02--bottom .text{
    margin-top: 10px;
}

.service02-container03{
    padding: 75px 8.11%;
}

.service02-container03 .text{
    margin-top: 10px;
}

.service02-container04{
    background-color: #ffface;
    padding: 30px 2.55% 30px 8.11%;
    display: flex;
    justify-content: center;
	align-items: center;
}

.service02-container04__body{
    width: 61.025%;
    max-width: 714px;
    flex-grow: 1;
}

.service02-container04 .img-wrap{
    width: 25.81%;
    max-width: 302px;
    flex-grow: 1;
    margin-left: 2.136%;
}

.service02-container04__body span{
    font-size: 18px;
    font-weight: 700;
    line-height: 2.22em;
    color: #00a6ab;
}

.service02-container05{
    padding: 75px 8.11%;
    display: flex;
	align-items: center;
}

.service02-container05__body{
    width: 61.025%;
    max-width: 713px;
    flex-grow: 1;
}

.service02-container05 .img-wrap{
    width: 15.38%;
    max-width: 180px;
    flex-grow: 1;
    margin-left: 6.465%;
}

.service02-container05__body .text{
    margin-top: 10px;
}

.service02-container06{
    padding: 40px 3.418%;
    background-color: #f3f3f2;
    display: flex;
    align-items: center;
}

.service02-container06__body{
    width: 58.12%;
    max-width: 680px;
    flex-grow: 1;
}

.service02-container06 .img-wrap{
    width: 32.56%;
    max-width: 381px;
    flex-grow: 1;
    margin-left: 2.99%;
}

.service02-container06__list{
    padding-left: 20px;
    margin: 10px 0 0 !important;
}

.service02-container06__list li{
    margin: 20px 0 0 !important;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
}

.service02-container06__list li::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-color: #00a6ab;
    position: absolute;
    top: 7px;
    left: 0;
}

@media screen and (max-width: 990px){
	.service02-container04__body span,
	.service02-container06__list li{
font-size: 16px;
	}
}

@media screen and (max-width: 640px){
    .service02-container02{
        margin-top: 30px;
		padding: 30px 15px;
    }

    .service02-container02--top{
        display: block;
    }

    .service02-container02--top .inner-flex--left{
        width: 100%;
        max-width: none;
    }

    .service02-container02--top .inner-flex--right{
        width: 100%;
        margin: 30px auto 0;
        display: flex;
        flex-direction: column;
    }

    .service02-container02--top .inner-flex--right .img-wrap{
        order: 2;
		margin-top: 20px;
    }

    .service02-container02--top .inner-flex--right .inner-flex__box{
        order: 1;
		margin-top: 0;
		padding: 30px 15px;
    }
	
	.service02-container02--bottom{
	margin-top: 40px;	
		padding: 20px 4.08%;
	}
	
	.service02-container02--bottom .lead {
    padding-right: 16px;
}
	
	.service02-container02--bottom .lead::before {
    width: 18px;
}
	
	.service02-container03{
    padding: 45px 0;
}
	
	.service02-container04{
        display: block;
		padding: 30px 15px;
    }

    .service02-container04__body{
        width: 100%;
        max-width: none;
    }

    .service02-container04 .img-wrap{
        width: 55%;
        margin: 30px 0 0 auto;
    }
	
	.service02-container04__body span{
font-size: 14px;
	}
	
	.service02-container05 {
        padding: 45px 15px;
		display: block;
    }

    .service02-container05__body{
        width: 100%;
        max-width: none;
    }

    .service02-container05 .img-wrap{
        width: 45%;
        margin: 20px auto 0;
    }
	
	.service02-container06{
        display: block;
    }

    .service02-container06__body{
        width: 100%;
        max-width: none;
    }

    .service02-container06 .img-wrap{
        width: 100%;
        margin: 20px auto 0;
    }
	
	.service02-container06__list{
		padding-left: 0;
	}

    .service02-container06__list li{
        font-size: 14px;
        padding-left: 15px;
    }
    
    .service02-container06__list li::before {
        width: 12px;
        height: 12px;
        top: 5px;
    }
}

/* ==============
	service03
* ============== */
.service03-container02{
    margin-top: 70px;
    padding: 60px 7.69% 80px;
    background-color: #e2f1f3;
}

.service03-container02--top{
    display: flex;
    justify-content: center;
}

.service03-container02--top .images{
    order: 1;
    width: 38.47%;
    max-width: 450px;
    flex-grow: 1;
}

.service03-container02--top .images .img-wrap + .img-wrap{
    margin-top: 20px;
}

.service03-container02--top .text{
    order: 2;
    width: 38.47%;
    max-width: 450px;
    flex-grow: 1;
    margin-left: 6.837%;
}

.service03-container02--top .text span + span{
    display: inline-block;
    margin-top: 30px;
}

.service03-container02--bottom{
    margin-top: 50px;
    border: 3px solid #00a6ab;
    background-color: #fff;
    padding: 40px 3.54%;
}

.service03-container02--bottom > span{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #fff;
    display: inline-block;
    padding: 3px 8px;
    background-color: #00a6ab;
}

.service03-container02--bottom .inner-box{
    margin-top: 15px;
}

.service03-container02--bottom .img-wrap{
    max-width: 335px;
    margin: 20px 4% 0 auto;
}

.service03-container03{
    margin-top: 65px;
    padding: 40px 7.69%;
    display: flex;
    align-items: center;
    background-color: #f3f3f2;
}

.service03-container03__body{
    width: 41.7%;
    max-width: 488px;
    flex-grow: 1;
}

.service03-container03__list{
    margin-top: 10px;
}

.service03-container03__list > div{
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.service03-container03__list > div:first-child{
    margin-top: 0;
}

.service03-container03__list dt{
    width: 116px;
    flex-shrink: 0;
    border: 1.5px solid #00a6ab;
    color: #00a6ab;
    font-size: 21px;
    font-weight: 500;
    padding: 3px;
    text-align-last: justify;
    text-justify: inter-ideograph;  
}

.service03-container03__list dd{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.111em;
    margin-left: 10px;
}

.service03-container03 .img-wrap{
    width: 31.54%;
    max-width: 369px;
    flex-grow: 1;
    position: relative;
    margin-left: 7.69%;
}

.service03-container03 .img-wrap::before{
    content: "";
    display: block;
    width: 24.0625vw;
    max-width: 385px;
	height: 10.3125vw;
	max-height: 165px;
    background: url('../images/service03/service03_img05.svg') no-repeat;
    background-position: bottom;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(40%, -60%);
}

.service03-container04{
    margin-top: 65px;
    padding: 40px 7.69%;
    display: flex;
    align-items: center;
    background-color: #ffface;
}

.service03-container04__body{
    width: 40.77%;
    max-width: 477px;
    flex-grow: 1;
}

.service03-container04__body .lead{
    color: #383331;
	padding-bottom: 5px;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(245, 231, 39, 1) 70%, rgba(245, 231, 39, 1) 100%);
}

.service03-container04__body .text{
    margin-top: 10px;
}

.service03-container04 .img-wrap{
    width: 38.46%;
    max-width: 450px;
    flex-grow: 1;
    margin-left: 5.55%;
}

.service03-container05{
    margin-top: 65px;
    padding: 40px 7.69%;
    background-color: #e2f1f3;
	position: relative;
}

.service03-container05::before{
    content: "";
    display: block;
    width: 224px;
    height: 82px;
    background: url('../images/service03/service03_img07.svg') no-repeat;
    background-position: bottom;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 3%;
    transform: translateY(-25%);
}

.service03-container05__body .lead{
    color: #383331;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(145, 209, 219, 1) 70%, rgba(145, 209, 219, 1) 100%);
}

.service03-container05__body .text{
    margin-top: 10px;
}

@media screen and (max-width: 990px){
    .service03-container02--bottom > span{
        font-size: 21px;
    }
	
	 .service03-container03__list > div {
        display: block;
    }

    .service03-container03__list dt{
        font-size: 19px;
		width: 106px;
    }

    .service03-container03__list dd{
        font-size: 16px;
        margin: 5px 0 0;
    }
	
	.service03-container05::before {
    width: 184px;
    height: 72px;
}
}

@media screen and (max-width: 640px){
	.service03__container .heading1 span::before {
    left: -35px;
}
	
    .service03-container02{
        margin-top: 30px;
        padding: 30px 15px 50px;
    }

    .service03-container02--top {
        flex-direction: column;
    }

    .service03-container02--top .images{
        order: 2;
        width: 100%;
        margin: 20px auto 0;
    }

    .service03-container02--top .text{
        order: 1;
        margin-left: 0;
        width: 100%;
        max-width: none;
    }

    .service03-container02--bottom .img-wrap{
            width: 67%;
    margin: 20px 4% 0 auto;
    }
    
    .service03-container02--bottom > span{
        font-size: 18px;
    }
	
	.service03-container03{
        padding: 40px 15px;
        display: block;
    }

    .service03-container03__body{
        width: 100%;
        max-width: none;
    }

    .service03-container03 .img-wrap{
        width: 100%;
        margin: 150px auto 0;
    }
	.service03-container03 .img-wrap img{
		width:70%;
		display:block;
		margin: 0 auto 0 7%;
	}
	
	.service03-container03 .img-wrap::before {
        min-width: 260px;
    min-height: 150px;
    transform: translate(-1px, -105%);
}
	
	.service03-container03__list dt{
            font-size: 15px;
    width: 85px;
		    margin-bottom: 7px;
    }

    .service03-container03__list dd{
        font-size: 14px;
		   line-height: 1.6;
    }
	
	.service03-container04{
        padding: 40px 15px;
        display: block;
    }

    .service03-container04__body{
        width: 100%;
        max-width: none;
    }

    .service03-container04 .img-wrap{
        width: 100%;
        margin: 20px auto 0;
    }
	
	 .service03-container05{
        padding: 40px 15px;
    }
	
	.service03-container05::before {
        width: 144px;
    height: 55px;
}
}


/* ==============
	service04
* ============== */
.service04-container02{
    margin-top: 70px;
    padding: 60px 7.69% 80px;
    background-color: #e2f1f3;
}

.service04-container02--top .img-wrap {
    float: left;
    width: 45.46%;
    max-width: 450px;
    margin-right: 7.26%;
}

.service04-container02--top .text span + span{
	margin-top: 15px;
	display: inline-block;
}

.service04-container02--bottom {
    margin-top: 50px;
    border: 3px solid #00a6ab;
    background-color: #fff;
    padding: 40px 3.54%;
}

.service04-container02--bottom > span {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #fff;
    display: inline-block;
    padding: 3px 8px;
    background-color: #00a6ab;
}

.service04-container02--bottom .inner-box {
    margin-top: 15px;
}

.service04-container02--bottom .img-wrap {
    max-width: 301px;
    margin: 20px 4% 0 auto;
}

.service04-container03 {
    margin-top: 65px;
    padding: 40px 3.98% 40px 7.69%;
    display: flex;
    align-items: center;
    background-color: #ffface;
}

.service04-container03__body{
        width: 47.77%;
    max-width: 520px;
    flex-grow: 1;
}

.service04-container03__body .lead {
    color: #383331;
    padding-bottom: 5px;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(245, 231, 39, 1) 70%, rgba(245, 231, 39, 1) 100%);
}

.service04-container03__body .text {
    margin-top: 10px;
}

.service04-container03__body a{
    font-size: 0.94em;
    letter-spacing: 0.02em;
    color: #00a6ab;
}

.service04-container03 .img-wrap {
    width: 41.03%;
    max-width: 481px;
    flex-grow: 1;
    margin-left: 5.98%;
}

.service04-container04{
    margin-top: 65px;
    padding: 30px 7.69% 40px;
    border: 1px solid #00a6ab;
}

.service04-container04--top .lead{
    color: #383331;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(145, 209, 219, 1) 70%, rgba(145, 209, 219, 1) 100%);
}

.service04-container04--top .text{
    margin-top: 10px;
}

.service04-container04--bottom{
    margin-top: 50px;
}

.service04-container04--bottom .desc{
    border-bottom: 2px solid #00a6ab;
}

.service04-container04--bottom .desc span{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #00a6ab;
    padding: 5px 12px;
}

.service04-container04--bottom .inner-flex{
    display: flex;
	margin-top: 25px;
}

.service04-container04--bottom .inner-flex .text{
    width: 57.01%;
    flex-grow: 1;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    color: #383331;
}

.service04-container04--bottom .inner-flex .text span{
    display:block;
    padding: 10px 5px 10px 10px;
    background-color: #ffface;
}

.service04-container04--bottom .inner-flex .text span + span{
    margin-top: 13px;
}

.service04-container04--bottom .inner-flex .img-wrap{
    width: 23.34%;
    max-width: 273px;
    flex-grow: 1;
    margin-left: 3%;
}

@media screen and (max-width: 990px){
    .service04-container02--bottom > span {
        font-size: 21px;
    }
	
	.service04-container04--bottom .desc span{
        font-size: 15px;
    }
}

@media screen and (max-width: 640px){
	.service04__container .heading1 span::before{
	left: -35px;
}
	
	.service04-container02{
		 margin-top: 30px;
        padding: 30px 15px 50px;
    }
	
	.service04-container02--top {
		 display: flex;
       flex-direction: column;
	}

    .service04-container02--top .text{
        order: 1;
    }

    .service04-container02--top .img-wrap {
        float: none;
        width: 100%;
        margin: 20px auto 0;
        order: 2;
    }

    .service04-container02--bottom > span {
        font-size: 18px;
    }

    .service04-container02--bottom .img-wrap {
            width: 67%;
    margin: 20px 4% 0 auto;
    }
	
	.service04-container03 {
        padding: 40px 15px;
        display: block;
    }
	
	.service04-container03__body{
        width: 100%;
        max-width: none;
    }

    .service04-container03 .img-wrap {
        width: 100%;
        margin: 20px auto 0;
    }
	
	.service04-container04{
        padding: 30px 15px 40px;
    }
	
	.service04-container04--bottom {
    margin-top: 30px;
}

    .service04-container04--bottom .desc span{
            font-size: 14px;
    padding: 3px 9px;
    }
	
	.service04-container04--bottom .inner-flex{
        display: block;
    }

    .service04-container04--bottom .inner-flex .text{
        width: 100%;
        max-width: none;
        font-size: 14px;
    }
    
    .service04-container04--bottom .inner-flex .img-wrap{
        width: 100%;
        max-width: 273px;
        margin: 20px auto 0;
    }
	.service04-container04--bottom .inner-flex{
	    margin-top: 10px;
	}
}

/*=== =============
 SDGs
* =============== */
.sdgs-container .heading3{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.13em;
	margin: 0;
}

.sdgs-container .heading3 span{
    display: inline-block;
    position: relative;
    z-index: 0;
	line-height: 1em;
}

.sdgs-container .heading3 span::before{
    content: "";
    display: block;
    width: 100%;
    height: 7.5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.sdgs-container02 .heading3 span::before{
    background-color: #91d1db;
}

.sdgs-container03 .heading3 span::before{
    background-color: #f7df8d;
}

.sdgs-container04 .heading3 span::before{
    background-color: #f0c01f;
}

.sdgs-container06 .heading3 span::before{
    background-color: #b7d16f;
}

.sdgs-container .text{
    font-size: 18px;
    font-weight: 500;
    line-height: 2.11em;
	margin: 0;
}

.sdgs-page__container img{
	width: 100%;
}

.sdgs-page__container .second_title{
    position: relative;
}

.sdgs-page__container .second_title .container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sdgs-page__container .second_title .second_title__title{
	font-weight: 500;
}

.sdgs-page__container .second_title p{
	font-weight: 500;
	font-family: 'M PLUS Rounded 1c';
	margin-top: 35px;
	font-size: 23px;
}

.sdgs-container01{
    padding: 30px 0 55px;
}

.sdgs-container01 .img-wrap{
    width: 90%;
    max-width: 739px;
	margin: auto;
}

.sdgs-container01 .text{
    font-size: 13px;
    line-height: 1.46em;
    letter-spacing: 0;
    margin: 60px 0 0;
}

.sdgs-container02{
    background-color: #dff0f4;
    padding: 80px 4.7% 50px;
}

.sdgs-container02--top .img-wrap{
    max-width: 408px;
    margin: auto;
}

.sdgs-container02 .heading3{
    margin-top: 45px;
}

.sdgs-container02 .text{
    font-size: 16px;
    line-height: 1.875em;
    letter-spacing: 0;
    margin-top: 40px;
	text-align: center;
}

.sdgs-container02--bottom{
	margin-top: 40px;
}

.sdgs-container02--bottom .sdgs-table{
	    border-collapse: separate;
    border-spacing: 10px;
}

.sdgs-container02--bottom .sdgs-table td{
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45em;
    text-align: center;
    padding: 15px;
	background-color: #fff;
}

.sdgs-container02--bottom .sdgs-table .text-color p{
    color: #00a6ab;
    font-weight: 700;
}

.sdgs-container02--bottom .sdgs-table .tr-split td{
    font-size: 20px;
    line-height: 1.6em;
    padding: 0;
	text-align: left;
	vertical-align: top;
}

.sdgs-container02--bottom .sdgs-table .tr-split td > div{
    padding: 15px;
}

.sdgs-container02--bottom .sdgs-table .tr-split .td--top{
	min-height: 165px;
	display: flex;
	align-items: center;
}

.sdgs-container02--bottom .sdgs-table .tr-split .td--bottom{
    border-top: 10px solid #dff0f4;
}

.sdgs-container02--bottom .sdgs-table .tr-split .td--bottom p{
	margin-top: 20px;
}

.sdgs-container03{
    margin-top: 130px;
    background-color: #f0c01f;
    padding: 80px 7.69%;
}

.sdgs-container03 .desc{
    font-size: 22px;
    text-align: center;
    line-height: 1.9em;
    margin-top: 40px;
}

.sdgs-container03__content{
    display: flex;
    justify-content: center;
    margin-top: 70px;
}

.sdgs-container03__content--body{
    width: 38.47%;
    max-width: 450px;
    flex-grow: 1;
}

.sdgs-container03__content .img-wrap{
    width: 38.47%;
    max-width: 450px;
    flex-grow: 1;
    margin-left: 7.26%;
}

.sdgs-container04{
    padding: 80px 7.69%;
    background-color: #f6f2c4;
	margin-top: 130px;
}

.sdgs-container04 > .img-wrap{
    max-width: 512px;
    margin: auto;
}

.sdgs-container04__wrap{
    margin-top: 45px;
}

.sdgs-container04__flex{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.sdgs-container04__box{
    width: calc((100% - 90px) / 2);
    margin-left: 7.69%;
    max-width: 450px;
    flex-grow: 1;
}

.sdgs-container04__box:first-child{
    margin: 0;
}

.sdgs-container04__wrap .img-wrap + .sdgs-container04__box-content{
    margin-top: 45px;
}

.sdgs-container04-transaction .img-wrap + .sdgs-container04__box-content{
	margin-top: 0;
}

.sdgs-container04-transaction .img-wrap{
    max-width: 200px;
}

.sdgs-container04-transaction .desc{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.13em;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.sdgs-container04-transaction .desc .text-color{
    color: #edb800;
    line-height: 1.25em;
    margin-top: 23px;
}

.sdgs-container04-transaction .text{
    margin-top: 20px;
}

.sdgs-container05{
    margin-top: 130px;
    padding: 80px 7.69% 50px;
    background-color: #cfd4ac;
}

.sdgs-container05 > .img-wrap{
    max-width: 300px;
    margin: auto;
	width: 90%;
}

.sdgs-container05 > .text{
    font-size: 16px;
    line-height: 1.875em;
    font-weight: 500;
    text-align: center;
    margin-top: 45px;
}

.sdgs-container05__content{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.sdgs-container05__box{
    width: calc((100% - 90px) / 2);
    margin-left: 7.69%;
    max-width: 450px;
    flex-grow: 1;
}

.sdgs-container05__box:first-child{
    margin: 0;
}

.sdgs-container05__box-body{
    font-size: 16px;
    line-height: 1.875em;
    font-weight: 500;
    text-align: center;
    color: #456453;
    margin-top: 30px;
}

.sdgs-container05__box-body a{
    display: inline-block;
    color: #000;
}

.tinkerbase-contact{
    color: #456453;
    text-align: center;
    margin-top: 55px;
}

.sdgs-container06{
    padding: 80px 7.69% 70px;
    background-color: #e5edcd;
    margin-top: 130px;
}

.sdgs-container06 > .img-wrap{
    max-width: 408px;
    margin: auto;
}

.sdgs-container06 .heading3{
    margin-top: 40px;
}

.sdgs-container06__content{
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.sdgs-container06__box{
    width: calc((100% - 90px) / 2);
    max-width: 450px;
    flex-grow: 1;
    margin-left: 7.69%;
}

.sdgs-container06__box:first-child{
    margin: 0;
}

.sdgs-container06__box-body{
    margin-top: 50px;
}

.sdgs-container06__box .lead{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.458em;
    letter-spacing: 0.13em;
}

.sdgs-container06__box .text{
    margin-top: 25px;
}

.sdgs-container06__box-body .wrap + .wrap{
    margin-top: 65px;
}

@media screen and (max-width: 990px){
    .sdgs-page__container .second_title p{
        font-size: 20px;
    }
	
	.sdgs-container .heading3{
        font-size: 21px;
    }

    .sdgs-container .text{
        font-size: 16px;
    }
	
	.sdgs-container02 .text{
        font-size: 15px;
    }

    .sdgs-container02--bottom .sdgs-table td{
        font-size: 19px;
    }

    .sdgs-container02--bottom .sdgs-table .tr-split td{
        font-size: 17px;
    }
	
	.sdgs-container03 .desc{
        font-size: 20px;
    }
	
	.sdgs-container04-transaction .desc{
        font-size: 22px;
    }
	
	 .sdgs-container05 > .text,
    .sdgs-container05__box-body,
    .tinkerbase-contact{
        font-size: 15px;
    }
	
	.sdgs-container06__box .lead{
        font-size: 21px;
    }
}

@media screen and (max-width: 640px){
    .sdgs-page__container .second_title p{
        font-size: 17px;
        margin-top: 20px;
    }
	
	.sdgs-container .heading3{
        font-size: 18px;
    }

    .sdgs-container .text{
        font-size: 14px;
    }
	
	.sdgs-container01{
        padding-top: 0;
    }
    
    .sdgs-container01 .text{
        font-size: 12px;
        margin-top: 40px;
    }
	
	.sdgs-container02{
        padding: 50px 15px 50px;
    }

    .sdgs-container02 .text{
        font-size: 14px;
		margin-top: 20px;
    }

    .sdgs-container02--bottom .sdgs-table td{
        font-size: 16px;
    }
	
	.sdgs-container02--bottom .sdgs-table .tr-split .td--top {
    min-height: 130px;
}

    .sdgs-container02--bottom .sdgs-table .tr-split td{
        font-size: 14px;
		display: block;
    }
	
	.sdgs-container02--bottom .sdgs-table .tr-split td + td{
		margin-top: 10px;
	}
	
	.sdgs-container03{
        margin-top: 80px;
        padding: 50px 15px;
    }

    .sdgs-container03 .desc{
        font-size: 17px;
		margin-top: 20px;
    }

    .sdgs-container03__content{
        display: block;
        margin-top: 40px;
    }

    .sdgs-container03__content--body{
        width: 100%;
        max-width: none;
    }

    .sdgs-container03__content .img-wrap{
        width: 100%;
        margin: 20px auto 0;
    }
	
	.sdgs-container04{
        padding: 50px 15px;
		margin-top: 80px;
    }

    .sdgs-container04__flex{
        display: block;
    }
	
	.sdgs-container04{
        padding: 50px 15px;
    }

    .sdgs-container04__box{
        width: 100%;
        margin: 40px auto 0;
    }

    .sdgs-container04__box:first-child{
        margin: 0 auto;
    }
	
	.sdgs-container04-transaction .img-wrap {
    max-width: 150px;
}

    .sdgs-container04-transaction .desc{
        font-size: 20px;
    }
	
	.sdgs-container04__wrap .img-wrap + .sdgs-container04__box-content{
		margin-top: 20px;
	}
	
	.sdgs-container04-transaction .img-wrap + .sdgs-container04__box-content{
	margin-top: 0;
}
	
	.sdgs-container05{
        margin-top: 80px;
        padding: 50px 15px;
    }

    .sdgs-container05 > .text,
    .sdgs-container05__box-body,
    .tinkerbase-contact{
        font-size: 14px;
    }

    .sdgs-container05__content{
        display: block;
        margin-top: 40px;
    }

    .sdgs-container05__box{
        width: 100%;
        margin: 40px auto 0;
    }
    
    .sdgs-container05__box:first-child{
        margin: 0 auto;
    }

    .tinkerbase-contact{
        margin-top: 40px;
    }
	
	.sdgs-container06{
        padding: 50px 15px 40px;
        margin-top: 80px;
    }

    .sdgs-container06__content{
        display: block;
    }

    .sdgs-container06__box{
        width: 100%;
        margin: 40px auto 0;
    }
    
    .sdgs-container06__box:first-child{
        margin: 0 auto;
    }
    
    .sdgs-container06__box-body{
        margin-top: 30px;
    }

    .sdgs-container06__box .lead{
        font-size: 18px;
    }

    .sdgs-container06__box-body .wrap + .wrap{
        margin-top: 40px;
    }
	
	.sdgs-container06__box .text{
		margin-top: 15px;
	}
}

/* =================
    梱包×環境
==================== */
.environment-page__container img{
    width: 100%;
}

.environment-desc{
	padding: 35px 0 125px;	
}

.environment-desc .img-wrap{
    width: 90%;
    max-width: 646px;
    margin: auto;
}

.environment__text{
    font-size: 22px;
    font-weight: 500;   
    line-height: 2.18em;
    letter-spacing: 0.05em;
    text-align: center;
	font-family: 'M PLUS Rounded 1c';
    margin-top: 75px;
}

.environment__text > span{
    display: inline-block;
    width: 100%;
}

.environment__text > span + span{
    margin-top: 35px;
}

.environment__text .text-line{
    position: relative;
    z-index: 0;
}

.environment__text .text-line::before{
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background-color: #9ec234;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.environment-example{
    background-color: #e2e5cd;
    padding: 95px 0 155px;
}

.environment-example__label{
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.05em;
    line-height: 1;
    width: 85%;
    max-width: 466px;
    background-color: #9ec234;
    border-radius: 50px;
    margin: auto;
    padding: 15px 0;
}

.environment-example__content{
    margin-top: 65px;
}

.environment-example__box{
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #d8d4d9;
    padding: 35px 2.99%;
	margin-top: 60px;
}

.environment-example__box:first-child{
	margin-top: 0;
}

.environment-example__box-body{
    width: 51.19%;
    max-width: 599px;
    flex-grow: 1;
}

.environment-example__name{
    font-size: 23px;
    font-weight: 700;
    color: #004b84;
    margin-bottom: 10px;
    display: block;
}

.environment-example__text{
    font-size: 18px;
    font-weight: 500;
     line-height: 2em;
}

.environment-example__detail{
    background-color: #ffffff;
	padding: 15px 3.338%;
	margin-top: 20px;
}

.environment-example__detail-name{
    font-size: 17px;
    font-weight: 700;
}

.environment-example__detail-text{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75em;
}

.environment-example__box .img-wrap{
    width: 38.29%;
    max-width: 448px;
    flex-grow: 1;
    margin-left: 20px;
}

.environment-example .text{
	text-align: center;
	font-family: 'M PLUS Rounded 1c';
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 0.05em;
	line-height: 2.18em;
	margin-top: 65px;
}
.explanation_content {
    margin: 30px auto 0;
   display: flex;
	justify-content: space-between;
}
.explanation_box{
    width: 30%;
}
.explanation_box:nth-child(2){
	position:relative;
}
.explanation_box:nth-child(2)::before{
    content: "";
    display: block;
    width: 19.0625vw;
    max-width: 180px;
    height: 93px;
    background: url(../images/environment/environment_example07_txt.svg) no-repeat;
    background-position: bottom;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 23%;
	z-index: 1;
    transform: translate(70%, 35%);
}
.explanation_box:nth-child(2) .explanation_flex_img{
	    width: 100%;
}
.explanation_flex {
    position: relative;
}

.explanation-movie_flex{
	min-height: 718px;
}

.explanation_name {
    color: #fff;
    background-color: #004b84;
    text-align: center;
    display: block;
    padding: 2px 0;
    font-weight: 600;
    letter-spacing: 0.05em;
	margin-bottom: 25px;
}
.explanation_flex_img figcaption {
    text-align: center;
    margin-top: 5px;
}
.explanation_flex_img:nth-child(2) {
    margin-top: 55px;
}
.explanation_flex_img:nth-child(2)::before{
    content: "";
    box-sizing: border-box;
     width: 0px;
     height: 50px;
    border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #004b84;
    position: absolute;
    top: 51%;
    left: 53%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.explanation_flex_img02 {
    position: absolute;
    bottom: 20px;
    right: 107%;
    min-width: 280px;
}
@media screen and (max-width: 1024px){
    .environment__text,
    .environment-example .text{
        font-size: 20px;
    }

    .environment-example__label,
    .environment-example__name{
        font-size: 21px;
    }

    .environment-example__text {
        font-size: 17px;
    }

    .environment-example__detail-name{
        font-size: 16px;
    }

    .environment-example__detail-text{
        font-size: 15px;
    }
	.explanation_flex_img02{
		    min-width: 235px;
	}
	.explanation_box{
		    width: 32%;
	}
}

@media screen and (max-width: 767px){
	.environment-page__container .second_title{
		height: 308px;	
	}
	
    .environment-desc {
        padding: 5px 0 65px;
    }
	
    .environment__text {
        font-size: 17px;
        margin-top: 40px;
		line-height: 1.8;
		    letter-spacing: 0.01em;
    }

    .environment-example {
        padding: 65px 0 95px;
    }
	
	.environment-example__content{
		margin-top: 35px;
	}

    .environment-example__label{
        font-size: 18px;
	    padding: 11px 0;
    }
	.environment-example__name{
		padding: 0;
		font-size: 19px;
	    margin-bottom: 5px;
	}

    .environment-example__box {
        flex-direction: column;
		margin-top: 30px;
		    padding: 5vw;
    }

    .environment-example__box-body {
        width: 100%;
        max-width: none;
        order: 2;
        margin-top: 18px;
    }

    .environment-example__text {
        font-size: 16px;
	    line-height: 1.7em;
    }

    .environment-example__detail-name{
        font-size: 15px;
    }

    .environment-example__detail-text{
        font-size: 14px;
    }

    .environment-example__box .img-wrap {
        width: 100%;
        margin: auto;
        order: 1;
    }

    .environment-example .text {
        font-size: 17px;
        margin-top: 30px;
		letter-spacing: 0.02em;
    }
	.explanation_content{
		    margin: 35px auto 0;
		    display: block;
		width: 100%;
		    order: 2;
	}
	.explanation_name{
		    padding: 0;
		    margin-bottom: 10px;
		font-size: 14px;
	}
	.explanation_flex_img:nth-child(2)::before{
		    height: 30px;
		    border: 19px solid transparent;
		border-left: 11px solid #004b84;
    top: 50%;
    left: 44%;
    transform: rotate(90deg);
	}
	.explanation_flex_img figcaption{
		    font-size: 13px;
		    line-height: 1.3;
}

	.explanation_box:nth-child(2)::before{
		width: 33vw;
    height: 73px;
    transform: translate(68%, 36%);
}
.explanation_box {
    width: 100%;
	margin-bottom: 40px;
}
	.explanation_box:last-child{
    margin-bottom: 80%;
 }
	.explanation_flex_img02{
		bottom: auto;
    right: auto;
    min-width: 175px;
    top: 117%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
}

/* もくじ */
#toc_container {
    padding: 2.4% 3.18% !important;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

#toc_container .toc_list li {
    margin-bottom: 11px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 700;
}

#toc_container .toc_list li a{
    color: #004682;
}

.toc_list span.toc_number {
    background-color: #004682;
    color: #fff;
    border: 1px solid #004682;
    width: 28px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 11px;
    line-height: 2.4;
    transition: .5s;
}

#toc_container .toc_list a:hover {
    text-decoration: none;
}

.toc_list a:hover span.toc_number {
    background-color: #ffffff;
    color: #004682;
    opacity: 1;
}

@media screen and (max-width: 1024px){
    #toc_container .toc_list li {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px){
    #toc_container .toc_list li {
        font-size: 14px;
    }
}

.single-info .single-info_title{
	    text-align: center;
    color: #000;
    margin: 40px auto;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 210%;
}

@media screen and (max-width: 1024px){
	.single-info .single-info_title{
		    font-size: 20px;
    letter-spacing: 1px;
    line-height: 200%;
	}
}
@media screen and (max-width: 767px){
	.single-info .single-info_title{
		
    margin: 30px auto;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 200%;

	}
}

/* BISHO CLOUD SERVICE */
.loginBtn{
    text-align: center;
    display: block;
    width: 280px;
    color: #fff;
    background: #004b86;
    border-radius: 9999px;
    padding: 1em;
    margin: 2em auto 4em;
}

.loginBtn:hover{
    color: #004C88;
    background: #eee;
    opacity: 1;
}

.page-id-8687 .attention{
    font-size: .9em;
    list-style: disc;
    width: fit-content;
    padding: 0 .5em 0 1em;
    margin: auto;
}

.page-id-8687 .attention li{
    margin-bottom: 0;
}
.under_boder{
    border-bottom: 1px solid #004682;
    font-weight: 900;
    margin-bottom: 0.4em;
    display: inline-block;
}



















































/* 
2024.04.24 追加
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

/* -------------------------------------------------------------/
common
/--------------------------------------------------------------*/

.mainService {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.82;
}

.img100 {
    width: 100%;
    height: auto;
}

.serviceName {
    background-color: #00a3a8;
    padding: 30px 0;
    text-align: center;
}

.serviceName--text {
    font-size: 29px;
    font-weight: 700;
}

.titleBox {
    padding: max(4.872%, 45px) 0 max(5.1288%, 47px);
}

.serviceTitle,
.titleBox__text {
    text-align: center;
}

.serviceTitle__en {
    font-size: 25px;
    border-bottom: 1px solid #00a3a8;
    padding-bottom: 5px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    display: inline-block;
    color: #00a3a8;
    letter-spacing: 0;
}

.serviceTitle__jp {
    font-size: 38px;
    margin: 25px 0 30px;
    display: block;
    font-weight: 700;
}

.serif {
    background-color: #fff;
    text-align: center;
    padding: 10px;
    position: relative;
    margin-bottom: 70px;
    font-weight: 700;
    line-height: 1.82;
}

.serif::after {
    position: absolute;
    content: "";
    background-image: url(../images/service01/arrow-white-2404.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 30px;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
}

.serif-aquaArrow::after {
    background-image: url(../images/service01/arrow-2404.svg);
}

.serif-arrowNone::after {
    display: none;
}

.normalText {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.3;
    text-align: justify;
}

.hereInquiries {
    display: flex;
    justify-content: space-between;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

.hereInquiries__left {
    flex-basis: calc(100% - 39.997%);
    display: flex;
    justify-content: center;
    align-items: center;

}

.hereInquiries__left--text {
    margin-bottom: 25px;
}

.hereInquiries__left--link {
    font-size: 28px;
    display: inline-block;
    max-width: 376px;
    width: 100%;
    text-align: center;
    border-radius: 50px;
    padding: 15px 0 10px;
}

.hereInquiries__left--link:hover {
    background-color: #f9db8f;
    color: #00a3a8;
    opacity: 1;
}

.hereInquiries__right {
    flex-basis: 39.997%;
}

.hereInquiries__right--img {
    object-fit: cover;
    height: 100%;
}

.fsz30 {
    font-size: 30px;
}

.fsz23 {
    font-size: 23px;
    font-weight: 700;
}

.fsz26 {
    font-size: 26px;
    font-weight: 700;
}

.fsz15 {
    font-size: 15px;
}

.sp03 {
    display: none;
}

@media screen and (max-width: 1200px) {
    .push00 {
        display: inline-block;
    }

    .hereInquiries__left--text {
        font-size: 25px;
    }

    .hereInquiries__left--link {
        font-size: 21px;
    }
}

@media screen and (max-width: 1024px) {
    .push01 {
        display: inline-block;
    }

    .hereInquiries__left {
        flex-basis: calc(100% - 30%);
        padding: 30px 0;
    }

    .hereInquiries__right {
        flex-basis: 30%;
    }

    .hereInquiries__left--text {
        font-size: 23px;
    }

    .hereInquiries__left--text {
        margin-bottom: 20px;
    }

    .hereInquiries__left--link {
        max-width: 300px;
        padding: 10px 0 7px;
    }
}

@media screen and (max-width: 767px) {
    .mainService {
        font-size: 15px;
        line-height: 1.5;
    }

    .push02 {
        display: inline-block;
    }

    .serviceName {
        padding: 20px 0;
    }

    .serviceName--text {
        font-size: 22px;
    }

    .serviceTitle__en {
        font-size: 17px;
    }

    .serviceTitle__jp {
        font-size: 26px;
		line-height:1.5;
		   margin: 10px 0 20px;
    }

    .fsz23 {
        font-size: 18px;
    }

    .fsz30 {
        font-size: 23px;
    }

    .hereInquiries {
        flex-direction: column-reverse;
    }

    .hereInquiries__left {
        text-align: center;
        padding: 25px 0;
    }

    .none02 {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .push03 {
        display: inline-block;
    }

    .serviceName--text {
        font-size: 18px;
    }

    .fsz30 {
        font-size: 18px;
    }

    .none03 {
        display: none;
    }

    .hereInquiries__left--link {
        max-width: 250px;
        font-size: 15px;
    }

    .fsz26 {
        font-size: 20px;
    }

    .pc03 {
        display: none;
    }

    .sp03 {
        display: block;
    }
}

/* -------------------------------------------------------------/
common(色)
/--------------------------------------------------------------*/

.white {
    color: #fff;
}

.blue {
    color: #00a3a8;
}

.orange {
    color: #ff6000;
}

.whiteBox02--gray {
    border: 10px solid #e8e9e9;
    border-radius: 20px;
}

.aquaBox01,
.aquaBox02 {
    background-color: #e2f1f3;
}

.whiteBox01,
.whiteBox02 {
    background-color: #fff;
}

.aquaBox01,
.whiteBox01 {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding: 55px calc(53vw - 50%) max(7.265%, 65px);
    /* padding: max(5.13%, 40px) calc(50vw - 50%) max(7.265%, 65px); */
}

.orangeBox {
    background-color: #ff6000;
    padding: 5px 10px;
}

.blueBox {
    background-color: #00a3a8;
}

.yellowBox {
    background-color: #ffd24e;
}

.grayBox {
    background-color: #e8e9e9;
}

.blueBox-border {
    border: 6px solid #96d9db;
}



.whiteBox-point,
.boxCorner {
    position: relative;
}

.whiteBox-point::before {
    position: absolute;
    content: "";
    background-image: url(../images/service01/point.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 80px;
    top: 0;
    left: 0;
}

.boxCorner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #00a3a8 44.5px, transparent 0);
}

/* ----------------------------------------------------------------------------/
service01
/------------------------------------------------------------------------------*/

/* -------------------------------------------------------------/
set(situation 状況)
/--------------------------------------------------------------*/

.staffAnswer {
    display: flex;
    justify-content: center;
    max-width: 930px;
    margin: 0 auto 43px;
}

.staffAnswer-container:nth-of-type(2) .staffAnswer {
    flex-direction: row-reverse;
}

.staffAnswer__staff {
    max-width: 400px;
    width: 100%;
}

.staffAnswer__answer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.staffAnswer__answer--set {
    max-width: 75%;
}
.staffAnswer__head {
    font-size: 19px;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.staffAnswer__text {
    font-size: 26px;
}

.situation__text {
    text-align: center;
}

.borderOrange {
    border-bottom: 7px solid #ff6000;
    padding-bottom: 5px;
}

.triangleBox {
    position: relative;
}

.triangle {
    width: 0;
    height: 0;
    border-right: min(28.13vw, 450px) solid transparent;
    border-left: min(28.13vw, 450px) solid transparent;
    border-top: min(7.96vw, 127px) solid #00a3a8;
    margin: 45px auto 20px;
}

.triangle__text {
    font-size: min(2vw, 32px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -80%);
}

.situation__merit {
    text-align: center;
    padding: 30px 0;
}

.truckAnswer {
    justify-content: space-between;
    align-items: center;
    max-width: none;
    column-gap: 40px;
    margin-top: 4.701%;
}

.staffAnswer__staff--truck {
    max-width: 480px;
}

.truckAnswer__small {
    font-size: 15px;
    margin: 10px 0 20px;
}

.situationUse {
    display: grid;
    padding: 0 0 0 50px;
}

.situationUse__text {
    margin: min(3.045%, 20px) 0 min(2.284%, 15px);
    grid-column-start: 1;
}

.methodBox {
    padding: min(2.607%, 18px);
    max-width: 661.8px;
    grid-column-start: 1;
    margin-bottom: 35px;
}

.methodBox___flight--item {
    display: inline-block;
    padding: 0 10px;
    line-height: 1.6;
}

.situationUse__right {
    max-width: 403px;
    grid-row-start: 1;
    grid-row-end: 4;
    grid-column-start: 2;
}

.situationUse__title {
    padding-top: 45px;
}

.situationUse__title,
.methodBox__title {
    letter-spacing: 0;
}

.methodBox__title {
    margin-bottom: 10px;
}

.methodBox__flight .methodBox__flight--item {
    text-align: center;
}

.methodBox__flight--item:nth-of-type(1) {
    max-width: 120px;
}

.methodBox__flight--item:nth-of-type(2) {
    max-width: 140px;
}

@media screen and (max-width: 1200px) {
    .situationUse__title {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .situationUse__right {
        grid-row-start: 2;
    }

    .situationUse {
        column-gap: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .staffAnswer__staff {
        width: 55%;
    }

    .triangle {
        border-right: min(35vw, 450px) solid transparent;
        border-left: min(35vw, 450px) solid transparent;
        border-top: min(12vw, 127px) solid #00a3a8;
    }

    .triangle__text {
        font-size: min(2.7vw, 32px);
		   text-align: center;
    }

    .truckAnswer {
        display: block;
    }

    .none01 {
        display: none;
    }

    .staffAnswer__staff--truck {
        width: 100%;
        margin: 0 auto 15px;
    }

    .truckAnswer__small {
        margin: 0;
    }

    .situationUse {
        padding: 0 35px 0;
        align-items: center;
        column-gap: 0;
    }

    .methodBox {
        grid-column-end: 3;
        max-width: none;
    }

    .situationUse__right {
        grid-row-end: 3;
        width: 65%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 992px) {
    .situationUse__right {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .serif {
        line-height: 1.5;
    }

    .staffAnswer {
        display: block;
        max-width: 500px;
    }

    .staffAnswer__staff {
        max-width: none;
        width: 100%;
    }
	.voice .staffAnswer__staff{
		height: 30vh;
        overflow: hidden;
	}
	.staffAnswer__answer--set {
    max-width: 95%;
}

    .triangle {
        margin: 20px auto;
    }
	.borderOrange{
		  font-size: 1.1rem;
	}

    .staffAnswer__text {
        font-size: 23px;
    }

    .staffAnswer__answer {
        padding: 20px 0;
    }

    .situationUse__right {
        grid-row-start: 1;
        grid-column-start: 1;
        margin: 0 auto;
        width: 70%;
    }

    .situationUse {
        column-gap: 0;
    }

    .methodBox {
        grid-column-end: 2;
		   padding: 1em;
    }

    .situationUse__title {
        grid-column-end: 2;
        text-align: center;
    }

    .truckAnswer__small {
        margin: 10px 0 20px;
    }
	.methodBox__flight .methodBox__flight--item{
		    line-height: 1.8;
		max-width: 120px;
		    margin-top: 0.5em;
	}
	.normalText{
		line-height: 1.9;
	}
	.whiteBox-point::before{
		    width: 110px;
		height: 55px;
	}
	.boxCorner::before{
		    background: linear-gradient(135deg, #00a3a8 30px, transparent 0);
	}
}

@media screen and (max-width: 480px) {
    .serif {
        margin-bottom: 40px;
    }


    .staffAnswer {
        margin: 0 auto 20px;
    }

    .staffAnswer__text {
        font-size: 18px;
    }

    .staffAnswer__head {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .triangle {
        border-right: min(45vw, 450px) solid transparent;
        border-left: min(45vw, 450px) solid transparent;
        border-top: min(20vw, 127px) solid #00a3a8;
    }

    .triangle__text {
        font-size: min(4.9vw, 32px);
		   margin-top: 0.5em;
		   margin-left: 0.5em;
		   line-height: 1.4;
    }

    .situationUse__title {
        padding-top: 15px;
        font-size: 26px;
    }

    .situation__merit {
        text-align: center;
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .whiteBox02--gray {
        border: 5px solid #e8e9e9;
        border-radius: 15px;
    }

    .situationUse {
        padding: 25px 15px 0;
    }

    .methodBox__flight--expo {
        text-align: left;
    }
}

/* -------------------------------------------------------------/
set(preparation 準備)
/--------------------------------------------------------------*/

.preparation__list {
    display: flex;
    justify-content: space-between;
}

.preparation__item {
    width: calc((100% - 80px)/3);
}

.preparationUnit__main--title {
    text-align: center;
    margin-top: 10px;
}

.centerText {
    text-align: center;
    margin: 40px 0 45px;
}

.methodBox__imgBox {
    text-align: center;
}

.methodBox__img {
    max-width: 363.6px;
}

.preparationUse__left {
    flex-basis: 60%;
    margin-right: 15px;
}

.pre__card {
    display: flex;
    justify-content: space-between;
}

.pre__cardItem {
    width: calc((100% - 100px) / 5);
}

@media screen and (max-width: 1024px) {
    .preparation__list {
        display: block;
    }

    .preparation__item {
        width: 100%;
        margin-bottom: 50px;
    }

    .preparation__item:last-child {
        margin-bottom: 0;
    }

    .preparationUnit__main,
    .preparationUnit__text {
        text-align: center;
    }

    .preparation__item--img {
        max-width: 400px;
    }

    .preparationUse {
        align-items: center;
    }

}

@media screen and (max-width: 767px) {

    .pre__card {
        flex-wrap: wrap;
        row-gap: 25px;
        justify-content: center;
        column-gap: 25px;

    }

    .pre__cardItem {
        width: calc((100% - 25px) / 2);
        max-width: 200px;
    }



}

@media screen and (max-width: 480px) {
    .preparationUnit__text {
        line-height: 1.8;
    }

    .preparationUnit__text {
        text-align: left;
    }
}

/* -------------------------------------------------------------/
set(voice お客様の声)
/--------------------------------------------------------------*/

.staffAnswer-container {
    margin-bottom: 55px;
}

.staffAnswer__text02 {
    font-size: 17px;
    line-height: 1.64;
    font-weight: 700;
    margin-top: 20px;
}

.staffAnswer__explanation {
    max-width: 930px;
    margin: 0 auto;
}


.consideration__title {
    text-align: center;
    background-image: url(../images/service01/img17-2404.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0;
}

.consideration__textBox {
    text-align: center;
    padding: 55px 0;
}

.consideration__imgBox {
    max-width: 555px;
    margin: 3.3% auto;

}

.consideration__text {
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .consideration__textBox {
        text-align: center;
        padding: 55px;
    }

    .none00 {
        display: none;
    }

}

@media screen and (max-width: 1024px) {
    .staffAnswer__staff--voiceImg {
        object-fit: cover;
        height: 100%;
    }

    .staffAnswer__answer--voice {
        padding: 28px;
    }



}

@media screen and (max-width: 767px) {
    .staffAnswer__staff--voiceImg {
        height: auto;
    }

    .consideration__imgBox {
        margin: 10% auto;
    }

    .staffAnswer__answer--voice {
        padding: 30px 28px;
    }
}

@media screen and (max-width: 480px) {
    .staffAnswer__answer--voice {
        padding: 30px 28px;
    }

    .staffAnswer__text02 {
        font-size: 13px;
		   margin-top: 10px;
    }

    .consideration__title {
        font-size: 19px;
    padding: 15px 1em;
    }

    .consideration__textBox {
        padding: 20px 20px;
    }
}



/* ----------------------------------------------------------------------------/
service02
/------------------------------------------------------------------------------*/
/* -------------------------------------------------------------/
processing(task 課題)
/--------------------------------------------------------------*/

.taskFlex,
.taskFlex__item {
    display: flex;
    justify-content: space-between;
}

.taskFlex__item {
    width: calc((100% - 80px) / 3);
    padding: 20px 20px 0 10px;
    align-items: flex-end;
}

.taskFlex__img {
    max-width: 143px;
    width: 100vw;
}

.taskFlex__textChild {
    font-size: 19px;
}

.taskFlex__text {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.task__mainText {
    text-align: center;
    padding: 30px 0;
    margin: 38px 0 0 0;
    font-size: 25px;
    line-height: 1.96;
}

@media screen and (max-width: 1200px) {
    .taskFlex__item {
        flex-direction: column;
        padding: 20px;
    }

    .taskFlex__img {
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .taskFlex {
        flex-direction: column;
    }
	.taskFlex__img{
		   height: 24vh;
        overflow: hidden;
		   margin-bottom: 1em;
	}

    .taskFlex__item {
        width: 100%;
        margin-bottom: 30px;
    }
	.taskFlex__textChild{
		font-size: 16px;
    line-height: 1.6;
	}

    .taskFlex__item:last-child {
        margin-bottom: 0;
    }
	.task__mainText{
		  margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
		   border-radius: 0;
		   padding: 1em;
	}


}

@media screen and (max-width: 480px) {
    .task__mainText {
        font-size: 18px;
    }
}

/* -------------------------------------------------------------/
processing(request 依頼)
/--------------------------------------------------------------*/

.request__topImg {
    max-width: 700px;
    margin: 0 auto 45px;
}

.requestText {
    display: flex;
    justify-content: space-between;
    max-width: 1090px;
    margin: 0 auto 30px;
}

.requestText:nth-of-type(3) {
    margin-bottom: 0;
}

.requestText__left {
    max-width: 104.08px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0;
    padding: 13.5px 0;
}

.requestText__right {
    max-width: 985.8px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 30px;
}

.requestText--last {
    text-align: center;
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    .requestText {
        flex-direction: column;
    }

    .requestText__left {
        max-width: none;
		padding: 10px 0;
		font-size:18px;
    }

    .requestText__right {
        max-width: 985.8px;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 20px 15px;
    }

}

@media screen and (max-width: 480px) {
    .requestText__right {
        padding: 12px 15px 15px;
    }

}

/* -------------------------------------------------------------/
processing(good 任せてよかった)
/--------------------------------------------------------------*/

.goodBox {
    display: flex;
    justify-content: space-between;
    max-width: 987.935px;
    margin-bottom: 60px;
    column-gap: 40px;
}

.goodBox:last-child {
    max-width: 1004.784px;
    margin-bottom: 0;
}

.goodBox:nth-last-of-type(2) {
    margin-left: auto;
}

.goodBox__left {
    max-width: 350px;
    width: 100%;
}

.goodBox__right {
    max-width: 600px;
    width: 100%;
}

.goodBox__title {
    margin-bottom: 20px;
}

.processingJob__list {
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .goodBox {
        flex-direction: column;
    }

    .goodBox__left {

        margin: 0 auto 15px;
    }

    .goodBox__right {
        max-width: none;
        text-align: center;
    }
	.goodBox__title{
		   text-align: left;
		line-height: 1.6;
		 margin-bottom: 5px;
	}
}


/* -------------------------------------------------------------/
processing(processingJob よくあるお仕事)
/--------------------------------------------------------------*/

.processingJob__box {
    display: flex;
    justify-content: space-between;
}

.processingJob__left,
.processingJob__right {
    width: calc((100% - 50px)/2);
}

.processingJob__title {
    text-align: center;
    margin: 45px 0 20px;
}

.processingJob__menu {
    padding: 0 45px 50px;
}

.processingJob__item {
    position: relative;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 20px;
}

.processingJob__item:last-child {
    margin-bottom: 0;
}

.processingJob__item::before {
    position: absolute;
    content: "○";
    left: 0;
    top: 0;
    font-size: 18px;

}

@media screen and (max-width: 767px) {
    .processingJob__box {
        flex-direction: column;
    }

    .processingJob__left,
    .processingJob__right {
        width: 100%;
    }

    .processingJob__left {
        margin-bottom: 20px;
    }


}

@media screen and (max-width: 480px) {
    .processingJob__title {
        margin: 20px 0 10px;
    }

    .processingJob__menu {
        padding: 0 25px 30px 20px;
    }
	.processingJob__item{
		  margin-bottom: 7px;
	}
}


/* -------------------------------------------------------------/
processing(assumption 想定)
/--------------------------------------------------------------*/

.assumption__box {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

.assumption__set {
    width: calc((100% - 50px) / 2);
    padding: 45px 60px;
}

.assumption__q,
.assumption__a {
    position: relative;
}

.assumption__q {
    line-height: 1.13;
    margin-bottom: 20px;
}

.assumption__q::before,
.assumption__a::before,
.creative__item::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    right: 100%;
    margin-right: 8px;
}

.assumption__q::before {
    background-image: url(../images/service02/q.svg);
    width: 15.7px;
    height: 34.6px;
    transform: translateY(-4%);
}

.assumption__a::before {
    background-image: url(../images/service02/a.svg);
    width: 11.3px;
    height: 27.4px;
    transform: translateY(35%);
}

.creativeTop__text {
    padding: 40px 1em;
}
.creative .fsz30{
	font-size: 28px;
}

@media screen and (max-width: 767px) {
    .assumption__box {
        flex-direction: column;
		    gap: 30px;
    }

    .assumption__set {
        width: 100%;
    }

    .assumption__set {
        padding: 45px 40px;
    }

    .assumption__q::before {
        width: 10.7px;
        height: 25.6px;
        transform: translateY(5%);
    }

    .assumption__a::before {
        width: 8.3px;
    }

    @media screen and (max-width: 480px) {
        .assumption__set {
            padding: 45px 28px 45px 40px;
        }
    }
}






/* -------------------------------------------------------------/
processing(creative クリエイティブ)
/--------------------------------------------------------------*/

.creativeTop {
    text-align: center;
    margin-bottom: 45px;
}

.creativeTop__img {
    max-width: 880.9px;
}

.creative__title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
}

.creative__list {
    column-count: 2;
    padding: 40px 0 40px 42px;
}

.creative__item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 33px;
    width: 100%;
    text-align: left;
}

.creative__item::before {
    background-image: url(../images/service02/cross.svg);
    right: auto;
    left: 0;
    width: 32.4px;
    height: 17.3px;
    transform: translateY(67%);
    margin-right: 0;
}

@media screen and (max-width: 1024px) {
    .creative__list {
        padding: 40px 20px;
    }
}

@media screen and (max-width: 767px) {
    .creative__list {
        column-count: 1;
    }

    .creative__item::before {
        transform: translateY(50%);
    }

    .creativeTop__text {
        padding: 40px 10px;
    }
}

@media screen and (max-width: 480px) {
    .creative__list {
        padding: 40px 15px;
    }
}

/* -------------------------------------------------------------/
processing(debut デビュー)
/--------------------------------------------------------------*/

.debut__title {
    font-weight: 700;
    text-align: center;
    line-height: 1.9;
}

.debutMiddle {
    display: flex;
    justify-content: space-between;
    margin: 45px 0 65px;
}

.debutMiddle__heading {
    line-height: 1.9;
}

.debutMiddle__left {
    max-width: 350px;
}

.debutMiddle__right {
    padding-left: 35px;
}

@media screen and (max-width: 1024px) {
    .debutMiddle {
        flex-direction: column;
    }

    .debutMiddle__left {
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {

    .debutMiddle__left {
        margin-bottom: 20px;
    }

    .debutMiddle__right {
        padding-left: 0;
    }


}

@media screen and (max-width: 480px) {
    .debutMiddle {
        display: flex;
        justify-content: space-between;
        margin: 45px 0 30px;
    }

    .debutMiddle__heading {
        text-align: center;
		        font-size: 1.7em;
        line-height: 1.4;
        margin-bottom: 15px;
    }
}

/* ----------------------------------------------------------------------------/
service03
/------------------------------------------------------------------------------*/
/* -------------------------------------------------------------/
storage(everyone お悩みの皆様)
/--------------------------------------------------------------*/

.everyoneBox {
    padding: 60px 50px 50px;
}

.everyoneFlex01__list {
    column-count: 2;
}

.everyoneFlex01__item::before {
    color: #00a3a8;
}

.everyoneBox__top {
    text-align: center;
    margin-bottom: 30px;
}

.everyoneBox__heading {
    text-align: center;
    padding: 18px 0;
    border-radius: 15px;
    margin-bottom: 25px;
}

.everyoneFlex01,
.everyoneFlex02 {
    display: flex;
    justify-content: space-between;
}

.everyoneFlex01__left {
    max-width: 430px;
}

.everyoneFlex01__right {
    max-width: 518.3px;
    width: 100%;
}

.everyoneFlex01__title {
    position: relative;
    padding-left: 20px;
}

.everyoneFlex01__title::before {
    content: "";
    position: absolute;
    background-image: url(../images/service03/img02-2404.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 18px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.everyoneFlex01__list {
    margin: 30px 0 25px auto;
    width: fit-content;
}

.everyoneFlex01__under {
    font-size: 16px;
    line-height: 1.5;
}

.everyoneFlex01__under:nth-of-type(1) {
    margin-bottom: 15px;
}

.everyoneFlex01__under--link {
    text-decoration: none;
    color: #000;
    padding-bottom: 3px;
    border-bottom: 2px solid #00a3a8;
    transition: .3s;
}

.everyoneFlex01__under--link:hover {
    color: #000;
    opacity: 0.7;
}

.everyoneBox__img {
    max-width: 875px;
    margin: 60px auto;
}

.everyoneFlex02 {
    justify-content: flex-start;
}

.reactionBox__item:nth-of-type(1) .reactionBox__heading,
.reactionBox__item:nth-of-type(1) .everyoneFlex02__img {
    background-color: #FFE8DA;
}

.reactionBox__item:nth-of-type(2) .reactionBox__heading,
.reactionBox__item:nth-of-type(2) .everyoneFlex02__img {
    background-color: #fff6c8;
}

.reactionBox__item:nth-of-type(3) .reactionBox__heading,
.reactionBox__item:nth-of-type(3) .everyoneFlex02__img {
    background-color: #ffd6e3;
}

.reactionBox__item:nth-of-type(4) .reactionBox__heading,
.reactionBox__item:nth-of-type(4) .everyoneFlex02__img {
    background-color: #ffd192;
}

.reactionBox__item:nth-of-type(5) .reactionBox__heading,
.reactionBox__item:nth-of-type(5) .everyoneFlex02__img {
    background-color: #d7ed92;
}

.reactionBox__item {
    margin-bottom: 35px;
}

.reactionBox__heading {
    padding-left: 30px;
}

.everyoneFlex02__img {
    max-width: 140.2px;
}

.everyoneFlex02__text {
    padding: 15px 0 0 25px;
}


@media screen and (max-width: 1200px) {
    .everyoneFlex01 {
        flex-direction: column;
        align-items: center;
        row-gap: 25px;
    }

    .everyoneFlex01__left {
        max-width: 600;
    }

    .everyoneFlex01__title {
        font-size: 25px;
        padding-left: 30px;
    }

    .everyoneFlex01__title::before {
        width: 30px;
        height: 28px;
    }

    .everyoneFlex01__right {
        max-width: none;
    }

    .everyoneFlex01__list {
        margin: 15px auto 15px auto;
        width: 100%;
        column-count: 3;
    }

    .everyoneFlex02__img {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
	.everyoneBox__top.fsz26{
		   font-size: 18px;
	}
    .everyoneBox__heading {
        padding: 8px 0;
        border-radius: 5px;
    }

    .everyoneFlex01__title {
        font-size: 20px;
    }

    .everyoneFlex01__list {
        column-count: 2;
    }

    .everyoneFlex01,
    .everyoneFlex02 {
        flex-direction: column;
    }

    .everyoneBox {
        padding: 60px 30px 50px;
    }

    .everyoneFlex02__text {
        padding: 5px 0 0 0;
    }

    .everyoneFlex02__img {
        max-width: none;
        justify-content: center;
    }

    .everyoneFlex02__img--img {
        max-width: 140.2px;
    }

    .reactionBox__heading {
        padding-left: 0;
        padding-top: 15px;
        text-align: center;
    }

}

@media screen and (max-width: 480px) {
    .everyoneBox {
        padding: 35px 5vw 30px;
    }

    .everyoneFlex01__title {
        font-size: 18px;
        padding-left: 19px;
    }

    .everyoneFlex01__title::before {
        width: 19px;
        height: 14px;
    }

    .everyoneFlex01__list {
        column-count: 1;
    }

    .everyoneFlex01__under {
        font-size: 13px;
        line-height: 1.5;
        text-align: left;
    }
}

/* -------------------------------------------------------------/
storage(outsource アウトソース)
/--------------------------------------------------------------*/

.outsource__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 35px;
}

.outsource__item {
    width: calc((100% - 150px) / 4);
}

.outsource__heading {
    text-align: center;
    padding: 8px 0;
}

@media screen and (max-width: 1024px) {
    .outsource__item {
        width: calc((100% - 100px) / 3);
    }
}

@media screen and (max-width: 767px) {
    .outsource__item {
        width: calc((100% - 50px) / 2);
    }
	.outsource__img{
		width:60%;
		margin: 0 auto;
	}
	.outsource__text{
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
    .outsource__item {
        width: 100%;
    }
}

/* -------------------------------------------------------------/
storage(feature 特集)
/--------------------------------------------------------------*/

.featureBox__title {
    position: relative;
    text-align: center;
    margin: 120px 0 25px;
}

.featureBox__title::before {
    position: absolute;
    content: "";
    background-image: url(../images/service03/img17-2404.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
}

.featureBox__title02::before {
    background-image: url(../images/service03/img18-2404.svg);
}

.featureBox__list {
    display: flex;
    justify-content: space-between;
}

.featureBox__item {
    width: calc((100% - 100px)/3);
}

.featureBox__img {
    max-width: 900px;
    margin: 0 auto;
}

.feature {
    position: relative;
}

.feature::after {
    position: absolute;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/service03/img16-2404.png);
    top: 55px;
    right: 15.06vw;
    width: max(14.85vw, 140px);
    height: 134px;
}

.featureBox__item--link {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.featureBox__item--link::after {
    position: absolute;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/service03/corner.svg);
    bottom: 0;
    right: 0;
    width: 59px;
    height: 47px;
}

@media screen and (max-width: 1200px) {

    .feature::after {
        right: 6vw;
    }

    .featureBox__item--link::after {
        width: 50px;
        height: 40px;
    }

}

@media screen and (max-width: 1024px) {
    .feature::after {
        right: 2vw;
    }

    .featureBox__list {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .featureBox__item {
        width: calc((100% - 50px)/2);
    }

}

@media screen and (max-width: 767px) {
    .featureBox__list {
        row-gap: 25px;
    }

    .featureBox__item {
        width: calc((100% - 25px)/2);
    }

    .feature::after {
        top: 87px;
        height: 75px;
    }

    .featureBox__title::before {
        width: 30px;
        height: 30px;
    }

    .featureBox__title {
        margin: 100px 0 25px;
    }

    .featureBox__item--link::after {
        width: 55px;
        height: 45px;
    }

}



@media screen and (max-width: 480px) {
    .featureBox__list {
        row-gap: 15px;
    }

    .featureBox__item {
        width: 100%;
    }

    .featureBox__title {
        margin: 75px 0 25px;
    }

    .feature::after {
		width: max(25.85vw, 150px);
        right: -4vw;
        top: 101px;
    }
}

/* -------------------------------------------------------------/
storage(example 導入企業様実施例)
/--------------------------------------------------------------*/
.example__inner {
    max-width: 930px;
    margin: 0 auto;
}

.exampleBox:nth-of-type(2) .exampleBox__staff {
    flex-direction: row-reverse;
}

.exampleBox {
    margin-bottom: 50px;
}

.exampleBox__text {
    margin: 20px 0 25px;
}

.exampleBox__list {
    border: 2px solid #e2f1f3;
}

.exampleBox__detail {
    display: flex;

}

.exampleBox__item01,
.exampleBox__item02 {
    font-weight: 500;
    letter-spacing: 0;
}

.exampleBox__item01 {
    max-width: 172px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0 0 35px;
    border-bottom: 2px solid #fff;
}

.exampleBox__detail:last-child .exampleBox__item01,
.exampleBox__detail:last-child .exampleBox__item02 {
    border-bottom: none;
}

.exampleBox__item02 {
    display: flex;
    align-items: center;
    padding: 15px 0 15px 55px;
    width: 100%;
    border-bottom: 2px solid #e2f1f3;
}

.kindsItem {
    padding: 35px 50px 40px;
    margin-bottom: 60px;
}

.kindsItem__title,
.original__title {
    text-align: center;
}

.kindsItem__list {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.kindsItem__item {
    width: calc((100% - 120px)/4);
}

.kindsItem__unit--text {
    text-align: left;
}

.original__title {
    margin-bottom: 40px;
}

.original__flex {
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
}

.original__left {
    max-width: 700px;
}

.original__item {
    position: relative;
    padding-left: 20px;
}

.original__item::before {
    position: absolute;
    content: "○";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

@media screen and (max-width: 1024px) {
    .exampleBox__item02 {
        padding: 15px 15px 15px 30px;
    }

    .kindsItem__list {
        flex-wrap: wrap;
        row-gap: 40px;
    }

    .kindsItem__item {
        width: calc((100% - 80px)/2);
    }

    .original__title {
        margin-bottom: 20px;
    }

    .original__flex {
        row-gap: 25px;
        flex-direction: column;
    }

    .original__left {
        max-width: 500px;
        margin: 0 auto;
    }

    .original__text {
        text-align: left;
    }

    .original__item {
        margin-top: 15px;
        display: inline-block;
    }

    .original__item::before {
        line-height: 0;
    }
}

@media screen and (max-width: 767px) {
    .exampleBox__item01 {
        width: 33%;
        padding: 0 0 0 7px;
    }

    .exampleBox__item02 {
        padding: 15px 15px 15px 15px;
    }

    .exampleBox__staff {
        margin: 0 auto 25px;
    }

    .kindsItem {
        padding: 35px 15px 40px;
    }
}

@media screen and (max-width: 480px) {

    .exampleBox__detail {
        display: flex;
        flex-direction: column;
    }

    .exampleBox__item01 {
        justify-content: center;
        width: 100%;
        max-width: none;
        padding: 5px 0;
    }

    .kindsItem__item {
        width: 100%;
    }

    .original__item {
        padding-left: 10px;
    }

    .original__item::before {

        font-size: 15px;
    }
}

@media screen and (max-width: 379px) {
    .original__item::before {
        line-height: 1;
        top: 0;
        transform: translateY(55%);
    }
}


/* ----------------------------------------------------------------------------/
service04
/------------------------------------------------------------------------------*/
/* -------------------------------------------------------------/
idea(reverse 梱包セット業だからできる逆算)
/--------------------------------------------------------------*/

.reverse__list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.reverse__item {
    width: 100% / 4;
}

.reverse__text {
    text-align: center;
    margin-bottom: 15px;
}

.reverse__text:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 480px) {
    .reverse__list {
        display: flex;
       flex-wrap: wrap;
    }

    .reverse__item {
        width: calc(100% / 2);
    }
}


/* -------------------------------------------------------------/
idea(support サポート事例) 
/--------------------------------------------------------------*/

.support__text {
    margin-bottom: 40px;
}

.supportBox {
    position: relative;
    padding: 70px 0 25px;
    margin-bottom: 50px;
}

.supportBox:last-child {
    margin-bottom: 0;
}

.supportBox__case {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 15px;
}

.supportBox__body {
    padding: 0 30px 0;
}

.supportBox__title {
    letter-spacing: 0.15em;
    margin-bottom: 7px;
}

.supportBox__list {
    display: flex;
    justify-content: space-between;
    margin-top: 23px;
}

.supportBox__item {
    width: calc((100% - 60px)/3);
}

.supportBox__item--nameBox {
    text-align: center;
    padding: 4px 0;
}

.supportBox__item--textBox {
    padding: 20px 18px 0;
}

.supportBox__item--text {
	font-weight:700;
}

.supportBox__item--name,
.supportBox__item {
    position: relative;
}

.supportBox__item--name::before,
.supportBox__item:not(:last-child):after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
}

.supportBox__item:nth-of-type(1) .supportBox__item--name::before {
    background-image: url(../images/service04/img04-2404.svg);
    width: 30px;
    height: 30px;
    right: 110%;
}

.supportBox__item:nth-of-type(2) .supportBox__item--name::before {
    background-image: url(../images/service04/img05-2404.svg);
    width: 26px;
    height: 26px;
    right: 100%;
}

.supportBox__item:nth-of-type(3) .supportBox__item--name::before {
    background-image: url(../images/service04/img06-2404.svg);
    width: 20px;
    height: 30px;
    right: 110%;
}

.supportBox__item::after {
    background-image: url(../images/service04/arrow-double.svg);
    width: 32px;
    height: 37px;
    left: 100%;
}

.supportUnder {
    display: flex;
    justify-content: center;
    column-gap: 55px;
}

.supportUnder__img {
    max-width: 506px;
}

.supportUnder__heading {
    writing-mode: vertical-rl;
    font-size: 24px;
}

.supportUnder__heading--line {
    padding-right: 7px;
    background: linear-gradient(to right, transparent 57%, #ffca2f 0%);
    display: inline;
}

@media screen and (max-width: 767px) {
    .supportBox__list {
        flex-direction: column;
        align-items: center;
    }

    .supportBox__item {
        max-width: 351px;
        width: 100%;
        margin-bottom: 70px;
    }
	.supportBox__item:last-child{
    margin-bottom: 0;
	}

    .supportBox__item:not(:last-child):after {
        background-image: url(../images/service04/arrow-double-under.svg);
        width: 37px;
        height: 32px;
        left: 50%;
        top: 110%;
        transform: translateX(-50%);
    }
	.supportBox__case{
		    padding: 8px 15px;
	}

    .supportUnder {
        flex-direction: column-reverse;
    }

    .supportUnder__heading {
        writing-mode: horizontal-tb;
        font-size: 20px;
        text-align: center;
    }

    .supportUnder__heading--line {
        padding-right: 0;
        background: linear-gradient(transparent 57%, #ffca2f 0%);
        display: inline;
    }

    .supportUnder__img {
        max-width: 300px;
        margin: 20px auto 0;
    }

}

@media screen and (max-width: 490px) {
    .supportBox:nth-of-type(1) {
        padding: 105px 0 25px;
    }

    .supportBox__body {
        padding: 0 5vw 0;
    }


}

@media screen and (max-width: 480px) {
    .supportBox__item:nth-of-type(1) .supportBox__item--name::before {
        width: 20px;
        height: 20px;
    }

    .supportBox__item:nth-of-type(2) .supportBox__item--name::before {
        width: 16px;
        height: 16px;
    }

    .supportBox__item:nth-of-type(3) .supportBox__item--name::before {
        width: 13px;
        height: 20px;
    }
}


/* -------------------------------------------------------------/
idea(marketing サポート事例) 
/--------------------------------------------------------------*/

.marketing__heading--outer {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}

.marketing__heading {
    display: flex;
    justify-content: space-between;
    max-width: 1497px;
    margin: 0 auto 60px;
}

.marketing__list {
    display: flex;
    align-items: center;
    column-gap: min(2.5vw, 40px);
}

.marketing__item01 {
    max-width: 180px;
    max-height: 260px;

    width: max(11.25vw, 50px);
    height: max(16.25vw, 72px);

}

.marketing__item02 {
    max-width: 110px;
    max-height: 158px;

    width: max(6.875vw, 30px);
    height: max(9.875vw, 44px);
}

.marketing__item03 {
    max-width: 70px;
    max-height: 98px;

    width: max(4.375vw, 19.5px);
    height: max(6.125vw, 27px);
}

.marketing__title {
    text-align: center;
}

.marketing__title--en {
    font-family: "Oswald", sans-serif;
    margin-bottom: 20px;
    font-size: 68px;
}

.marketing__company--name {
    text-align: center;
    font-weight: 500;
    margin: 25px 0 65px;
}

.marketing__company {
    max-width: 800px;
    margin: 50px auto 0;
}

.serviceSelect__list {
    display: flex;
    justify-content: space-between;
}

.serviceSelect__item {
    width: calc((100% - 100px)/3);
    padding: 55px 20px 35px;
    letter-spacing: 0;
}

.serviceSelect__head,
.serviceSelect__induction {
    text-align: center;
}

.serviceSelect__title {
    margin-top: 25px;
    font-size: 18px;
}

.serviceSelect__title--en {
    line-height: 1.2;
}

.serviceSelect__text {
    font-weight: 700;
    margin: 35px 0 20px;
}

.serviceSelect__induction {
    margin: 0 auto 12px;
    font-weight: 500;
    position: relative;
    line-height: 1;
    width: fit-content;
}

.serviceSelect__induction::before {
    position: absolute;
    content: "";
    background-image: url(../images/service04/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: 100%;
    top: 0;
    width: 15px;
    height: 15px;
}

.serviceSelect__link {
    max-width: 314px;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 50px;
    padding: 10px 0;
    display:block;
    width: 100%;
}

.serviceSelect__link:hover {
    background-color: #00bcbc;
    color: #fff;
    opacity: 1;
}

.serviceSelect__link:last-child {
    margin-bottom: 0;
}

.serviceSelect__text02 {
    font-weight: 500;
}


@media screen and (max-width: 1547px) {
    .marketing__heading {
        padding: 0 3.232vw;
    }
}

@media screen and (max-width: 1024px) {
    .marketing__heading {
        padding: 0 3.232vw;
    }

    .marketing__title--en {
        font-size: max(6.64vw, 35px);
    }

    .marketing__title--ja {
        font-size: max(2.246vw, 18px);
    }

    .serviceSelect__list {
        flex-direction: column;
    }

    .serviceSelect__item {
        width: 100%;
        margin-bottom: 50px;
    }

    .serviceSelect__text {
        text-align: center;
    }

    .serviceSelect__link {
        margin: 0 auto 15px;

    }
}



@media screen and (max-width: 767px) {

    .marketing__item01 {
        width: max(7.5vw, 0px);
        height: max(10.83vw, 0px);
    }

    .marketing__item02 {
        width: max(4.58vw, 0px);
        height: max(6.583vw, 0px);
    }

    .marketing__item03 {
        width: max(2.916vw, 0px);
        height: max(4.083vw, 0px);
    }

}

@media screen and (max-width: 480px) {

    .marketing__company--name {
        margin: 20px 0 35px;
        font-size: 15px;
    }
    
    .marketing__company {
        margin: 30px auto 0;
    }

}

/* -------------------------------------------------------------/
idea(moribito もりびと) 
/--------------------------------------------------------------*/

.moribitoBox {
    display: flex;
    align-items: center;
    padding: 45px 50px 35px 60px;
    column-gap: 75px;
}

.moribitoBox__left {
    max-width: 230px;
    width: 100%;
}

.moribitoBox__linkBox {
    margin: 15px 0 10px;
}

.moribitoBox__link {
    color: #00a3a8;
    letter-spacing: 0;
}

@media screen and (max-width: 1024px)  {
    .moribitoBox {
      flex-direction: column;
    }

    .moribitoBox__left {
        margin-bottom: 30px;
    }

    .moribitoBox__title {
        text-align: center;
    }

    .moribitoBox {
        padding: 45px 50px 35px;
    }
}

@media screen and (max-width: 767px) {
    .moribitoBox {
        padding: 45px 20px 35px;
    }
}

@media screen and (max-width: 480px) {
    .moribitoBox__left {
        max-width: 150px;
    }
}

/* 2024.07.02追加 */
/* -------------------------------------------------------------/
CROSS TALK (投稿ページ)
/--------------------------------------------------------------*/


.single-cross_talk .header,
.post-type-archive-cross_talk .header {
    background-color: #fff;
}

.crossSingle__mv {
    display: flex;
    justify-content: space-between;
    background-color: rgba(0, 153, 158, 0.1);
    padding-top: 154px;
}

.crossMv {
    padding-top: 154px;
}

@media (max-width: 1100px) {

    .single-cross_talk .header,
    .post-type-archive-cross_talk .header {
        background-color: rgba(0, 0, 0, 0);
    }

    .crossSingle__mv,
    .crossMv {
        padding-top: 0;
    }
}

.cross__info .cross__link {
    color: #000;
}

.crossSingle__number,
.crossSingle__cate,
.cross__number,
.cross__cateList,
.talkParts__caption,
.cross__ttl,
.talkParts__img figcaption {
    color: #00999e;
}

.crossSingle__number,
.cross__number,
.cross__company {
    font-weight: 700;
}

.single-cross_talk p,
.single-cross_talk img {
    margin: 0;
}

.cross__inner {
    max-width: 1100px;
    margin: 0 auto;
}

.crossSingle__img {
    flex-basis: 48.75%;
}

.crossSingle__info {
    flex-basis: 51.25%;
    display: flex;
    align-items: center;
    padding: 0 5.9375% 0;
}



.crossSingle__ttl {
    line-height: 1.5;
    font-size: max(2vw, 26px);
	  margin: 0.5em 0 1em;
}

.crossSingle__number {
    font-size: max(1vw, 19px);
    font-weight: 700;
}

.crossSingle__cate,
.cross__cateList {
    font-size: 17px;
}

.cross__main {
    padding: max(6.875%, 60px) 0 0 0;
}


.talkParts {
    display: flex;
    justify-content: space-between;
    margin-bottom: max(4.274%, 30px);
    gap: 0;
}

.talkParts .talkParts__imgBox {
    margin-right: max(3.847%, 10px);
    width: 140px;
    min-width: 140px;
    /* ブロックエディター用 */
}



.talkParts__img {
    width: 140px;
}

.talkParts__caption,
.talkParts__img figcaption {
    font-size: 13px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.talkParts__text {
    max-width: 980px;
    font-size: 18px;
}

.talkParts-reverse {
    flex-direction: row-reverse;
}

.talkParts-reverse__block {    /* ブロックエディター用 */
	 flex-direction: row;
}

.talkParts-reverse .talkParts__imgBox {
    margin-right: 0;
    margin-left: max(3.847%, 10px);
}

.single-cross_talk .co-production {
    margin: 20px 0 min(3.8467%, 30px);
}

.co-production__list {
    margin-bottom: min(8.5471%, 60px);
}



@media (max-width: 1200px) {
    .cross__inner {
        max-width: 1200px;
        padding: 0 30px;
    }

}

@media (max-width: 767px) {
    .crossSingle__mv {
        flex-direction: column;
    }

    .crossSingle__info {
        padding: 50px 5.9375%
    }

    .talkParts .talkParts__imgBox,
    .talkParts__img {
        width: 100px;
        min-width: 100px;
        /* ブロックエディター用 */
    }

    .talkParts__text {
        font-size: 15px;
    }

    .co-production {
        font-size: 30px;
    }

    .co-production__list figure {
        max-width: 500px;
        margin: 0 auto;
    }

}

@media (max-width: 480px) {

    .crossSingle__ttl {
        font-size: 20px;
    }

    .talkParts .talkParts__imgBox,
    .talkParts__img {
        width: 70px;
        min-width: 70px;
        /* ブロックエディター用 */
    }

    .talkParts__caption,
    .talkParts__img figcaption {
        font-size: 10px;
    }

    .talkParts__text {
        font-size: 13px;
    }

    .co-production {
        font-size: 20px;
    }

}

/* 2024.07.17 newシングルページ */

.single-cross_talk .wp-block-heading{
    font-size: 26px;
}

.single-cross_talk p {
    font-size: 18px;
}

.cross__mainTalk {
    margin-bottom: max(8.64%,60px);
}

.cross__subTtl {
    margin-bottom: max(3.637%,20px);
	    line-height: 1.73;
}

.cross__project {
    margin-bottom: max(9.546%,70px);
}

.crossMember__box {
    padding:20px max(3.637%,20px) max(4.55%,40px);
}

.crossMember__imgBox {
    margin-bottom: max(5.533%,20px);
}

.crossMember__imgBox  figure{
	 width: 140px;
    margin-bottom: 10px;
}

.crossMember__name {
    font-size: 19px;
}

.single-cross_talk .crossMember__partner {
    margin-top: max(7.75%,25px);
	    border-bottom: solid 1px #004c88;
    width: fit-content;
}

.crossSingle__btn {
    padding: clamp(90px,11.563%,185px) 0 clamp(100px,12.813%,205px);
}

.cross__wideImg figure,
.cross__wideImg figure img{
	width:100%;
}

.cross__wideImg figure {
	margin-bottom:20px;
}

.cross__wideImg p {
    margin-bottom: 1em;
}

@media (max-width: 480px) {
    .single-cross_talk .wp-block-heading {
        font-size: 20px;
    }

    .single-cross_talk p {
        font-size: 16px;
    }
	
	.crossMember__name {
    font-size: 17px;
}
	
	.single-cross_talk .crossMember__partner {
font-size: 15px;
}
}



/* -------------------------------------------------------------/
CROSS TALK (投稿一覧ページ)
/--------------------------------------------------------------*/
.cross {
    padding-top: max(5.313%, 60px);
}

.crossMv {
    width: 100%;
}

.crossMv img {
    width: 100%;
    height: auto;
}

.cross__link {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.cross__ttl,
.cross__subText {
    text-align: center;
}

.cross__ttl,
.cross__subText,
.cross__company {
    letter-spacing: 0.15em;
}

.cross__list {
    display: flex;
    flex-direction: column;
    margin-top: max(7.265%, 40px);
}

.cross__item {
    display: flex;
    justify-content: space-between;
	 margin-bottom:max(8.55%,50px);
}

.cross__item:nth-child(odd) {
    flex-direction: row-reverse;
}

.cross__img {
    width: clamp(1px,114.3vw,675px);
    height: 400px;
}


.cross__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cross__info {
    display: flex;
    align-items: center;
    padding: 0 max(5.13%, 40px) 0 max(3.42%, 20px);
    width: auto;
}

.cross__infoInner {
    width: 100%;
}

.cross__infoMain {
    max-width: 360px;
}

.cross__company {
    line-height: 1.92;
    font-size: 26px;
    margin-bottom: 20px;
}

.cross__number {
    font-size: 19px;
    font-weight: 700;
}

.cross__cateList {
    display: flex;
    flex-wrap: wrap;
}

.cross__cateItem {
    position: relative;
    padding-left: max(0.63vw,10px);
	margin-right: 20px;
}

.cross__cateItem:last-child {
	margin-right:0;
}



.cross__cateItem::before {
    position: absolute;
    content: "#";
    font-size: 17px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.single-cross_talk .cross__cateItem,
.single-cross_talk .cross__cateItem::before {
    font-size: max(1.063vw, 17px);
}


/* .single-cross_talk .cross__cateItem {
    padding-left: 2.647%;
} */


.cross__more {
    text-align: right;
    font-size: 14px;
    margin-top: min(5.313vw, 85px);
}

.cross__more--line {
    border-bottom: 1px solid #00999e;
    padding-bottom: 5px;
}

.cross__pageNation {
    text-align: center;
    margin: clamp(50px, 6.25%, 100px) 0 clamp(100px, 12.5%, 200px);
}

@media (max-width: 1200px) {
.cross__img {
    width: clamp(1px,114.3vw,675px);
    height: 33.34vw;
}

}

@media (max-width: 790px) {

    .cross__item,
    .cross__item:nth-child(odd) {
        flex-direction: column;
    }

    .cross__item {
        max-width: 600px;
        margin: 0 auto;
    }

    .cross__img {
        width: 100%;
        height: auto;
    }

    .cross__list {
        row-gap: 70px;
    }

    .cross__info {
        padding: max(5%, 15px) max(5.13%, 40px) 0 max(3.42%, 20px);
    }

}

@media (max-width: 767px) {
    .cross__number {
        font-size: 17px;
    }

    .cross__company {
        font-size: 23px;
        margin-bottom: 15px;
    }

     .cross__cateItem,
    .cross__cateItem::before {
        font-size: 17px;
    }

    .cross__more {
        font-size: 13px;
    }
}

@media (max-width: 480px) {

    .cross__number,
    .crossSingle__number {
        font-size: 15px;
    }

    .cross__company {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .single-cross_talk .cross__cateItem,
    .single-cross_talk .cross__cateItem::before {
        font-size: 13px;
    }

   .cross__cateItem,
    .cross__cateItem::before {
        font-size: 13px;
    }

    .cross__more {
        font-size: 11px;
    }

}



/* ===================
クロストーク　記事ページ
==================== */
.crossSingle__img {
    height: min(28.889vw,800px);
}

.crossSingle__img img {
    object-fit: cover;
    height: 100%;
}