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


@media (min-width: 768px) {}
@media (max-width: 767.98px) {}










/* common */
html{}
body{ position:relative; font-family: 'Noto Sans JP',"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","メイリオ","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; color: black; background-color: #ecebe5;}
.main_container{ overflow: hidden; position: relative;}
main{ position: relative; color: #1a1a1a; overflow: hidden;}
img{ max-width:100%;}
a{ transition: .3s; color: #1782b3; text-decoration: underline; font-weight: 600;}
a:hover{ color: #1782b3; opacity: 0.7;}
.container{ z-index: 1; position: relative;}
@media (min-width: 768px) {
body{ font-size: 16px; padding-top: 90px;}
.pcnone{ display: none !important;}
.container{ width: 1090px; max-width: inherit;}
.main_container,
main{ min-width: 1090px;}
}
@media (min-width: 768px) and (max-width: 1070px){}
@media (max-width: 767.98px) {
body{ font-size: 12px; padding-top: 70px;}
.spnone{ display:none !important;}
/*
.container { padding-right: 10px; padding-left: 10px;}
.row { margin-right: -10px; margin-left: -10px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{ padding-right: 10px; padding-left: 10px;}
*/
}






/* header */

header{ position: fixed; z-index: 15; left: 0; top: 0; width: 100%; background-color: white; display: flex;}
header>h1{ line-height: 1em;}
header>h1>a{ display: block;}
header>h1>a>img{ display: block;}
header>h1>span{ display: block; font-weight: bold;}
header>.mail>img{}


#header_nav{ position: fixed; top: 0;}
#header_menu{ position: relative; list-style: none; padding: 0; margin: 0;}
#header_menu>li{}
#header_menu>li>a{ display: flex; align-items: center; text-decoration: none; color: black;}
@media (min-width: 768px) {
header{ height: 90px; justify-content: space-between; align-items: center;}
header>h1{ width: 385px; height: 60px; padding: 0 15px; margin: 15px auto 15px 0; font-size: 18px; display: flex; align-items: flex-end; justify-content: space-between;}
header>h1>a>img{ width: auto; height: 60px;}
header>h1>span{ padding-bottom: 9px;}
header>.mail{ margin: 15px 20px 15px 10px;}
header>.mail>img{ width: 36px;}
header>#nav_toggle{ display: none;}

#header_nav{ z-index: 16; right: 66px; top: 0; height: 90px; width: calc(100% - 451px);}
#header_menu{ display: flex; align-items: center; height: 100%; font-size: 18px; justify-content: flex-end;}
#header_menu>li{}
#header_menu>li>a{ height: 100%; padding: 5px 15px;}

}
@media (min-width: 768px) and (max-width: 1190px){
header>h1{ width: 325px; height: 50px; padding: 0 10px; margin: 20px auto 20px 0; font-size: 16px;}
header>h1>a>img{ height: 50px;}
header>h1>span{ padding-bottom: 7px;}
header>.mail{ margin: 15px 15px 15px 5px;}
header>.mail>img{ width: 28px;}
#header_nav{ width: calc(100% - 373px); right: 48px;}
#header_menu{ font-size: 15px;}
#header_menu>li>a{ padding: 5px 10px;}
}
@media (min-width: 768px) and (max-width: 969.8px){
header>h1{ width: 268px; height: 40px; margin: 20px auto 20px 0; font-size: 14px;}
header>h1>a>img{ height: 40px;}
header>h1>span{ padding-bottom: 5px;}
header>.mail{ margin: 15px 15px 15px 11px;}
header>.mail>img{ width: 22px;}

#header_nav{ width: calc(100% - 316px);}
#header_menu{ font-size: 12px;}
#header_menu>li>a{ padding: 5px 5px;}
}
@media (max-width: 767.98px) {
header{ height: 70px; align-items: center; justify-content: space-between; padding: 0 50px 0 0;}
header>h1{ margin: 0; display: flex; align-content: center; flex-wrap: wrap; justify-content: flex-end; width: 161px; font-size: 12px; line-height: 1em;}
header>h1>a{ height: 40px;}
header>h1>a>img{ height: 40px;}
header>h1>span{}
header>.mail{ padding: 10px;}
header>.mail>img{ width: 30px;}

#nav_toggle{ position: absolute; cursor: pointer; z-index: 16; top: 0; right: 0; width: 50px; height: 70px; transition: .3s ease-in-out;}
#nav_toggle>span{ display: block; position: absolute; background-color: black; transition: .3s ease-in-out; height: 5px; right: 10px;}
#nav_toggle>span:nth-child(1){ width: 15px; top: calc(50% - 5px);}
#nav_toggle>span:nth-child(2){ width: 30px; top: calc(50% + 5px);}

body.menu_open #nav_toggle span:nth-child(1),
body.menu_open #nav_toggle span:nth-child(2){ top: calc(50% - 2.5px); width: 30px;}
body.menu_open #nav_toggle>span:nth-child(1){ transform: rotate(45deg);}
body.menu_open #nav_toggle>span:nth-child(2){ transform: rotate(-45deg);}

#header_nav{ width: 100%; height: 100vh; padding: 70px 0 0; left: 0; background-color: white; z-index: 14; opacity: 0; transform: scale(1,0); transition: .3s ease-in-out; transform-origin: 50px 0; overflow: scroll;}
body.menu_open #header_nav{ transform: scale(1,1); opacity: 1;}

#header_nav{ padding-bottom: 70px;}
#header_menu{ padding: 0 10px;}
#header_menu>li{ height: 60px; border-bottom: 1px solid black;}
#header_menu>li>a{ height: 60px; color: black; background: url("../images/arrow3_black.svg") no-repeat center right 10px / auto 17px; padding: 0 40px 0 15px;}
}






/* footer */
#page_top{ display: flex; justify-content: center; align-items: center; z-index: 10; background: url("../images/pagetop.svg") no-repeat center / contain; font-weight: bold; color: white;}

footer{ text-align: center; background-color: #f83929; color: white;}
footer>figure{ font-weight: bold;}
footer>figure>img{ display: block; margin: 0 auto; width: auto;}
footer>.standards_link{ color: #fff; text-decoration: none; border-bottom: 1px solid; display: block; width: fit-content;}
#footer_text{ font-weight: bold;}
#copy{ display: flex; justify-content: center; align-items: center; margin: 0;}
@media (min-width: 768px) {
#page_top{ opacity: 0; visibility: hidden; transition: .3s; margin: -77px 0 0 auto; right: 55px; width: 72px; height: 80px; font-size: 12px; position: sticky; bottom: 0;}
#page_top.show_btn{ opacity: 1; visibility: visible;}

footer{ margin: -3px 0 0; min-width: 1090px; padding: 45px 15px 5px;}
footer>figure>img{ height: 80px;}
footer>figure>figcaption{ font-size: 14px; margin: 5px 0 0;}
footer>.standards_link{ font-size: 14px; margin: 40px auto;}
#footer_text{ margin: 40px 0 5px; padding: 0 15px; font-size: 14px;}
#footer_text>br{ display: none;}
#copy{ font-size: 10px; height: 30px;}
}
@media (min-width: 768px) and (max-width: 1290px){
#footer_text>br{ display: inherit;}
}
@media (min-width: 768px) and (max-width: 1420px){}
@media (max-width: 767.98px) {
#page_top{ font-size: 8px; margin: 45px auto; width: 54px; height: 60px;}

footer{ padding: 45px 15px 5px;}
footer>figure>img{ height: 60px;}
footer>figure>figcaption{ font-size: 11px; margin: 10px 0 0;}
footer>.standards_link{ font-size: 11px; margin: 40px auto;}
#footer_text{ margin: 40px 0 5px; font-size: 10px;}
#copy{ font-size: 10px; height: 30px;}
}
@media (max-width: 339.98px) {
#footer_text{ font-size: 9px;}
#copy{ font-size: 9px; height: 30px;}
}









.midashi01{ display: flex; flex-wrap: wrap;}
.midashi01>.ja,
.midashi01>.en{ line-height: 1em; width: 100%; text-align: center; margin: 0; font-weight: 900;}
.midashi01>.ja{ order: 2;}
.midashi01>.en{ order: 0;}
.midashi01::after{ order: 1; width: 100%; content: ""; display: block; background: url("../images/mdeco01.svg") no-repeat center / contain;}
@media (min-width: 768px) {
.midashi01{ padding: 80px 0 50px;}
.midashi01>.ja{ font-size: 18px; padding-top: 8px;}
.midashi01>.en{ font-size: 60px; padding-bottom: 8px;}
.midashi01::after{ height: 30px;}
.midashi01.page_main_midashi{ padding: 80px 0 80px;}
}
@media (max-width: 767.98px) {
.midashi01{ padding: 45px 0 33px;}
.midashi01>.ja{ font-size: 9px; padding-top: 4px;}
.midashi01>.en{ font-size: 30px; padding-bottom: 5px;}
.midashi01::after{ height: 15px;}
}


/*
@keyframes midashi_page {
0%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
49.5%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
50.5%{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
.page_main_midashi{}
.midashi01.page_main_midashi>.ja,
.midashi01.page_main_midashi>.en,
.midashi01.page_main_midashi::after{ animation: midashi_page 3s;}
.midashi01.page_main_midashi>.ja{ animation-delay: .2s;}
.midashi01.page_main_midashi>.en{ animation-delay: 0s;}
.midashi01.page_main_midashi::after{ animation-delay: .1s;}
*/
.midashi_ttl_box_01{ position: relative;}
.midashi_ttl_box_01::before,
.midashi_ttl_box_01::after{ content: ""; display: block; position: absolute;}
.midashi_ttl_box_01::before{ z-index: 0; background-color: #f83929; width: 100%;}
.midashi_ttl_box_01::after{ z-index: 1; right: 0; background: white url("../../common/images/mdeco01.svg") no-repeat right center;}
.midashi_ttl_01{ font-weight: 900; margin: 0; position: relative; z-index: 2; display: inline-block; background-color: white; line-height: 1.6em; font-size: 1em;}

@media (min-width: 768px) {
.midashi_ttl_box_01{ font-size: 36px; margin: 0 0 1.5em;}
.midashi_ttl_box_01::before{ height: 2px; top: calc(100% + 17px);}
.midashi_ttl_box_01::after{ width: 42px; background-size: 55px; height: 28px; top: calc(100% + 0px);}
.midashi_ttl_01{}
}
@media (max-width: 767.98px) {
.midashi_ttl_box_01{ font-size: 20px; margin: 0 0 2em;}
.midashi_ttl_box_01::before{ height: 1.5px; top: calc(100% + 12px);}
.midashi_ttl_box_01::after{ width: 29px; background-size: 40px; height: 20px; top: calc(100% + 0px);}
.midashi_ttl_01{}
}




.midashi_02{ font-weight: 900; line-height: 1.6em;}
@media (min-width: 768px) {
.midashi_02{ font-size: 30px; margin: 30px 0;}
}
@media (max-width: 767.98px) {
.midashi_02{ font-size: 18px; margin: 20px 0;}

}

.deco_text01,
.deco_dl01{ margin-bottom: 2em; line-height: 2em;}
.deco_dl01>dt{ margin-bottom: .5em;}
@media (min-width: 768px) {
.deco_text01,
.deco_dl01{ font-size: 18px;}
.deco_dl01>dt{ font-size: 22px;}
}
@media (max-width: 767.98px) {
.deco_text01,
.deco_dl01{ font-size: 15px;}
.deco_dl01>dt{ font-size: 17px;}

}

.hrbase{ border: none; margin: 0;}
@media (min-width: 768px) {
.hrbase{ padding: 60px 0;}
}
@media (max-width: 767.98px) {
.hrbase{ padding: 40px 0;}

}







.news_list{ display: flex; flex-wrap: wrap;}
.news_list>a{ box-shadow: 0 2px 5px rgba(0,0,0,0.30); position: relative; text-decoration: none; color: #111;}
.news_list>a>.img{ padding: 0 0 75%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.news_list>a>.ttl{ line-height: 1.625em; font-weight: bold; max-height: 3.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: relative; margin: 0;}
.news_list>a>.time,
.news_list>a>.ct{ position: absolute; left: 0; text-align: center; line-height: 1em; margin: 0;}
.news_list>a>.time{ color: #757575; bottom: 0; width: 100%; line-height: 3em;}
.news_list>a>.ct{ background-color: black; color: white; display: inline-flex; justify-content: center; padding: 0 1em; align-items: center;}

.news_list>a>.ct.ct01{ background-color: #49a1eb;}
.news_list>a>.ct.ct02{ background-color: #4ba43e;}
.news_list>a>.ct.ct03{ background-color: #f83929;}
@media (min-width: 768px) {
.news_list{ margin: -20px -50px;}
.news_list>a{ width: calc(33.33% - 100px); margin: 20px 50px; padding: 10px; padding-bottom: 36px;}
.news_list>a>.img{ margin-bottom: 10px;}
.news_list>a>.ttl{ font-size: 16px;}
.news_list>a>.time{ font-size: 12px;}
.news_list>a>.ct{ top: 20px; font-size: 14px; min-width: 100px; height: 25px;}
}
@media (max-width: 767.98px) {
.news_list{ margin: -10px -13px;}
.news_list>a{ width: calc(50% - 26px); margin: 10px 13px; padding: 5px; padding-bottom: 21px;}
.news_list>a>.img{ margin-bottom: 10px;}
.news_list>a>.ttl{ font-size: 9px;}
.news_list>a>.time{ font-size: 7px;}
.news_list>a>.ct{ top: 11px; font-size: 8px; min-width: 55px; height: 14px;}
}



.link_btn_box{}
.link_btn{ margin: 0 auto; color: white; background: #f83929 url("../images/arrow1_white.svg") no-repeat; display: flex; align-items: center; justify-content: center; text-decoration: none; border: none;}
.link_btn:hover{ color: white; text-decoration: none;}
@media (min-width: 768px) {
.link_btn_box{ padding: 50px 0;}
.link_btn{ font-size: 18px; width: 260px; height: 60px; border-radius: 30px; background-size: 16px auto; background-position: right 15px center;}
}
@media (max-width: 767.98px) {
.link_btn_box{ padding: 35px 0;}
.link_btn{ font-size: 13px; width: 150px; height: 40px; border-radius: 20px; background-size: 10px auto; background-position: right 8px center;}
}












@media (min-width: 768px) {
.anchor_div_box{ padding: 50px 0; margin-top: -100px;}
}
@media (max-width: 767.98px) {
.anchor_div_box{ padding: 40px 0; margin-top: -80px;}

}




@media (min-width: 768px) {}
@media (max-width: 767.98px) {}




@media (min-width: 768px) {}
@media (max-width: 767.98px) {}




@media (min-width: 768px) {}
@media (max-width: 767.98px) {}




@media (min-width: 768px) {}
@media (max-width: 767.98px) {}