@charset "UTF-8";

/***************************************************************
　customize専用　
***************************************************************/
.post-date{display: none !important;}
.author-info{display: none !important;}
.sns-follow{display: none !important;}
.date-tags{display: none !important;}


.slicknav_menu {
	background-color: #fff !important;
	color: #29adb2 !important;
}

.slicknav_nav{
	background-color: #29adb2;
	color: #fff;
}

.slicknav_btn{
	background-color: #29adb2 !important;
	color: #fff !important;
}

@media (max-width: 1024px) { /*注意*/
#navi .navi-in {display: none !important;}
#search-menu-open{display: none !important;}

}


/**/

#appeal-in .appeal-content{
　　background: none;
	background-color:transparent !important;
	color: #fff;
}

/* desktop/mobile*/
.for_pc{display: block;}
.for_sp{display: none;}

@media (max-width: 580px) {
.for_pc{display: none;}
.for_sp{display: block;}
}


/*GM_mobile*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/*bread*/
.breadcrumb{display: none;}



.article h3 {
    /* border-left: 7px solid #29adb2 !important;
    border-right: 1px solid #29adb2 !important;
    border-top: 1px solid #29adb2 !important; */
	border-left: none !important;
	border-right: none !important;
    border-top: none !important;
    border-bottom: 2px dotted #29adb2;
    font-size: 22px;
    padding: 12px 20px;

    padding:0 .4em .2em;
    border-bottom: 3px dotted #2589d0;
    background-color: #ffffff;
    color: #333333;
}

.eye-catch-wrap{display: none !important;}
	
/************************************************************
 layout関係
************************************************************/


.section_st1{
  width: 100%;
  padding: 0;
  margin: 6em 0 !important;
}

.section_st2{
  width: 100%;
  background-color: #000 !important;
  padding: 4em 0 !important;
  margin: 6em 0 !important;
}

.section_st3{
  width: 100%;
  background-color: #ddd;
  padding: 0;
  margin: 6em 0 !important;
}

.section_fw{
  margin: 0 calc(50% - 50VW);
}




.row_wp1{
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0 auto;
}


.row_wp1_r{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
  margin: 0 auto;
}



.row_wst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}


.row_wst1_r{
  width: 100%;
  display: flex;
  flex-wrap: wrap-reverse;
  padding: 0;
  margin: 0 auto;
}



.row_ffst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
}



@media (max-width: 580px) {

.row_wp1{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}

.row_wp1_r{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}


.row_wst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}
}


.box_st1{
  width: 100%;
  padding: 0;
  margin: 0 auto;
}


/************************************************************
 contents関係
************************************************************/

