@charset "utf-8";

/* page_name
-------------------------------------------------------------------*/

.section.menus {}
.section.menus .single_bnr{
    margin:20px auto;
	text-align:center;
}
.section.menus ul{
    list-style: none;
    margin:50px auto;
    display:flex;
    justify-content:space-between;
}
.section.menus ul li{
    width:48%;
}
.section.menus ul a{
    display:block;
    overflow:hidden;
    position:relative;
    padding:0px 0px 10px 30px;
    padding-left:calc(42.7% + 30px);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content: space-between;
    min-height:319px;
    background:#f8edf0;
    text-decoration:none;
    transition:color .4s;
}
.section.menus ul a .img_wrap{
    position:
    absolute;
    top:0;
    bottom: 0;
    left:0;
    width: 230px;
    max-width: 42.7%;
    margin:
    auto;
    overflow:
    hidden;
}
.section.menus ul a .img_wrap img{
    transition:transform .4s;
}
.section.menus ul a:hover{
    color:#de3541;
    
}
.section.menus ul a:hover img{
    transform:scale(1.05);
}
.section.menus ul a h2{
    font-size:1.5rem;
    font-weight:bold;
    color:#de3541;
    margin-bottom:0.5em;
    position:relative;
}
.section.menus ul a h2:after{
    content:"";
    display:block;
    height:2px;
    width:0%;
    background:#de3541;
    transition:width .2s;
}
.section.menus ul a:hover h2:after{
    width:100%;
}
.section.menus ul a p{
    margin-bottom:1em;
    font-size:0.9rem;
}
.section.menus ul a .in_btn{
    font-size:1rem;
    min-height:44px;
    background:#de3541;
    border-color:#de3541;
}
.section.menus ul a:hover .in_btn{
    background:#fff;
    color:#de3541;
}

.section.menus ul .preventive a{
    background:#e8f5e8;
}
.section.menus ul .preventive a h2,
.section.menus ul .preventive a:hover,
.section.menus ul .preventive a:hover .in_btn,
.section.menus ul .preventive a:hover .in_btn:after{
    color:#1a7933;
}
.section.menus ul .preventive a h2:after,
.section.menus ul .preventive a:not(:hover) .in_btn{
    background:#1a7933;
}
.section.menus ul .preventive a .in_btn{
    border-color:#1a7933;
}


