@charset "utf-8";

/*------------------------------------------------------------

    2021.11 contents_template  CSS
    contents All

    Brakpoint
    PC
    @media only screen and (min-width:960px) {
    }
    Tablet
    @media only screen and (min-width:560px) {
    }

    main.wrap__contents
        .section__contents 960px

------------------------------------------------------------*/
#page_nav{
    padding-bottom: 40px;
}
@media screen and (max-width: 959px){
    #page_nav{
        display: none;
    }
}

/*wrap__contents*
  section__contents
------------------------------------------------------------*/
main.wrap__contents{
    text-align: center;
}
@media screen and (max-width: 959px){
    main.wrap__contents{
        padding-top:58px
    }
}

.section__contents{
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

@media screen and (min-width: 960px){
    main.wrap__contents{
        padding-bottom: 90px;
    }
    .section__contents{
        padding-top: 90px;
    }
    .box__contents{
        padding-top: 40px;
    }

        .section__WrapContents{
        margin-top: 64px;
    }

        .section__WrapContents .section__contents{
            padding-top: 40px;
            padding-bottom: 40px;
        }
    .section__WrapContents+.area__contents,
    .area__contents+.area__contents{
        padding-top: 40px;
    }
}
@media screen and (min-width: 560px) and (max-width: 959px){
    main.wrap__contents{
        padding-bottom: 64px;
    }
    .section__contents{
        padding-top: 64px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .box__contents{
        padding-top: 24px;
    }
    .section__WrapContents{
        margin-top: 64px;
        padding-left: 40px;
        padding-right: 40px;
    }
        .section__WrapContents .section__contents{
            padding-top: 40px;
            padding-bottom: 40px;
        }
    .section__WrapContents+.area__contents,
    .area__contents+.area__contents{
        padding-top: 24px;
    }
}
@media screen and (max-width: 559px){
        main.wrap__contents{
        padding-bottom: 64px;
    }
    .section__contents{
        padding-top: 64px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .box__contents{
        padding-top: 24px;
    }
    
    .section__WrapContents{
        margin-top: 64px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .section__mainImg+.section__contents{
        padding-top: 40px;
    }
        .section__WrapContents .section__contents{
            padding-top: 20px;
            padding-bottom: 20px;
        }
    .section__WrapContents+.area__contents,
    .area__contents+.area__contents{
        padding-top: 20px;
    }
}


/*------------------------------------------------------------
    ** text
------------------------------------------------------------*/
main.wrap__contents h1,
main.wrap__contents h2,
main.wrap__contents h3,
main.wrap__contents h4,
main.wrap__contents h5{
    color: #013a70;
}
main.wrap__contents h1,
main.wrap__contents h2,
main.wrap__contents h3{
    font-family: 'Shippori Mincho', serif;
    font-weight: 400;
    line-height: 1.5em;
}
main.wrap__contents h1{
    font-size:26px;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 1.5em;
}
main.wrap__contents h2{
    font-size:24px;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 1em;
}
main.wrap__contents h3{
    font-size:18px;
    text-align: center;
    margin-bottom: 1em;
}

main.wrap__contents h4{
    font-size:16px;
    font-weight: 500;
}
main.wrap__contents h5{
    font-size:14px;
    font-weight: 500 !important;
}
main.wrap__contents h6{
    font-size:14px;
    font-weight: 500 !important;
}

main.wrap__contents p{
    font-size: 14px;
    line-height: 1.75em;
}
main.wrap__contents li{
    font-size: 14px;
    line-height: 1.5em;
}

/*------------------------------------------------------------
    ** section__mainImg
------------------------------------------------------------*/
.section__mainImg{
    position: relative;
    overflow: hidden;
    height: 375px;
}
.section__mainImg .box__mainImg{
    position: absolute;
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    top: 0;
    left: 50%;
    width:3000px;
    height: 375px;
    text-align: center;
}
.section__mainImg .box__mainImg img{
    width:auto;
    max-width: auto;
    height: 375px;
}


/* box__titImg
------------------------------------------------------------*/
.box__titImg{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 290px;
    margin-bottom: 1em;
    text-align: center;
}
    .box__titImg .titImg{
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        top: 50%;
        left:50%;
        width:3000px;
        height: 290px;
        text-align: center;
    }
    .box__titImg .titImg img{
        width:auto;
        max-width: auto;
        height: 290px;
    }


/*------------------------------------------------------------
    ** address
------------------------------------------------------------*/
address{
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 960px){
    address{
        padding-top: 64px;
    }
}
@media screen and (min-width: 560px) and (max-width: 959px){
    address{
        margin-top: 64px;
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media screen and (max-width: 559px){
    address{
        margin-top: 64px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.wrap__address{
    background: #e9ecee;
}
address h2{
    font-family:'Noto Sans JP',sans-serif !important;
    font-weight: 500;
    font-size: 15px !important;
    font-style: normal;
    line-height: 1.4em;
    letter-spacing:0.1em !important;
    margin-bottom: 0 !important;
}
address a{
    display: block;
    position: relative;
    color: #4a4a4a;
    font-size: 18px !important;
    padding-left: 2em;
    letter-spacing: 0.1em;
    line-height: 21px;
    font-style: normal;
}
    address a:before{
        display: block;
        content: "";
        width:18px;
        height:18px;
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: 0;
    }
    address .nav_tel a:before{
        background: url("../images_ver02/common/icon_tel.svg") center 50% no-repeat;
        background-size: 100% auto;
    }
    address .nav_mobile a:before{
        background: url("../images_ver02/common/icon_mobile.svg") center 50% no-repeat;
        background-size: 100% auto;
    }
    address .nav_mail a:before{
        background: url("../images_ver02/common/icon_mail.svg") center 50% no-repeat;
        background-size: 100% auto;
    }


@media screen and (min-width: 768px){
    .wrap__address{
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;/*上下中央揃え*/
    }
    .area__address{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;/*上下中央揃え*/
    }
    address h2{
        padding: 0 25px;
    }
    .wrap__address .add_contact{
        padding:0 10px;
    }
    address a{
        padding: .5em .5em .5em 1.5em;
    }
}
@media screen and (min-width: 560px) and (max-width: 767px){
    .wrap__address{
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;/*上下中央揃え*/
    }
    address h2{
        padding: 0 25px;
        font-size: 16px !important;
    }
    .wrap__address .add_contact{
        padding:0 10px;
    }
    address a{
        font-size: 16px !important;
    }

}
@media screen and (max-width: 559px){
    .wrap__address{
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
		/*上下左右*/
		justify-content: center;
		flex-direction: column; 
		align-items: center;
    }
    address h2{
        padding: 0 0 10px;
        font-size: 15px !important;
    }
    .wrap__address .add_contact{
        padding:0 5px;
    }
    address a{
        font-size: 15px !important;
    }

}


/*------------------------------------------------------------
    ** section__company
------------------------------------------------------------*/
.section__company h2{
    padding-top: 64px;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    background: url("../images_ver02/common/icon_leaf.svg") center 0 no-repeat;
    background-size: 20px auto;
}
.section__company h2.tit_column{
    font-size: 15px !important;
}
@media screen and (max-width: 559px){
    .section__company h2{
        padding-top: 40px;
    }
}

.section__company dt,
.section__company dd{
    font-size: 14px;
}
.section__company .txt__link a{
    font-size: 12px;
    color: #013a70;
}

/* layout --------------------------------------------------*/
.section__company{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		/*上下左右*/
		justify-content: center;
		flex-direction: column; 
		align-items: center;
}
.section__company dl{
    margin-top: 40px;
}
.section__company dt{
    padding-top: .5em;
   float : left;
   clear : both;
   width : 6em;
}
.section__company dd{
  padding-top: .5em;
  margin-left : 6em;
    line-height: 1.5em;
}