#sec_pagettl,
#sec_pagettl h1>.inner{
 background: #18B2AE;
}

#sec_type .boxs,
#sec_type2 .boxs{
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 80px 40px ;
}
#sec_type .boxs .box,
#sec_type2 .boxs .box{
 background: #DFF4F2;
 border-radius: 15px;
 position: relative;
 padding: 50px;
}
#sec_type .boxs .box h3,
#sec_type2 .boxs .box h3{
 position: absolute;
 width: 100%;
 text-align: center;
 transform: translate(0,-50%);
 top:0px;
 left: 0px;
}
#sec_type .boxs .box h3 span,
#sec_type2 .boxs .box h3 span{
 background: #18B2AE;
 color:#fff;
 display: inline-block;
 border-radius: 5px;
 padding: 10px;
 min-width: 350px;
}

#sec_type .secList li{
 position: relative;
 padding-left: 20px;
 line-height: 1.5em;
 margin-bottom: 5px;
}
#sec_type .secList li:before{
 display: block;
 content: "";
 position: absolute;
 left: 0px;
 top: 3px;
 width: 1em;
 height: 1em;
 background: #333;
 border-radius: 50%;
}

#sec_type2{
 background: #DFF4F2;
}
#sec_type2 .boxs .box{
 background: #fff;
}

.sec_info{
 background: #18B2AE;
}

/*
===================================================
	pc small
===================================================
*/
@media screen and (max-width: 1200px) {
 #sec_type .boxs,
 #sec_type2 .boxs{
  gap: 50px 15px ;
 }
 #sec_type .boxs .box,
 #sec_type2 .boxs .box{
  padding: 40px;
 }
 #sec_type .boxs .box h3 span,
 #sec_type2 .boxs .box h3 span{
  min-width: 300px;
 }
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {
 #sec_type .boxs,
 #sec_type2 .boxs{
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px ;
 }
 #sec_type .boxs .box h3 span,
 #sec_type2 .boxs .box h3 span{
  padding: 5px;
  min-width: 280px;
  font-size: 90%;
 }
}