
/* CSS Document */

/*==================================================================

	box

==================================================================*/



.inner-01,
.inner-02,
.inner-03,
.inner-04{
	min-width:1080px;
	max-width:1200px;
}
.inner-01,
.inner-02,
.inner-03,
.inner-04,
.inner-05,
.inner-06,
.inner-07,
.inner-08{
	padding:0 6rem;
}


.inner-01{
	position:relative;
	margin:0 auto 25.0rem;

}
.inner-02{
	position:relative;
	margin:0 auto;
}
.inner-03{
	position:relative;
	margin:0 auto 22.0rem;

}
.inner-04{
	position:relative;
	margin:0 auto 12.4rem;
}
.inner-05{
	position:relative;
	width:880px;
	margin:0 auto 25.0rem;
}
.inner-06{
	position:relative;
	width:800px;
	margin:0 auto 25.0rem;
}
.inner-07{
	position:relative;
	width:760px;
	margin:0 auto 10.0rem;
}
.inner-08{
	position:relative;
	width:584px;
	margin:0 auto 16.0rem;
}
.text-01 {
	position:relative;
	margin-bottom:5.0rem;
}
.text-01 p {
	margin-bottom:1em;
}
.text-01:last-child{
	margin-bottom:0;
}
.text-01 p:last-child{
	margin-bottom:0;
}

/*==================================================================

	タイトル

==================================================================*/



h3.h_title-01 {
	position: relative;
    margin-bottom: 1.8rem;
	color: #286BC1;
}
.layout-01 h3.h_title-01 {
    margin-bottom: 2.2rem;
}
	

/* 日本語 */
h3 .h_title-01_ja{
	position:relative;
	top:-1px;

	line-height: 1.5;
	font-size: 1.5rem;
	font-weight:bold;
	letter-spacing: 0.075em;
}


/* 英語 */
h3 .h_title-01_en{
	display:inline-block;
	position:relative;
	margin-left:2px;
	margin-right:5.0rem;
	line-height: 1;
	letter-spacing: 0.075em;
	font-size:1.7rem;
	font-family: din-2014, sans-serif;
	font-weight:300;
}
h3 .h_title-01_en::after{
	position: absolute;
	right: -2.5rem;
	top: -0.2rem;
	bottom: 0;
	margin: auto;
	width: 0.5px;
	height: 1.6rem;
	background-color: #286BC1;
	transform: rotate(30deg);
	content: "";

}
/* 日本語 */
h4.h_title-01_ja{
	position:relative;
    margin-bottom: 6.0rem;
	line-height: 1.5;
	font-size: 3.4rem;
	font-weight:bold;
	letter-spacing: 0.075em;
}
.layout-01 h4.h_title-01_ja {

    margin-bottom: 0;

}










h3.title-01 {
	position: relative;
    margin-bottom: 7.4rem;
	
}

/* 日本語 */
.title-01_ja{
	line-height: 1.5;
	font-size: 3.4rem;
	font-weight:bold;
	letter-spacing: 0.075em;
}

/* 英語 */
.title-01_en{
	display:block;
	position:relative;
	margin-left:2px;
	    margin-bottom: 2.5rem;
	line-height: 1;
	letter-spacing: 0.075em;
	color: #286BC1;
	font-size:1.6rem;
	font-family: din-2014, sans-serif;
	font-weight:300;
}


/* お問い合わせ */
h3.title-02 {
	position: relative;
        margin-bottom: 2.5rem;
	color:#fff;
	
}

/* 日本語 */
.title-02_ja{
	line-height: 1.5;
	font-size: 3.4rem;
	font-weight:bold;
	letter-spacing: 0.075em;
}

/* 英語 */
.title-02_en{
	display:block;
	position:relative;
    margin-bottom: 2.5rem;
	line-height: 1;
	letter-spacing: 0.075em;
	font-size:6.2rem;
	font-family: din-2014, sans-serif;
	font-weight:600;

}



/* 中央寄せ */
h3.title-03 {
	position: relative;
	
	text-align:center;
	
}

