@charset "UTF-8";


/***************************************************

	news single

***************************************************/

.page_head {
    height: 390px;
    background-image: none;
    position: relative;
}

.page_head .bg01{
    width: 240px;
    height: 640px;
    background: #F1F7F9;
    position: absolute;
    top: -100px;
    left: 0;
    z-index: -2;
}

.page_head .bg02{
    width: 680px;
    height: 380px;
    background: #FAFAFA;
    position: absolute;
    top: -100px;
    right: 0;
    z-index: -2;
}

.page_head::after{
    content: '';
    display: inline-block;
    width: 1082px;
    height: 608px;
    background: url('../images/news/single_head_bg.webp') no-repeat 0 0 / contain;
    position: absolute;
    top: -100px;
    right: 0;
    z-index: -1;
}

.page_head .p_head_wrapp .text_wrapp {
    top: 220px;
    transform: translate(0, 0);
}

#breadcrumbs {
    margin-bottom: 160px;
}

#content_wrapper{
    width: 1600px;
    margin: 0 auto 240px;
}

#content_wrapper h1{
    font-size: 64px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 138px;
    position: relative;
}

#content_wrapper h1::after{
    content: '';
    display: inline-block;
    width: 80px;
    height: 2px;
    background: #0090C5;
    position: absolute;
    bottom: -40px;
    left: 0;
}

#content_wrapper .single_cont_wrapp{
    width: 1200px;
    margin: 0 auto;
}

#content_wrapper .single_cont_wrapp h2{
    font-size: 56px;
    font-weight: 300;
    line-height: 1.6;
    margin: 120px 0 40px;
}

#content_wrapper .single_cont_wrapp h2:first-of-type{
    margin-top: 0;
}

#content_wrapper .single_cont_wrapp h3{
    font-size: 36px;
    font-weight: 500;
    line-height: 1.6;
    margin: 80px 0 24px;
    padding: 0 0 24px 44px;
    border-bottom: 1px solid #DCDCDC;
    position: relative;
}

#content_wrapper .single_cont_wrapp h3::before{
    content: '■';
    display: inline-block;
    color: #0090C5;    
    position: absolute;
    top: 0;
    left: 0;
}

#content_wrapper .single_cont_wrapp p{
    font-size: 24px;
    font-weight: 400;
    line-height: 2.0;
    margin-bottom: 40px;
}

.wp-block-image{
    text-align: center;
    margin: 120px 0;
}

.wp-element-caption{
    font-size: 24px;
    font-weight: 400;
    line-height: 2.0;
    color: #757575;
}

#content_wrapper .map_wrapp{
    width: 100%;
    margin: 80px 0;
}

#content_wrapper .map_wrapp iframe{
    width: 100%;
    height: 680px;
}

#content_wrapper .youtube_wrapp{
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 80px 0;
}

#content_wrapper .youtube_wrapp iframe {
    width: 100%;
    height: 100%;
}


.link_btn{
    width: 480px;
    margin: 0 auto 160px;
}

.link_btn a {
    display: block;
    width: 100%;
    height: 96px;
    border: 2px solid #0090C5;
    position: relative;
}

.link_btn a::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-image: url(../images/common/arrow_contact2.png);
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translate(0, -50%);
}

.link_btn a strong {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #0090C5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}







/********************************************************************************
	リッキド用 CSS
********************************************************************************/
@media (max-width: 1920px) {


.page_head {
    height: 20.3125vw;
}

.page_head .bg01{
    width: 12.5vw;
    height: 33.333333vw;
    top: -5.208333vw;
}

.page_head .bg02{
    width: 35.416667vw;
    height: 19.791667vw;
    top: -5.208333vw;
}

.page_head::after{
    width: 56.354167vw;
    height: 31.666667vw;
    top: -5.208333vw;
}

.page_head .p_head_wrapp .text_wrapp {
    top: 11.458333vw;
}

#breadcrumbs {
    margin-bottom: 8.333333vw;
}

#content_wrapper{
    width: 83.333333vw;
    margin: 0 auto 12.5vw;
}