.fixed_btn{
	position:fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 17px;
	width: 65px;
	z-index: 1000;
}
.fixed_btn a{
	display: flex;
	font-weight: bold;
	color: #0162bb;
	line-height: 1.2;
	font-size: 1.5rem;
	box-sizing: border-box;
	background: #e8f5fa;
	border-radius: 10px 0 0 10px;
	padding: 15px;
	width: 85px;
	height: 260px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: transform .4s;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.fixed_btn a:hover{
	text-decoration:none;
	transform:translateY(5px);
}
@media screen and (max-width:1200px) {
    .section.visual .slide_warp .sitewrap{
        height:344px;
        display:flex;
        align-items:center;
    }

    .section.news .ttl_set{
        float:none;
        margin-bottom:0.5em;
    }
    .section.archive .slick-prev{
        right:100px;
    }
    .section.archive .slick-next{
        right:30px;
    }
	.section.news .links_banner{
		justify-content:flex-start;
	}
	.section.news .links_banner li{
		max-width:23%;
		margin-right:2%;
	}
	.section.news .links_banner li.long{
		margin-right:0;
		max-width:25%;
	}
	.section.news .links_banner li img{
		max-width:100%;
		height:auto;
	}
}
@media screen and (max-width:768px) {
    .section.visual .slide_warp .sitewrap{
        max-height: 100%;
        height:66.933333333vw;
        display:flex;
        align-items: flex-start;
        padding:7.5% 0;
    }
    .section.visual .slide_warp .bg.display_pc{
        display:none;
    }
    .section.visual .slide_warp .bg.display_sp{
        display:block;
        width:100%;
        height:auto;
    }
    .section.menus ul{
        margin:20px 0 30px;
        display:block;
    }
    .section.menus ul li{
         width:100%;
        margin:0 0 2%;
    }
    .section.menus ul a .img_wrap{
        right:auto;
        left:0;
    }
    .section.menus ul a{
        padding: 12px 12px 12px 127px;
        min-height: 159px;
    }
    .section.menus ul a .img_wrap{
        width:115px;
    }
    .section.menus ul a .img_wrap img{
        min-width:100%;
        max-height:100%;
    }
    .section.menus ul a h2{
        font-size:1.21rem;
        margin-bottom:0.25em;
    }
    .section.menus ul a p{
        margin-bottom:0.75em;
    }
.section.menus ul a .in_btn{
        font-size:0.925rem;
        min-height: 31px;
        width: 100%;
        margin: 0;
    }
    .section.menus ul a .in_btn:after{
        width:7px;
        height:7px;
    }

    .fixed_btn{
		top: auto;
		bottom: 0;
		transform: none;
		left: 0;
		margin: auto;
		display: flex;
		justify-content:center;
		width: 100%;
	}
	.fixed_btn.static{
		position:static;
		background:#f8f8f8;
	}
	.fixed_btn a{
		font-size: 1.45rem;
		border-radius: 10px 10px 0 0;
		padding:10px 5px;
		width: 91%;
		height: auto;
		-ms-writing-mode: unset;
		writing-mode: unset;
	}
}



/* page_name
-------------------------------------------------------------------*/
.common_content{
	margin-bottom:80px;
}
.edit_wrap > * + *,
.edit_wrap .news_detail > * + *,
.edit_wrap .flex_wrap > * > * + *,
.interlock_wrap > * + *{
    margin-top: 10px;
}
.edit_wrap h2:nth-child(n+2){
    margin-top: 80px;
}

.edit_wrap h3:nth-child(n+2){
    margin-top: 40px;
}

.key_view{
    position:relative;
    background:url("../img/yobou/top_img.png");
    background-size:cover;
	background-position: center;
	padding-bottom:15.0625%;
}
.key_view .tit{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:2.5rem;
    font-weight:bold;
}
.edit_wrap img{
	height: auto;
	max-width: 100%;
}
.edit_wrap ul,
.edit_wrap ol{
	line-height:1.4;
	margin-left:0;
}
.edit_wrap ul li + li,
.edit_wrap ol li + li{
	margin-top:0.5em
}

.edit_wrap a{
	text-decoration:underline;
}
.edit_wrap a:hover{
	text-decoration:none;
}

.edit_wrap h2,
.interlock_wrap h2{
	position: relative;
	border-bottom: 2px solid #eef0ee;
	padding:20px 35px;
	font-weight:500;
	width: 100%;
	font-size: 1.8rem;
	color: #0162bb;
	margin-bottom: 20px;
}

.edit_wrap h2::before,
.interlock_wrap h2::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:-2px;
    background: #0162bb;
    padding: 0px 5px;
}

.edit_wrap .sitewrap  > * + h2{
	margin-top:80px;
}
.edit_wrap h3,
.interlock_wrap h3{
	display:block;
	width:100%;
	border-radius: 60px;
	background:#e1f698;
	font-size:1.25rem;
	font-weight:500;
	padding: 10px 20px;
	margin-bottom: 20px;
}
.edit_wrap h4,
.interlock_wrap h4{
	color: #0162bb;
}

.edit_wrap h1 strong,
.edit_wrap h2 strong,
.edit_wrap h3 strong,
.edit_wrap h4 strong{
	font-size:112.75%;
}

.edit_wrap p,
.interlock_wrap p{
	line-height:1.8;
}

.edit_wrap a[target="_blank"],
.edit_wrap a[href$=".pdf"],
.edit_wrap a[href$=".xls"],
.edit_wrap a[href$=".xlsx"],
.edit_wrap a[href$=".doc"],
.edit_wrap a[href$=".docx"],
.edit_wrap a[href$=".zip"]{
	position: relative;
}
/*
.edit_wrap a[target="_blank"]:after,
.edit_wrap a[href$=".pdf"]:after,
.edit_wrap a[href$=".xls"]:after,
.edit_wrap a[href$=".xlsx"]:after,
.edit_wrap a[href$=".doc"]:after,
.edit_wrap a[href$=".docx"]:after,
.edit_wrap a[href$=".zip"]:after {
	display: inline-block;
	content: "";
	background: url(../img/common/icon_blank.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 24px;
	vertical-align: middle;
	margin-left: 5px;
}
.edit_wrap a[href$=".pdf"]:after{
	background-image:url(../img/yobou/pdf_img.png);

}
.edit_wrap a[href$=".xls"]:after,
.edit_wrap a[href$=".xlsx"]:after{
	background-image:url(../img/common/icon_xls.png);
}
.edit_wrap a[href$=".doc"]:after,
.edit_wrap a[href$=".docx"]:after{
	background-image:url(../img/common/icon_doc.png);
}
.edit_wrap a[href$=".zip"]:after{
	background-image:url(../img/common/icon_zip.png);
}
*/


