@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face { font-family: 'FOT-RodinNTLGPro-EB'; src: url(./FOT-RodinNTLGPro-EB_fix.otf); }

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body {	
	color:#000000;
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	overflow-x:hidden;
}

a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img {
	border:0;
	vertical-align: bottom;
}

.contact-fixed-button {
	background-image:url(../image/contact-button.png);
	width:67px;
	height:263px;
	display:block;
	position:fixed;
	right:-10px;
	top:240px;
	z-index:99;
	transition:0.3s;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.28);
}

.contact-fixed-button.scrolled {
	top:50px;
}

.contact-fixed-button:hover {
	right:0;
}

.contact-fixed-button a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

#lineup-font-size-sampler { display:none; }

div:after, section:after, article:after, ul:after {
    content: "";
    display: block;
    clear: both;
}

.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }

.right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }

.first { padding-top:0 !important; margin-top:0 !important; }
.last { padding-bottom:0 !important; margin-bottom:0 !important; }

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

/*------------------------------------------------------------------------------------------------------------------
　img align for wordpress
-------------------------------------------------------------------------------------------------------------------*/

.aligncenter {
    display: block;
    margin: 0 auto;
	padding-bottom:25px;
	max-width:100%;
}
.alignright { float: right; margin-left:30px; margin-bottom:25px; max-width:100%; }
.alignleft { float: left; margin-right:30px; margin-bottom:25px; max-width:100%; }

