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


body { font-family: 'Noto Sans JP', sans-serif;}

@media (min-width: 768px){
	#page_midashi{ margin:50px auto 0; width: 1480px; height: 230px; position: relative; overflow: hidden;}
	#page_midashi .page_midashi_text{ height: 230px; position: relative; display: inline-block; z-index: 10; background-color: #fff;}
	#page_midashi .page_midashi_text::after{ content: ""; width: calc(100% + 16px); height: 40px; background-color: #2a88d2; position: absolute; bottom: 0; z-index: 2;}
	#page_midashi .page_midashi_text span.title{ color: #021d45; font-size: 160px; font-weight: bold; line-height: 0.9; position: relative; top: -25px; right: -15px; display: block; text-align: right; padding: 0 0 0 100px; z-index: 10;}
	#page_midashi .page_midashi_text h1{ color: #276dc3; font-size: 40px; font-weight: bold; text-align: right; display: block; margin: 0; position: relative; top: -10px; right: -5px; z-index: 10;}
	#page_midashi .page_midashi_text p{ color: #fff; text-align: right; font-size: 24px; font-weight: bold; margin: 0; height: 40px; padding: 0 10px 0 0; z-index: 10; position: relative;}
	#page_midashi .page_midashi_back{ width: 100%; height: 230px; position: absolute; top: 0; z-index: 1;}
	#page_midashi::after{ content: ""; clip-path: polygon(85% 0, 100% 0, 15% 100%, 0% 100%); background-color: #4a88d6; width: 138px; height: 230px; position: absolute;}
	#page_midashi .page_midashi_text::before{ content: ""; clip-path: polygon(80% 0, 100% 0%, 20% 100%, 0 100%); background-color: #5693df; width: 100px; height: 230px; display: inline-block; position: absolute; right: -99px; z-index: 11;}
	#page_midashi .white_back{ position: relative; width: 100%; display: block;}
	#page_midashi .white_back::before{ content: ""; clip-path: polygon(0 0, 100% 0, 25% 100%, 0% 100%); background-color: #fff; width: 90px; height: 230px; display: inline-block; position: absolute; right: -85px; top: -232px; z-index: 1;}
	
	#page_midashi.business .page_midashi_back { background: url("../images/pagevisual/midashi_business.png");}
	#page_midashi.education .page_midashi_back { background: url("../images/pagevisual/midashi_education.png");}
	#page_midashi.guideline .page_midashi_back { background: url("../images/pagevisual/midashi_guideline.png");}
	#page_midashi.interview .page_midashi_back { background: url("../images/pagevisual/midashi_interview.png");}
	#page_midashi.message .page_midashi_back { background: url("../images/pagevisual/midashi_message.png");}
	#page_midashi.number .page_midashi_back { background: url("../images/pagevisual/midashi_nunber.png"); background-position: right;}
	#page_midashi.voice .page_midashi_back { background: url("../images/pagevisual/midashi_voice3.png"); background-position: top;}
	#page_midashi.walfare .page_midashi_back { background: url("../images/pagevisual/midashi_welfare.png");}
	#page_midashi .page_midashi_back { background-size: contain;}
}
@media (max-width: 889.98px){
	#page_midashi{ margin: 38px auto 0; max-width: 100%; height: 230px; display: flex; position: relative;}
}
@media (max-width: 767.98px){
	#page_midashi{ margin: -3px auto 0; width: 100%; max-width: 520px; height: 125px; display: flex; position: relative; overflow: hidden;}
	#page_midashi::after{ content: ""; width: 200%; height: 32px; background-color: #2a88d2; position: absolute; right: -200px; bottom: 0; z-index: -1;}
	#page_midashi .page_midashi_text{ width: 100%; height: 32px;}
	#page_midashi .page_midashi_text span.title{ color: #021d45; font-size: 34px; font-weight: bold; line-height: 0.9; display: inline-block; text-align: right;}
	#page_midashi .page_midashi_text h1{ color: #276dc3; font-size: 17px; font-weight: bold; text-align: right; display: inline-block; margin: 0; position: absolute; right: 5px; top: 7px;}
	#page_midashi .page_midashi_text p{ color: #fff; text-align: right; font-size: 15px; font-weight: bold; margin: 0; height: 27px; position: absolute; bottom: 0; display: block; width: 100%; padding: 0 5px 0 0;}
	
	#page_midashi.business .page_midashi_back { background: url("../images/pagevisual/midashi_business_sp.png");}
	#page_midashi.education .page_midashi_back { background: url("../images/pagevisual/midashi_education_sp.png");}
	#page_midashi.guideline .page_midashi_back { background: url("../images/pagevisual/midashi_guideline_sp.png");}
	#page_midashi.interview .page_midashi_back { background: url("../images/pagevisual/midashi_interview_sp.png");}	
	#page_midashi.message .page_midashi_back { background: url("../images/pagevisual/midashi_message_sp.png");}
	#page_midashi.number .page_midashi_back { background: url("../images/pagevisual/midashi_nunber_sp.png");}	
	#page_midashi.voice .page_midashi_back { background: url("../images/pagevisual/midashi_voice3_sp.png");}
	#page_midashi.walfare .page_midashi_back { background: url("../images/pagevisual/midashi_welfare_sp.png");}
	#page_midashi .page_midashi_back{ height: 60px; top: 33px; background-size: cover!important; background-position: top left!important; background-repeat: no-repeat!important; width: 80%; position: absolute; right: 0;}
}