/* 日本語 */
.title-03_ja{
	line-height: 1.5;
	font-size: 3.4rem;
	font-weight:bold;
	letter-spacing: 0.075em;
}

/* 英語 */
.title-03_en{
	display:block;
	position:relative;
	margin-left:2px;
	    margin-bottom: 2.5rem;
	line-height: 1;
	letter-spacing: 0.075em;
	color: #286BC1;
	font-size:2.0rem;
	font-family: din-2014, sans-serif;
	font-weight:300;

}


/* 棒 */

h3.title-04 {
	position: relative;
    margin-bottom: 7.4rem; 
	
}
h3.title-04::before{
	position: absolute;
    bottom: -21px;
    left: 1px;
    width: 26px;
    height: 1px;
    background-color: #0068CF;
    content: "";
}
/* 日本語 */
.title-04_ja{
	line-height: 1.5;
	font-size: 3.4rem;
	font-weight:bold;
	letter-spacing: 0.075em;
}


/* 棒 中央寄せ */
h3.title-05 {
	position: relative;
    margin-bottom: 7.4rem;
	text-align:center;
	
}
h3.title-05::before{
	position: absolute;
    bottom: -21px;
    left: 0;
	right:0;
	margin:auto;
    width: 26px;
    height: 1px;
    background-color: #0068CF;
    content: "";
}
/* 日本語 */
.title-05_ja{
	line-height: 1.5;
	font-size: 3.4rem;
	font-weight:bold;
	letter-spacing: 0.075em;
}



/* 中央寄せ 白*/
h3.title-06 {
	position: relative;
    margin-bottom: 5.4rem;
	text-align:center;
	
}

/* 日本語 */
.title-06_ja{
	line-height: 1.5;
	font-size: 3.2rem;
	font-weight:bold;
	letter-spacing: 0.075em;
	color: #fff;
}

h3.title-06::before{
	position: absolute;
    bottom: -16px;
    left: 0;
	right:0;
	margin:auto;
    width: 26px;
    height: 1px;
    background-color: #fff;
    content: "";
}




h3.h_title-07 {
	position: relative;

		color: #fff;
		    margin-bottom: 1.8rem;
	
}

/* 日本語 白 */
h3 .h_title-07_ja{
	position:relative;
	top:-1px;
	
	color:#fff;
	line-height: 1.5;
	font-size: 1.5rem;
	font-weight:bold;
	letter-spacing: 0.075em;
}


/* 英語 */
h3 .h_title-07_en{
	display:inline-block;
	position:relative;
	margin-left:2px;
	margin-right:5.0rem;
	line-height: 1;
	letter-spacing: 0.075em;
	font-size:1.7rem;
	font-family: din-2014, sans-serif;
	font-weight:300;
	color:#fff;
}
h3 .h_title-07_en::after{
	position: absolute;
	right: -2.5rem;
	top: -0.2rem;
	bottom: 0;
	margin: auto;
	width: 0.5px;
	height: 1.6rem;
	background-color: #fff;
	transform: rotate(30deg);
	content: "";

}




/* 棒 */

h4.title-04 {
	position: relative;
    margin-bottom: 74px; 
	
}
h4.title-04::before{
	position: absolute;
    bottom: -16px;
    left: 1px;
    width: 26px;
    height: 1px;
    background-color: #0068CF;
    content: "";
}
/* 日本語 */
h4 .title-04_ja{
	line-height: 1.5;
	font-size: 26px;
	font-weight:bold;
	letter-spacing: 0.075em;
}



/*==================================================================

	飾りの英語

==================================================================*/


.bg_text_en-01{
	position:absolute;
	font-family: din-2014, sans-serif;
	font-weight:100;
	font-size:42rem;
	letter-spacing:0.025em;
	line-height:1;
	text-align:left;
	color:#F5F7FA;
    pointer-events: none;
	z-index:1;
	white-space:nowrap;
}

