@charset "utf-8";

/* ------------------ Common Setting ------------------ */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	font-size: 100%;
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

div:after,
dl:after,
ul:after,
header:after,
footer:after,
section:after,
article:after,
nav:after,
aside:after {
	content: "";
	clear: both;
	display: block;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

/* リンク文字列に関する設定 */
a {
	transition: color .1s ease-in-out;
}

a img {
	border: 0;
}

a:link {
	text-decoration: none;
	color: #0074cc;
}

a:visited {
	text-decoration: none;
	color: #0074cc;
}

a:hover {
	text-decoration: underline;
	color: #ff9000;
}

strong {
	color: #f30;
	font-weight: bold;
}

/* HTML設定 */
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	color: #111;
	background: #fff;
	line-height: 180%;
	-webkit-text-size-adjust: 100%;
	height: 100%;
}

img {
	vertical-align: top;
}

/* FV,KV修正 */
.kv-page {
	position: relative;
}

.kv-page img {
	width: 100%;

	@media screen and (max-width:480px) {
		width: 100%;
		height: auto;
	}
}

.swiper-container {
	width: 100%;
}

.swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
}

.fv-wrap {
	position: relative;
}

.header-text {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	display: flex;
	align-items: center;

	@media screen and (max-width:480px) {
		top: 0px;
		left: 95px;
		width: 190px;
	}
}

/* .header-logo {
	padding-right: 50px;
	width: 100%;
}

.header-logo img {
	width: 100%;
} */

.header-info {
	padding-left: 50px;

	@media screen and (max-width:480px) {
		display: none;
	}
}

.header-info img {
	width: 100%;
}

.name-wrap {
	text-align: end;
}


