@charset "UTF-8";

/*
	Theme Name: MR_design
	Description: Easy and Simple theme by <a href="http://webdesignrecipes.com/">Web Design Recipes</a>. WordPressを参考にしたテンプレート。
	Theme URI: http://webdesignrecipes.com/first-time-wordpress-origin-theme/
	Author: 株式会社MarketRiver
	Author URI: https://www.market-river.co.jp/
	Version: 0.0.1
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/




/****************************************

          General Setting

*****************************************/


html {
 font-family: sans-serif;
  -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}

body {
	margin:0;
	color: #333;
	font-family: a-otf-gothic-mb101-pr6n,YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.75;
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	overflow-x:hidden;
}
.main{flex:1;}



/****************************************

          エフェクト

<div class="bgextend bgLRextend"><span class="bgappear">背景色が伸びて出現<br>（左から）</span></div>
<div class="bgextend bgRLextend"><span class="bgappear">背景色が伸びて出現<br>（右から）</span></div>
<div class="bgextend bgDUextend"><span class="bgappear">背景色が伸びて出現<br>（下から）</span></div>
<div class="bgextend bgUDextend"><span class="bgappear">背景色が伸びて出現<br>（上から）</span></div>

*****************************************/


/*========= 背景色の動きのCSS ===============*/

/*背景色が伸びて出現 共通*/
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;/*　はみ出た色要素を隠す　*/
	opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

/*--------- 左から --------*/
.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