.aligncenter img, .alignright img, .alignleft img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1140px) {
	.aligncenter {
		display: block;
		margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align:center;
	}
	.alignright { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
	.alignleft { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:40px;
	padding-top:40px;
	padding-bottom:40px;
	display:block !important;
	clear:both !important;
	text-align:center;
}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 12px 8px 12px !important;
		border:solid 1px #fedcd2 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#fedcd2 !important;
		background:-moz-linear-gradient(top,#fedcd2 1px,#F3F3F3 1px,#fedcd2) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#fedcd2),color-stop(0.02,#fedcd2),color-stop(1,#fedcd2)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #de744c !important;
		border-color:#de744c !important;
		background:#de744c !important;
		background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:4px 12px 8px 12px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		font-size:14px;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #de744c !important;
		border-color:#de744c !important;
		background:#de744c !important;
		background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	min-width:640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 800px) {
	#primary {
		width:800px;
		overflow-x:hidden;
	}
}

article {
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	transition:0.3s;
	box-sizing:border-box;
}

@media screen and (max-width: 1200px) {
	article {
		width:100%;
		max-width:none;
		padding-left:30px;
		padding-right:30px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　header
-------------------------------------------------------------------------------------------------------------------*/

header {
	height:196px;
}

@media screen and (max-width: 1200px) {
	header {
		height:240px;
	}
}

@media screen and (max-width: 1100px) {
	header {
		height:310px;
	}
}

@media screen and (max-width: 940px) {
	header {
		height:380px;
	}
}

@media screen and (max-width: 800px) {
	header {
		height:513px;
		width:806px;
	}
}

.header-primary {
	padding-top:25px;
}


header .header-primary h1 {
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

header .header-primary .logo {
	background-image:url(../image/header/logo.png);
	width:551px;
	height:61px;
	position:relative;
}

@media screen and (max-width: 1100px) {
	header .header-primary h1 {
		width:100%;
		display:block;
		text-align:center;
	}
	header .header-primary .logo {
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
}

@media screen and (max-width: 800px) {
	header .header-primary h1 {
		font-size:18px;
		margin-top:19px;
	}
}

header .header-primary .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

header .header-primary .option {
	width:618px;
	position:absolute;
	top:0;
	right:0;
}

@media screen and (max-width: 1200px) {
	header .header-primary .option {
		right:30px;
	}
}

@media screen and (max-width: 1100px) {
	header .header-primary .option {
		position:relative;
		top:inherit;
		right:inherit;
		display:block;
		box-sizing:border-box;
	}
}

@media screen and (max-width: 800px) {
	header .header-primary .option {
		padding-top:120px !important;
	}
}

header .header-primary .option .bana {
	width:135px;
	position:absolute;
	top:0;
	left:0;
}

@media screen and (max-width: 1200px) {
	header .header-primary .option .bana {
		right:0;
		left:inherit;
		top:100px;
		width:300px;
	}
}

@media screen and (max-width: 1100px) {
	header .header-primary .option .bana {
		position:relative;
		top:inherit;
		right:inherit;
	}
}

@media screen and (max-width: 800px) {
	header .header-primary .option .bana {
		width:135px;
		position:absolute;
		top:0;
		left:0;
	}
}

header .header-primary .option .bana .bana01 {
	background-image:url(../image/header/koback.png);
	width:135px;
	height:42px;
	margin-bottom:7px;
	position:relative;
}

header .header-primary .option .bana .bana02 {
	background-image:url(../image/header/fb.png);
	width:135px;
	height:42px;
	position:relative;
}

@media screen and (max-width: 1200px) {
	header .header-primary .option .bana .bana01, header .header-primary .option .bana .bana02 {
		float:right;
	}
}

@media screen and (max-width: 1100px) {
	header .header-primary .option {
		width:768px;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	header .header-primary .option .bana {
		float:left;
		margin-right:10px;
	}
	header .header-primary .option .bana .bana01, header .header-primary .option .bana .bana02 {
		float:left;
	}
	header .header-primary .option .bana .bana01 {
		margin-right:20px;
	}
}

header .header-primary .option .bana .bana01 a, header .header-primary .option .bana .bana02 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

.tel-misawa {
	background-image:url(../image/header/tel-misawa.png);
	width:219px;
	height:64px;
	position:absolute;
	display:block;
	top:0;
	left:165px;
}

.tel-towada {
	background-image:url(../image/header/tel-towada.png);
	width:219px;
	height:64px;
	position:absolute;
	display:block;
	top:0;
	left:399px;
}

@media screen and (max-width: 1100px) {
	.tel-misawa, .tel-towada {
		position:relative;
		top:inherit;
		left:inherit;
		float:left;
	}
	.tel-misawa {
		margin-right:20px;
	}
}

@media screen and (max-width: 800px) {
	.tel-misawa {
		background-image:url(../image/header/tel-misawa_sp.png);
		width:278px;
		height:91px;
		position:absolute;
		display:block;
		top:0;
		left:165px;
	}
	
	.tel-towada {
		background-image:url(../image/header/tel-towada_sp.png);
		width:278px;
		height:91px;
		position:absolute;
		display:block;
		top:0;
		left:462px;
	}
}

.tel-misawa a, .tel-towada a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

header .header-primary .option .time {
	position:absolute;
	top:70px;
	left:165px;
}

header .header-primary .option .time span {
	color:#ff0000;
}

@media screen and (max-width: 1200px) {
	header .header-primary .option .time {
		width:100%;
		text-align:right;
		left:inherit;
		right:0;
	}
}

@media screen and (max-width: 800px) {
	header .header-primary .option .time {
		position:relative;
		display:block;
		width:740px;
		height:42px;
		line-height:42px;
		text-align:center;
		background-color:#f5f5f5;
		top:inherit;
		left:inherit;
		right:inherit;
		font-size:24px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　navi
-------------------------------------------------------------------------------------------------------------------*/

nav {
	border-bottom:4px solid #e70011;
	background-color:#ffffff;
	margin-top:30px;
	height:38px;
	box-sizing:border-box;
}

@media screen and (max-width: 1200px) {
	nav {
		margin-top:74px;
	}
}

@media screen and (max-width: 1100px) {
	nav {
		margin-top:60px;
	}
}

@media screen and (max-width: 800px) {
	nav {
		margin-top:30px;
	}
}

nav ul {
	list-style:none;
	margin:0;
	padding:0;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:38px;
	box-sizing:border-box;
	letter-spacing: -.4em;
}

nav ul li {
	display:inline-block;
	letter-spacing: normal;
	width:16.666%;
	height:38px;
	text-align:center;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	box-sizing:border-box;
	border-bottom:4px solid #e60012;
}

@media screen and (max-width: 940px) {
	nav {
		height:80px;
	}
	nav ul li {
		width:33.333%;
		background-color:#ffffff;
		border-top:15px solid #ffffff;
		box-sizing:content-box;
		margin-top:-6px;
	}
}

@media screen and (max-width: 800px) {
	nav ul li {
		padding-top:10px;
		padding-bottom:25px;
		border-top:0 solid #ffffff;
	}
}

nav ul li:hover {
	border-bottom:4px solid #043587;
}

nav ul li a {
	text-decoration:none !important;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

nav ul li:nth-child(1) { background-image:url(../image/header/navi01.png); }
nav ul li:nth-child(2) { background-image:url(../image/header/navi02.png); }
nav ul li:nth-child(3) { background-image:url(../image/header/navi04.png); }
nav ul li:nth-child(4) { background-image:url(../image/header/navi03.png); }
nav ul li:nth-child(5) { background-image:url(../image/header/navi05.png); }
nav ul li:nth-child(6) { background-image:url(../image/header/navi06.png); }

@media screen and (max-width: 800px) {
	nav ul li:nth-child(1) { background-image:url(../image/header/navi01_sp.png); }
	nav ul li:nth-child(2) { background-image:url(../image/header/navi02_sp.png); }
	nav ul li:nth-child(3) { background-image:url(../image/header/navi04_sp.png); }
	nav ul li:nth-child(4) { background-image:url(../image/header/navi03_sp.png); }
	nav ul li:nth-child(5) { background-image:url(../image/header/navi05_sp.png); }
	nav ul li:nth-child(6) { background-image:url(../image/header/navi06_sp.png); }
}

nav ul li:before {
	background-image:url(../image/header/line.png);
	background-position:right;
	background-repeat:no-repeat;
	content:"";
	width:1px;
	height:34px;
	position:absolute;
	top:0;
	right:0;
}

nav ul li:nth-child(1):after {
	background-image:url(../image/header/line-left.png);
	background-position:left;
	background-repeat:no-repeat;
	content:"";
	width:3px;
	height:34px;
	position:absolute;
	top:0;
	left:0;
}

nav ul li:nth-child(6):after {
	background-image:url(../image/header/line-right.png);
	background-position:right;
	background-repeat:no-repeat;
	content:"";
	width:3px;
	height:34px;
	position:absolute;
	top:0;
	right:0;
}

@media screen and (max-width: 800px) {
	nav ul li:nth-child(1):after {
		display:none;
	}
	nav ul li:nth-child(6):after {
		display:none;
	}
	nav ul li:before {
		display:none;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	display:block;
}

#mainvisual .panel {
	background-image:url(../image/mainvisual/01.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:31.25%;
}

@media screen and (max-width: 800px) {
	#mainvisual .panel {
		background-image:url(../image/mainvisual/01_sp.jpg);
		width:100%;
		height:1386px;
		padding-top:0;
		background-size:auto;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-color:#f7f7f7;
	padding-top:60px;
}

#footer h2 {
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

#footer .logo {
	background-image:url(../image/header/logo.png);
	width:551px;
	height:61px;
	position:relative;
}

@media screen and (max-width: 1100px) {
	#footer h2 {
		width:100%;
		display:block;
		text-align:center;
	}
	#footer .logo {
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
}

@media screen and (max-width: 800px) {
	#footer h2 {
		font-size:22px;
		margin-top:19px;
	}
}

#footer .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

#footer .option {
	width:618px;
	position:absolute;
	top:0;
	right:0;
}

@media screen and (max-width: 1200px) {
	#footer .option {
		right:30px;
	}
}

@media screen and (max-width: 1100px) {
	#footer .option {
		position:relative;
		top:inherit;
		right:inherit;
		display:block;
		padding-top:120px;
		box-sizing:border-box;
	}
}

#footer .option .bana {
	width:135px;
	position:absolute;
	top:0;
	left:0;
}

@media screen and (max-width: 1200px) {
	#footer .option .bana {
		right:0;
		left:inherit;
		top:100px;
		width:300px;
	}
}

@media screen and (max-width: 1100px) {
	#footer .option .bana {
		position:relative;
		top:inherit;
		right:inherit;
	}
}

@media screen and (max-width: 800px) {
	#footer .option .bana {
		width:135px;
		position:absolute;
		top:0;
		left:0;
	}
}

