@charset "utf-8";
/* CSS Document */

/*～～～～～～～～～～～～～～～～～～～～～～～

	共通・リセット

～～～～～～～～～～～～～～～～～～～～～～～*/

img {
	vertical-align:bottom;
	max-width:100%;
}

/*▼レスポンシブテンプレ*/
@media screen and (min-width:768px){

}/*pc end*/
@media screen and (max-width:767px){

}/*sp end*/
/*▲レスポンシブテンプレ*/


/*▼レスポンシブ切り替え*/
@media screen and (min-width:768px){
.pc {display:block;}
.sp {display:none;}
}/*pc end*/
@media screen and (max-width:767px){
.pc {display:none;}
.sp {display:block;}
}/*sp end*/
/*▲レスポンシブ切り替え*/
	
/*▼GoogleWEBフォント*/
#column_top,#column_article{font-family: "Noto Sans JP"}
/*▲GoogleWEBフォント*/

/*▼記事ページ太字*/
#column_article .bold {font-weight:bold;}
/*▲記事ページ太字*/







/*～～～～～～～～～～～～～～～～～～～～～～～

	ハブページ

～～～～～～～～～～～～～～～～～～～～～～～*/

/*▼ハブ：タイトル*/
@media screen and (min-width:768px){
	#column_top {
		padding:0 0 60px;
		background: #E9F4F8;
	}
	#column_top .main_ttl {
		padding: 30px 0 30px;
		background:#fff;
	}	
	#column_top .main_ttl .main_ttl_img01 {
		width: 140px;
		margin: 0 auto;
		padding: 0 0 14px;
	}
	#column_top .main_ttl .main_ttl_txt01 {
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #009BD0;
	}	
	}/*pc end*/
	@media screen and (max-width:767px){
	#column_top {
		padding: 0 0 10vw;
		background: #E9F4F8;
	}
	#column_top .main_ttl {
		background:#fff;
		padding: 4vw 0 6vw;
	}	
	#column_top .main_ttl .main_ttl_inner{
		margin:0 3vw 0 3vw;
		border-bottom: 2px solid #009BD0;
	}
	#column_top .main_ttl .main_ttl_img01 {
		width: 30%;
		margin: 0 auto;
		padding: 0 0 2vw;
	}	
	#column_top .main_ttl .main_ttl_txt01 {
		text-align: center;
		color: #009BD0;
		font-weight: bold;
		font-size: 1.0rem;
		padding: 0 0 2vw;
	}	
}/*sp end*/
/*▲ハブ：タイトル*/
	
/*▼ハブ：コラムリスト*/
@media screen and (min-width:768px){
	#column_top .column_area {
        padding: 40px 0 0;
    }	
	#column_top .column_area .column_area_list {
        width: 980px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        gap:13px;
    }	
    #column_top .column_area .column_area_list .column_area_list_box_link {
		display:block;
        width: 24%;
        background: #fff;
        border-radius: 14px;
        overflow: hidden;
    }
	#column_top .column_area .column_area_list .column_area_list_box_link .column_area_list_box_link_inner{
		display:block;
	}
	#column_top .column_area .column_area_list .column_area_list_box_link .column_area_list_box_link_inner .column_area_img01{
		display:block;
	}
	#column_top .column_area .column_area_list .column_area_list_box_link .column_area_list_box_link_inner .column_area_txt01 {
        display: block;
        color: #4C4C4C;
        font-size: 1.2rem;
        line-height: 1.2;
        padding: 10px 10px 18px 10px;
    }	
}/*pc end*/
@media screen and (max-width:767px){
	#column_top .column_area {
        padding: 6vw 0 4vw;
    }	
	#column_top .column_area .column_area_list {
        padding: 0 3vw 0;
    }
	#column_top .column_area .column_area_list .column_area_list_box_link {
        display: block;
        background: #fff;
        margin: 0 0 3vw 0;
		border-radius: 2vw;
    }	
	#column_top .column_area .column_area_list .column_area_list_box_link .column_area_list_box_link_inner{
		display:flex;
		align-items: center;
		padding:1.4vw;
	}
    #column_top .column_area .column_area_list .column_area_list_box_link .column_area_list_box_link_inner .column_area_img01 {
        display: block;
        flex: 1;
        border-radius: 1.4vw;
        overflow: hidden;
    }	
	#column_top .column_area .column_area_list .column_area_list_box_link .column_area_list_box_link_inner .column_area_txt01{
		display:block;
		color: #4C4C4C;
		line-height: 1.2;
		font-size: 1.0rem;
		flex:2;
		padding:0 0 0 1.4vw;
	}
}/*sp end*/
/*▲ハブ：コラムリスト*/