.fv-text {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.fv-text h3 img {

	@media screen and (max-width:480px) {
		width: 160px;

		@media screen and (max-width:390px) {
			width: 140px;
		}
	}
}



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


	/* ------------------ Frameworks ------------------ */
	.wrap {
		width: 1000px;
		margin: 0 auto;
	}

	/*
	---- Decoration ----
*/
	strong {
		color: #f60;
		font-weight: bold;
	}

	.minitext {
		font-size: 88%;
		line-height: 120%;
	}

	.bigtext {
		font-size: 140%;
		line-height: 180%;
	}

	.gray {
		color: #999;
	}

	.textcenter {
		text-align: center;
	}

	.textright {
		text-align: right;
	}

	.small {
		font-size: 10px;
	}

	/*
	---- img Position ----
*/
	.alignleft {
		float: left;
		margin: 0px 10px 10px 0px;
	}

	.alignright {
		float: right;
		margin: 0px 0px 10px 10px;
	}

	.aligncenter {
		display: block;
		margin: 0px auto 5px;
		auto;
		text-align: center;
	}

	/* header */
	/* #header h1 {
		float: left;
	} */

	#header .telfax {
		float: right;
	}

	#headermenu {
		border-bottom: 2px solid #ccc;
		margin-bottom: 40px;
	}

	#headermenu ul {
		list-style: none;
	}

	#headermenu li {
		width: 160px;
		margin-right: 8px;
		float: left;
	}

	#headermenu li:last-child {
		margin-right: 0;
	}

	#headermenu li a {
		color: #111;
		display: block;
		font-size: 16px;
		line-height: 20px;
		padding: 10px 0;
		text-align: center;
	}

	#headermenu .menueng {
		font-size: 14px;
		color: #666;
	}

	#headermenu a:hover {
		text-decoration: none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100 */
		background: #cccccc;
		/* Old browsers */
		background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #ffffff));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #cccccc 0%, #ffffff 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #cccccc 0%, #ffffff 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #cccccc 0%, #ffffff 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
		/* IE6-9 */
	}

	#headermenu .active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8b500+0,ffffff+100 */
		background: #f8b500;
		/* Old browsers */
		background: -moz-linear-gradient(top, #f8b500 0%, #ffffff 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8b500), color-stop(100%, #ffffff));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f8b500 0%, #ffffff 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f8b500 0%, #ffffff 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f8b500 0%, #ffffff 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #f8b500 0%, #ffffff 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b500', endColorstr='#ffffff', GradientType=0);
		/* IE6-9 */

	}


	/* footer */
	#footer {
		font-size: 14px;
		color: #fff;
		background: #5d2222;
		text-align: center;
		padding: 20px 0;
	}

	#footer a {
		color: #fff;
	}

	.footernavi ul {
		padding: 10px 0;
	}

	.footernavi li {
		display: inline;
	}

	.footernavi li:after {
		content: "｜";
	}

	.footernavi li:last-child:after {
		content: "";
	}


	/* TOP */



	/* 
	.top {
		height: 700px;
		background: url(images/top_image.jpg) no-repeat bottom center;
		background-size: cover;
	} */

	.header_text {
		margin-top: 130px;
		text-align: center;
	}

	.top_aisatsu {
		/* min-height: 450px;
		padding-right: 440px;
		background: url(images/top_image01.jpg) no-repeat bottom right; */
		margin-bottom: 80px;
	}

	.top_aisatsu h1 {
		text-align: center;
		margin-bottom: 20px;
	}

	.top_menu {
		background: #e37e7e;
		margin: 0 0 40px;
	}

	.topmenu_box {
		width: 33.3%;
		padding: 40px 20px;
		/*	background:url(images/top_image03.png) no-repeat top center; */
		float: left;
		text-align: center;
	}

	.topmenu_box img {
		border-radius: 8px;
		transition: 1s;
		opacity: 0.8;
		border: 2px solid #e37e7e;
		box-sizing: border-box;
	}


	.topmenu_box h3 {
		font-size: 20px;
		color: #FFFFFF;
		font-weight: bold;
		padding-top: 10px;
	}

	.topmenu_box .text {
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		text-align: left;
		padding: 10px 20px;
	}

	.topmenu_box .button {
		margin: 30px 30px 10px;
	}

	.topmenu_box a {
		display: block;
		color: #fff;
		background: #842121;
		padding: 10px;
		border-radius: 5px;
	}

	.topmenu_box a:hover {
		text-decoration: none;
		background: #b53232;

	}

	.topmenu_box:hover img {
		opacity: 1;
		border: 2px solid #FFF;
		box-sizing: border-box;
	}

	.news {
		margin-bottom: 80px;
	}

	.news h1 {
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #e00000;
	}

	.newsbox {
		padding: 10px;
		border-bottom: 1px solid #ccc;
	}

	.newsbox dt {
		width: 10em;
		float: left;
	}

	.newsbox dd {
		ovreflow: hidden;
	}

	/*  page */


	.pagetitle {
		border-bottom: 1px solid #e00000;
		margin: 0 0 40px;
	}

	.pagesubtitle {
		margin: 40px 0 0;
	}

	.pagebox {
		margin-bottom: 40px;
	}

	.dataarea {
		width: 610px;
		float: left;
	}

	.picarea {
		width: 370px;
		float: right;
	}

	.picarea img {
		margin-bottom: 10px;
	}

	.pagetable {
		width: 100%;
		border-collapse: collapse;
	}

	.pagetable th,
	.pagetable td {
		font-size: 14px;
		border: 1px solid #ccc;
		padding: 10px;
	}

	.pagetable th {
		width: 120px;
	}

	.pagedl {
		line-height: 20px;
		border-bottom: 1px solid #ccc;
		padding: 10px;
	}

	.pagedl dt {
		width: 9em;
		color: #8b2222;
		font-weight: bold;
		float: left;
	}

	.pagedl dd {
		overflow: hidden;
	}

	.googlemap {
		margin-bottom: 40px;
		padding-top: 10px;
		clear: both;
	}

	.googlemap iframe {
		display: block;
		width: 1000px;
		height: 500px;
	}

	.interviewbox {
		margin-bottom: 40px;
		/*
	padding-right:480px;
	background:url(images/interview_pic01.jpg) no-repeat right top;
	*/
	}

	.interview_comments {
		border-radius: 10px;
		margin: 0 0 10px;
		padding: 10px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4dda5+1,ffffff+100 */
		background: #f4dda5;
		/* Old browsers */
		background: -moz-linear-gradient(top, #f4dda5 1%, #ffffff 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4dda5), color-stop(100%, #ffffff));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f4dda5 1%, #ffffff 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f4dda5 1%, #ffffff 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f4dda5 1%, #ffffff 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #f4dda5 1%, #ffffff 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4dda5', endColorstr='#ffffff', GradientType=0);
		/* IE6-9 */
	}

	.interview_comments h2 {
		color: #8b2222;
		font-weight: bold;
	}

	.interview_comments p {
		line-height: 25px;
	}

	/* contact */
	.red,
	.error {
		color: #e00000;
	}

	.formbox {
		width: 800px;
		margin: 20px auto;
	}

	.formbox dl {
		padding: 10px;
	}

	.formbox dt {
		text-align: right;
		padding-right: 20px;
		width: 12em;
		float: left;
	}

	.formbox dd {
		width: 500px;
		overflow: hidden;
	}

	.formbar {
		width: 500px;
	}

	.formbar02 {
		width: 250px;
	}

	input[type="text"],
	textarea,
	select {
		border: 0;
		padding: 10px;
		color: #333;
		background: #f0f0f0;
		border: 1px solid #999;
		border-radius: 10px;
	}

	input[type="radio"] {
		padding: 10px;
	}

	textarea {
		height: 200px;
	}

	.submit {
		padding: 0 0 40px;
		text-align: center;
	}

	.submit button {
		border: none;
		width: 250px;
		font-weight: bold;
		color: #fff;
		background: #0074cc;
		padding: 20px;
		border-radius: 5px;
		transition: color .1s ease-in-out;
	}

	input:focus,
	textarea:focus {
		border: 1px solid #44aeff;
		outline: none;
	}

	.error_messe {
		color: #c00;
		margin: 10px 0;
		padding: 10px;
		border: 1px solid #c00;



	}

	input#menu-cb {
		display: none;
	}

	label#menu-icon {
		display: none;
	}

	#ham-menu {
		display: none;
	}

}