@media (min-width: 768px){
	.bread_box{ background-color: #eee; position: fixed; top: 90px; z-index: 1000; width: 100%;}
	.breadcrumb{ padding: 13px 0; margin: 0;}
	.breadcrumb a{ color:#0088d2;}
}
@media (max-width: 889.98px){
	.bread_box{ background-color: #eee; position: fixed; top: 70px; z-index: 1000; width: 100%;}
	.breadcrumb{ padding: 13px 0; margin: 0;}
	.breadcrumb a{ color:#0088d2;}
}
@media (max-width: 767.98px){
	.bread_box{ background-color: #eee; position: sticky; top: 70px; z-index: 10; width: 100%;}
	.breadcrumb{ padding: 7px 0; margin: 0;}
	.breadcrumb a{ color:#0088d2;}	
}


/* メニュー */
@media (min-width: 890px){
	#overlay_box{ position: fixed; width: 55px; border-left: 1px solid #dcdcdc; right: 0; top: 0; z-index: 100; transition: .3s;}
	#page_top_pc{ position: fixed; right: 1px; width: 68px; height: 50px; bottom: 61px; background: url("../../../common/images/icon/top_arrow_blue.svg") no-repeat center; background-size: 40px 12px; z-index: 110;}
}


/* フッター */
@media (min-width: 768px){
	footer{ background-color: #fff;}
	footer>.container { width: 100%; padding: 50px 0 0; margin: 0 auto 40px;}
}
@media (max-width: 767.98px){
	footer{ background-color: #fff;}
	footer>.container { padding-bottom: 40px;}	
}


/* リンクボタン */
@media (min-width: 768px){
	.link_box01{ text-align: center; display: flex; justify-content: space-between; margin: 20px 0 0 0;}
	.link_box01>div{ width: 32%; background-position: right 12px center; border-radius: 7px; line-height: 1.7; height: 76px; display: flex; align-items: center; justify-content: center;}
	.link_box01>div a{ color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
	.link_box01>div:nth-child(1){ background-color: #e4007f;}
	.link_box01>div:nth-child(2){ background-color: #36bceb;}
	.link_box01>div:nth-child(3){ background-color: #f39800;}
}
@media (max-width: 767.98px){
	.link_box01{ text-align: center; display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0 0 0;}
	.link_box01>div{ width: 90%; background-position: right 12px center; border-radius: 7px; margin: 0 0 15px 0; line-height: 1.7; height: 76px; display: flex; align-items: center; justify-content: center;}
	.link_box01>div a{ color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
	.link_box01>div:nth-child(1){ background-color: #e4007f;}
	.link_box01>div:nth-child(2){ background-color: #36bceb;}
	.link_box01>div:nth-child(3){ background-color: #f39800;}
}

@media (min-width: 768px){
	footer .container{ width: 1000px;}
	footer .recbtn_title{ text-align: left;}
	footer .recbtn_title img{ width: 635px;}
}
@media (max-width: 767.98px){

}


.link_box02{ text-align: center; margin: 30px 0 100px;}
.link_box02>div{ display: inline-block; margin-left: auto; margin-right: auto; background-color: #276dc3; padding: 10px;}
.link_box02>div>a{ display: block; margin-left: auto; margin-right: auto; background-image: url("../../../common/images/icon/arrow2.svg"); background-repeat: no-repeat; color: #fff;}
@media (min-width: 768px){
	.link_box02>div>a{ width: 300px; line-height: 36px; background-position: right 2px center;}
}
@media (max-width: 767.98px){
	.link_box02{ margin: 10px 0 70px; padding: 0 20px;}
	.link_box02>div{ width: 100%;}
	.link_box02>div>a{ font-size: 14px; width: 100%; line-height: 30px; background-position: right 10px center; background-size: 16px;}
}

.link_box03{ text-align: center; margin: 30px auto; position: relative;}
.link_box03>a{ display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 10px; background-color: #276dc3; color: #fff; border-radius: 50px;}
.link_box03>a:hover{ text-decoration: none;}
.link_box03::before{ content: ""; width: 12px; height: 12px; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 23px; right: 15px; transform: rotate(45deg);}
.link_box03:hover{ opacity: 0.85;}
@media (min-width: 768px){
	.link_box03{ width: 300px; height: 60px;}
	.link_box03>a{ width: 300px; height: 60px; color: #fff;}
}
@media (max-width: 767.98px){
	.link_box03{ margin: 40px 0 0; padding: 0 20px;}
	.link_box03>a{ color: #fff; font-size: 14px; width: 100%; line-height: 30px; background-position: right 10px center; background-size: 16px;}
	.link_box03::before{ content: ""; width: 10px; height: 10px; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 19px; right: 35px; transform: rotate(45deg);}
}

.link_box_green>div{ background-color: #02a287;}
.link_box_orange>div{ background-color: #f67a28;}
.link_box_brown>div{ background-color: #8f8166;}


/* リクルートページ上部部分 */
@media (min-width: 768px){
	.page_top{ display: flex; margin: 70px 0;}
	.page_top>div.page_top_icon{ width: 225px; height: 225px;}
	.page_top>div.page_top_icon img{ width: auto; height: 225px;}
	.page_top>div.page_top_title{ width: 225px; height: 225px; background-color: #252729; color: #fff; position: relative;}
	.page_top>div.page_top_title>div{ text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px;}
	.page_top>div.page_top_title>div span:first-child{ display: block; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
	.page_top>div.page_top_title>div span:last-child{ display: block;}
	.page_top>div.page_top_text{ width: 100%; height: auto; display: block; padding-left: 0; line-height: 1.8;}
	.page_top>div.page_top_text span{ font-weight: bold; font-size: 24px; display: block; margin-bottom: 10px; line-height: 1.6;} 
}
@media (max-width: 767.98px){
	.page_top{ display: flex; margin: 40px 0; flex-wrap: wrap}
	.page_top>div.page_top_icon{ width: 45%; max-height: 230px; padding-right: 30px;}
	.page_top>div.page_top_icon img{ width: auto; max-height: 230px;}
	.page_top>div.page_top_title{ width: 55%; max-width: 230px; background-color: #252729; color: #fff; position: relative;}
	.page_top>div.page_top_title>div{ text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.page_top>div.page_top_title>div span:first-child{ display: block; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
	.page_top>div.page_top_title>div span:last-child{ display: block;}
	.page_top>div.page_top_text{ width: 100%; display: block; line-height: 1.8;}
	.page_top>div.page_top_text span{ font-weight: bold; font-size: 24px; display: block; margin-bottom: 10px; line-height: 1.6;} 
}


/* トップページ修正 */
@media (min-width: 890px) {	
	.overlayMenu{ position: fixed; top: 40px; right: 215px; z-index: 9; background-color: white; transition: .3s;}
	.overlayMenu::after{ content: ""; background-color: white; height: 2px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;}
	.overlayMenu>ul{ list-style: none; position: relative; width: 100%; max-width: 1054px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; text-align: center; z-index: 2;}
	.overlayMenu>ul>li{ position: relative; margin: 0 10px;}
	.overlayMenu>ul>li>a{ display: block; font-size: 14px; color: #404040;}
	.overlayMenu>ul>li>a:hover{ text-decoration: none;}
	.overlayMenu>ul>li>a>span{ display: inline-block;}
	.overlayMenu>ul>li::after{ content: ""; display: block; position: absolute; left: 0; bottom: -29px; width: 100%; height: 5px; background-color: #0088d2; opacity: 0; transition: .3s;}
	.overlayMenu>ul>li:hover::after{ opacity: 1;}
}
@media (min-width: 1400px){
	.overlayMenu>ul>li>a{ display: block; font-size: 16px; color: #404040;}
	.overlayMenu>ul>li::after{ content: ""; display: block; position: absolute; left: 0; bottom: -26px; width: 100%; height: 5px; background-color: #0088d2; opacity: 0; transition: .3s;}
}
@media (min-width: 890px) and (max-width: 1250px){
	.overlayMenu{ position: fixed; top: 40px; right: 210px; z-index: 9; background-color: white; transition: .3s;}
	.overlayMenu>ul>li::after{ content: ""; display: block; position: absolute; left: 0; bottom: -32px; width: 100%; height: 5px; background-color: #0088d2; opacity: 0; transition: .3s;}
	.overlayMenu>ul>li>a{ display: block; font-size: 12px; color: #404040;}
}
@media (min-width: 890px) and (max-width: 1150px){
	.overlayMenu{ position: fixed; top: 40px; right: 210px; z-index: 9; background-color: white; transition: .3s;}
	.overlayMenu>ul>li::after{ content: ""; display: block; position: absolute; left: 0; bottom: -32px; width: 100%; height: 5px; background-color: #0088d2; opacity: 0; transition: .3s;}
	.overlayMenu>ul>li{ position: relative; margin: 0 5px;}
	.overlayMenu>ul>li>a{ display: block; font-size: 12px; color: #404040;}
}
@media (min-width: 890px) and (max-width: 1080px){
	.overlayMenu{ position: fixed; top: 40px; right: 180px; z-index: 9; background-color: white; transition: .3s;}
	.overlayMenu>ul>li::after{ content: ""; display: block; position: absolute; left: 0; bottom: -35px; width: 100%; height: 5px; background-color: #0088d2; opacity: 0; transition: .3s;}
	.overlayMenu>ul>li{ position: relative; margin: 0 4px;}
	.overlayMenu>ul>li>a{ display: block; font-size: 10.5px; color: #404040;}
}
@media (min-width: 890px) and (max-width: 925px){
	.overlayMenu{ position: fixed; top: 40px; right: 180px; z-index: 9; background-color: white; transition: .3s;}
	.overlayMenu>ul>li::after{ content: ""; display: block; position: absolute; left: 0; bottom: -35px; width: 100%; height: 5px; background-color: #0088d2; opacity: 0; transition: .3s;}
	.overlayMenu>ul>li{ position: relative; margin: 0 2px;}
	.overlayMenu>ul>li>a{ display: block; font-size: 10.5px; color: #404040;}
}
@media (max-width: 889.98px) {
	nav.top_nav { background-color: #fff; height: 70px;}
	#overlay_box{ position: fixed; height: 70px; right: 0; top: 0; z-index: 80; transition: .3s; border-bottom: 1px solid #ddd;}
	
	.overlayMenuBtn::before{ content: "MENU"; display: block; width: 100%; text-align: center; color:  #0088d2; position: absolute; line-height: 1em; transition: .3s;}
	.overlayMenuBtn span{ display: block; height: 2px; background: #0088d2; position:absolute; transition: 0.3s;}
	.overlayMenu{ display: block; position: fixed; width: 100%; top: 0; right: 0; background-color: rgba(0,0,0,0.80); transition: .3s;}
	.overlayMenu.open{transform: scale(1,1);}
	.overlayMenuBtn{ position: absolute; right: 0; top: 0; width: 50px; cursor: pointer; height: 70px; z-index: 101;}
	.overlayMenuBtn::before{ font-size: 8px; top: 14px;}
	.overlayMenuBtn span{ width: 30px; left: calc(50% - 15px);}
	.overlayMenuBtn span:nth-child(1){ top: 28px;}
	.overlayMenuBtn span:nth-child(2){ top: 39px;}
	.overlayMenuBtn span:nth-child(3){ top: 50px;}
	.open.overlayMenuBtn span{ top: 39px;}
	.open.overlayMenuBtn span:nth-child(1){ transform: rotate(45deg);}
	.open.overlayMenuBtn span:nth-child(2){ width: 0; left: 50%;}
	.open.overlayMenuBtn span:nth-child(3){ transform: rotate(-45deg);}
	.overlayMenu{ overflow: auto; padding: 75px 10px 60px; min-height: 100vh; z-index: 75; transition: .3s; transform: scale(1,0); transform-origin: top;}
	
	.overlayMenu>ul{ padding: 32px 0 0 0; list-style: none; margin: 0;}
	.overlayMenu>ul>li{ font-size: 14px; border-bottom: 1px solid white;}
	.overlayMenu>ul>li>a{ color: white; display: flex; padding: 15px 0;}
	.overlayMenu>ul>li>a>span{ font-size: 14px; font-weight: normal; padding-right: 1em;}
	.overlayMenu>ul>li .dd_box{ display: none;}
}



/* 英語・検索ボタン */
#en_btn_recruit,
#search_btn_recruit{ background-color: transparent; background-position: center; background-repeat: no-repeat; position: fixed; z-index: 90;}
#en_btn_recruit{ background-image: url("../../../common/images/icon/earth_blue.svg"); background-size:contain;}
#en_btn_recruit:hover{ background-image: url("../../../common/images/icon/earth_blue.svg"); background-size:contain;}
#search_btn_recruit{ background-image: url("../../../common/images/icon/search_blue.svg"); background-size:contain; outline: none; padding: 0; border: none; cursor: pointer; transition: .3s;}
#search_btn_recruit:hover{ background-image: url("../../../common/images/icon/search_blue.svg"); background-size:contain;}
@media (min-width: 890px) {	
	#en_btn_recruit{ width: 15px; height: 15px; top: 20px; right: 125px;}
	#search_btn_recruit{ width: 15px; height: 15px; top: 50px; right: 123px;}
	#en_btn_text_recruit{ position: fixed; right: 80px; top: 20px; font-size: 12px; color: #0088d2;}
	#search_btn_text_recruit{ position: fixed; right: 96px; top: 50px; font-size: 12px; color: #0088d2;}
}
@media (min-width: 890px) and (max-width: 1080px){
	#en_btn_recruit{ width: 15px; height: 15px; top: 20px; right: 115px;}
	#search_btn_recruit{ width: 15px; height: 15px; top: 50px; right: 113px;}
	#en_btn_text_recruit{ position: fixed; right: 70px; top: 20px; font-size: 12px; color: #0088d2;}
	#search_btn_text_recruit{ position: fixed; right: 86px; top: 50px; font-size: 12px; color: #0088d2;}
}
@media (max-width: 889.98px) {
	#overlay_box_recruit{ position: fixed; width: 100%; height: 70px; right: 0; top: 0; z-index: 80; transition: .3s;}
	#overlay_box_recruit::before{ content: ""; width:100%; height: 100%; left: 0; top: 0; position: absolute; background: url("../images/header_back.png") repeat left top; background-size: 2px 2px; background-color: #fff; transition: .3s; opacity: 1.0;}

	#en_btn_recruit,
	#search_btn_recruit{ width: 30px; height: 50px; top: 10px;}
	#en_btn_recruit{ background-size: 26px; right: 85px;}
	#search_btn_recruit{ background-size: 25px; right: 50px;}
	#en_btn_text_recruit,
	#search_btn_text_recruit{ display: none;}
}


/* お問い合わせ・採用情報 */
#header_ul_recruit{ position: fixed; margin: 0; padding: 0; list-style: none; display: flex; z-index: 90;}
#header_ul_recruit>li{}
#header_ul_recruit>li>a{ font-weight: bold;}
#header_ul_recruit>li>a:hover{ text-decoration: none;}
@media (min-width: 890px) {	
	#header_ul_recruit{ width: 75px; height: 90px; right: 148px;}
	#header_ul_recruit>li{ font-size: 14px; line-height: 1em; width: 100px; padding: 25px 5px 0;}
	#header_ul_recruit>li:last-child{ display: none;}
	#header_ul_recruit>li>a{ display: block; border-bottom-width: 3px; border-bottom-style: solid; padding: 10px 0; text-align: center; color: #0088d2;}	
	
	#header_ul_recruit>li:hover>a{ color: #fff!important;}
	#header_ul_recruit>li:hover { background-color: #0088d2;}
	#header_ul_recruit>li:first-child>a{ border-bottom-color: #0088d2;}
	#header_ul_recruit>li:last-child>a{ border-bottom-color: #0088d2;}
	#header_ul_recruit>li:hover>a{ border-bottom-color: #fff;}
}
@media (min-width: 890px) and (max-width: 1080px){
	#header_ul_recruit{ width: 65px; height: 90px; right: 130px;}
	#header_ul_recruit>li{ font-size: 12px; line-height: 1em; width: 65px; padding: 25px 5px 0;}
	#header_ul_recruit>li>a{ display: block; border-bottom-width: 3px; border-bottom-style: solid; padding: 10px 0; text-align: center; color: #0088d2;}	
}
@media (max-width: 889.98px) {
	#header_ul_recruit{ width: 100%; left: 0; bottom: 0; font-size: 0; box-shadow: 0 2px 5px black;}
	#header_ul_recruit>li{ line-height: 1em; margin: 0; width: 50%;}
	#header_ul_recruit>li:first-child{ background-color: white;}
	#header_ul_recruit>li:last-child{ background-color: #0088d2;}
	#header_ul_recruit>li>a{ width: 100%; text-align: center; display: inline-flex; height: 50px; align-items: center; justify-content: center;}
	#header_ul_recruit>li>a>span{ display: inline-block; border-bottom-width: 5px; border-bottom-style: solid; padding: 0 10px 10px; font-size: 15px; line-height: 1.2em; text-align: center; color: white; height: 30px;}
	#header_ul_recruit>li:first-child>a>span{ border-bottom-color: #0088d2; color:black;}
	#header_ul_recruit>li:last-child>a>span{ border-bottom-color: white;}
}


/* ロゴ部分 */
@media (min-width: 890px) {
	/*header>h1>a::after{ content: ""; background: url("../../../common/images/anniversaary_130.svg") no-repeat center; background-size: contain; display:  block; position: absolute;}*/
	header>h1>a::after{ width: 55px; height: 55px; right: -62px; top: 1px;}	
	header{ width: 180px; height: 64px; left: 10px; top: 0; transition: .3s; transform-origin: 0 center;}
	header span{ display: block; text-align: center; font-size: 14px; margin-top: -5px; font-weight: bold; letter-spacing: 0.5px; color: #4c4948;}
}
@media (min-width: 890px) and (max-width: 1080px){
	header>h1>a::after{ width: 45px; height: 45px; right: -52px; top: 5px;}	
	header{ width: 150px; height: 54px; left: 10px; top: 10px; transition: .3s; transform-origin: 0 center;}
	header span{ display: block; text-align: center; font-size: 11px; margin-top: -2px; font-weight: bold; letter-spacing: 0.5px; color: #4c4948;}
}
@media (max-width: 889.98px) {
	/*header>h1>a::after{ content: ""; background: url("../../../common/images/anniversaary_130.svg") no-repeat center; background-size: contain; display:  block; position: absolute;}*/
	header{ width: 150px; height: 32px; left: 10px; top: 0; transition: .3s; transform-origin: 0 center}
	header>h1>a::after{ width: 60px; height: 60px; right: -61px; top: -4px; background-size: 41px 41px;}
	header span{ display: block; text-align: center; font-size: 12px; margin-top: -5px; font-weight: bold; letter-spacing: 0.5px; color: #4c4948;}
}
@media (max-width: 340px){
	header{ width: 119px; height: 25.5px; left: 10px; top: 7px;}
	header>h1>a::after{ width: 32.5px; height: 32.5px; right: -41px; top: -2.5px; background-size: 32.5px 32.5px;}
	header span{ display: block; text-align: center; font-size: 12px; margin-top: -5px; font-weight: bold; letter-spacing: 0.5px; color: #4c4948;}
}


/* エントリーボタン */
@media (min-width: 890px) {
	.entry_box{ position: fixed; margin: 0; padding: 0; z-index: 90; right: 0; width: 68px; height: 90px; background-color: #276dc3; font-weight: bold; top: 0; font-size: 12px; text-align: center;}
	.entry_box a{ color: #fff; position: relative; display: inline-block; width: 68px; height: 90px; padding: 20px 0;}
	.entry_box a::after{ content: ""; display: inline-block; width: 20px; height: 30px; background-image: url(../../../common/images/icon/arrow2.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: 45px; left: 23px;}
	.entry_box:hover{ background-color: #276dc3; text-decoration: none; opacity: 0.9;}
	.entry_box:hover a{ color: #fff; text-decoration: none;}
}
@media (max-width: 889.98px) {
	.entry_box{ display: none;}
}


@media (min-width: 768px){
    .btn_box{ background-color: rgba(0,0,0,0.80); position: absolute; right: 0; top: 90px; width: 210px; visibility: hidden; opacity: 0; text-align: left; transition: .3s; font-size: 14px;}
    .btn_box a{ display: block; width: 100%; height: 50px; padding: 15px 12px;}
    .entry_box a{ color: #fff!important;}
    .entry_box:hover .btn_box{ visibility: visible; opacity: 1;}
    .entry_box:hover .btn_box a:hover{ opacity: 0.8;}
    .entry_box .btn_box a::after { right: 8px; left: auto; top: 18px; width: 15px;}
}
@media (max-width: 767.98px){
    .btn_box{ display: none;}
}


@media (min-width: 768px){
    .bottom_link{ position: fixed; bottom: 0; right: 0; z-index: 100; display: flex; transition: all 0.3s 0s ease-in-out;}
	.bottom_link>div:first-child{ background-color: #ff7b21; color: #fff; width: 250px; height: 60px; margin: 0 10px 0 0;}
	.bottom_link>div:last-child{ /*background-color: #276dc3;*/ background-color: #aaa; color: #fff; width: 250px; height: 60px;}
	.bottom_link>div{ padding: 5px;}
	.bottom_link>div a{ color: #fff; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; width: 240px; height: 50px; flex-direction: column;}
	.bottom_link>div span{ background-color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 30px; font-size: 13px; font-weight: bold; width: 90px; height: 15px; padding: 1px 0 0 0; margin: 2px 0;}
	.bottom_link>div:first-child span{ color: #ff7b21;}
	.bottom_link>div:last-child span{ color: #aaa;}
	.bottom_link>div a:hover{ text-decoration: none;}
	.bottom_link>div:hover{ opacity: 0.85;}
	.is-hidden { visibility: hidden; opacity: 0;}
	
	#copy { padding: 25px 0; height: 60px;}
}
@media (max-width: 767.98px){
	.bottom_link{ display: none;}
}


@media (min-width: 768px){
	.page_lead{ text-align: center; margin: 70px auto; position: relative;}
	.page_lead .page_lead_text{ font-size: 27px; font-weight: bold; letter-spacing: 1px; border-bottom: 2px solid #195eb3; padding: 0 15px 10px; display: inline-block; margin: 0 auto 63px; position: relative;}
	.page_lead .page_lead_text>img{ position: absolute; bottom: -30px; width: 110px; left: calc(50% - 55px);}
	.page_lead .page_lead_text span img{ width: 300px;}
	.page_lead p{ font-size: 18px; line-height: 2.0;}
}
@media (max-width: 767.98px){
	.page_lead{ text-align: center; margin: 40px auto; position: relative;}
	.page_lead .page_lead_text{ font-size: 20px; font-weight: bold; border-bottom: 2px solid #195eb3; padding: 0 10px 8px; display: inline-block; margin: 0 auto 55px; position: relative;}
	.page_lead .page_lead_text>img{ position: absolute; bottom: -30px; width: 90px; left: calc(50% - 45px);}
	.page_lead .page_lead_text span img{ width: 220px;}
	.page_lead p{ font-size: 14px; line-height: 1.6;}
}