/*～～～～～～～～～～～～～～～～～～～～～～～

	記事ページ

～～～～～～～～～～～～～～～～～～～～～～～*/

@media screen and (min-width:768px){
	#column_article {
		background:#E9F4F8;
		padding: 20px 0 80px;
	}
    #column_article .article {
        width: 980px;
        margin: 0 auto;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        padding: 40px 90px 80px;
        box-sizing: border-box;
    }	
		/*FV*/
	#column_article .article .content01{
		padding: 0 0 40px;
	}
    #column_article .article .content01 .content01_ttl {
        color: #4c4c4c;
        font-weight: bold;
        font-size: 1.6rem;
        border-left: 10px solid #009BD0;
        padding: 4px 0 6px 10px;
		margin: 0 0 10px;
		line-height: 1.4;
    }	
    #column_article .article .content01 .content01_date {
        text-align: right;
        color: #4c4c4c;
        font-size: .9rem;
        margin: 0 0 20px;
    }
	#column_article .article .content01 .content01_date .content01_date_01{
		padding: 0 0 4px;
	}
	#column_article .article .content01 .content01_date .content01_date_02{}
	#column_article .article .content01 .content01_mv{
		padding: 0 0 20px;
	}
    #column_article .article .content01 .content01_mv .img_block {
        width: 600px;
        margin: 0 auto;
    }	
    #column_article .article .content01 .content01_txtarea {
        color: #4c4c4c;
        font-size: 1.0rem;
        line-height: 1.4;
    }
    #column_article .article .content01 .content01_txtarea_txt {
        padding:0 0 20px;
    }
		/*記事*/
	#column_article .article .content02{}
	#column_article .article .content02 .content02_box{}
    #column_article .article .content02 .content02_box .content02_box_ttl01 {
        font-weight: bold;
        color: #01A61C;
        font-size: 1.4rem;
        line-height: 1.4;
        border-bottom: 2px solid #01a61c;
        padding: 0 0 16px;
        margin: 0 0 40px;
    }
    #column_article .article .content02 .content02_box .content02_box_img01 {
        width: 400px;
        margin: 0 auto;
        padding: 0 0 40px;
    }
    #column_article .article .content02 .content02_box .content02_box_txtarea {
        color: #4c4c4c;
        font-size: 1.0rem;
        line-height: 1.4;
        padding: 0 0 60px;
    }
    #column_article .article .content02 .content02_box .content02_box_txtarea_txt {
        padding: 0 0 20px;
    }
    #column_article .article .content02 .content02_box .content02_box_ttl02 {
		color: #4c4c4c;
        line-height: 1.4;
        font-weight: bold;
        font-size: 1.2rem;
        padding: 0 0 20px;
    }	
		/*執筆者*/
    #column_article .article .writer {
        color: #4c4c4c;
        font-weight: bold;
        font-size: 1.0rem;
        text-align: right;
        padding: 0 0 80px;
    }
		/*CTA*/
	#column_article .article .cta{}
	
			/*CTA01*/
    #column_article .article .cta .cta01 {
        background: #FFF1E8;
        border-radius: 14px;
        padding: 20px 0 24px;
        margin: 0 0 20px;
    }
	#column_article .article .cta .cta01 .cta01_txt01 {
        font-weight: bold;
        color: #FD7722;
        font-size: 1.3rem;
        text-align: center;
		padding: 0 0 14px;
    }
    #column_article .article .cta .cta01 .cta01_btn01 {
		position:relative;
        background: #FD7722;
        font-weight: bold;
        color: #fff;
        font-size: 1.3rem;
        display: block;
        text-align: center;
        width: 60%;
        margin: 0 auto;
        padding: 10px 0 12px;
        border-radius: 14px;
    }	
	#column_article .article .cta .cta01 .cta01_btn01::before {
        position: absolute;
        content: '';
        width: 12px;
        height: 12px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        top: 13px;
        right: 18px;
        transform: rotate(45deg);
    }	
			/*CTA02*/
	#column_article .article .cta .cta02{
		background:#E5F4F7;
		border-radius: 14px;
        padding: 20px 0 24px;
		margin: 0 0 40px;
	}
	#column_article .article .cta .cta02 .cta02_txt01{
        font-weight: bold;
        color: #0098A6;
        font-size: 1.3rem;
        text-align: center;
		padding: 0 0 14px;
	}
	#column_article .article .cta .cta02 .cta02_btn01{
		position:relative;
		background:#0098A6;
		font-weight:bold;
		color:#fff;
        font-size: 1.3rem;
        display: block;
        text-align: center;
        width: 60%;
        margin: 0 auto;
        padding: 10px 0 12px;
        border-radius: 14px;
	}
	#column_article .article .cta .cta02 .cta02_btn01::before{
        position: absolute;
        content: '';
        width: 12px;
        height: 12px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        top: 13px;
        right: 18px;
        transform: rotate(45deg);
	}
			/*CTA03*/
	#column_article .article .cta .cta03{}
	#column_article .article .cta .cta03 .cta03_txt01{
		font-weight:bold;
		color:#009BD0;
		font-size:1.0rem;
		text-align:center;
		padding:0 0 10px;
		line-height:1.2;
	}
    #column_article .article .cta .cta03 .cta03_btn01 {
        display: block;
        width: 36%;
        margin: 0 auto;
    }	
}/*pc end*/
@media screen and (max-width:767px){
	#column_article {
        background: #E9F4F8;
        padding: 6vw 3vw 16vw;
    }	
    #column_article .article {
        background: #fff;
        padding: 6vw 3vw 14vw;
		border-radius:4vw;
    }	
		/*FV*/
	#column_article .article .content01{
		padding: 0 0 12vw;
	}
    #column_article .article .content01 .content01_ttl {
        border-left: 2vw solid #009BD0;
        padding: 1.6vw 0 2.0vw 2vw;
        font-weight: bold;
        font-size: 1.24rem;
		color:#4C4C4C;
        margin: 0 0 2vw;
		line-height:1.2;
    }	
	#column_article .article .content01 .content01_date {
        font-size: .8rem;
        text-align: right;
        color: #4C4C4C;
        padding: 0 0 4vw;
    }	
	#column_article .article .content01 .content01_date .content01_date_01{
		padding: 0 0 2vw;
	}
	#column_article .article .content01 .content01_date .content01_date_02{}
	#column_article .article .content01 .content01_mv {
        padding: 0 0 6vw;
    }	
	#column_article .article .content01 .content01_mv .img_block{}
	#column_article .article .content01 .content01_txtarea{
		color:#4c4c4c;
		line-height:1.6;
	}
	#column_article .article .content01 .content01_txtarea_txt{
		padding:0 0 2vw
	}
		/*記事*/
	#column_article .article .content02{}
    #column_article .article .content02 .content02_box {
        padding: 0 0 4vw;
    }	
	#column_article .article .content02 .content02_box .content02_box_ttl01 {
        font-weight: bold;
        color: #01a61c;
        font-size: 1.12rem;
        line-height: 1.4;
        border-bottom: 2px solid #01a61c;
        padding: 0 0 2vw;
        margin: 0 0 6vw;
    }	
	#column_article .article .content02 .content02_box .content02_box_img01{
		padding: 0 0 6vw;
	}
	#column_article .article .content02 .content02_box .content02_box_txtarea{
		color: #4c4c4c;
		padding: 0 0 12vw;
		line-height: 1.6;
	}
	#column_article .article .content02 .content02_box .content02_box_txtarea_txt{
		padding: 0 0 3vw;
	}
    #column_article .article .content02 .content02_box .content02_box_ttl02 {
        font-weight: bold;
        line-height: 1.4;
        font-size: 1.10rem;
        color: #4c4c4c;
        padding: 0 0 3vw;
    }	
		/*執筆者*/
    #column_article .article .writer {
        padding: 0 0 16vw;
        font-weight: bold;
        color: #4c4c4c;
        line-height: 1.4;
        text-align: center;
    }	
		/*CTA*/
	#column_article .article .cta{}
			/*CTA01*/
    #column_article .article .cta .cta01 {
        background: #FFF1E8;
        padding: 6vw 0 7vw;
        box-sizing: border-box;
        border-radius: 3vw;
		margin: 0 0 4vw;
    }	
    #column_article .article .cta .cta01 .cta01_txt01 {
        font-weight: bold;
        color: #FD7722;
        line-height: 1.4;
        text-align: center;
        font-size: 1.12rem;
        padding: 0 0 2vw;
    }	
    #column_article .article .cta .cta01 .cta01_btn01 {
		position:relative;
        background: #FD7722;
        color: #fff;
        font-weight: bold;
        display: block;
        text-align: center;
        width: 92%;
        margin: 0 auto;
        padding: 3vw 0 3.6vw;
        font-size: 1.12rem;
        border-radius: 3vw;
    }
    #column_article .article .cta .cta01 .cta01_btn01::before {
        position: absolute;
        content: '';
        width: 2.6vw;
        height: 2.6vw;
        border-top: .8vw solid #fff;
        border-right: .8vw solid #fff;
        top: 3.4vw;
        right: 4.6vw;
        transform: rotate(45deg);
    }	
			/*CTA02*/
	#column_article .article .cta .cta02{
        background: #E5F4F7;
        padding: 6vw 0 7vw;
        box-sizing: border-box;
        border-radius: 3vw;
		margin:0 0 6vw;
	}
	#column_article .article .cta .cta02 .cta02_txt01{
        font-weight: bold;
        color: #0098A6;
        line-height: 1.4;
        text-align: center;
        font-size: 1.12rem;
        padding: 0 0 2vw;
	}
	#column_article .article .cta .cta02 .cta02_btn01{
		position:relative;
        background: #0098A6;
        color: #fff;
        font-weight: bold;
        display: block;
        text-align: center;
        width: 92%;
        margin: 0 auto;
        padding: 3vw 0 3.6vw;
        font-size: 1.12rem;
        border-radius: 3vw;
	}
	#column_article .article .cta .cta02 .cta02_btn01::before{
        position: absolute;
        content: '';
        width: 2.6vw;
        height: 2.6vw;
        border-top: .8vw solid #fff;
        border-right: .8vw solid #fff;
        top: 3.4vw;
        right: 4.6vw;
        transform: rotate(45deg);
	}
			/*CTA03*/
	#column_article .article .cta .cta03{}
	#column_article .article .cta .cta03 .cta03_txt01 {
        color: #009BD0;
        font-weight: bold;
        text-align: center;
        line-height: 1.4;
        padding: 0 0 2vw;
    }
    #column_article .article .cta .cta03 .cta03_btn01 {
        display: block;
        width: 80%;
        margin: 0 auto;
    }	
}/*sp end*/