/* -----------------------------------------------------------sp----------------------------------------------------------- ------------------ */

@media screen and (max-width:479px) {


	/*ハンバーガー*/

	nav#headermenu {
		display: none;
	}



	#ham-menu ul {
		padding: 0px;
		/* 左の余白（箇条書きの「・」）削除 */
	}

	#ham-menu a {
		display: block;
		text-align: center;
		text-decoration: none;
		color: black;
		font-weight: bold;
		padding: 10px 0px 10px 0px;
	}

	#ham-menu li {
		width: 100%;
		list-style: none;
		border-bottom: 1px solid #CCC;
		padding-bottom: 10px;
		margin-bottom: 10px;
		letter-spacing: 2px;
		margin-left: 5px;
		margin-right: 5px;
	}

	#ham-menu li:last-child a {
		font-size: 120%;
	}

	#ham-menu li:last-child a span {
		font-size: 80%;
		font-weight: normal;
	}

	#ham-menu li:last-child {
		border-bottom: none;
	}

	#ham-menu {
		background-color: white;
		/*メニュー背景色*/
		box-sizing: border-box;
		height: 100%;
		padding: 10px 20px;
		/*メニュー内左右上下余白*/
		position: fixed;
		right: -300px;
		/*メニュー横幅 width と合わせる*/
		top: 0;
		transition: transform 0.3s linear 0s;
		/*0.3s はアニメーションにかかる時間*/
		width: 300px;
		/*メニュー横幅*/
		z-index: 1000;
	}

	#menu-background {
		background-color: #333;
		/*黒背景*/
		display: block;
		opacity: 0;
		position: fixed;
		right: 0;
		top: 0;
		transition: all 0.1s linear 0s;
		/*0.3s はアニメーションにかかる時間*/
		width: 100%;
		z-index: -1;
	}

	#menu-icon {
		background-color: #2B2B2B;
		/*アイコン部分背景色*/
		border-radius: 0 0 0 0px;
		/*左下角丸*/
		color: #FFFFFF;
		/*アイコン（フォント）色*/
		cursor: pointer;
		display: block;
		font-size: 50px;
		/*アイコン（フォント）サイズ*/
		height: 50px;
		/*アイコン縦高さ*/
		line-height: 55px;
		/*縦位置中央化*/
		position: fixed;
		margin-top: 0;
		right: 0;
		text-align: center;
		top: 0;
		width: 50px;
		/*アイコン横幅*/
		transition: all 0.3s linear 0s;
		/*0.3s はアニメーションにかかる時間*/
		z-index: 1;
	}

	#menu-cb {
		display: none;
		/*チェックボックス本体は消しておく*/
	}

	#menu-cb:checked~#ham-menu,
	#menu-cb:checked~#menu-icon {
		transform: translate(-300px);
		/*メニュー本体横幅 width と合わせる*/
	}

	#menu-cb:checked~#menu-background {
		opacity: 0.5;
		z-index: 999;
	}





	/* ------------------ Frameworks ------------------ */
	.wrap {
		width: 98%;
		margin: 24px auto;
		padding: 0 16px;
	}

	/*
	---- Decoration ----
*/
	strong {
		color: #f60;
		font-weight: bold;
	}

	.minitext {
		font-size: 88%;
		line-height: 120%;
	}

	.bigtext {
		font-size: 140%;
		line-height: 180%;
	}

	.gray {
		color: #999;
	}

	.textcenter {
		text-align: center;
	}

	.textright {
		text-align: right;
	}

	.small {
		font-size: 10px;
	}

	/*
	---- img Position ----
*/
	.alignleft {
		float: left;
		margin: 0px 10px 10px 0px;
	}

	.alignright {
		float: right;
		margin: 0px 0px 10px 10px;
	}

	.aligncenter {
		display: block;
		margin: 0px auto 5px;
		auto;
		text-align: center;
	}

	/* header */
	#header h1 {
		width: 300px;
		height: 50px;
	}

	#header h1 img {
		width: 160px;
		height: auto;
		display: block;
		/* margin: 0 auto; */
		margin-left: 10px;
	}

	#header .telfax {
		display: none;
	}

	#headermenu {
		border-bottom: 2px solid #ccc;
		margin-bottom: 40px;
	}

	#headermenu ul {
		list-style: none;
	}

	#headermenu li {
		width: 160px;
		margin-right: 8px;
		float: left;
	}

	#headermenu li:last-child {
		margin-right: 0;
	}

	#headermenu li a {
		color: #111;
		display: block;
		font-size: 16px;
		line-height: 20px;
		padding: 10px 0;
		text-align: center;
	}

	#headermenu .menueng {
		font-size: 14px;
		color: #666;
	}

	#headermenu a:hover {
		text-decoration: none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100 */
		background: #cccccc;
		/* Old browsers */
		background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #ffffff));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #cccccc 0%, #ffffff 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #cccccc 0%, #ffffff 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #cccccc 0%, #ffffff 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
		/* IE6-9 */
	}

	#headermenu .active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8b500+0,ffffff+100 */
		background: #f8b500;
		/* Old browsers */
		background: -moz-linear-gradient(top, #f8b500 0%, #ffffff 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8b500), color-stop(100%, #ffffff));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f8b500 0%, #ffffff 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f8b500 0%, #ffffff 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f8b500 0%, #ffffff 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #f8b500 0%, #ffffff 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b500', endColorstr='#ffffff', GradientType=0);
		/* IE6-9 */

	}


	/* footer */
	#footer {
		font-size: 14px;
		color: #fff;
		background: #5d2222;
		text-align: center;
		padding: 20px 0;
	}

	#footer a {
		color: #fff;
	}

	.footernavi ul {
		padding: 10px 0;
	}

	.footernavi li {
		display: inline;
	}

	.footernavi li:after {
		content: "｜";
	}

	.footernavi li:last-child:after {
		content: "";
	}


	/* TOP */
	/* .top {
		margin-bottom: 15px;
		height: 350px;
		background: url(images/top_image.jpg) no-repeat bottom center;
		background-size: cover;
	} */

	.header_text {
		margin-top: 40px;
		text-align: center;
	}

	.header_text img {
		width: 250px;
	}


	/* .top_aisatsu {
		padding-bottom: 310px;
		background: url(images/top_image01.jpg) no-repeat bottom center;
		background-size: 80%;
	} */

	.top_aisatsu h1 {
		text-align: center;
		margin-bottom: 20px;
	}

	.top_aisatsu img.name {
		width: 100%;
	}

	.top_menu {
		background: #e37e7e;
		margin: 0 0 40px;
		padding-bottom: 30px;
	}

	.topmenu_box {
		text-align: center;
		margin: 30px 0px;
	}

	.topmenu_box:first-child {
		padding-top: 30px;
	}

	.topmenu_box h3 {
		font-size: 20px;
		color: #FFFFFF;
		font-weight: bold;
		padding-top: 10px;
	}

	.topmenu_box .text {
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		text-align: left;
		padding: 10px 20px;
	}

	.topmenu_box .button {
		margin: 30px 30px 10px;
	}

	.topmenu_box a {

		display: block;
		color: #fff;
		background: #842121;
		padding: 10px;
		border-radius: 5px;
	}

	.topmenu_box a:hover {
		text-decoration: none;
		background: #b53232;
	}

	.news {
		margin-bottom: 80px;
	}

	.news h1 {
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #e00000;
	}

	.newsbox {
		padding: 10px;
		border-bottom: 1px solid #ccc;
	}

	.newsbox dt {}

	.newsbox dd {
		ovreflow: hidden;
	}

	/*  page */
	.page {
		height: 100px;
		background: url(images/top_image.jpg) no-repeat center 70%;
		background-size: cover;
		margin-bottom: 25px;
	}

	.pagetitle {
		border-bottom: 1px solid #e00000;
		margin: 10px 0 10px;
		width: 100%;
	}

	.pagetitle img.interview {
		width: 100%;
	}

	.pagesubtitle {
		margin: 40px 0 0;
	}

	.pagebox {
		margin-bottom: 40px;
	}

	.dataarea {}

	.picarea {
		width: 100%;
	}

	.picarea img {
		margin-bottom: 10px;
		width: 100%;
	}

	.picarea_company {
		overflow: hidden;
	}

	.picarea_company img {
		margin: 1%;
		width: 48%;
		display: inline;
	}

	.picarea_company br {
		display: none;
	}

	.pagetable {
		width: 100%;
		border-collapse: collapse;
	}

	.pagetable th,
	.pagetable td {
		font-size: 14px;
		border: 1px solid #ccc;
		padding: 10px;
	}

	.pagetable th {
		width: 120px;
	}

	.pagedl {
		line-height: 20px;
		border-bottom: 1px solid #ccc;
		padding: 10px;
	}

	.pagedl dt {
		color: #8b2222;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.pagedl dd {
		overflow: hidden;
		line-height: 160%;
	}

	.googlemap {
		margin-bottom: 40px;
		padding-top: 10px;
		clear: both;
	}

	.googlemap iframe {
		display: block;
		width: 100%;
		height: 300px;
	}

	.interviewbox {
		margin-bottom: 40px;
		/*
	padding-right:480px;
	background:url(images/interview_pic01.jpg) no-repeat right top;
	*/
	}

	.interview_comments {
		border-radius: 10px;
		margin: 0 0 10px;
		padding: 10px;
		background: #f4dda5;
	}

	.interview_comments h2 {
		color: #8b2222;
		font-weight: bold;
	}

	.interview_comments p {
		line-height: 25px;
	}

	/* contact */
	.red,
	.error {
		color: #e00000;
	}

	.formbox {
		margin: 20px auto;
	}

	.formbox dl {
		padding: 10px;
	}

	.formbox dt {}

	.formbox dd {

		overflow: hidden;
	}

	.formbar {
		width: 100%;
	}

	.formbar02 {
		width: 250px;
	}

	input[type="text"],
	textarea,
	select {
		border: 0;
		padding: 10px;
		color: #333;
		background: #f0f0f0;
		border: 1px solid #999;

	}

	input[type="radio"] {
		padding: 10px;
	}

	textarea {
		height: 200px;
	}

	.submit {
		padding: 0 0 40px;
		text-align: center;
	}

	.submit button {
		border: none;
		width: 250px;
		font-weight: bold;
		color: #fff;
		background: #0074cc;
		padding: 20px;
		border-radius: 5px;
		transition: color .1s ease-in-out;
	}

	input:focus,
	textarea:focus {
		border: 1px solid #44aeff;
		outline: none;
	}

	.error_messe {
		color: #c00;
		margin: 10px 0;
		padding: 10px;
		border: 1px solid #c00;
	}
}


.fv-wrap.pc {
	display: block !important;
}

.fv-wrap.sp {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.fv-wrap.pc {
		display: none !important;
	}

	.fv-wrap.sp {
		display: block !important;
	}
}

@media screen and (max-width: 767px) {
	.swiper-container {
		width: 100%;
		height: auto;
	}

	.swiper-slide img {
		width: 100%;
		height: auto;
		display: block;
	}
}

.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	.sp img {
		width: 100%;
	}
}