@charset "UTF-8";


/* com_lead
---------------------------------------------------------*/
.m_img_area{
    border-bottom:rgba(66,57,50,0.35) 1px solid;
}
.com_lead{
    margin-bottom: 80px;
}

/*btn1_list*/
.btn1_list{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.btn1_list li{
    width: 22.8%;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1300px) {
.com_lead{
    letter-spacing: normal;
}
.com_lead_tit{
   letter-spacing: -0.05em;
}
    
/*btn1_list*/
.btn1_list li{
    width: 24.5%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.com_lead{
    margin-bottom: 8%;
}

/*btn1_list*/
.btn1_list{
    margin-top: 3%;
}
.btn1_list li{
    width: 23%;
}
.btn1_list li:nth-child(1){
    width: 27.5%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_lead{
    margin-bottom: 8%;
}

/*btn1_list*/
.btn1_list{
    flex-wrap: wrap;
    margin-top: 4%;
    margin-bottom: -1.5%;
}
.btn1_list li{
    display: block;
    width: 49.5%;
    text-align: left;
    margin-bottom: 1.5%;
}
.btn1_list li a{
    width: 100%;
    text-align: left;
    padding-left: 1em;
}
}






/* 共通
---------------------------------------------------------*/
/*info_bg*/
.info_bg{
    background: #EFF8F6;
    padding: 100px 0 130px;
}
.info_bg.nocolor{
    background: none;
}

/*info_fltbox*/
.info_fltbox .imgbox{
    width: 41%;
    max-width: 520px;
}
.info_fltbox .txtbox{
    width: 54.7%;
}
.info_fltbox .txtbox .com_btn1{
    margin-top: 1.8rem;
}

/*info_col2*/
.info_col2{
    max-width: 643px;
}
.info_col2 li:nth-child(1){
    width: 45.5%;
}
.info_col2 li:nth-child(2){
    width:52.5%;
}
.info_col2 li .fs15{
    margin-top: .5em;
}
.info_col2.type643{
    margin-top: 1.8em;
}
.info_col2.type470{
    max-width: 470px;
    margin-top: .5em;
}
.info_col2.type470 li:nth-child(1){
    width: 53%;
}
.info_col2.type470 li:nth-child(2){
    width:45%;
}

/*文字サイズ*/
.info_fs39{
    font-size: min(225%,3.2vw);
    line-height: 1.4em;
    margin-bottom: 1rem;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
/*info_bg*/
.info_bg{
    padding: 10% 0 12%;
}

/*info_fltbox*/
.info_fltbox .imgbox{
    margin-right: 4%;
    margin-bottom: .5rem;
}
.info_fltbox .txtbox{
    width: 100%;
    float: none;
}
.info_fltbox .txtbox .com_btn1{
    margin-top: 1rem;
}

/*info_col2*/
.info_col2.type643{
    width: 65%;
    margin: 0 auto 0;
}
.info_col2.type643{
    margin-top: 1.5em;
}
    
/*文字サイズ*/
.info_fs39{
    margin-bottom:.6rem;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
/*info_bg*/
.info_bg{
    padding: 12% 0 15%;
}

/*info_fltbox*/
.info_fltbox .imgbox{
    width: 80%;
    float: none;
    margin: 0 auto 4%;
}
.info_fltbox .txtbox{
    width: 100%;
    float: none;
}
.info_fltbox .txtbox .com_btn1{
    margin-top: 1rem;
    text-align: center;
}

/*info_col2*/
.info_col2 li .fs15{
    font-feature-settings: "halt";
    letter-spacing: normal;
    font-size:75%;
    text-align: center;
}
.info_col2.type643{
    margin-top: 1.8em;
}
.info_col2.type470{
    max-width: 470px;
    margin-top: .5em;
}
.info_col2.type470 li:nth-child(1){
    width: 53%;
}
.info_col2.type470 li:nth-child(2){
    width:45%;
}

/*文字サイズ*/
.info_fs39{
    font-size: 145%;
    margin-bottom: .5rem;
    text-align: center;
}
.info_fs39 span{
    font-size:88%;
    letter-spacing: normal;
    margin-left: -0.3em;
}
}







/* info_index1
---------------------------------------------------------*/
.info_index1.com_chon_tit{
    font-size: 95%;
    margin-bottom: 100px;
}
.info_index1.com_chon_tit h2{
    font-size: min(185%,3.7vw);
    line-height: 1.4em;
}
.info_index1.com_chon_tit p{
    margin-top: 0.6em;
}
.info_index1.com_chon_tit h2,
.info_index1.com_chon_tit p{
    display: block!important;
    color: #63B7A3;
}
.info_index1 .com_chon_tit_inbox{
    display: block;
}

.com_chon_tit .com_chon{
    width: 2px;
    height: .9em;
}
.com_chon_tit .com_chon::before{
    background-color: #63B7A3;
}
.com_chon_tit .com_chon.type1{
    top:-1.4em;
    left: -1.7em;
}
.com_chon_tit .com_chon.type2{
    top:-1.4em;
    right: -1.7em;
}
.com_chon_tit .com_chon.type3{
    bottom: 0;
    left: -1.7em;
}
.com_chon_tit .com_chon.type4{
    bottom: 0;
    right: -1.7em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.info_index1.com_chon_tit{
    margin-bottom: 7%;
}
.info_index1.com_chon_tit p{
    margin-top: 0.4em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.info_index1.com_chon_tit{
    margin-bottom: 8%;
}
.info_index1.com_chon_tit h2{
    font-size: 140%;
}
.info_index1.com_chon_tit p{
    margin-top: 0.4em;
}
.com_chon_tit .com_chon.type1{
    top:-0.5em;
}
.com_chon_tit .com_chon.type2{
    top:-0.5em;
}
}






/* info_color
---------------------------------------------------------*/
.info_color{
    margin-top: 60px;
    background: rgba(99,183,163,0.10);
    padding: 70px 5.5% 75px;
    box-sizing: border-box;
    border-radius: 30px;
}
.info_color_index{
    text-align: center;
    color: #63B7A3;
    font-size: min(160%,2.8vw);
    line-height: 1.4em;
    margin-bottom:1.7em;
}

/*info_color_fltbox*/
.info_color_fltbox .imgbox{
    width: 41.5%;
}
.info_color_fltbox .txtbox{
    width: 54.5%;
}

/*info_color_col4*/
.info_color_col4 li{
    width: 23.5%;
    max-width: 240px;
    text-align: center;
}
.info_color_col4 li .tit{
    color: #63B7A3;
    font-size: min(120%, 2vw);
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 1rem;
}
.info_color_col4 li .fs15{
    margin-top: .6rem;
    font-feature-settings: "halt";
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1300px) {
.info_color{
    padding-left: 4%;
    padding-right: 4%;
}
    
/*info_color_fltbox*/
.info_color_fltbox .imgbox{
    margin-left: 4%;
    margin-bottom: .8rem;
}
.info_color_fltbox .txtbox{
    width: 100%;
    float: none;
}
    
/*info_color_col4*/
.info_color_col4 li .tit{
    letter-spacing: normal;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.info_color{
    margin-top: 5%;
    padding: 5% 3.5% 5%;
}
.info_color_index{
    margin-bottom: .7em;
}

/*info_color_fltbox*/
.info_color_fltbox .imgbox{
    width: 41.5%;
    margin-left: 4%;
    margin-bottom: .5rem;
}
.info_color_fltbox .txtbox{
    width: 100%;
    float: none;
}

/*info_color_col4*/
.info_color_col4 li{
    width: 23.5%;
}
.info_color_col4 li .tit{
    margin-top: .5rem;
    letter-spacing: normal;
}
.info_color_col4 li .fs15{
    margin-top: .2rem;
    letter-spacing: normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.info_color{
    margin-top: 6%;
    padding: 7% 4%;
}
.info_color_index{
    font-size: 115%;
    margin-bottom:1em;
}

/*info_color_fltbox*/
.info_color_fltbox .imgbox{
    width: 75%;
    float: none;
    margin: 0 auto 3%;
}
.info_color_fltbox .txtbox{
    float: none;
    width: 100%;
}

/*info_color_col4*/
.info_color_col4.flexbox{
	 flex-wrap: wrap;
}
.info_color_col4 li{
    width: 48.5%;
	max-width: 48.5%;
   margin-top: 8%;
}
.info_color_col4 li:nth-child(-n + 2){
	margin-top: 0;
}
.info_color_col4 li .img{
    margin-bottom: .8em;
}
.info_color_col4 li .tit{
    font-size: 110%;
    margin-top: 0;
    line-height: 1.2em;
}
.info_color_col4 li .fs15{
    margin-top: .4rem;
}
}





/* info_col3
---------------------------------------------------------*/
.info_col3.flexbox{
    justify-content: start;
}
.info_col3 > li{
    width: 29.8%;
    margin-right: 5.3%;
    margin-top: 90px;
}
.info_col3 > li:nth-child(-n+3){
    margin-top: 0;
}
.info_col3 > li:nth-child(3n){
    margin-right: 0;
}
.info_col3 .tit{
    font-size: min(138%,2.5vw);
    font-weight: bold;
    line-height: 1.4em;
    margin-top: 1rem;
    margin-bottom: .4rem;
}
.info_col3 .attention li{
    font-size:90%;
    letter-spacing: normal;
    color: #666666;
    line-height: 1.5em;
    margin-top: .2em;
}

/*info_index2*/
.info_index2{
    text-align: center;
    color: #63B7A3;
    font-size: min(138%,2.7vw);
    font-weight:bold;
    letter-spacing: 0.25em;
    line-height: 1.4em;
    padding: 1.1em 0 1em;
    border-top:1px solid #63B7A3;
    border-bottom:1px solid #63B7A3;
}
.info_index2,
.info_index2_txt{
    margin-bottom:45px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.info_col3 > li{
    width: 31%;
    margin-right: 3.5%;
    margin-top:5%;
}
.info_col3 .tit{
    margin-top: .7rem;
    margin-bottom: .3rem;
}

/*info_index2*/
.info_index2{
    letter-spacing: 0.15em;
    padding: 1em 0 .9em;
}
.info_index2,
.info_index2_txt{
    margin-bottom:1rem;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.info_col3.flexbox{
    display: block;
}
.info_col3 > li{
    position: relative;
    width: 100%;
    margin-right:0;
    margin-top: 0;
    padding-bottom:8%;
    margin-bottom: 8%;
}
.info_col3 > li::before{
    position: absolute;
    display: block;
    content: "";
    background: rgba(66,57,50,0.35);
    background-size: 100% auto;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.info_col3 > li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}
.info_col3 > li:last-child::before{
    display: none;
}
.info_col3 > li .img{
    width: 65%;
    margin: 0 auto;
}
.info_col3 .tit{
    font-size: 120%;
    text-align: center;
    margin-top: .8rem;
}
.info_col3 .attention li{
    font-size:90%;
    letter-spacing: normal;
    color: #666666;
    line-height: 1.5em;
    margin-top: .2em;
}

/*info_index2*/
.info_index2{
    font-size: 130%;
    letter-spacing: 0.1em;
    padding: .8em 0 .7em;
}
.info_index2,
.info_index2_txt{
    margin-bottom:4%;
}
}




/* スマホ時の線
---------------------------------------------------------*/
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#ct,
#micro{
    padding-bottom: 11%;
    border-bottom:rgba(66,57,50,0.35) 1px solid;
}    
}