.bg_text_en-02{
	position:absolute;
	font-family: din-2014, sans-serif;
	font-weight:100;
	font-size:42rem;
	line-height:1;
	letter-spacing:0.025em;
	text-align:left;
	color:#fff;
    pointer-events: none;
	z-index:1;
	white-space:nowrap;
	opacity:0.07;
}

.bg_text_en-03{
	position:absolute;
    bottom: -17.3rem;
    left: 36%;
	font-family: din-2014, sans-serif;
	font-weight:100;
	font-size:42rem;
	line-height:1;
	letter-spacing:0.025em;
	text-align:left;
	color:#BAD1E1;
	opacity: 0.15;
    pointer-events: none;
	z-index:1;
	white-space:nowrap;
}






/*==================================================================

	共通

==================================================================*/

/*ボタン */
.btn-01{
	position:relative;


}
.btn-01 a{
	display: inline-block;
    position: relative;
    line-height: 1;
    font-weight: bold;
    transition: ease-in-out 0.2s;
    padding-bottom: 10px;
    color: #286BC1;

}

.btn-01 a::after {
  position: absolute;
  right: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #286BC1;
  transition: 0.3s cubic-bezier(0.260, 0.005, 0.000, 1.035);
  content: "";
  z-index: 1;
}

.btn-01 a:hover::after {
  width: 0;
  right: 0;
  left: auto;

}

.btn-01 a:hover{
	color:#286BC1;

}


.btn-02{
	position:relative;


}
.btn-02 span{
	display: inline-block;
    position: relative;
    line-height: 1;
font-family: din-2014, sans-serif;
font-weight: 400;
    transition: ease-in-out 0.1s;
    padding-bottom: 10px;
    color: #286BC1;

}

.btn-02 span::after {
  position: absolute;
  right: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #286BC1;
  transition: 0.2s ease-out;
  content: "";
  z-index: 1;
}

.btn-02 span:hover::after {
  width: 0;
  right: 0;
  left: auto;

}


.btn-02 span:hover{
	color:#286BC1;

}










/*==================================================================

	table

==================================================================*/

.nowrap{
	white-space:nowrap;
}

/* 募集要項 */
.tb01{
	border-spacing: 0;
}
.tb01 td,
.tb01 th{
	border-bottom:1px solid #E1EBF3;
	line-height:1.6;
	vertical-align:top;
}
.tb01 th{
	padding:2.4rem 4.4rem 2.4rem 0;
	white-space:nowrap;
	font-weight: bold;
}
.tb01 td{
	padding:2.4rem 0;
	padding-right:0 ;
}
.tb01 tr:last-child td,
.tb01 tr:last-child th{
	border:none;
}



/*概要*/
.tb02{
	border-spacing: 0;
	text-align: left;
	width:100%;

}
.tb02 td,
.tb02 th{
	padding:2.8rem 0;
	border-bottom:1px solid #E1EBF3;
	line-height:1.75;

	
}

.tb02 th{
	padding-left:0;
	padding-right:4.4rem;
	white-space:nowrap;
	text-align:left;
	font-weight: bold;
	color:#333;
	vertical-align:top;
}
.tb02 td{

	padding-right:0 ;
	text-align:left;
		vertical-align:middle;
}
.tb02 tr:first-child td,
.tb02 tr:first-child th{
	border-top:1px solid #E1EBF3;
}

.tb_access td,
.tb_access th{
	border-bottom: none;
	padding-bottom:0;
}
.tb_map{
}
.tb_map td,
.tb_map th{
	padding-top:2.4rem;
}
.tb_map iframe{
	width:100%;
	margin-bottom:8px;
}

/* お問い合わせの確認 */
.tb03 {
	width:100%;
	border-spacing: 1px;
	border-collapse: separate;


}
.tb03 td,
.tb03 th {
	padding:2.8rem ;
	text-align: left;
	border-bottom:1px solid #E1EBF3;
}
.tb03 td:first-child{
    text-align: left;
    font-weight: bold;
    width: 27%;

}
.tb03 td:last-child {
	padding-right:2.8rem;
	text-align:left;
}
.tb03 tr:last-child td{
	border-bottom: none;
}
.tb03 th {



	text-align: left;
	color: #666;
	background-color: #FAFAFA;
	font-size: 16px;
}
.tb03 th span {
	font-size: 13px;
}
.tb03 td {
		padding-left:2.8rem;
	background-color: #ffffff;
	color: #666666;
	text-align: right;
}