#content_wrapper h1{
    font-size: 3.333333vw;
    margin-bottom: 7.1875vw;
}

#content_wrapper h1::after{
    width: 4.166667vw;
    height: 0.104167vw;
    bottom: -2.083333vw;
}

#content_wrapper .single_cont_wrapp{
    width: 62.5vw;
}

#content_wrapper .single_cont_wrapp h2{
    font-size: 2.916667vw;
    margin: 6.25vw 0 2.083333vw;
}

#content_wrapper .single_cont_wrapp h3{
    font-size: 1.875vw;
    margin: 4.166667vw 0 1.25vw;
    padding: 0 0 1.25vw 2.291667vw;
}

#content_wrapper .single_cont_wrapp p{
    font-size: 1.25vw;
    margin-bottom: 2.083333vw;
}

.wp-block-image{
    margin: 6.25vw 0;
}

.wp-element-caption{
    font-size: 1.25vw;
}

#content_wrapper .map_wrapp{
    margin: 4.166667vw 0;
}

#content_wrapper .map_wrapp iframe{
    height: 35.416667vw;
}

#content_wrapper .youtube_wrapp{
    margin: 4.166667vw 0;
}


.link_btn{
    width: 25vw;
    margin: 0 auto 8.333333vw;
}

.link_btn a {
    height: 5vw;
    border: 0.104167vw solid #0090C5;
}

.link_btn a::before {
    width: 1.25vw;
    height: 1.25vw;
    left: 1.25vw;
}

.link_btn a strong {
    font-size: 1.041667vw;
}









}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width: 768px){



.page_head {
    height: 43.2vw;
}

.page_head .bg01{
    width: 12.533333vw;
    height: 33.333333vw;
    top: 0;
}

.page_head .bg02{
    width: 35.466667vw;
    height: 19.733333vw;
    top: 0;
}

.page_head::after{
    width: 56.266667vw;
    height: 31.733333vw;
    background: url('../images/news/single_head_bg_sp.webp') no-repeat 0 0 / contain;
    top: 0;
}

.page_head .p_head_wrapp .text_wrapp {
    top: 17.066667vw;
}

#breadcrumbs {
    margin: 5.333333vw 5.333333vw 21.333333vw;
}

#content_wrapper{
    width: auto;
    margin: 0 5.333333vw 10.666667vw;
}

#content_wrapper h1{
    font-size: 8.533333vw;
    margin-bottom: 24vw;
}

#content_wrapper h1::after{
    width: 10.666667vw;
    height: 0.533333vw;
    bottom: -6.4vw;
}

#content_wrapper .single_cont_wrapp{
    width: auto;
    margin: 0 auto;
}

#content_wrapper .single_cont_wrapp h2{
    font-size: 7.466667vw;
    margin: 17.066667vw 0 8.533333vw;
}

#content_wrapper .single_cont_wrapp h3{
    font-size: 5.866667vw;
    margin: 17.066667vw 0 6.4vw;
    padding: 0 0 6.4vw 6.933333vw;
}


#content_wrapper .single_cont_wrapp p{
    font-size: 4.266667vw;
    margin-bottom: 8.533333vw;
}

.wp-block-image{
    margin: 17.066667vw 0;
}

.wp-element-caption{
    font-size: 4.266667vw;
}

#content_wrapper .map_wrapp{
    margin: 17.066667vw 0;
}

#content_wrapper .map_wrapp iframe{
    width: 100%;
    height: 101.333333vw;
}

#content_wrapper .youtube_wrapp{
    margin: 17.066667vw 0;
}


.link_btn{
    width: 89.333333vw;
    margin: 0 auto 32vw;
}

.link_btn a {
    height: 21.333333vw;
    border: 0.533333vw solid #0090C5;
}

.link_btn a::before {
    width: 6.4vw;
    height: 6.4vw;
    left: 6.4vw;
}

.link_btn a strong {
    font-size: 4.8vw;
}







}