/*--------- 右から --------*/
.bgRLextend::before{
	animation-name:bgRLextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgRLextendAnime{
	0% {
		transform-origin:right;
		transform:scaleX(0);
	}
	50% {
		transform-origin:right;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:left;
	}
	100% {
		transform-origin:left;
		transform:scaleX(0);
	}
}

/*--------- 下から --------*/
.bgDUextend::before{
	animation-name:bgDUextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgDUextendAnime{
	0% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
	50% {
		transform-origin:bottom;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:top;
	}
	100% {
		transform-origin:top;
		transform:scaleY(0);
	}
}

/*--------- 上から --------*/
.bgUDextend::before{
	animation-name:bgUDextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}

@keyframes bgUDextendAnime{
	0% {
		transform-origin:top;
		transform:scaleY(0);
	}
	50% {
		transform-origin:top;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:bottom;
	}
	100% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
}



/****************************************

          レイアウト

*****************************************/



.header_in,
.nav_in,
.top_in,	
.footer_in{

}

	.single .main,
	.archive .main{
		max-width: 1100px;
		margin-right: auto;
		margin-left: auto;		
		display:flex;
		-webkit-flex-wrap: wrap; 
		-ms-flex-wrap    : wrap;
		flex-wrap        : wrap;	
	}
.post_wrap{width: 68%;}
.side_wrap{width: 28%;}














/****************************************

          Typography

*****************************************/

*{box-sizing:border-box;}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	position: relative;
}

h1 {
	margin-bottom: 10px;
	font-size: 240%;
}

p {  
	margin: 15px 0 ;
	padding: 0;
}

blockquote{
	margin: 15px 10px;
    padding:15px;
	border-left: 15px solid #ddd;
    background-color:#F5F5F5;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

figure{margin: 0;}

/*画像・埋め込みコンテンツ*/
img {
 max-width: 100%;
 height: auto;
 border: 0;
 vertical-align: middle;
}
svg:not(:root) {
 overflow: hidden;
}
iframe {
 max-width: 100%;
 vertical-align: bottom;
}
figure {
 margin: 0;
}
video {
 max-width: 100%;
 height: auto;
 border: 0;
 vertical-align: middle;
}
/****************************************

          Link

*****************************************/

a {
	border-bottom: 1px solid #81b8ff;
	color: #81b8ff;
	text-decoration: none;
	border:none;
        -webkit-transition: all 3.s;
        transition: all .3s;	
}

a:hover {
	color: #81b8ff;
}


/****************************************

          ヘッダー

*****************************************/

body{position:relative;}
.header{
	width:100%;
	z-index:9000;
	display:flex;
	flex-direction:space-between;
	position:absolute;
	top:0;
	left:0;
	border-bottom:3px solid #ddd;
	padding-bottom:1rem;
}


.header_in{
	flex:1;
}


.logo {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	margin-left:1rem;
}
.logo img{
width:260px;
}	


	

/****************************************

          ナビゲーション

*****************************************/



.nav{
flex:4;
}
	
#toggle {display: none;}

	
.nav_in{
	display: block;
}

.nav_in .nav_menu{
	display:flex;
	gap:0 4rem;
	justify-content: flex-end;
	align-items:center;

}

.nav_in .nav_menu li{
	position:relative;
	font-family: fot-matisse-pron, sans-serif;
    font-size:16px;
    font-weight:bold;
	margin:2.5rem 0 0;
	text-align:center;
	text-shadow: #333 2px 0 10px;
}
.nav_in .nav_menu li:first-child{
	margin-top:1rem;
}
.nav_in .nav_menu li:last-child{
	margin-top:1rem;
	margin-right:1rem;
}
.nav_in .nav_menu span{
	position:absolute;
	width:100%;
	top:-1.8rem;
	left:50%;
	transform:translatex(-50%);
	font-family: a-otf-ryumin-pr6n, serif;
	border-bottom:1px solid #ddd;

}
	
.nav_in .nav_menu a{
	display:block;
	color:#fff;
	text-align:center;
  -webkit-transition: all .7s;
  transition: all .7s;
	}
	
.nav_in .nav_menu a:hover{
  color: #bebebe;
}
	

.nav_in .nav_menu .btn_contact{
  background-color: red;
  border: 2px solid red;
  color: #fff;
	border-radius:36px;
		padding:5px 35px;
	text-shadow:none;
}
.nav_in .nav_menu .btn_contact:hover {
  background-color: #fff;
  border-color: red;
  color: red;
}





/****************************************

         パン屑

*****************************************/





.breadcrumb{
	overflow: hidden;
        margin:30px 5px;
}

.breadcrumb a{
border:none;
color:#333;
}

.breadcrumb li{
	float: left;
	margin-right: 5px;
    font-size:14px;
}	
	



/****************************************

          メインコンテンツ

*****************************************/

.top_in,
.page_in,
.post_in{padding:0 15px;}


/**************************
共通
**************************/

.h_design01{
	font-family: fot-matisse-pron, sans-serif;
	position:relative;
	text-align:center;
	padding:1rem 0 1rem;
	font-weight:bold;
	z-index:5;
}
.h_design01 span{
	font-family: Yu Gothic, sans-serif;
	font-size:3rem;
	color:#103b8b;
	position:absolute;
	top:-2.5rem;
	left:50%;
	transform:translatex(-50%);
	font-weight:bold;
}

.h_design02{
	font-family: fot-matisse-pron, sans-serif;	
	position:relative;
	text-align:center;
	padding:2rem 0 1rem;
	font-weight:bold;
	font-size:1.6rem;
}

.h_design02 span{
	font-family: bickham-script-pro-3, sans-serif;;
	font-size:5vw;
	color:#103b8b;
	width:100vw;
	position:absolute;
	top:-5vw;
	left:50%;
	transform:translatex(-50%);
	font-weight:bold;
}

.h_design03{
	font-size:5vw;
	color:#103b8b;
	font-weight:bold;
	text-align:center;
	font-family: YuGothic,'Yu Gothic';
}
.h_about{
	text-align:right;
	padding:1rem 3vw;
	font-size:5vw;
	color:#103b8b;
	font-weight:bold;
	font-family: YuGothic,'Yu Gothic';
	opacity:0.6;
}
.h_work{
	margin-top:7vw;
	margin-bottom:0;
	font-size:5vw;
	color:#103b8b;
	font-weight:bold;
	text-align:center;
	font-family: YuGothic,'Yu Gothic';
}


.img_title01{

	margin:2rem auto 1rem ;
	position:relative;
}
.img_title01 img{
	width:100%;
	object-fit:cover;
}
.img_title01 p{
	width:100%;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	background:rgba(0,142,209,0.6);
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	padding:10px;
}






/**************************
トップコンテンツ
**************************/

.about .top_in,
.company .top_in,
.access .top_in{
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
}

/*動画*/

.top_mov{
	position:relative;
	height:100vh;
	overflow:hidden;
}


.video_link{
	position:absolute;
	right:0;
	bottom:20%;
}

.video_link li{
	margin:3rem 0;
}

.video_link li a{
	background:orange;
	color:#fff;
	font-weight:bold;
	padding:1rem;
	font-weight:bold;
	border-radius:16px 0 0 16px;
	border:2px solid #fff;
}
.video_link li:last-child a{
	background:blue;
}

.video_link li a:hover{
	background:#ddd;
	color:#000;
}


/*アバウト*/

.about{
	background:#daf0fc;
	margin-top:5rem;
	padding-bottom:2rem;
}

/*カンパニー*/


.company{

	background:#daf0fc;
	margin-top:5rem;
	padding-bottom:2rem;
}

/*リクルート*/


.recruit{
	border-top:3rem solid #daf0fc;	
	overflow:hidden;
	height:30vw;
	background-image:url(/img/img04.png);
	background-size:cover;
	margin-top:5rem;
	padding-bottom:2rem;
	position:relative;
}

.recruit .top_in{
	width:100%;
	position:absolute;
	top:70%;
	transform:translatey(-70%);
	padding:0;
}


.recruit h2{
	position:relative;
	background:rgba(0,142,209,0.6);
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:2rem;
	padding:10px;
}
.recruit h2 span{
	font-family: a-otf-ryumin-pr6n, serif;
	position:absolute;
	top:-7vw;
	left:50%;
	transform:translatex(-50%);
	text-align:center;
	color:rgba(0,141,208,1);
	font-weight:bold;
	font-size:6vw;
}



.btn_recruit {
  background-color: #1b449a;
  border: 3px solid #fff;
  color: #fff;
	font-size:2vw;
	padding:1rem 5vw;
}
.btn_recruit:hover {
  background-color: #fff;
  border-color: #1b449a;
  color: #1b449a;
}


.access{
	border-top:3rem solid #daf0fc;
	overflow:hidden;
	background:#103b8b;
	color:#fff;
}

.access h2{
	text-align:center;
	font-size:2.6rem;
}
.access_box{margin-bottom:3rem;}
.access_box p{
	font-size:14px;
	line-height:1.5;
	margin:0;
}


	/*CSR*/
	
	.h_csr{
	margin-top:7vw;
	margin-bottom:0;
	font-size:5vw;
	color:#103b8b;
	font-weight:bold;
	text-align:center;
	font-family: YuGothic,'Yu Gothic';
	}	

.csr_wrap_body{
	padding-top:3rem;
		background-color:#daf0fc;
}

.csr_wrap_body .page_in{
background:#fff;
	padding:1rem 3rem;
}
.csr_box01{
	font-size:20px;
	font-weight:bold;
	padding:1rem;
}

.csr_wrap_body{
	font-size:20px;
	padding-bottom:2rem;
}

.csr_wrap_body h2{
	margin-left:-6rem;
	margin-top:2rem;
	color:#fff;
	font-weight:bold;
	background:rgba(0,78,162,0.8);
	width:50%;
	padding-left:5rem;
	letter-spacing:5px;
}

.csr_wrap_body h3{
	border-bottom:2px solid #ddd;
	padding:1rem 5px;
	font-weight:bold;
}
.csr_wrap_body h3 span{
	color:rgba(0,78,162,0.8);
}

.csr_box02{
	border-left:3px solid #ddd;
	margin-top:3rem;
	margin-left:3rem;
	margin-bottom:5rem;
	padding-left:3rem;
}

.csr_label01{
	padding:10px 25px;
	font-weight:bold;
  box-shadow: 6px 6px  #95bed3;	
	border-radius:16px;
}

/**************************
ポストコンテンツ
**************************/


.post_meta{padding: 10px;background:#f5f5f5;font-size:12px;font-weight:bold;}
.post_meta a{color:#333}

.post_footer{}
.post_footer a{color:#333;}
.post_footer p.category{background-color:#F5F5F5;margin:5px;padding:15px;font-size:12px;font-weight:bold;}


/**************************
ページコンテンツ
**************************/

.page_in{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}




/*about　アバウト*/

.img_title_about{
	position:relative;
	height:100vh;
	background-image:url(/img/about_img01.png);
	background-size:cover;
	background-position:50% 65%;
	background-repeat:no-repeat;
	font-family: a-otf-ryumin-pr6n, serif;
}

.img_title_about_box{
	position:absolute;
	top:20vw;
	left:50%;
	transform:translatex(-50%);
}
.img_title_about_box p{
text-align:center;
	font-size:1.2rem;
	font-weight:bold;
}


.gereeting{
	position:relative;
	padding-top:5rem;
	padding-bottom:6rem;
}
.gereeting:before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50vh;
	content:'';
	background-color:#daf0fc;
	z-index:-1;
}


.history{
	position:relative;
	padding-top:5rem;
	padding-bottom:6rem;
}

.history:before{
	position:absolute;
	bottom:0;
	left:0;
	width:10vw;
	height:90vw;
	content:'';
	background-color:#daf0fc;
	z-index:-1;
}
.history:after{
	position:absolute;
	bottom:0;
	right:0;
	width:10vw;
	height:90vw;
	content:'';
	background-color:#daf0fc;
	z-index:-1;
}

.history_in{
	padding-top:5rem;
}


/*ワーク　WORK*/

.work_box01{
	background:#F9F3E0;
	padding-bottom:3rem;
}

.img_title03{position:relative;}
.img_title03_box{
	position:absolute;
	top:50%;
	left:0;
	transform:translatey(-50%);
	background-color:rgba(0,78,162,0.7);
	width:50%;

}
.work_box02 .img_title03_box{
	position:absolute;
	top:50%;
	right:0;
	left:auto;
}



.img_title03_box_in{
	position:relative;
	display:flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: center;
	color:#fff;
	justify-content:flex-end;
	gap:3rem;
	padding: 1rem;
}

.work_box02 .img_title03_box_in{
	justify-content:center;
}


.img_title03_tag{
	position:absolute;
	top:30%;
	transform:translatey(-30%);
	left:0;
	background-color:rgba(0,78,162,1.0);
	color:#fff;
	margin:0;
	padding:15px;
	padding-left:2rem;	
	line-height:1;
	display:inline-block;
	font-size:1.5vw;	
}




.img_title03_h{
	font-size:2vw;
	text-align:center;
}

.img_title03_icon i{
	text-align:center;
	cursor:pointer;font-size:10vw;	
}

.current{
	display:none;
	transition: 5.0s ;
}


.work_box02{
	padding-top:5rem;
	background:#daf0fc;
	padding-bottom:5rem;
}

.work_box01 .page_in,
.work_box02 .page_in{font-size:20px;}
.work_box_p_t{padding-top:5rem;}

.work_corporate{
	overflow:hidden;
	position:relative;
	padding-top:10vw;padding-bottom:5vw;
}
.work_corporate:before,
.work_corporate:after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	background:#F9F3E0;
	height:100vw;
	width:10vw;
	z-index:5;
}
.work_corporate:after{left:auto;right:0;}


/* RECRUIT　*/

.h_recruit{
	text-align:center;
	position:relative;
	margin:5vw 0 -1vw;
	color:#103b8b;
	font-weight:bold;
	font-size:5rem;
	font-family: 'Yu Gothic', sans-serif;
	z-index:100;
}
.h_recruit span{
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	bottom:-2vw;
	background:#103b8b;
	color:#fff;
	border:2px solid #fff;
	font-size:2rem;
	padding:5px 3rem;
}

.recruit_page_head{
	position:relative;
	background:url(/img/recruit_head_img.png);
	height:75vh;
	background-size:100%;
}


.recruit_page_head p{
	position:absolute;
	top:65%;
	left:50%;
	transform:translate(-50%,-65%);
	color:#fff;
	text-align:center;
	line-height:2.2;
	font-size:2.2vw;
	font-weight:bold;
	width:1000px;
}

.recruit_page_head_text01{
		padding:1vw 4vw;
	background: rgb(9,40,98);
background: linear-gradient(311deg, rgba(9,40,98,1) 18%, rgba(16,59,139,1) 80%);
}
.recruit_page_head_text02{
	font-size:1.8vw;
		padding:1vw 4vw;	
	background: rgb(4,24,121);
background: radial-gradient(circle, rgba(4,24,121,1) 0%, rgba(1,16,45,1) 100%);
}

.recruit_page_nav{
	padding:2vw 0 4vw;
	overflow:hidden;
	background-size: auto auto;
background-color: rgba(225, 243, 252, 1);
background-image: repeating-linear-gradient(110deg, transparent, transparent 10px, rgba(160, 214, 241, 1) 10px, rgba(160, 214, 241, 1) 20px );
}

.recruit_page_nav p{
	color:#1B449A;
	font-weight:bold;
	font-size:2.4vw;
	text-align:center;
}
.recruit_page_nav ul{
	margin-top:2rem;
	display:flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
	justify-content:space-between;
}
.recruit_page_nav li{
	width:30%;
	border:2px solid #ddd;
	padding:5px 15px;
	text-align:center;
	font-weight:bold;
	background:#fff;
	font-size:1.4rem;
}
.recruit_page_nav li a{
	color:#000;
}
.recruit_page_nav li a:hover{
	color:#103b8b;
}
.recruit_page_nav li:nth-child(1){background:#DAEDE1;}
.recruit_page_nav li:nth-child(2){background:#FFFBC2;}


.recruit_page_schedule{position:relative;margin-top:7vw;background:#CEE8E4;padding-bottom:5vw;}
.recruit_page_schedule h2{
	position:absolute;
	top:-3rem;
	left:50%;
	transform:translatex(-50%);
	background:#fff;
	padding:1rem;
	font-weight:bold;
	border-radius:26px;
	font-size:1.8rem;
	text-align:center;
	width:40%;
	margin:1rem auto 10vw;
}
.recruit_page_schedule .page_in{padding-top:5vw;}

.recruit_page_schedule h3{
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:15px;
	font-size:1.6rem;
}

.recruit_page_voice{position:relative;background:#8DCEC6;padding-bottom:5vw;}
.recruit_page_voice h2{
	position:absolute;
	top:-3rem;
	left:50%;
	transform:translatex(-50%);
	background:#85CBC5;
	padding:1rem;
	font-weight:bold;
	font-size:1.8rem;
	text-align:center;
	width:40%;
	margin:1rem auto 10vw;
	color:#fff;
}
.recruit_page_voice .page_in{padding-top:5vw;}


.box_voice01{position:relative;margin-top:3rem;	}
.box_voice01 h3{
	position:absolute;
	top:-1rem;
	left:1.5rem;
	background:#fff;border-radius: 30px;padding:15px 2rem;
margin:0;
	  border: 2px solid #d5d5d5;
	display:inline-block;
	z-index:100;
	color:#85CBC5;
	font-weight:bold;
}

/* 吹き出し本体の背景色用 */
.box_voice01 p {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 30px;
  padding: 3rem 16px 1.5rem;
  font-weight: bold;
  color: #000;
  border: 2px solid #d5d5d5;
  box-sizing: border-box;
}

/* 吹き出しのしっぽ：本体の背景色用 */
.box_voice01 p:before {
  content: "";
  position: absolute;
  bottom: -24px;
  right: 10%;
  transform: translateX(-10%);
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}


.recruit_page_welfare{position:relative;margin-top:7vw;background:#FEE8AF;padding-top:5vw;padding-bottom:5vw;}
.recruit_page_welfare h2{
	position:absolute;
	top:-3rem;
	left:50%;
	transform:translatex(-50%);
	background:#fff;
	padding:1rem;
	font-weight:bold;
	border-radius:26px;
	font-size:1.8rem;
	text-align:center;
	width:40%;
	margin:1rem auto 10vw;
}
.recruit_page_welfare .page_in{overflow:hidden;padding:5vw 10vw;background:#fff;}

.welfare_box{
margin-bottom:2rem;
	border-bottom:3px solid #ddd;
	padding:2rem 0;
}

.welfare_box h3{
	color:#E5772C;
	font-weight:bold;
	font-size:2rem;
}
.welfare_text{color:#000;font-size:1.6rem;margin-left:2rem;}
.welfare_num{
	margin-right:2rem;
	background:#E5772C;
	padding:1rem 2rem;
	color:#fff;
	font-weight:bold;
	font-size:2rem;
line-height:0;
}


.welfare_img02{
	margin:1rem 1rem 1rem auto;
	position:relative;
	width:400px;
	z-index:1000;
}
.welfare_img02 span{
	z-index:-10;
	position:absolute;
	bottom:-2rem;
	left:-16rem;
	background:#FEE8AF;
	display:flex;
	justify-content:center;
	align-items:center;
	width:300px;
	height:240px;
	font-weight:bold;
	font-size:2.4rem;
	letter-spacing:20px;
}
.welfare_img02 span:after{
	content:'';
	z-index:-10;
	position:absolute;
	top:-10px;
	left:-10px;
	width:300px;
	height:240px;
	border:2px solid #E3C499;
}



.welfare_img03_01{
	margin:8rem auto 1rem 1rem;
	position:relative;
	width:500px;
	z-index:1000;
}
.welfare_img03_01 span{
	z-index:-10;
	position:absolute;
	top:-2rem;
	right:-18rem;
	background:#FEE8AF;
	display:flex;
	justify-content:center;
	align-items:center;
	width:300px;
	height:240px;
	font-weight:bold;
	font-size:1.8rem;
	letter-spacing:10px;
}
.welfare_img03_01 .welfare_img03_01_f10px{
	position:absolute;
	top:65%;
	width:85%;
	left:50%;
	transform:translatey(-65%);
	transform:translatex(-50%);
	font-size:10px;	
}



.welfare_img03_01 span:after{
	content:'';
	z-index:-10;
	position:absolute;
	top:-10px;
	left:-10px;
	width:300px;
	height:240px;
	border:2px solid #E3C499;
}


.welfare_img03_02{
	margin:8rem 1rem 1rem auto;
	position:relative;
	width:500px;
	z-index:1000;
}
.welfare_img03_02 span{
	z-index:-10;
	position:absolute;
	top:-2rem;
	left:-18rem;
	background:#FEE8AF;
	display:flex;
	justify-content:center;
	align-items:center;
	width:300px;
	height:240px;
	font-weight:bold;
	font-size:1.8rem;
	letter-spacing:10px;
}
.welfare_img03_02 span:after{
	content:'';
	z-index:-10;
	position:absolute;
	top:-10px;
	left:-10px;
	width:300px;
	height:240px;
	border:2px solid #E3C499;
}



.recruit_page_flow{position:relative;margin-top:7vw;background:#D6EEFB;padding-bottom:5vw;}
.recruit_page_flow h2{
	position:absolute;
	top:-3rem;
	left:50%;
	transform:translatex(-50%);
	background:#fff;
	padding:1rem;
	font-weight:bold;
	border-radius:26px;
	font-size:1.8rem;
	text-align:center;
	width:40%;
	margin:1rem auto 10vw;
}
.recruit_page_flow .page_in{padding-top:5vw;}


.recruit_flow_box{
	background:#88D0F4;
	display:flex;
	margin:7rem 0;
	padding:1.5rem 5px;
	position:relative;	
}
.recruit_flow_box:after{
	content:'';
	background-image:url(/img/arrow01.svg);
	background-size:50px;
	background-repeat:no-repeat;
	position:absolute;
	bottom:-6rem;
	left:50%;
	transform:translatex(-50%);
	width:80px;
	height:80px;
}
.recruit_flow_box:last-child::after{
display:none;
}
.recruit_flow_box h3{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	line-height:1.2;
	color:#fff;
	font-size:2.4rem;
	font-weight:bold;
	flex:1;
}

.recruit_flow_box_in{

	flex:3;
	background:#fff;
	padding:15px;
	color:#000;
}

.recruit_flow_box_in h4{
	font-weight:bold;
	color:#4298D4;
	font-size:2vw;
	margin:0;
}
.recruit_flow_box_in p{font-size:20px;}
.recruit_flow_icon{
	display:flex;
	justify-content:center;
	align-items:center;
	flex:1;
	color:#fff;
}

.form_wrap{
	margin-top:260px;
	position:relative;
	background:#D8EFFC;
}
.form_wrap .page_in{
	padding:3rem 15px;
}
.form_wrap h2{
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	top:-5vw;
	background:#103b8b;
	color:#fff;
	border:2px solid #fff;
	font-size:2rem;
	padding:5px 3rem;
}


/****************************************

          アーカイブ

*****************************************/

.archive h1{}
.archive article{}
.archive figure{}
.archive h2{}



/****************************************

ページネーション

*****************************************/

.pagenation ul{
display:flex;
color:#fff;
-webkit-justify-content: center; /* Safari */
justify-content:center;
margin-top:2rem;
}

.pagenation li{
position:relative;
margin-left:5px;
}

.pagenation .active{color:#fff;display:block;padding:3px 10px;background-color:#000;}
.pagenation a{color:#fff;display:block;padding:3px 10px;background-color:#000;  -webkit-transition: all .3s;transition: all .3s;}
.pagenation a:hover{background-color:#ddd;padding:3px 10px;color:#000;}

.pagenation li:first-child{margin-left:0;}



/****************************************

          サイドバー

*****************************************/

.side_wrap{margin-bottom:60px;}

.side_wrap a{
  color:#737373;
  -webkit-transition: all .2s;
  transition: all .2s;
	}
	
.side_wrap  a:hover{letter-spacing: 2px;}


.widgettitle{
background-color:#292929;
color:#fff;
margin:0;
padding:5px;
font-weight:bold;
font-size:16px;
}


.widget{

    overflow: hidden;
	margin-bottom: 30px;
    background-color:#fff;
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}



.widget ul{margin:10px;}
.widget li{margin:5px 0;border-bottom:1px dotted #DDDDDD;}
.widget li:last-child{border: none;}
.widget li:before{font-family: FontAwesome;content: "\f054";color:#f5f5f5;margin-right:5px;}




/****************************************

          フッター

*****************************************/

.footer {
    background-color:#fff;
	color: #000;
}

.footer a{color:#000;}

.footer_in{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:30px;
}


.footer_add p{margin:0;font-size:14px;}
.footer_iso{width:100px;}

.footer .copyright{
	overflow:hidden;
	margin:0;
	background:#103b8b;
	padding:10px;
	font-size: 14px;
	text-align: right;
	color:#fff;
}

/*トップへ戻るボタン*/
.topBtn {
  position:fixed; /*固定*/
  bottom:0; /*場所を右下に移動*/
  right:0; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:#d7b53c;
  color:#333;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:66px;
  height:66px;
  text-align:center;
  line-height:22px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  font-family: FontAwesome;
  content: "\f077";
  position:absolute;
  top:30%;
  left:0;
  width:100%;
  text-align:center;
  font-size:36px;

}
.topBtn:hover {
  opacity:0.7;
}




/****************************************

共通

*****************************************/


/**************************
テーブル
**************************/

table{
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
}

table{
	width: 100%;
	margin: 1em auto;
	padding: 0;
	border-top: 1px solid #ECEEF1;
	border-left: 1px solid #ECEEF1;
    table-layout:fixed;
}

th,
td{
	padding: 10px;
	border-right: 1px solid #ECEEF1;
	border-bottom: 1px solid #ECEEF1;
}

th,
thead,
.thead{background-color:#f5f5f5;font-weight:bold;}



.table_design02{display:flex;justify-content:center;font-size:20px;font-weight:1.5;}
.table_design02 table{border:none;}
.table_design02 th,.table_design02 td{border:none;}
.table_design02 th:first-child,.table_design02 td:first-child{font-size:20px;}

.table_design002 th:first-child,.table_design002 td:first-child{vertical-align:top;}


.table_design03 table{border:none;font-size:1.2rem;font-weight:bold;position:relative;z-index:10;background:#fff;}
.table_design03 td{border:none;border-top:3px solid #ddd;padding:2rem 1rem;}
.table_design03 td:first-child{width:25%;background:#F9F3E0;text-align:center;padding:2rem;}
.table_design03 tr:last-child td{border-bottom:3px solid #ddd;}


.table_design04{display:flex;justify-content:center;font-size:20px;font-weight:1.5;}
.table_design04 table{border-radius:16px;background:#fff;}
.table_design04 th,.table_design04 td{width:30%;padding:1rem;}
.table_design04 tr:first-child th,.table_design04 tr:first-child td{border-radius:16px 0 0 0;}
.table_design04 tr:last-child th,.table_design04 tr:last-child td{border-radius:0 0 0 16px;}

/****************************************

          お問い合わせフォーム

*****************************************/


input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] ,
.wpcf7 input[type="url"],
.wpcf7 select,
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
}

.wpcf7 input[type="submit"]{
	display: table;
	letter-spacing:3px;
	cursor: pointer;
background: rgb(88,136,251);
background: radial-gradient(circle, rgba(88,136,251,1) 0%, rgba(0,17,153,1) 100%);
	color:#fff;
	border:2px solid #ddd;
	font-size:1.6rem;
	padding:1rem 3rem;
	margin:1rem auto;

}

.wpcf7 input[type="submit"]:hover {background-color:#333;color:#f5f5f5;}

.form-width{max-width: 100%;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


.hissu{background:#1B449A;color:#fff;font-size:10px;padding:1px 10px;display:inline-block;overflow:hidden;margin:0 15px -2px;}

/****************************************

          WordPress Misc

*****************************************/

.aligncenter{display:block;margin-right:auto;margin-left:auto;}
.alignleft {float: left;}.alignright {float: right;}
.wp-caption {margin: 10px;padding-top: 4px;border: 1px solid #ddd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #f3f3f3;text-align: center;}
.wp-caption-text,.gallery-caption{font-size: 80%;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption-dd {margin: 0;padding: 0 4px 5px;font-size: 11px;line-height: 17px;}
img.alignright {display: inline-block;margin: 0 0 0.5em 1em;}
img.alignleft {display: inline-block;margin: 0 1em 0.5em 0;}







/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ココからタブレットデザインtabu
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	/*
	# 記事一覧
	*/

@media (max-width : 1025px){

	.top_mov{height:auto;}


.header_in,
.nav_in{overflow:hidden;}	
	

	.h_csr{
		margin-top:7rem;
	}
	
	
	
}



@media (max-width : 820px){

.header{
	display:block;
	border-bottom:none;
}	

.main{overflow:hidden;}
	
.nav_in{
	display: none;
	position: fixed;
	background:rgba(16, 59, 139,0.9);
	top:0;
	width:100%;
	height:100%;
	z-index: 1000;
	padding-top:5em;
	overflow-y: scroll;
}
.header_in,

.nav_in a{color:#fff;}


#toggle {
		position:fixed;
		display: block;
		width: 60px;
		height: 60px;
	padding:18px 10px;
	overflow:hidden;
		top:0px;
        right:0;
		z-index: 9000;
	background:#fff;
}

.toggle_in{
		position: relative;
		z-index: 9000;
}

	#toggle span{
		display: block;
		height: 3px;
		background: #333;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#toggle span:nth-child(1){top:0px;}
	#toggle span:nth-child(2){top:10px;}
	#toggle span:nth-child(3){top:20px;}


    .toggle_open{position:;}

	.toggle_open #toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.toggle_open #toggle span:nth-child(2) {width: 0;left: 50%;}
		.toggle_open #toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

.nav_menu{display:flex;flex-direction:column;padding:5vw;justify-content:center;}
.nav_menu li{width:auto;padding:10px;margin:25px auto;}
	.nav_in .nav_menu span{border:none;top:-1rem;}
	.nav_in .nav_menu li:last-child	{margin:2rem 0;}
	
	
.work_corporate:before,
.work_corporate:after{
display:none;
}	
	
.recruit{height:40vw;}		

.recruit_page_head{
	height:45vw;
	background-position:center;
	background-size:cover;
}	
	
.h_recruit span{bottom:-5vw;}	
	
.recruit_page_schedule h2{width:80%;}	
.recruit_page_welfare .page_in{overflow:hidden;padding:5vw 1rem;background:#fff;}	
.welfare_img03_01 span,
.welfare_img03_02 span,
.welfare_img02 span	{
	font-size:1.5rem;
	letter-spacing:3px;
}
	
	
	
	.video_link{
	position:absolute;
	right:0;
	bottom:10%;
}


	
	
	
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ココからスマホデザインsumaho
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	/*
	# 記事一覧
	*/

@media (max-width : 600px){




.header,
.main,
.nav,
.footer,
.bxslider
{
	width: 100%;
	display: block;
	overflow: hidden;
}

.header_in,
.nav_in,
.footer_in{
		margin-right: auto;
		margin-left: auto;
}






.breadcrumb{
	overflow: hidden;
        margin:10px 5px 0;
}

.breadcrumb a{
border:none;
color:#333;
}

.breadcrumb li{
	float: left;
	margin-right: 5px;
        font-size:12px;
}


#toggle {
		width: 40px;
		height: 40px;
	padding:8px 6px;
	overflow:hidden;
		top:0px;
        right:0;
		z-index: 9000;
	background:#fff;
}

.header_in .logo {
    margin:0 auto;
	text-align:center;
	width:100px;
}


.header{
	position:static;
	overflow:auto;
	display:block;
	border-bottom:none;
}	

	
	.video_link{
	position:absolute;
	right:0;
	bottom:3%;
}

.video_link li{
	margin:10px 0;
}

.video_link li a{
	background:orange;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	font-weight:bold;
	border-radius:16px 0 0 16px;
	border:2px solid #fff;
	font-size:12px;
}	
	
.about .top_in,
.company .top_in,
.access .top_in{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}	
	
.recruit{
	height:100vw;
	background-image:url(/img/img04.png);
	background-position:center;
}	
	
.recruit h2{
	font-size:1.2rem;
}	
.recruit h2 span{
	top:-14vw;	
	font-size:10vw;
}	
.btn_recruit {
	font-size:1rem;
}	
	
	
.access h2{
	text-align:center;
	font-size:1.6rem;
}
.access_box p{
	font-size:12px;
	line-height:1.5;
}	

.footer_in{flex-direction: column;}
.footer_add p{margin:0;font-size:12px;}
	.footer_logo{margin:2rem 0 0;}



	.img_title_about{overflow-y:hidden;}

	
	
	
.h_design02 span{font-size:12vw;top:-10vw;}
	
	.table_design04 td,.table_design04 th{display:block;width:100%;}	
	.table_design04 tr:first-child th,.table_design04 tr:first-child td{border-radius:0 0 0 0;}
.table_design04 tr:last-child th,.table_design04 tr:last-child td{border-radius:0 0 0 0;}

	/*work*/
	
	.h_work{
	margin-top:10vw;
	font-size:12vw;
	}
	
	.img_title03_box{
	width:90%;
	}
	.work_corporate:before,.work_corporate:after{display:none;}
	
	.table_design03 td,.table_design03 th{display:block;}
	.table_design03 th:first-child,.table_design03 td:first-child{width:100%;padding:5px;}
	/*about*/
	.table_design02 th:first-child,.table_design02 td:first-child{font-size:1rem;font-weight:bold;border-bottom:1px solid #ddd;}

	.table_design02 th,.table_design02 td{display:block;}

	.history:before{display:none;}

	.history:after{display:none;}

	.img_title_about_box{top:40vw;width:100%;padding:0 15px;}	
	.img_title_about_box p{text-align:left;font-size:1rem;}
	
	

	
/* RECRUIT　*/

.h_recruit{margin:3rem 0 -1vw;font-size:15vw;}
.h_recruit span{bottom:-3rem;font-size:1.5rem;width:80%;}	
	
.recruit_page_head{
	height:55vh;
	background-position:67% 50%;
	background-size:380%;
	background-repeat:no-repeat;
}


.recruit_page_head p{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:5vw;
}	
	
.recruit_page_nav p{
	color:#1B449A;
	font-weight:bold;
	font-size:5vw;
	text-align:center;
}	
	
.recruit_page_nav ul{
	margin-top:0;
	flex-direction:column;
}
.recruit_page_nav li{
	width:100%;
	margin:10px 0;
	font-size:1rem;
}	
	
	
.recruit_page_schedule{position:relative;margin-top:25vw;background:#CEE8E4;padding-bottom:15vw;}	
.recruit_page_schedule h2{
	font-size:5vw;
	width:80%;
}	
.recruit_page_schedule h3{
	margin-top:10vw;
	font-size:4vw;
}	
.recruit_page_schedule p{
	margin-top:10vw;
}		
	
.recruit_page_voice{position:relative;background:#8DCEC6;padding-bottom:5vw;}
.recruit_page_voice h2{font-size:1.2rem;margin:1rem auto 10vw;}
.recruit_page_voice .page_in{padding-top:5vw;}	
	
.box_voice01{position:relative;margin-top:3rem;	}

	
	
	
	
.recruit_page_welfare{position:relative;margin-top:20vw;background:#FEE8AF;padding-top:5vw;padding-bottom:25vw;}
.recruit_page_welfare h2{font-size:1.8rem;width:70%;}
.recruit_page_welfare .page_in{overflow:hidden;padding:5vw 10vw;background:#fff;}	
	
	
	.welfare_box h3{
	color:#E5772C;
	font-weight:bold;
	font-size:2rem;
}
.welfare_text{display:block;color:#000;font-size:18px;margin-left:0;}
.welfare_num{display:block;margin-right:0;padding:1rem;text-align:center;font-size:1.5rem;margin-bottom:2rem;}
	
	
.welfare_img02{margin:0;width:100%;}	
.welfare_img02 span{
	position:relative;
	display:block;
	text-align:center;
	bottom:auto;
	left:auto;
	background:#FEE8AF;
	width:100%;
	height:auto;
	padding:1rem;
	font-size:1.5rem;
	letter-spacing:5px;
}	
	.welfare_img02 span:after{display:none;}	
	
	
	
	.welfare_img03_01{margin:10px 0;width:100%;}	
.welfare_img03_01 span{
	position:relative;
	display:block;
	text-align:center;
	top:auto;
	right:auto;
	background:#FEE8AF;
	width:100%;
	height:auto;
	padding:1rem;
	font-size:1.5rem;
	letter-spacing:5px;
}
.welfare_img03_01 span:after{display:none;}


.welfare_img03_02{margin:10px 0;width:100%;}	
.welfare_img03_02 span{
	position:relative;
	display:block;
	text-align:center;
	top:auto;
	left:auto;
	background:#FEE8AF;
	width:100%;
	height:auto;
	padding:1rem;
	font-size:1.5rem;
	letter-spacing:5px;
}
.welfare_img03_02 span:after{display:none;}

	
.recruit_page_flow{position:relative;margin-top:20vw;background:#D6EEFB;padding-bottom:5vw;}
.recruit_page_flow h2{
	font-size:1.8rem;
	width:80%;
}	
	
	
	
.recruit_flow_box{flex-direction:column;}
.recruit_flow_box h4{font-size:1.6rem;}	
	
	
	
.form_wrap{
	margin-top:35vw;
}

.form_wrap h2{
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	top:-15vw;
	width:80%;
	background:#103b8b;
	color:#fff;
	border:2px solid #fff;
	font-size:1.8rem;
	padding:5px 1rem;
	text-align:center;
}	
	
	
	
	
	
	
	.contact_wrap .h_design03{
		margin-top:10vw;
		font-size:10vw;
	}
	
.csr_wrap_body .page_in {
    background: #fff;
    padding: 1rem 15px;
}	

	.h_csr{
		font-size:3rem;
	}	
	
.csr_wrap_body h2 {
	display:block;
    margin-left:0;
    margin-top: 2rem;
    color: #fff;
    font-weight: 700;
    background: rgba(0,78,162,.8);
    padding-left:0;
	width:100%;
    letter-spacing: 5px;
	text-align:center;
}	
	
	.csr_box02 {
    border-left:none;
    margin-top: rem;
    margin-left: 0;
    margin-bottom: 5rem;
    padding-left: 0;
}
	

}