@charset "utf-8";

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}
/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}
/* Necessary styles of the wrapper */
.remodal-wrapper {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow: auto;
	text-align: center;
	padding: 80px 20px;
	-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}
/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
/*--------------------------------------------------------------------------------

	about & interview

---------------------------------------------------------------------------------*/
.remodal {
	max-width: 1120px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #fff;
	padding: 5%;
	outline: solid 8px #707070;
}
.remodal .list {
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
	display: flex;
}
.remodal .flexbox {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.remodal .box1 {
	width: 49%;
}
.remodal .box2 {
	width: 48%;
	box-sizing: border-box;
}
.remodal .bottom {
	margin-bottom: 20px;
}
.remodal .ttl {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 50px;
}
.remodal span {
	font-size: 14px;
    text-align: right;
    display: block;
}
.remodal .subttl {
	font-size: 15px;
	margin-bottom: 25px;
	font-weight: 600;
}
.remodal_close {
	font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 4px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    background: #fff;
	border: 2px solid #000;
	transition: .5s;
    width: 100%;
}
.remodal_close:hover {
	color: #fff;
	background: #000;
}
@media only screen and ( max-width : 896px ) {
	.remodal .list {
		display: block;
	}
	.remodal .flexbox {
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width: 100%;
		margin-bottom: 10px;
	}
	.remodal .box1{
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
		width: 100%;
	}
	.remodal .box2 {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
		width: 100%;
		padding: 20px 0;
	}
	.remodal img {
		width: 100%;
		height: 300px;
		object-fit: cover;
		object-position: 100% 0%
	}
}
@media only screen and ( max-width : 480px ) {
	.remodal {
		padding: 10px;
	}
	.remodal span {
		display: block;
	}
	.remodal .subttl {
		font-weight: 500;
	}
	.remodal_close {
		font-size: 13px;
		padding: 10px;
		margin-top: 10px;
	}
	.remodal img {
		height: 150px;
	}
}
@media only screen and ( max-width : 400px ) {
	.remodal .subttl,
	.remodal .ttl {
		font-size: 4vw;
	}
	.remodal .content {
		margin-bottom: 20px;
	}
}