#footer .option .bana .bana01 {
	background-image:url(../image/header/koback.png);
	width:135px;
	height:42px;
	margin-bottom:7px;
	position:relative;
}

#footer .option .bana .bana02 {
	background-image:url(../image/header/fb.png);
	width:135px;
	height:42px;
	position:relative;
}

@media screen and (max-width: 1200px) {
	#footer .option .bana .bana01, #footer .option .bana .bana02 {
		float:right;
	}
}

@media screen and (max-width: 1100px) {
	#footer .option {
		width:768px;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	#footer .option .bana {
		float:left;
		margin-right:10px;
	}
	#footer .option .bana .bana01, #footer .option .bana .bana02 {
		float:left;
	}
	#footer .option .bana .bana01 {
		margin-right:20px;
	}
}

#footer .option .bana .bana01 a, #footer .option .bana .bana02 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

.tel-misawa {
	background-image:url(../image/header/tel-misawa.png);
	width:219px;
	height:64px;
	position:absolute;
	display:block;
	top:0;
	left:165px;
}

.tel-towada {
	background-image:url(../image/header/tel-towada.png);
	width:219px;
	height:64px;
	position:absolute;
	display:block;
	top:0;
	left:399px;
}

@media screen and (max-width: 1100px) {
	.tel-misawa, .tel-towada {
		position:relative;
		top:inherit;
		left:inherit;
		float:left;
	}
	.tel-misawa {
		margin-right:20px;
	}
}

