@charset 'utf-8';

.pc-switcher {
	display: none !important;
}

body {
	padding-top: 58px;
}

.clearfix:after {
	display: block;
	clear: both;
	content: '';
}

.fullmenu {
	position: fixed;
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100vw;
	min-height: 100vh;
	color: #fff;
	background-color: rgba(26, 170, 192, .96);
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}


@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	.fullmenu {
		display: block;
		padding: 40px 0;
	}
}

.fullmenu_btn {
	font-size: 2em;
	position: fixed;
	z-index: 101;
	top: 70px;
	right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 2.2em;
	height: 2.2em;
	border-radius: 10em;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.fullmenu_btn:hover {
	cursor: pointer;
}

.fullmenu_btn p {
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #1aabc1;
}

.fullmenu_btn p small {
	font-size: .3em;
	display: block;
	letter-spacing: 0;
}

.fullmenu header {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.fullmenu .news_ticker {
	position: absolute;
	right: 0;
	width: 80%;
	max-width: 800px;
	-webkit-transition: .3s all;
	transition: .3s all;
	-webkit-animation-duration: 2.6s;
	-webkit-animation-delay: 2.6s;
	animation-delay: 2.6s;
	border: 1px dotted #fff;
}

.fullmenu .news_ticker:hover {
	background-color: rgba(255, 255, 255, .9);
}

.fullmenu .news_ticker ul li a {
	display: block;
	padding: .6em 1em;
	color: #fff;
}

.fullmenu .news_ticker:hover ul li a {
	color: #17a2b6;
}

.fullmenu .news_ticker ul li a:before {
	font-family: 'FontAwesome';
	display: inline-block;
	padding-right: .6em;
	content: '\f1ea';
}

.fullmenu nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 40px;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.fullmenu nav article {
	min-width: 180px;
}

.fullmenu nav article h2 {
	font-size: 1.1em;
	padding: 2px;
	border-bottom: 1px solid #fff;
}

.fullmenu nav article ul:not(.sns) + h2,
.fullmenu nav article ul:not(.sns) + ul {
	margin-top: 3em;
}

.fullmenu nav article ul:not(.sns) {
	margin-top: 20px;
}

.fullmenu nav article ul:not(.sns) li + li {
	margin-top: 1em;
}

.fullmenu nav article ul:not(.sns) li a {
	font-size: .9em;
	-webkit-transition: .2s all;
	transition: .2s all;
	color: #fff;
}

.fullmenu nav article ul:not(.sns) li a:before {
	font-family: 'FontAwesome';
	display: inline-block;
	padding-right: .4em;
	content: '\f105';
	-webkit-transition: .2s all;
	transition: .2s all;
}

.fullmenu nav article ul:not(.sns) li a:hover:before {
	padding-left: .2em;
}

.fullmenu nav article address {
	padding: 20px;
	text-align: center;
	color: #333;
	background-color: #fff;
}

.fullmenu nav article address h2 {
	border-color: #333;
}

.fullmenu nav article address h3 {
	font-weight: bold;
	margin-top: 1em;
}

.fullmenu nav article address .tel {
	font-size: 1.4em;
	margin-top: .4em;
}

.fullmenu nav article address .tel:before {
	font-family: 'FontAwesome';
	display: inline-block;
	padding-right: .4em;
	content: '\f095';
}

.fullmenu nav article address .tel small {
	font-size: .5em;
	font-weight: 500;
	display: block;
}

.fullmenu nav article address .mail {
	margin-top: 1em;
	text-align: center;
}

.fullmenu nav article address .mail a {
	display: block;
	padding: .4em;
	color: #fff;
	border: 2px solid transparent;
	border-radius: 6px;
	background-color: #17a2b6;
}

.fullmenu nav article address .mail a:hover {
	color: #17a2b6;
	border-color: #17a2b6;
	background-color: transparent;
}

.fullmenu nav article .sns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 20px;
}

.fullmenu nav article .sns li {
	width: 100%;
	text-align: center;
}

.fullmenu nav article .sns li a {
	font-size: 1.6em;
	display: inline-block;
	color: #fff;
}

.fullmenu nav article .sns li a:hover {
	padding-top: 2px;
}

.fullmenu nav article .sns li a span {
	font-size: .4em;
	display: block;
	padding-top: .2em;
}

.fullmenu nav article .banner {
	background-color: #fff;
}

.fullmenu nav article .banner + .banner {
	margin-top: 20px;
}

.fullmenu nav article .banner a {
	border: 1px solid transparent;
}

.fullmenu nav article .banner a:hover {
	opacity: .9;
	border-color: #17a2b6;
}

@media screen and (max-width: 1024px) {
	.fullmenu {
		height: 100%;
	}

	.fullmenu .inner {
		overflow-y: scroll;
		height: 100%;
		padding: 20px 0 40px;
	}

	.fullmenu header {
		position: static;
		display: block;
		overflow: hidden;
		max-height: 140px;
	}

	.fullmenu .news_ticker {
		position: static;
		width: 100%;
		max-width: none;
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.fullmenu header .logo a {
		max-width: 100px;
	}

	.fullmenu nav article {
		width: 48%;
	}

	.fullmenu nav article:nth-child(n+3) {
		margin-top: 40px;
	}

	.fullmenu nav article.banner_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.fullmenu nav article .banner {
		width: 48%;
		background-color: transparent;
	}

	.fullmenu nav article.banner_box .banner + .banner {
		margin: 0;
	}

	.fullmenu nav article ul:not(.sns) li a {
		display: block;
		padding: 1em 0;
	}

	.fullmenu nav article .sns li a:hover span {
		padding-top: .2em;
	}
}

@media screen and (max-width: 480px) {
	.fullmenu nav article {
		min-width: auto;
	}

	.fullmenu nav article.contact,
	.fullmenu nav article.banner_box {
		width: 100%;
	}
}

.slidebanner {
	position: fixed;
	z-index: 10;
	top: 80px;
}

.slidebanner + .slidebanner {
	top: 310px;
}

.slidebanner + .slidebanner + .slidebanner {
	top: 540px;
}

.slidebanner ul {
	position: relative;
	margin-left: -190px;
	-webkit-transition: .3s all;
	transition: .3s all;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
}

.slidebanner ul:hover {
	margin-left: 0;
}

.slidebanner .delete {
	font-weight: bold;
	padding-left: 190px;
	-webkit-transition: .3s all;
	transition: .3s all;
	text-align: center;
	color: #000;
	background-color: #ccc;
}

.slidebanner ul:hover .delete {
	padding-left: 0;
}

.slidebanner .delete:hover {
	cursor: pointer;
}

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



.index .slick-dots li {
	width: 40px;
	height: 40px;
	-webkit-transition: .2s all;
	transition: .2s all;
}

.index .slick-dots li button:before {
	font-size: 40px;
	opacity: 1;
}

.index .slick-dots li:first-child button::before {
	color: #eca2aa;
}

.index .slick-dots li:nth-child(2) button::before {
	color: #303030;
}

.index .slick-dots li:nth-child(3) button::before {
	color: #f81a03;
}

.index .slick-dots li:nth-child(4) button::before {
	color: #50d0e2;
}

.index .slick-dots li:nth-child(5) button::before {
	color: #b6ddf1;
}

.index .slick-dots li:last-child button::before {
	color: #f2f2f2;
}

.index .slick-prev {
	z-index: 1;
	left: 10px;
	width: 40px;
	height: 40px;
}

.index .slick-next {
	z-index: 1;
	right: 10px;
	width: 40px;
	height: 40px;
}

.index .slick-next:before,
.index .slick-prev:before {
	font-size: 40px;
	color: #333;
}

.inner {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.index section h2:first-of-type {
	font-size: 2.4em;
	text-align: center;
}

.index section h2:first-of-type small {
	font-size: .6em;
}

.index .about {
	padding: 80px 0;
	color: #fff;
	background-color: #1aabc1;
}

.index .about h1 {
	text-align: center;
}

.index .about h1 span {
	font-size: 1.2em;
}

.index .about h1 img {
	margin-top: .4em;
}

.index .about h1 + p {
	padding: 20px 7%;
	padding-right: 22%;
	line-height: 2;
	background: url('../img/notte_lightblue_small.png') no-repeat center right 4%;
	background-size: contain;
}

.index .about .catalog {
	margin-top: 30px;
	text-align: center;
}

.index .about .catalog a {
	font-size: 1.2em;
	display: inline-block;
	padding: 1em 5em;
	color: #1aabc1;
	border: 2px solid transparent;
	border-radius: 10em;
	background-color: #fff;
}

.index .about .catalog a:hover {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}

.index .about .cm {
	position: relative;
	width: 94%;
	margin: 30px auto 0;
}

.index .about .cm a {
	display: block;
	color: #fff;
}

.index .about .cm a img {
	width: 100%;
}

.index .about .cm a div {
	position: absolute;
	top: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 1em;
	-webkit-transition: .3s all;
	transition: .3s all;
	text-align: center;
	opacity: 0;
	background-color: rgba(0, 0, 0, .6);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.index .about .cm a:hover div {
	opacity: 1;
}

.index .about .cm a div i {
	font-size: 6em;
}

.index .about .feature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 70px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.index .about .feature article {
	width: 30%;
}

.index .about .feature article .circle {
	position: relative;
}

.index .about .feature article .circle h2 {
	width: 78%;
	margin: 0 auto;
}

.index .about .feature article .circle > img {
	position: absolute;
	right: 0;
	bottom: 10px;
}

.index .about .feature article p {
	margin-top: 30px;
	line-height: 2;
}

.index .about .feature article p small {
	display: inline-block;
	padding-top: 1em;
}

.index .morespec {
	width: 80%;
	margin: 40px auto 0;
	text-align: center;
}

.index .morespec a {
	font-weight: bold;
	display: block;
	padding: 1em;
	color: #1aabc1;
	border: 2px solid transparent;
	border-radius: 4px;
	background-color: #fff;
}

.index .morespec a:hover {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}

.nenpi {
	padding: 50px 0 30px;
	background-color: #e9e9e9;
}

.nenpi .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-width: 930px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.nenpi .inner > img {
	width: 18%;
}

.nenpi .detail {
	width: 60%;
	margin-bottom: 30px;
	padding: 0 20px;
	text-align: center;
}

.nenpi .detail h2 {
	color: #1aabc1;
}

.nenpi .detail dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 86%;
	margin: 50px auto 0;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.nenpi .detail dl dt:not(:first-of-type),
.nenpi .detail dl dd:not(:first-of-type) {
	margin-top: 2em;
}

.nenpi .detail dl dt {
	font-size: 1.2em;
	font-weight: bold;
	width: 40%;
	text-align: left;
}

.nenpi .detail dl dd {
	width: 58%;
}

.nenpi .detail p {
	margin-top: 30px;
}

.nenpi .detail p + p {
	margin-top: .4em;
}

.nenpi .detail p strong {
	font-size: 1.6em;
	font-weight: inherit;
	color: #1aabc1;
}

.nenpi .detail p small {
	font-size: .8em;
}

.index .color {
	padding: 60px 0 80px;
	background-color: #1aabc1;
}

.index .color h2 {
	color: #fff;
}

.index .color .slick-container {
	margin-top: 40px;
	background-color: #fff;
}

.index .color .slick-container ul li {
	position: relative;
	text-align: center;
}

.index .color .slick-container ul li.slick-slide img {
	display: inline-block;
}

.index .color .slick-container ul li .slide_color {
	position: absolute;
	bottom: 60px;
	right: 60px;
}

.index .color .slick-container ul li p {
	font-size: .7em;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.index .color .slick-dots {
	bottom: -40px;
}

.index .color .gallery {
	margin-top: 80px;
}

.index .color .gallery h3 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.index .color .gallery p {
	margin-top: 1em;
	text-align: center;
	color: #fff;
}

.index .color .gallery p + p {
	max-width: 560px;
	margin: 1em auto 0;
}

.index .review {
	padding: 30px 0 50px;
	background: url('../img/review_men.png') no-repeat center left, url('../img/review_women.png') no-repeat center right;
	background-size: contain;
}

.index .review .inner {
	padding: 30px 0;
}

.index .review h2 + p {
	text-align: center;
}

.index .review ul {
	margin-top: 30px;
	padding: 0 12%;
}

.index .review ul li {
	padding: 1em;
	line-height: 2;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #fff;
}

.index .review ul li + li {
	margin-top: 30px;
}

.index .review ul li:nth-child(odd) {
	margin-right: 14%;
}

.index .review ul li:nth-child(even) {
	margin-left: 14%;
}

.index .review ul li small {
	display: inline;
	padding-left: 1em;
	color: #aaa;
}

.index .review ul li strong {
	display: inline;
}

.index .review ul li strong {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(26, 171, 193, .3)));
	background: -webkit-linear-gradient(transparent 60%, rgba(26, 171, 193, .3) 60%);
	background: linear-gradient(transparent 60%, rgba(26, 171, 193, .3) 60%);
}

.function {
	padding: 100px 0;
}

.function h2 {
	color: #1aabc1;
}

.function .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 60px;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.function .wrap article {
	width: 30%;
}

.function .wrap article:nth-child(n + 4) {
	margin-top: 60px;
}

.function .wrap article img {
	display: block;
	width: 80%;
	margin: 0 auto;
	border-radius: 20px;
}

.function .wrap article h3 {
	margin-top: 1em;
	font-size: 1.4em;
	text-align: center;
}

.function .wrap article h3 small {
	padding-top: .4em;
	color: #1aabc1;
}

.function .wrap article p {
	margin-top: 1em;
}

.function .wrap .fourcolumn {
	width: 24%;
}

.function .wrap .fourcolumn h3 {
	font-size: 1.8em;
}

.function .wrap .fourcolumn p {
	font-size: .9em;
}

.function .morespec a {
	color: #fff;
	background-color: #1bb2c8;
}

.function .morespec a:hover {
	color: #1bb2c8;
	border-color: #1bb2c8;
	background-color: transparent;
}

.function .security {
	margin-top: 60px;
	padding: 50px 10%;
	border: solid 1px #1bb2c8;
}

.function .security h3 {
	font-size: 2.2em;
	text-align: center;
	color: #1bb2c8;
}

.function .security h3 + p {
	margin-top: 1em;
}

.function .security ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 1em;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.function .security ul li {
	margin: 0 1em;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.simulation {
	padding: 60px 0;
	text-align: center;
	background-color: #1bb2c8;
}

.simulation h2 {
	display: inline-block;
	padding-bottom: .2em;
	color: #fff;
	border-bottom: 2px solid #fff;
}

.simulation .case_a {
	margin-top: 40px;
}

.simulation .case_a .inner {
	color: #fff;
	background: url('../img/simulation_a.png') no-repeat center left;
	background-size: contain;
}

.simulation .case_a h3 strong {
	font-size: 2.8em;
	font-weight: inherit;
	padding-right: .2em;
}

.simulation .case_a .detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 44%;
	margin: 10px auto 0;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.simulation .case_a .detail li {
	width: 48%;
}

.simulation .case_a .detail li:nth-child(odd) {
	text-align: right;
}

.simulation .case_a .detail li:nth-child(even) {
	text-align: left;
}

.simulation .case_a .detail li:nth-child(n + 3) {
	margin-top: .4em;
}

.simulation .case_a .course {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 72%;
	margin: 50px auto 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.simulation .case_a .course li:nth-child(odd) {
	width: 22%;
}

.simulation .case_a .course li.notte {
	width: 40%;
}

.simulation .case_a .course li p {
	margin-top: 1em;
}

.simulation .case_a .course li.notte .move {
	margin: 0 auto;
	padding-right: 60%;
	text-align: left;
}

.simulation .case_a .course li.notte .move + div {
	margin-top: 1em;
	-webkit-box-ordinal-group: 21;
	-ms-flex-order: 20;
	-webkit-order: 20;
	order: 20;
}

.simulation .case_a .course li.notte .move + div img {
	width: auto;
}

.simulation .case_a .course li.notte p {
	-webkit-box-ordinal-group: 31;
	-ms-flex-order: 30;
	-webkit-order: 30;
	order: 30;
}

.simulation .case_a .course li.notte p strong {
	font-size: 2.4em;
	font-weight: inherit;
	padding: 0 .2em;
}

.simulation .case_a .result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 20px;
	padding: 30px 5%;
	color: inherit;
	background-color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.simulation .case_a .result article {
	width: 38%;
}

.simulation .case_a .result article:last-child {
	width: 44%;
}

.simulation .case_a .result > div {
	width: 5%;
}

.simulation .case_a .result article:last-child h3 {
	width: 80%;
}

.simulation .case_a .result article p {
	margin-top: 1em;
	text-align: center;
}

.simulation .case_a .result article p small {
	font-size: .8em;
}

.simulation .case_a .result article:last-child p.price {
	padding-right: 40%;
	color: #1bb2c8;
	background: url('../img/simulation_saving.png') no-repeat center right;
	background-size: contain;
}

.simulation .case_a .result article:last-child p.price strong {
	font-size: 4.6em;
	font-weight: inherit;
	padding: 0 .1em;
}

.simulation .case_a .result article div {
	width: 44%;
	margin: 1em auto 0;
}

.qa {
	padding: 80px 0;
	background-color: #1aabc1;
}

.qa h2 {
	color: #fff;
}

.qa h2 + .wrap {
	margin-top: 100px;
}

.qa .wrap + .wrap {
	margin-top: 40px;
}

.qa .wrap h3 {
	font-size: 2em;
	color: #fff;
}

.qa .wrap article {
	color: inherit;
	border-radius: 16px;
	background-color: #fff;
}

.qa .wrap h3 + article {
	margin-top: 20px;
}

.qa .wrap article + article {
	margin-top: 20px;
}

.qa .wrap article h4 {
	font-size: 1.4em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 20px 60px;
	-webkit-transition: .3s all;
	transition: .3s all;
	background: url('../img/icon_q.png') no-repeat center left 10px, url('../img/icon_plus.png') no-repeat center right 20px;
	background-size: 4.6%, 2%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.qa .wrap article h4.open {
	background-image: url('../img/icon_q.png'), url('../img/icon_minus.png');
}

.qa .wrap article h4:hover {
	cursor: pointer;
}

.qa .wrap article h4 + div {
	display: none;
	padding: 0 20px 20px;
}

.qa .wrap + p {
	width: 44%;
	margin: 80px auto 0;
	text-align: center;
}

.qa .wrap + p a {
	font-size: 1.4em;
	display: block;
	padding: .8em;
	letter-spacing: 2px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 6px;
}

.qa .wrap + p a:before {
	font-family: 'FontAwesome';
	display: inline-block;
	padding-right: 1em;
	content: '\f138';
}

.qa .wrap + p a:hover {
	color: #1aabc1;
	background-color: #fff;
}

.index .spec {
	padding: 70px 0 140px;
}

.index .spec dl {
	font-size: .9em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 60px;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.index .spec dl > * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 1em;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.index .spec dl dt {
	width: 23%;
	background-color: #f2f0f0;
}

.index .spec dl dd {
	width: 27%;
}

.index .spec .manual_dl {
	padding-top: 50px;
	text-align: center;
}

.announcement {
	padding: 80px 0;
	background-color: #1aabc1;
}

.announcement .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.announcement .wrap {
	-webkit-box-ordinal-group: 21;
	-ms-flex-order: 20;
	-webkit-order: 20;
	order: 20;
}

body .announcement h2 {
	text-align: left;
	color: #fff;
}

.announcement h2 time {
	font-size: .8em;
}

.announcement h3 {
	font-size: 1.4em;
	display: inline-block;
	margin-top: .6em;
	padding: .2em .6em;
	color: #fff;
	background-color: rgba(0, 0, 0, .3);
}

.announcement h3 strong {
	padding-left: 1em;
}

.announcement h3 span {
	padding-left: 1em;
}

.announcement .seal {
	width: 24%;
	-webkit-box-ordinal-group: 11;
	-ms-flex-order: 10;
	-webkit-order: 10;
	order: 10;
}

.announcement .notte_img {
	width: 12%;
	-webkit-box-ordinal-group: 31;
	-ms-flex-order: 30;
	-webkit-order: 30;
	order: 30;
}

.xeamshop figure {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 30px 0 50px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.xeamshop figure .img {
	position: relative;
	width: 44%;
}

.xeamshop figure .img > div {
	height: 0;
	padding-bottom: 56.25%;
}

.xeamshop figure .img > div iframe,
.xeamshop figure .img > div object,
.xeamshop figure .img > div embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.xeamshop figure figcaption {
	font-size: .9em;
	width: 54%;
}

.xeamshop figure figcaption > * + * {
	margin-top: 1em;
}

.xeamshop figure figcaption h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #17a2b6;
}

.xeamshop figure figcaption address {
	padding: 1em;
	border: 1px solid #222;
	border-radius: 6px;
}

.xeamshop figure figcaption address > * + * {
	margin-top: 1em;
}

.index .reserve {
	margin-top: 80px;
}

.index .shoplist {
	padding-bottom: 70px;
	margin-top: 70px;
}

.index .shoplist .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 30px;
}

.index .shoplist .txt {
	width: 72%;
}

.index .shoplist .txt h3 {
	color: #16a5b8;
	font-size: 2em;
	font-weight: bold;
}

.index .shoplist .txt h3 small {
	font-size: .6em;
	padding-right: .4em;
}

.index .shoplist .txt p + p {
	margin-top: 1em;
}

.index .shoplist .txt .btn {
	margin-top: 2em;
	text-align: center;
}

.index .shoplist .txt .btn a {
	display: inline-block;
	padding: 1em 3em;
	color: #fff;
	font-weight: bold;
	background-color: #16a5b8;
	border: 2px solid transparent;
	border-radius: 6px;
}

.index .shoplist .txt .btn a:hover {
	color: #16a5b8;
	border-color: #16a5b8;
	background-color: transparent;
}

.index .shoplist .img {
	width: 24%;
	background: url('../img/shop_map.png') no-repeat top center;
	background-size: contain;
}

.index .shoplist .img p {
	color: #1aabc1;
}

.index .shoplist .img p strong {
	font-size: 1.6em;
	font-weight: bold;
}

.agency {
	padding: 100px 0;
	text-align: center;
	background: url(../img/dairiten_bg.jpg) no-repeat center center;
	background-size: cover;
}

.staffengineer {
	padding: 80px 0;
	text-align: center;
	background: url(../img/staffengineer_bg.jpg) no-repeat center center;
	background-size: cover;
}

.agency .inner p,
.staffengineer .inner p {
	width: 50%;
	margin: 30px auto 0;
}

.staffengineer .inner h2 span {
	display: block;
}

.purchase {
	padding: 80px 0;
	background-color: #1aabc1;
}

.purchase .inner {
	position: relative;
}

.purchase h2 {
	color: #fff;
}

.purchase .wrap {
	font-size: .9em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 70px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.purchase .wrap .slick-container {
	width: 50%;
	margin: 0;
	background: url('../img/bg_circle_gray.png') no-repeat top center;
	background-size: contain;
}

.purchase .swiper-pagination-bullet {
	width: 30px;
	height: 30px;
}

.purchase .slick-container-horizontal > .swiper-pagination-bullets,
.purchase .swiper-pagination-custom,
.purchase .swiper-pagination-fraction {
	bottom: 30px;
}

.swiper-button-prev,
.slick-container-rtl .swiper-button-next,
.swiper-button-next,
.slick-container-rtl .swiper-button-prev {
	-webkit-filter: saturate(0%);
	filter: saturate(0%);
}

.purchase .wrap .slick-container > p {
	margin-top: 40px;
}

.purchase .wrap .slick-container > p a {
	display: block;
	padding: 1em;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 6px;
}

.purchase .wrap .slick-container > p a:hover {
	color: #1aabc1;
	border-color: #fff;
	background-color: #fff;
}

.purchase .wrap .detail {
	width: 44%;
	color: #fff;
}

.purchase .wrap .detail h3 {
	font-size: 2.6em;
}

.purchase .wrap .detail h3 small {
	display: inline-block;
	padding-left: 1em;
}

.purchase .wrap .detail h3 small a {
	font-size: .8rem;
	text-decoration: underline;
	color: #fff;
}

.purchase .wrap .detail h3 + ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 1em;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.purchase .wrap .detail h3 + ul li {
	padding: 0 .6em;
}

.purchase .wrap .detail > article {
	margin-top: 30px;
}

.purchase .wrap .detail .price h4 {
	font-size: 1.6em;
}

.purchase .wrap .detail .price .price_val {
	font-size: 1.2em;
	margin-top: 1em;
}

.purchase .wrap .detail .price .price_val strong {
	font-family: 'Open Sans', sans-serif;
	font-size: 3.2em;
}

.purchase .wrap .detail .price .price_val strong:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	display: inline-block;
	content: '\f157';
}

.purchase .wrap .detail .price .installment {
	margin-top: 10px;
	padding: 2em;
	border-radius: 10px;
	background-color: #fff;
}

.purchase .wrap .detail .price .installment img {
	width: 100%;
}

.purchase .wrap .detail .price .installment small {
	padding-top: 1em;
	color: #333;
}

.purchase .wrap .detail .set h4 {
	font-size: 1.6em;
}

.purchase .wrap .detail .set h4 + ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 1em;
}

.purchase .wrap .detail .set h4 + ul li {
	padding: 0 .6em;
}

.purchase .wrap .detail .set h4 + ul li:before {
	display: inline-block;
	content: '・';
}

.purchase .wrap .detail .set p {
	margin-top: 20px;
}

.purchase .wrap .detail .set p strong {
	font-size: 1.6em;
	font-weight: inherit;
}

.agency .link_wrapper,
.staffengineer .link_wrapper,
.purchase .reserve_btn,
.mailmagazine .regist {
	width: 56%;
	margin: 70px auto 0;
	text-align: center;
}

.staffengineer a,
.agency .inner a,
.purchase .reserve_btn a,
.mailmagazine .regist button,
.index .color .gallery p a,
.spec .manual_dl a {
	display: block;
	padding: 1em;
	color: #fff;
	font-size: 1.2em;
	background-color: #0d525d;
	border: 2px solid transparent;
	border-radius: 6px;
}

.agency .link_wrapper a:before,
.staffengineer .link_wrapper a:before,
.purchase .reserve_btn a:before,
.mailmagazine .regist button:before,
.index .color .gallery p a:before,
.spec .manual_dl a:before {
	display: inline-block;
	content: '\f138';
	font-family: 'FontAwesome';
	padding-right: 1em;
}

.staffengineer a:hover,
.agency .inner a:hover,
.purchase .reserve_btn a:hover,
.mailmagazine .regist button:hover,
.index .color .gallery p a:hover,
.spec .manual_dl a:hover {
	color: #0d525d;
	background-color: rgba(255, 255, 255, .8);
	border-color: #0d525d;
}

.purchase .reserve_btn + .deli_delay {
	margin-top: 2em;
	padding: 1em;
	text-align: center;
	color: #fff;
	border-top: 2px solid #ebe529;
	border-bottom: 2px solid #ebe529;
	background-color: rgba(235, 229, 41, .1);
}

.purchase .reserve_btn + .deli_delay span {
	text-decoration: underline;
}

.purchase .sticker {
	position: absolute;
	top: -170px;
	right: 0;
	display: block;
}

.purchase {
	padding: 80px 0;
	background-color: #1aabc1;
}

.purchase .inner {
	position: relative;
}

.purchase h2 {
	color: #fff;
}

.mailmagazine h2 small {
	color: #1aabc1;
}

.mailmagazine h2 + p {
	margin-top: 30px;
	text-align: center;
}

.index .mailmagazine {
	padding: 70px 0;
}

.mailmagazine form {
	width: 56%;
	margin: 50px auto 0;
}

.mailmagazine form input {
	display: block;
	width: 86%;
	margin: 0 auto;
	padding: .6em;
	border: 1px solid #b9c9ce;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1) inset;
}

.mailmagazine form input + input {
	margin-top: 2em;
}

.mailmagazine form .regist {
	width: auto;
}

.mailmagazine form .regist button {
	width: 100%;
}

.st-menu {
	background-color: #fff;
}

.youtube_movie {
	padding: 60px;
	background: #e3e3e3;
}

.youtube_movie *:focus {
	outline: none;
}

.youtube_movie img {
	display: inline-block;
}

.youtube_movie h2 {
	font-size: 2.8em;
	text-align: center;
	color: #1aabc1;
}

.youtube_movie h2 + div {
	margin-top: 40px;
}

.youtube_movie ul.slick-dotted.slick-slider {
	margin-bottom: 0;
	background-color: #f6d127;
}

.youtube_movie ul li {
	padding: 30px;
	text-align: center;
}

.youtube_movie ul li h3 {
	font-size: 1.6em;
	font-weight: bold;
}

.youtube_movie ul li a {
	display: block;
	margin-top: 20px;
}

.youtube_movie .slick-dots {
	display: none !important;
}

.youtube_movie .slick-prev {
	left: 2%;
}

.youtube_movie .slick-next {
	right: 2%;
}

.footer_xeam {
	margin-top: 0 !important;
}

.footer_notte {
	text-align: center;
	color: #fff !important;
	background-color: #1aabc1;
}

.footer_notte .inner {
	padding: 30px 0;
}

.footer_notte ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.footer_notte ul li {
	margin: .4em .8em;
}

.footer_notte ul li a {
	font-size: .8em;
	color: #fff !important;
}

.footer_notte ul li a:hover {
	text-decoration: underline;
}

.footer_notte ul li:first-child a img {
	max-width: 5em;
}

.footer_notte .copy {
	font-size: .9em;
	margin-top: 2em;
}

@media screen and (max-width: 1024px) {
	html {
		font-size: 13px;
	}

	.swiper-pagination-bullet {
		width: 30px;
		height: 30px;
	}

	.inner {
		width: 96%;
	}

	.index .about h1 + p {
		padding-left: 4%;
		background-position: center right;
	}

	.index .about .feature {
		margin-top: 50px;
	}

	.index .about .feature article .circle h2 {
		width: 80%;
	}

	.index .about .feature article .circle > img {
		width: 22%;
	}

	.index .about .feature article p {
		margin-top: 30px;
	}

	.nenpi .detail {
		padding: 0;
	}

	.nenpi .detail dl dt {
		text-align: center;
	}

	.color .slick-container ul li img:first-child {
		max-width: 70%;
	}

	.color .slick-container ul li .slide_color {
		bottom: 30px;
		left: 40px;
		max-width: 32%;
	}

	.function .wrap .fourcolumn,
	.function .wrap article {
		width: 48%;
	}

	.function .wrap article:nth-child(n + 4) {
		margin-top: 0;
	}

	.function .wrap article:nth-child(n + 3) {
		margin-top: 40px;
	}

	.function .wrap article h3 {
		font-size: 1.8em;
	}

	.simulation .case_a .inner {
		width: 100%;
	}

	.simulation .case_a .detail {
		width: 58%;
	}

	.simulation .case_a .result {
		padding: 20px 3%;
	}

	.simulation .case_a .result article:last-child p.price strong {
		font-size: 4em;
	}

	.qa .wrap article h4 {
		font-size: 1.2em;
	}

	.qa .wrap + p {
		width: 80%;
	}
	body .announcement h2 {
		font-size: 2.4em;
	}

	.announcement h3 {
		font-size: 1.2em;
	}

	.agency {
		padding: 60px 0;
	}

	.staffengineer {
		padding: 40px 0;
	}

	.purchase .reserve_btn,
	.mailmagazine form {
		width: 80%;
	}

	.purchase .sticker {
		width: 28%;
	}

	.purchase .slick-container-horizontal > .swiper-pagination-bullets,
	.purchase .swiper-pagination-custom,
	.purchase .swiper-pagination-fraction {
		bottom: 20px;
	}

	.youtube_movie {
		padding: 50px 1%;
	}
	.footer_notte ul li a {
		font-size: .9em;
		color: #fff;
	}
}

@media screen and (max-width: 767px) {
	.index .about h1 + p {
		padding-left: 0;
		background-size: 22%;
	}

	.index .about .cm a div {
		opacity: 1;
		background-color: rgba(0, 0, 0, .4);
	}

	.index .about .cm a div i {
		font-size: 4em;
		opacity: .6;
	}

	.index .about .feature {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.index .about .feature article {
		width: 90%;
		margin: auto;
	}

	.index .about .feature article + article {
		margin-top: 50px;
	}

	.nenpi .inner {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.nenpi .inner > img {
		width: 28%;
	}

	.nenpi .inner .detail {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		-webkit-order: 10;
		order: 10;
	}

	.nenpi .inner > img:first-child {
		-webkit-box-ordinal-group: 21;
		-ms-flex-order: 20;
		-webkit-order: 20;
		order: 20;
	}

	.nenpi .inner > img:last-child {
		-webkit-box-ordinal-group: 31;
		-ms-flex-order: 30;
		-webkit-order: 30;
		order: 30;
	}

	.nenpi .inner .detail {
		width: 100%;
	}

	.nenpi .detail dl {
		width: 100%;
	}

	.index .review {
		background: url('../img/review_men.png') no-repeat center left;
		background-size: contain;
	}

	.index .review .inner {
		background-color: rgba(255, 255, 255, .8);
	}

	.color .slick-container ul li .slide_color {
		bottom: 20px;
		left: 30px;
		max-width: 28%;
	}

	.color .slick-container ul li p {
		font-size: .6em;
		right: 10px;
		bottom: 10px;
	}

	.swiper-pagination-bullet {
		width: 20px;
		height: 20px;
	}

	.color .gallery {
		background-position: bottom center;
		background-size: contain;
	}

	.function .wrap article img {
		width: 90%;
		border-radius: 10px;
	}

	.function .security {
		padding: 30px 4%;
	}

	.function .security ul li {
		margin: 0;
	}

	.function .security ul li + li {
		margin-left: 1em;
	}

	.simulation .case_a .inner {
		background: none;
	}

	.simulation .case_a .detail {
		width: auto;
	}

	.simulation .case_a .course {
		width: auto;
	}

	.simulation .case_a .result {
		padding: 30px 4%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.simulation .case_a .result article {
		width: auto;
	}

	.simulation .case_a .result article:last-child {
		width: auto;
		margin-top: 30px;
	}

	.simulation .case_a .result article p {
		margin-top: 30px;
	}

	.simulation .case_a .result article div {
		margin-top: 30px;
	}

	.simulation .case_a .result article:last-child h3 {
		margin: 0 auto;
	}

	.simulation .case_a .result > div {
		width: auto;
		max-width: 60px;
		margin-top: 30px;
	}

	.simulation .case_a .result > div img {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.purchase .wrap .detail .price .installment {
		margin: 10px auto 0;
	}

	.qa .wrap article h4 {
		padding: 20px 50px;
	}

	.announcement {
		position: relative;
		padding: 90px 0 60px;
	}

	.announcement .inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.announcement .seal {
		position: absolute;
		top: -80px;
		left: 10px;
		width: 26%;
	}

	.announcement .notte_img {
		display: none;
	}

	.agency {
		padding: 30px 0;
		background-color: #f6f5f1;
	}

	.staffengineer {
		padding: 20px 0;
		background-color: #f6f5f1;
	}

	.agency .link_wrapper,
	.staffengineer .link_wrapper {
		margin-top: 40px;
	}

	.purchase .wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.purchase .wrap .slick-container {
		width: 100%;
	}

	.purchase .wrap .detail {
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}

	.purchase .wrap .detail h3 + ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.purchase .wrap .detail .set h4 + ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.xeamshop .mv h2 img {
		width: 60%;
	}

	.xeamshop figure {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.xeamshop figure figcaption,
	.xeamshop figure .img {
		width: 100%;
	}

	.xeamshop figure figcaption {
		margin-top: 30px;
	}
}


@media screen and (max-width: 680px) {
	.agency,
	.staffengineer {
		background-position: top center;
		background-size: 180%;
	}

	.agency .inner p,
	.staffengineer .inner p {
		width: auto;
		margin-top: 1em;
		padding: 1em;
		text-align: left;
		background-color: rgba(255, 255, 255, .6);
	}

	.agency .link_wrapper,
	.staffengineer .link_wrapper {
		width: 80%;
		margin-top: 2em;
	}

	.agency .link_wrapper a,
	.staffengineer .link_wrapper a {
		font-size: 1.1em;
		letter-spacing: 0;
	}

	.index .shoplist .wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.index .shoplist .wrap > * {
		width: 100%;
	}

	.index .shoplist .img {
		margin-top: 1em;
		text-align: center;
		background-image: none;
	}

	.index .shoplist .img p strong br {
		display: none;
	}

	.index .shoplist .txt h3 small {
		display: block;
	}

	.index .shoplist .txt .btn a {
		display: block;
	}

	.youtube_movie ul li h3 {
		font-size: 1.6em;
	}
}



@media screen and (max-width: 480px) {
	section h2:first-of-type {
		font-size: 2em;
	}

	.index .about h1 + p {
		padding: 0;
		margin-top: 1em;
		background: none;
	}

	.index .about .feature article .circle {
		margin: 0 2em;
	}

	.function .wrap article h3 {
		font-size: 1.4em;
	}

	.index .review {
		background-size: cover;
	}

	.index .review ul {
		padding: 0 4%;
	}

	.qa .wrap h3 {
		font-size: 1.2em;
	}

	.qa .wrap article h4 {
		font-size: 1.1em;
		background-size: 6%, 3%;
	}

	.qa .wrap + p {
		width: 90%;
	}

	.spec dl dt {
		width: 46%;
	}

	.spec dl dd {
		width: 54%;
	}

	.index .spec dl dt {
		width: 46%;
	}

	.index .spec dl dd {
		width: 54%;
	}

	.agency {
		padding: 50px 0;
		background-color: #f6f5f1;
	}

	.staffengineer {
		padding: 40px 0;
		background-color: #f6f5f1;
	}

	.agency .link_wrapper,
	.staffengineer .link_wrapper {
		width: auto;
	}

	.announcement {
		padding-top: 80px;
	}

	body .announcement h2 {
		font-size: 1.8em;
	}

	.announcement h3 {
		font-size: inherit;
	}

	.announcement .seal {
		top: -60px;
		width: 30%;
	}

	.purchase .reserve_btn,
	.mailmagazine form {
		width: 100%;
	}

	.purchase .sticker {
		top: -140px;
		width: 32%;
	}
}

@media screen and (max-width: 375px) {
	.simulation .case_a .result article:last-child p.price strong {
		font-size: 3.4em;
	}

	.simulation .case_a .detail {
		display: inline-block;
		width: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.simulation .case_a .detail li {
		width: 100%;
	}

	.simulation .case_a .detail li:nth-child(odd) {
		text-align: left;
	}

	.simulation .case_a .detail li:nth-child(n + 2) {
		margin-top: .6em;
	}

	.simulation .case_a .course li.notte {
		width: 48%;
	}
}

.qa .inner .wrap article div p span,
p.chushaku {
	font-size: 74%;
}