/*==================================================================

	.layout

==================================================================*/

.layout-01{
	display:flex;
	justify-content:space-between;
}
.layout-01_text{
	padding-top: 4.5rem;
	width:50%;
}
.layout-01 h3{
	margin-bottom:0;
}

.layout-02{
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.layout-02_contents{
	width:50%;
}

.layout-02 picture{
	position:relative;
	width:43.2rem;
	height:59.0rem;
	overflow:hidden;
	z-index:20;
}
.layout-02 picture img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%,-50%);
	width:auto;
	height:100%;
}

.layout-02_bg{
	position:absolute;
    top: -224px;
    left: calc(50% - 50vw);
    width: calc((50vw - 50%) + 984px);
    height: calc(100% + 108px + 224px);
	background-color:#F5F7FA;
	z-index:-1;
}



.layout-03{
	display:flex;
	justify-content:space-between;
}
.layout-03_text{
	width:50%;
	    z-index: 10;
}
.layout-03 h3{
	margin-bottom:0;
}





.layout-04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-top:2px;

}
.layout-04_box {
    width: 46.5%;

}

.layout-04_box picture {
    margin-bottom:2.6rem;
    display: block;
}
.layout-04_box picture img{
	width:100%;
}
.layout-04_box h4,
.layout-04_box p {

}
.layout-04_box h4 {
	margin-bottom: 1.4rem;
	line-height: 1.5;
    font-size: 2.1rem;
    font-weight: bold;
}

.layout-04_box p {
    line-height: 1.76;

}





.layout-05{
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.layout-05_contents{
	position:relative;
	width:50%;
	z-index:10;
}

.layout-05 picture{
	position:relative;
	width:43.2rem;
	height:59.0rem;
	overflow:hidden;
	z-index:10;
}
.layout-05 picture img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%,-50%);
	width:auto;
	height:100%;
}

.layout-05_bg{
	position:absolute;
    top: -22.4rem;
    right: calc((100% * 0.36) / 2 + 2rem);
    width: calc(200%);
    height: calc(100% + 10.8rem + 22.4rem);
	background-color:#F5F7FA;
	z-index:-1;
}


.layout-06 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-top:4px;
	margin-bottom:-60px;
}
.layout-06_box {
    width: 24.5%;
	margin-bottom:60px;
}

.layout-06_box picture {
    margin-bottom: 2.2rem;
    display: block;
}
.layout-06_box picture img{
	width:100%;
}
.layout-06_box h4 {
	padding:0 0.6rem;
	margin-bottom: 0.4rem;
	line-height: 1.5;
    font-size: 2.0rem;
    font-weight: bold;
}
.layout-06_box p {
	padding:0 0.6rem;
    line-height: 1.56;
	font-size: 1.3rem;
}
.layout-06_box p strong{
	display:block;
}



@media screen and (min-width:1921px) {

.text-01{

}
.inner-01,
.inner-02,
.inner-03,
.inner-04{
	max-width:1400px;
}
.inner-08 {
    width: 640px;
}
.layout-02 picture,
.layout-05 picture{
	height:686px;
}
/* .layout-05_bg{
    width: calc((50vw - 50%) + 1200px);
} */
.inner-01,
.inner-05,
.inner-06,
.inner-08{

}
.inner-03 {

}
.inner-04{

}
.inner-07{

}
h3.title-01{

}
h3.title-04,
h3.title-05 {

}


.layout-04_box picture {

}
.layout-04_box h4 {

}

.layout-05_bg {
    height: calc(100% + 108px + 240px);
}
.bg_text_en-03 {

}













}