@media screen and (max-width: 800px) {
	.tel-misawa {
		background-image:url(../image/header/tel-misawa_sp.png);
		width:278px;
		height:91px;
		position:absolute;
		display:block;
		top:0;
		left:165px;
	}
	
	.tel-towada {
		background-image:url(../image/header/tel-towada_sp.png);
		width:278px;
		height:91px;
		position:absolute;
		display:block;
		top:0;
		left:462px;
	}
}

.tel-misawa a, .tel-towada a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

#footer .option .time {
	position:absolute;
	top:70px;
	left:165px;
}

#footer .option .time span {
	color:#ff0000;
}

@media screen and (max-width: 1200px) {
	#footer .option .time {
		width:100%;
		text-align:right;
		left:inherit;
		right:0;
	}
}

@media screen and (max-width: 800px) {
	#footer .option .time {
		position:relative;
		display:block;
		width:740px;
		height:42px;
		line-height:42px;
		text-align:center;
		background-color:#f5f5f5;
		top:inherit;
		left:inherit;
		right:inherit;
		font-size:24px;
	}
}

.cc {
	background-image:url(../image/footer/cc-back.gif);
	height:94px;
	margin-top:70px;
	text-align:center;
	line-height:94px;
	color:#ffffff;
	position:relative;
}

@media screen and (max-width: 800px) {
	.cc {
		text-align:left;
		padding-left:30px;
		font-size:20px;
	}
}

.topback {
	background-image:url(../image/footer/topback.png);
	width:94px;
	height:94px;
	position:absolute;
	top:0;
	right:0;
	display:block;
}

.topback a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

@media screen and (max-width: 800px) {
	.topback {
		background-image:url(../image/footer/topback_sp.png);
		width:162px !important;
		height:94px !important;
		right:0;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　additional
-------------------------------------------------------------------------------------------------------------------*/

#contents-primary {
	position:relative;
	padding-top:80px;
}

#contents-primary:before {
	background-image:url(../image/mainvisual/under-line.gif);
	background-position:center top;
	width:100%;
	height:30px;
	content:"";
	display:block;
	position:absolute;
	top:0;
}

#contents {
	position:relative;
}

/*----------------------------------------------------------------------------
   home
------------------------------------------------------------------------------*/

.top-about {
	padding-bottom:40px;
}

.top-about h2 {
	background-image:url(../image/contents/top/about-comment.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	max-width:959px;
	height:0;
	margin:0;
	padding:0;
	padding-top:8.9679%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

.top-about ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 40px);
	margin-top:30px;
}

.top-about ul li {
	max-width:373px;
	width:calc(33.333% - 40px);
	height:0;
	padding-top:29.56%;
	margin-right:40px;
	float:left;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
}

@media screen and (max-width: 800px) {
	.top-about ul li {
		width:705px;
		height:200px;
		padding-top:0;
		margin-right:0;
		margin-left:17px;
		margin-bottom:20px;
		float:none;
		max-width:none;
	}
}

.top-about ul li:nth-child(1) { background-image:url(../image/contents/top/about-content01.png); }
.top-about ul li:nth-child(2) { background-image:url(../image/contents/top/about-content02.png); }
.top-about ul li:nth-child(3) { background-image:url(../image/contents/top/about-content03.png); }