.edit_wrap .mt-be-columns{
	justify-content:space-around;
	flex-wrap: wrap;
}
.edit_wrap .mt-be-columns .mt-be-column {
	padding-left:1%;
	padding-right:1%;
	flex-basis:1%;
	flex-grow:1;
	flex-shrink:1;
}
.edit_wrap .mt-be-columns .mt-be-column .btn_style02 a{
	max-width:100%;
}
.edit_wrap .mt-be-columns .mt-be-column img{
	margin-left:auto;
	margin-right:auto;
}
.common_content .sitewrap .edit_wrap table th, .common_content .sitewrap .edit_wrap table td {
    padding: 15px;
}
@media screen and (max-width:768px) {
	.edit_wrap .mt-be-columns .mt-be-column{
		max-width: 100%;
		flex-basis: 100%;
		padding-left:0;
		padding-right:0;
	}
	.common_content .sitewrap .edit_wrap table th, .common_content .sitewrap .edit_wrap table td {
    padding: 15px 10px;
}
}
.edit_wrap .flex,
.contact_wrap .flex{
	display: flex;
}
.edit_wrap > .btn_style01,
.edit_wrap > .btn_style02{
	margin-bottom:40px;
}

.edit_wrap .btn_workers a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 396px;
	min-height: 80px;
	border: solid 1px #d7d7d7;
	border-radius: 2em;
	color: #333333;
	font-size: 1.25rem;
	position: relative;
	text-decoration: none;
	margin: 20px 0;
	padding: 0 1em;
	transition: background .4s,color .4s;
}
.edit_wrap .btn_workers a:after{
	content: "";
	width: 9px;
	height: 9px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: border-color .4s;
}
.edit_wrap .btn_workers a:hover:after{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.edit_wrap .btn_workers a:hover{
	color: #fff;
	background: #005BAC;
}




.edit_wrap .btn_style01 a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 470px;
	min-height: 80px;
	border: solid 1px #0162bb;
	border-radius: 2em;
	color: #fff;
	font-size: 1.25rem;
	position: relative;
	text-decoration: none;
	margin: 20px auto;
	background: #0162bb;
	padding: 0 1em;
	transition: background .4s,color .4s;
}

.edit_wrap .btn_style01 a:after{
	content: "";
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: border-color .4s;
}

.edit_wrap .btn_style01 a:hover{
	color: #005BAC;
	background: #fff;
}

.edit_wrap .btn_style01 a:hover:after{
	border-top: 2px solid #0162bb;
	border-right: 2px solid #0162bb;
}

.edit_wrap .btn_style02 a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 470px;
	min-height: 80px;
	border: solid 1px #0162bb;
	border-radius: 2em;
	color: #0162bb;
	font-size: 1.25rem;
	position: relative;
	text-decoration: none;
	margin: 20px auto;
	background: #fff;
	padding: 0 1em;
	transition: background .4s,color .4s;
	text-align: center;
}
.edit_wrap .btn_style02 a:after{
	content: "";
	width: 9px;
	height: 9px;
	border-top: 2px solid #0162bb;
	border-right: 2px solid #0162bb;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: border-color .4s;
}
.edit_wrap .btn_style02 a:hover{
    color: #fff;
    background: #005BAC;
}

.edit_wrap .btn_chiryou a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 470px;
	min-height: 80px;
	border: solid 1px #0162bb;
	border-radius: 2em;
	color: #0162bb;
	font-size: 1.25rem;
	position: relative;
	text-decoration: none;
	margin: 20px auto;
	background: #fff;
	padding: 0 4em;
	transition: background .4s,color .4s;
	text-align: center;
}
.edit_wrap .btn_chiryou a:hover:after{
    border-top: 2px solid #fff;
     border-right: 2px solid #fff;
 }
