@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 job_description
==============================*/

/* job_description ----------*/
#job_description {}

/* index ----------*/
#index {}
#index .index_list {}
#index .index_list li {}
#index .index_list li h2 { word-break: inherit; padding: 1.5rem 0.5rem; display: grid; place-items: center; justify-content: center; text-align: center; background-color: #01175F; color: #FFF; font-size: 3.6rem; }
#index .index_list li .pw { display: block; margin-top: 1.5rem; }
#index .index_list li .t { display: block; margin-top: 4rem; }
@media screen and (max-width:1024px) { /* l */
	#index .index_list li h2 { font-size: 2.8rem; }
	#index .index_list li .t { margin-top: 2rem; }
}

/* detail ----------*/
#detail { padding-top: 0 !important; }
#detail .border_top { border-top: solid 1px #7080B5; margin-top: 6rem; }
#detail h2 { padding-top: 4rem; margin-bottom: 2.5rem; font-size: 3.4rem; color: #031C84; font-weight: 700; }
#detail h3 { padding-top: 3rem; margin-bottom: 2rem; font-size: 2.8rem; color: #031C84; font-weight: 700; }
#detail h4 { margin-top: 4rem; margin-bottom: 1.2rem; font-size: 2rem; color: #031C84; font-weight: 700; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; }
#detail p { font-size: 1.8rem; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }
#detail .list { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }
#detail .list.-td > li .t { padding-right: 5em; }
#detail .job_toggle { transition: all 0.3s ease-out; }
#detail .job_toggle::before { content: "\f067"; line-height: 2rem; font-size: 1.4rem; font-family: 'Font Awesome 5 Pro'; font-weight: 100; display: inline-block; margin-right: 0.5em; }
#detail .job_toggle.open::before { content: "\f068"; }
#detail .job_toggle:hover { cursor: pointer; opacity: 0.6; }
@media screen and (max-width:480px) { /* s */
	#detail .list.-td > li .t { padding-right: 2em; }

}

/* links ----------*/
#links {}
#links .links_list {}
#links .links_list li {}
#links .links_list li h3 { padding-bottom: 2rem !important; }
#links .links_list li .bt { width: 100%; }
#links .links_list li .bt:hover path { fill: #FFF; }