.col_20{
  width : 20% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

.col_25{
  width : 25% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}



.col_30{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_40{
    width : 40% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_50{
    width : 50% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_60{
    width : 60% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
 }
 .col_70{
    width : 70% ;
    padding: 16px;
    margin: 0 0 2em 0;
	 box-sizing: border-box !important;
 }

.col_80{
  width : 80% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

.col_full{
  width : 100% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

 .col_30c{
    width : 33.33333% ; 
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_40c{
    width : 40% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_50c{
    width : 50% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_60c{
    width : 60% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }
   .col_70c{
    width : 70% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }


.col_30i{
    width : 33.33333% ; 
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}
.col_40i{
    width : 40% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}
.col_50i{
    width : 50% ;
    padding: 0;
    margin: 0;
    box-sizing: border-box !important;
}
.col_60i{
    width : 60% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }
.col_70i{
    width : 70% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}

 
.col_50 img{
width: 90% !important;
margin: 0 5% 18px 5%;
height: auto;
}
@media (max-width: 880px) {
.col_50 img{
width: 100% !important;
margin: 0 0 0 0;
height: auto;
}
}

.col_25ce{
    width : 25% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }

.col_30ce{
    width : 33.33333% ; 
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }

.col_25ce img,
.col_25ce img{
width: 80%;
margin: 0 auto;}


.col_30f{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 0 !important;
  margin: 0 !important;
	box-sizing: border-box !important;
}
.col_30f img{
width: 100%;
height: auto;
}


.ml_st2{
	margin-left: 2em;
}

.ml_st4{
	margin-left: 4em;
}

.ml_st6{
	margin-left: 6em;
}

@media (max-width: 580px) {
.col_20,
.col_25,
.col_30,
.col_30c,
.col_40,
.col_40c,
.col_50,
.col_50c,
.col_60,
.col_60c,
.col_70,
.col_70c,
.col_80{
   width: 100% !important;
}
   
.col_25ce,
.col_30ce{
   width: 50% !important;

}

.col_30f{
  width : 100% ; 
  padding: 0;
  margin: 0;
	box-sizing: border-box !important;
}

}

@media (max-width: 580px) {

    .col_30i,
    .col_40i,
    .col_50i,
    .col_60i,
    .col_70i{
        width : 100% ; 
        padding: 0;
        margin: 0 0 2em 0;
    }
}





/*レイアウトの補足*/
.mt_st1{margin-top: 1em !important;}
.mt_st2{margin-top: 2em !important;}
.mt_st3{margin-top: 3em !important;}
.mt_st4{margin-top: 4em !important;}
.mt_st5{margin-top: 5em !important;}
.mt_st6{margin-top: 6em !important;}
.mt_st8{margin-top: 8em !important;}
.mt_st10{margin-top: 10em !important;}
.mt_st12{margin-top: 12em !important;}
.mb_st1{margin-bottom: 1em !important;}
.mb_st2{margin-bottom: 2em !important;}
.mb_st3{margin-bottom: 3em !important;}
.mb_st4{margin-bottom: 4em !important;}
.mb_st5{margin-bottom: 5em !important;}
.mb_st6{margin-bottom: 6em !important;}
.mb_st8{margin-bottom: 8em !important;}


.img_3c{width: -webkit-calc(100% / 3) ; width: calc(100% / 3) ; width: 33.33333% ;margin: 0 auto !important;}
.img_4c{width:40%; margin: 0 auto !important;}
.img_5c{width:50%; margin: 0 auto !important;}
.img_6c{width:60%; margin: 0 auto !important;}
.img_7c{width:70%; margin: 0 auto !important;}
.img_8c{width:80%; margin: 0 auto !important;}
.img_9c{width:90%; margin: 0 auto !important;}
.img_logo_f{width:90%; margin: 0 auto 0 0 !important;}


.img_circle1{
	width: 70%;
	margin: 12px auto !important;
	border-radius: 50% !important;
	border: 1px solid #e1e1e1;
}

.note_st1{
width: 90%;
max-width: 680px;
border: 1px solid #dcdcdc;
border-radius: 10px;
padding: 2em;
margin: 6em auto !important;
}



.note_st2{
width: 90%;
max-width: 680px;
border: 1px solid #d5d5d5;
background-color: #f5f5f5;
border-radius: 10px;
padding: 2em;
margin: 6em auto !important;
}

.note_st2 h2{
	font-size: 18px;
	font-weight: 600;
	width: 100%;
	text-align: center;
	margin: 0 0 1em 0;
}


.note_kaitori{
width: 90%;
max-width: 680px;
/* border: 1px solid #d5d5d5;
background-color: #fbfbfb; */
border-radius: 10px;
/* padding: 2em; */
margin: 0 auto 6em auto !important;
}

.note_kaitori h2{
	font-size: 30px;
	font-weight: 600;
	width: 100%;
	text-align: center;
	margin: 0 0 1em 0;
	color: #29adb2;
	border-top: 3px dotted #29adb2;
	border-bottom: 3px dotted #29adb2;
	padding: 6px;
}

.note_kaitori li{
	font-weight: 600;
}


.box_faq{
	width:80%;
	max-width: 780px;
	margin: 68px 10%;
}


.box_topics{
width: 90%;
max-width: 680px;
border: none !im;
padding: 2em;
margin: 3em auto !important;
}


/*アコーディオン*/
.acrd_01 {
    max-width: 80％;
    margin-bottom: 7px;
    border-bottom: 2px solid #d0d0d0;
}

.acrd_01 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.acrd_01 summary::-webkit-details-marker {
    display: none;
}

.acrd_01 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.acrd_01[open] summary::after {
    transform: rotate(225deg);
}

.acrd_01 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.acrd_01[open] p {
    transform: none;
    opacity: 1;
}


/* 見出し　番号式1*/

.hl_stp1 {
  display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    padding:  0 .5em .7em; 
    overflow: hidden;
    border: 2px solid #29adb2;
    border-radius: 5px;
    color: #333333;
	
	font-size: 24px:
		h
}

.hl_stp1:before {
    position: absolute;
    top: -50%;
    left: -30px;
    z-index: -1;
    transform: rotate(25deg);
    width: 100px;
    height: 200%;
    background-color: #29adb2;
    content: '';
}

.hl_stp1 span {
    margin-right: 1.1em;
    color: #fff;
    font-size: 1.1em
}


/* 見出し　check*/


.hl_ck_st1 {
    display: flex;
    align-items: center;
    column-gap: 8px;
    color: #333333;
	border: none !important;
}

.hl_ck_st1::before {
    width: 0.8em;
    height: 0.4em;
    border-bottom: 4px solid #ff4500;
    border-left: 4px solid #ff4500;
    transform: rotate(-45deg) translate(2px, -2px);
    content: '';
}




    /* font-size: 24px; */
    /* padding: 25px; */
    /* background-color: var(--cocoon-xx-thin-color); */
    /* border-radius: var(--cocoon-badge-border-radius);*/


.hl_ce_st1 {
	width: 60%;
	margin: 0 auto 48px auto;
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #29adb2;
    color: #333333;
}

.hl_ce_st1::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #29adb2;
    content: '';
}

.hl_ce_st1::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #29adb2;
    content: '';
}


@media (max-width: 580px) {
	.hl_ce_st1 {
	width: 80%;
	margin: 0 auto 48px auto;
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #29adb2;
    color: #333333;
}
}



.hl_st2_bl {
    /* border-left: 7px solid #29adb2 !important;
    border-right: 1px solid #29adb2 !important;
    border-top: 1px solid #29adb2 !important; */
	border-left: none !important;
	border-right: none !important;
    border-top: none !important;
    border-bottom: 2px dotted #29adb2 !important;
    font-size: 22px;
    padding: 6px 20px !important;

}
	

/* チェクリスト1*/

.li_ch1 {
    list-style-type: none;
}

.li_ch1 li {
    display: flex;
    align-items: center;
    gap: 0 5px;
    padding: .3em;
}

.li_ch1 li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #ff4500;
    border-left: 2px solid #ff4500;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}


/*基本のリスト*/


.li_st1 {
    list-style-type: disc;
}

.li_st1 li {
    padding: 0px 0px 0px 0;
}

.li_st1 li::marker {
    color: #29adb2;
    font-size: 1.1em;
}



/* 基本のボタン*/

.btn_st1 {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 250px; */
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    background-color: #29adb2;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.btn_st1::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.btn_st1:hover {
    background-color: #1579c0;
}

.box_wst1{
	width: 90%;
	max-width: 780px;
	margin: 4em auto 8em auto;
}
.font_privacy{
	font-size: 120%;
	margin-bottom: 0.8em !important;
	color: #29adb2;
}

.font_80{
	font-size: 80% !important;
}



/* Newpost Catch */

#npcatch li{
         overflow:hidden;
         clear:both;
         vertical-align:top;
         border-bottom: 1px dotted #666666;
	padding-bottom:6px;
}
#npcatch img{
         float:left;
         padding:5px 10px 0 0;
}
#npcatch .title a{
         font-weight: 700;
         text-decoration: none;
}
#npcatch .date {
         font-size: small;
         font-weight: 600;
         display:block;
         color: #adb5bf;
         margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}

#npcatch .title {
	padding-top: 20px;
	margin-top:50px;
}