.edit_wrap .btn_chiryou a:after{
	content: "";
	width: 9px;
	height: 9px;
	border-top: 2px solid #0162bb;
	border-right: 2px solid #0162bb;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: border-color .4s;
}
.edit_wrap .btn_chiryou a:hover{
    color: #fff;
    background: #005BAC;
}

.edit_wrap .btn_contact a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 470px;
    min-height: 80px;
    border: solid 1px #0162bb;
    border-radius: 2em;
    color: #0162bb;
    font-size: 1.25rem;
    position: relative;
    text-decoration: none;
    margin: 20px auto;
    background: #fff;
    padding: 0 2em;
    transition: background .4s,color .4s;
    text-align: center;
}
.edit_wrap .btn_contact a:after{
	content: "";
	width: 9px;
	height: 9px;
	border-top: 2px solid #0162bb;
	border-right: 2px solid #0162bb;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: border-color .4s;
}
.edit_wrap .btn_contact a:hover:after{
    border-top: 2px solid #fff;
     border-right: 2px solid #fff;
 }
.edit_wrap .btn_contact a:hover{
    color: #fff;
    background: #005BAC;
}

.edit_wrap .btn_style02 a:hover:after{
   border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.edit_wrap .flex_wrap,
.access_area .flex_wrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
}
.edit_wrap .flex_wrap.col2 > *,
.access_area .flex_wrap.col2 > *{
    width:48%;
    margin-right:4%;
}
.edit_wrap .flex_wrap.col2 > *:nth-of-type(2n),
.access_area .flex_wrap.col2 > *:nth-of-type(2n){
    margin-right:0;
}
.edit_wrap .flex_wrap.col3 > *{
    width:30%;
    margin-right:5%;
}
.edit_wrap .flex_wrap.col3 > *:nth-of-type(3n){
    margin-right:0;
}
.edit_wrap .flex_wrap.col4 > *{
    width:23%;
    margin-right:2%;
}
.edit_wrap .flex_wrap.col4 > *:nth-of-type(4n){
    margin-right:0;
}
.edit_wrap .flex_wrap.col4{
	margin:0 2%;
}
.edit_wrap a.img_fit,
.edit_wrap a span.img_fit{
	overflow:visible;
	transition:transform .4s;
}
.edit_wrap a.img_fit:hover,
.edit_wrap a span.img_fit:hover{
	transform:translateY(2px)
}
.edit_wrap a.img_fit img,
.edit_wrap a span.img_fit img{
	box-shadow:0 0 5px 1px rgba(0,0,0,0.1);
}
.edit_wrap a span.img_fit{
	margin-bottom:10px;
}
.edit_wrap a:hover span.img_fit img{
	transform:none;
}
.edit_wrap a span.img_fit + .caption{
	font-size:94%;
	transition:color .4s;
}
.edit_wrap a:hover span.img_fit + .caption{
	color:#0162bb;
}
.edit_wrap hr{
    color: #e0e0e0;
    height: 1px;background:#e0e0e0;
    border: none;
    margin:2.5em 0 !important;
}
.section.theme{
	margin-bottom: 60px;
}
.interlock_wrap{
	margin-bottom:30px;
}
.pdf_list{
	display:flex;
	flex-wrap:wrap;
	margin:30px -15px 0;
}
.pdf_list li{
	width:25%;
	padding:0 15px 30px;
}
.pdf_list li a{
	display:block;
	border:solid 1px rgba(250,250,250,0.5);
	box-shadow:0 0 5px 1px rgba(0,0,0,0.05);
}
@media screen and (max-width:768px) {
	.edit_wrap h2:nth-child(n+2){
		margin-top: 40px;
	}
	.edit_wrap h3:nth-child(n+2){
		margin-top: 20px;
	}
	.edit_wrap .sitewrap ul,
	.edit_wrap .sitewrap ol{
		padding-left: 0;
		padding-right: 0;
	}
	 .key_view{
		background-position: left;
		background-image:url("../img/yobou/top_img.png");
		padding-bottom: 33.6025%;
	}
	.key_view .tit{
		top:50%;
		left:0;
		right:0;
		transform:
		translate(0,-50%);
		margin:
		auto;
		font-size:1.5rem;
		text-shadow: 0 0 3px #fff,0 0 2px #fff,0 0 2px #fff,0 0 8px #fff;
	}
	.edit_wrap h2,
	.interlock_wrap h2{
		border-bottom: 1px solid #cacecf;
		padding:10px 15px;
		font-size:1.285rem;
	}
	.edit_wrap h3,
	.interlock_wrap h3{
		padding:5px 30px;
		font-size:1.15rem;
	}
	.edit_wrap div{
		padding: 0;
	}
	.edit_wrap img{
		padding: 0;
		width:100%;
	}
	.edit_wrap p,
	.interlock_wrap p{
		padding: 0;
		line-height:1.6;
		/* width: 340px; */
	}
	.edit_wrap ul{
		font-size: 1.0rem;
		line-height:1.6;
	}
	.edit_wrap .flex_wrap.col2 > *,
	.access_area .flex_wrap.col2 > *,
	.edit_wrap .flex_wrap.col3 > *{
		width:100%;
		margin-right:0;
		margin-top:10px;
	}
	.edit_wrap .btn_style01 a,
	.edit_wrap .btn_style02 a{
		text-align: left;
		font-size: 1rem;
		min-height:auto;
		padding:20px 40px 20px 20px;
		padding:5px;
		min-height:60px;
		border-radius:60px
	}
	.edit_wrap .btn_style01 a:before,
	.edit_wrap .btn_style01 a:after,
	.edit_wrap .btn_style02 a:before,
	.edit_wrap .btn_style02 a:after{
		top:0;
		bottom:0;
		left:auto;
		right:auto;
		margin:auto;
	}
	.edit_wrap .btn_style01 a:before,
	.edit_wrap .btn_style02 a:before{
		width:17px;
		height:17px;
		bottom:0;
		right:15px;
	}
	.edit_wrap .btn_style01 a:after,
	.edit_wrap .btn_style02 a:after{
		bottom:0;
		left:auto;
		right:22px;
	}
	.edit_wrap .flex_wrap.col4 > *{
	    width:49%;
	    margin-right:2%;
	}
	.edit_wrap .flex_wrap.col4 > *:nth-of-type(2n){
	    margin-right:0;
	}
	.edit_wrap .flex_wrap.col4 > *:nth-of-type(n+3){
	    margin-top:2%;
	}
	.section.theme{
		margin-bottom: 40px;
	}
	.pdf_list{
		margin:30px 0 0;
	}
	.edit_wrap * + .mt-be-columns{
		margin:0;
	}
	.edit_wrap .mt-be-columns .mt-be-column{
		margin:0 0 10px;
	}
	.edit_wrap .mt-be-columns .mt-be-column .btn_style02 a{
		margin:0;
	}
	.edit_wrap .mt-be-columns .mt-be-column .btn_style02 + .btn_style02,
	.edit_wrap .mt-be-columns .mt-be-column > * + *{
		margin-top:10px;
	}
}
@media screen and (max-width:640px) {
	.pdf_list li{
		width:49%;
		margin-right:2%;
		padding:0 0 2%;
	}
	.pdf_list li:nth-child(2n){
		margin-right:0;
	}
}
.kaso .track a{
    position: fixed;
    right: 0;  
    bottom: 38%; 
    width: 70px;
    z-index: 100;
}
.kaso .track2 a {
    position: fixed;
    right: 0;
    bottom: 5%;
    width: 70px;
    z-index: 100;
}
.kaso .track a img{
    width: 100%;
}
.kaso .track2 a img {
    width: 100%;
}
.article_end {
	margin-top:80px;
}
@media screen and (max-width:768px) {
	.kaso .track a{
		position: fixed;
		right: 0;  
		bottom: 70%;  
		width: 40px;
		z-index: 100;
	}
    .kaso .track2 a{
		position: fixed;
		right: 0;  
		bottom: 47%;  
		width: 40px;
		z-index: 100;
	}
	.article_end {
		margin-top:40px;
	}
}


body.column_index .key_view{
	background-image:url(../img/column/bg.jpg);
}

body.shien .key_view{
	background-image:url(../img/shien/bg.jpg);
}

body.news .key_view{
	background-image:url(../img/news/bg.jpg);
}
body.archive .key_view{
	background-image:url(../img/column/bg.jpg);
}
body.job-information .key_view{
	background-image:url(../img/job-information/bg.jpg);
}
body.choutatsu .key_view{
	background-image:url(../img/choutatsu/bg.jpg);
}
body.otoiawase .key_view{
	background-image:url(../img/otoiawase/bg.jpg);
}