@media screen and (max-width: 800px) {
	.top-about ul li:nth-child(1) { background-image:url(../image/contents/top/about-content01_sp.png); }
	.top-about ul li:nth-child(2) { background-image:url(../image/contents/top/about-content02_sp.png); }
	.top-about ul li:nth-child(3) { background-image:url(../image/contents/top/about-content03_sp.png); }
}

.top-about ul li h3 {
	display:none;
}

.top-about ul li p {
	display:none;
}

.top-osusume {
	background-image:url(../image/contents/top/osusume.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:24.6875%;
}

@media screen and (max-width: 800px) {
	.top-osusume {
		background-image:url(../image/contents/top/osusume_sp.jpg);
		width:800px;
		height:817px;
		padding-top:inherit !important;
	}
}

.top-osusume h2, .top-osusume h3, .top-osusume ul {
	display:none;
}

.lineup {
	padding-top:30px;
	padding-bottom:60px;
}

.lineup .lineup01 {
	background-image:url(../image/contents/top/lineup01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	max-width:1220px;
	height:0;
	padding-top:24.18%;
	margin-bottom:10px;
}

.lineup .lineup02 {
	background-image:url(../image/contents/top/lineup02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	max-width:1220px;
	height:0;
	padding-top:62.377%;
	margin-bottom:10px;
}

.lineup .lineup03 {
	background-image:url(../image/contents/top/lineup03.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	max-width:1220px;
	padding-top:23.77%;
	height:0;
}

@media screen and (max-width: 800px) {
	.lineup .lineup01 {
		background-image:url(../image/contents/top/lineup01_sp.jpg);
		width:800px;
		height:609px;
		padding-top:0;
		margin-bottom:10px;
		margin-left:-30px;
	}
	
	.lineup .lineup02 {
		background-image:url(../image/contents/top/lineup02_sp.jpg);
		width:800px;
		height:1473px;
		padding-top:0;
		margin-bottom:10px;
		margin-left:-30px;
	}
	
	.lineup .lineup03 {
		background-image:url(../image/contents/top/lineup03_sp.jpg);
		width:800px;
		height:636px;
		padding-top:0;
		margin-left:-30px;
	}
}

.qa {
	background-image:url(../image/contents/top/qa-back.png), url(../image/contents/top/qa-back-point.jpg);
	background-position:right bottom;
	background-repeat:repeat, no-repeat;
	padding-top:40px;
	padding-bottom:60px;
}

.qa h2 {
	background-image:url(../image/contents/top/qa-title.png);
	width:483px;
	height:91px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

.qa-list-primary {
	width:calc(100% + 20px);
	margin-left:auto;
	margin-right:auto;
}

.qa-list-primary .list {
	width:calc(33.333% - 20px);
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	box-sizing:border-box;
	border:10px solid #ffffff;
	border-radius:10px;
}

.qa-list-primary .list:nth-child(1) { background-image:url(../image/contents/top/qa-q1-back.gif); }
.qa-list-primary .list:nth-child(2) { background-image:url(../image/contents/top/qa-q2-back.gif); }
.qa-list-primary .list:nth-child(3) { background-image:url(../image/contents/top/qa-q3-back.gif); }
.qa-list-primary .list:nth-child(4) { background-image:url(../image/contents/top/qa-q4-back.gif); }
.qa-list-primary .list:nth-child(5) { background-image:url(../image/contents/top/qa-q5-back.gif); }

.qa-list-primary .list h3 {
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	padding:0;
	width:100%;
	min-height:73px;
	padding-left:98px;
	padding-right:10px;
	box-sizing:border-box;
	color:#043f88;
	font-size:18px;
	padding-top:15px;
	font-weight:bold;
	font-family: 'FOT-RodinNTLGPro-EB';
}

.qa-list-primary .list:nth-child(1) h3 { background-image:url(../image/contents/top/qa-q1.png); }
.qa-list-primary .list:nth-child(2) h3 { background-image:url(../image/contents/top/qa-q2.png); }
.qa-list-primary .list:nth-child(3) h3 { background-image:url(../image/contents/top/qa-q3.png); }
.qa-list-primary .list:nth-child(4) h3 { background-image:url(../image/contents/top/qa-q4.png); }
.qa-list-primary .list:nth-child(5) h3 { background-image:url(../image/contents/top/qa-q5.png); }

.qa-list-primary .list p {
	padding:20px;
	padding-top:0;
	padding-bottom:0;
}

@media screen and (max-width: 800px) {
	.qa-list-primary .list {
		width:calc(100% - 20px);
		margin-right:0;
	}
	.qa-list-primary .list h3 {
		font-size:26px;
		padding-left:105px;
		padding-top:20px;
	}
	.qa-list-primary .list p {
		font-size:24px;
	}
}

.top-company {
	background-image:url(../image/contents/top/company-back.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:70px;
	padding-bottom:80px;
}

.top-company h2 {
	font-size:48px;
	color:#e60012;
	margin:0;
	padding:0;
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	line-height:55px;
	font-family: 'FOT-RodinNTLGPro-EB';
}

.top-company .top-company-maincomment {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding-bottom:40px;
}

@media screen and (max-width: 800px) {
	.top-company h2 {
		font-size:45px;
	}
	.top-company p {
		font-size:24px;
	}
}

@media screen and (max-width: 800px) {
	.top-company .table-content th {
		display:block;
		font-size:24px;
		width:calc(100% - 41px) !important;
	}
	.top-company .table-content td {
		display:block;
		font-size:24px;
		width:calc(100% - 31px) !important;
	}
}

.top-company-gallery {
	width:calc(65% - 15px);
	float:left;
}

.top-company-gallery .img-auto-width.colmun3 {
	width:calc(100% + 15px);
}

.top-company-gallery .img-auto-width.colmun3 img {
	width:calc(25% - 15px);
	margin-right:15px;
	margin-bottom:15px;
}

.top-company-chirashi {
	width:calc(35% - 15px);
	float:right;
}

@media screen and (max-width: 800px) {
	.top-company-gallery {
		width:100%;
		float:none;
	}
	.top-company-chirashi {
		width:100%;
		float:none;
	}
}

.top-company-chirashi .chirashi-detail {
}

.top-company-chirashi .chirashi-detail .thum {
}

.top-company-chirashi .chirashi-detail .thum img {
	width:50%;
	height:auto;
	float:left;
	transition:0.3s;
}

.top-company-chirashi .chirashi-detail .thum img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.top-company-chirashi .chirashi-detail h3 {
	font-size:16px;
}

.top-company-chirashi .chirashi-detail h3 span {
	display:block;
	font-size:14px;
	color:#ff0000;
}

.top-company-chirashi .chirashi-detail p {
}

@media screen and (max-width: 800px) {
	.top-company-chirashi .chirashi-detail h3 {
		font-size:26px;
	}
	.top-company-chirashi .chirashi-detail h3 span {
		font-size:24px;
	}
	.top-company-chirashi .chirashi-detail p {
		padding-bottom:30px;
	}
}

.top-map-primary {
	width:100%;
}

.top-map-primary .map {
	width:100%;
}

@media screen and (max-width: 800px) {
	.top-map-primary {
		width:100%;
	}
	
	.top-map-primary .map {
		width:100%;
		margin-right:0;
		margin-bottom:30px;
		float:none;
	}
}

.top-map-primary h3 {
	color:#e70012;
	font-size:24px;
	margin:0;
	padding:0;
	font-family: 'FOT-RodinNTLGPro-EB';
}

.top-map-primary p {
	font-size:16px;
	margin:0;
	padding:0;
	text-align:left;
	margin-bottom:30px;
}

@media screen and (max-width: 800px) {
	.top-map-primary h3 {
		font-size:32px;
	}
	.top-map-primary p {
		font-size:24px;
	}
}

.top-map-primary iframe {
	width:100%;
}

.contact-form {
	padding-top:50px !important;
}

.entry-info .button a {
	width:250px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	padding-top:15px;
	padding-bottom:15px;
	color:#ff0000;
	text-decoration:none;
	text-align:center;
	border:3px solid #ff0000;
	border-radius:10px;
	font-weight:bold;
	transition:0.3s;
}

.entry-info .button a:hover {
	background-color:#ff0000;
	background-image:url(../image/footer/cc-back.gif);
	color:#ffffff;
}