@charset "UTF-8";

@media (max-width: 1140px) {
/*
※※※※※※※※※※※※※※※※

フッター

※※※※※※※※※※※※※※※※
*/
	footer .emidas,
	footer .iso{
		width:100px;
	}

	footer .address {
		font-size:1.1rem;
	}

	footer .iso {
		margin-right:5px;
	}

	footer nav .child-nav {
		margin-bottom:2em;
	}

	footer nav {
		float:left;
		padding:0 10px 0 0;
		width:41%
	}

	footer nav > ul {
		float:left;
		margin-left:10px;
		font-size:1.1rem;
	}

	footer nav li {
		line-height: 1.5em;
	}

	footer nav .child-nav {
		margin-bottom:2em;
	}

	footer nav .child-nav li {
		list-style-type: disc;
		list-style-position: outside;
		margin-left:1.5em;
	}

	footer .group-area {
		float:right;
		width:32%;
		padding-left:10px;
		border-left:1px solid #fff;
		background-image:url(../img/common/map.png);
		background-repeat: no-repeat;
		background-position: right top;
		background-size:60%;
		font-size:1.3rem;
	}

	footer .group-area span {
		display:block;
		font-size:1.1rem;
		line-height:1.1em;
	}

	footer .group-area li {
		padding-bottom:40px;
		background-position: left 3px;
		padding-left:20px;
	}

	footer .group-area .title {
		margin-bottom:20px;
	}
}

@media (max-width: 1050px) {
/*
※※※※※※※※※※※※※※※※

ヘッダー

※※※※※※※※※※※※※※※※
*/
	
	header .catchcopy br {
		display:block;
	}
	
	header .logo {
		width:140px;
	}

	header .catchcopy {
		font-size: 1.1rem;
	}


	header .tel {
		font-size:1.6rem;
		background-size:contain;
		padding-left:15px;
		line-height:1.2em;
		letter-spacing: 0.1em;
	}
	header .fax {
		font-size:1.6rem;
		background-size:contain;
		padding-left:20px;
		line-height:1.2em;
		letter-spacing: 0.1em;
		color:#5bb531;
	}

	header .contact-btn {
		font-size:1.0rem;
		line-height:1.2em;
		width:8.5%;
		padding:21px 0;
	}
}

@media (max-width: 900px) {
/*
※※※※※※※※※※※※※※※※

ヘッダー

※※※※※※※※※※※※※※※※
*/
	
	

	header nav {
		clear: both;
		font-size:1.3rem;
		width:56vw;
		padding:0 5px 0 0;
	}
	
	header.small nav {
		font-size:1.4rem;
		width:auto;
	}
	
/*
※※※※※※※※※※※※※※※※

フッター

※※※※※※※※※※※※※※※※
*/	
	footer nav > ul {
		width:45%;
	}

	footer nav {
		width:37%;
		padding:0;
	}
	
}

@media (max-width: 767px) {

	/*
	※※※※※※※※※※※※※※※※

	共通

	※※※※※※※※※※※※※※※※
	*/

	html { font-size:50%; }
	.wrapper {
		background-image: none;
	}
	.inner {
			padding:0 3%;
		}
	.pc {
		display:none;
	}

	.sp {
		display:block;
	}

	.inline-pc {
		display:none;
	}

	.inline-sp {
		display:inline;
	}
	
	.contents {
		margin-top:0;
	}
	
	#move-page-top {
		line-height:60px;
		width:60px;
		right:5%;
		bottom:5%;
		border-radius: 30px;
	}
	
	#move-page-top:hover{
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)"; 
		-moz-opacity:1; 
		-khtml-opacity: 1; 
		opacity:1;
		zoom:1;
	}

	/*
※※※※※※※※※※※※※※※※

ヘッダー

※※※※※※※※※※※※※※※※
*/
	
	header {
		padding:10px 0;
		height:80px;
		background: rgba(255,255,255,0.8);
		position:fixed;
	top:0;
	left:0;
	}
	
	header .inner {
		padding:0 2%;
	}
	
	header nav {
		display:none;
		width:100%;
		background-color:#fff;
	}
	
	header .gnav > li {
		float:none;
		text-align: center;
	}
	
	header .logo {
		width:25%;
		max-width:120px;
	}
	
	
	header .logo img{
	width:100%;
}
	
	header .contact-btn {
		display:none;
	}
	
	header .catchcopy {
	font-size: 1.1rem;
	letter-spacing: -0.1em;
}

	header .catchcopy br {
		display:none;
	}
	
	header .nav-wrap {
		display:block;
	}
	
	header .sp-mail {
		float:right;
		margin-top:20px;
		margin-right:5%;
		width:24px;
	}
	
	header .sp-mail img {
		width:100%;
		height: auto;
	}
	
	header .sp-tel {
		float:right;
		margin-top:18px;
		margin-right:5%;
		width:18px;
	}
	
	header .sp-tel img {
		width:100%;
		height:auto;
	}
	
	header .hamburger {
		float:right;
		margin-top:20px;
		width:28px;
	}
	
	header .hamburger img {
		width:100%;
		height:auto;
	}
	
	header .gnav  li {
		font-size:1.4rem;
		line-height: 3em;
		padding:0;
		border-bottom:1px dotted #ddd;
		cursor: pointer;
		width:100%;
	}
	

	
	header nav {
		width:100vw;
		position: fixed;
		left:0;
		top:80px;
	}
	
	
	header nav .gnav > li:hover {
	color:#000;
	position:relative;
	padding-bottom:0;
}

header nav .gnav > li:hover:before {
  content: none;
  position: inherit;
}
	
	header nav .parent {
		position:static;
		background-image: url(../img/common/icon-parent.png);
		background-repeat: no-repeat;
		background-position: right 5% top 15px;
		background-size:10px;
	}
	
	header nav .child {
		display: none;
		background-color: rgba(255,255,255,1.0);
		width:140%;
		margin-left:-20%;
		position:static;
		top:0;
		left:0;
	}

	header nav .child > li {
	float:none;
	margin:0;
	line-height:2em;
	border-bottom:1px dotted #ddd;

	}

	header nav .child > li:first-child {
		border-top:1px dotted #ddd;
	}

	header nav .child > li:last-child {
		border-bottom:none;
	}

	
	/*
※※※※※※※※※※※※※※※※

フッター

※※※※※※※※※※※※※※※※
*/
	footer .tel {
		margin-bottom:20px;
		padding-top:18px;
		background-position: left calc(50% - 100px) top 18px;
	}
	
	footer .mail {
		background-position: left calc(50% - 70px) center, right 5% center;
	}
	
	footer .tel,footer .mail {
		float:none;
		width:100%;
	}
	
	
	footer .logo-area {
		float:none;
		margin:0 auto 70px;
		width:260px;
	}
	
	footer .address {
		font-size:1.3rem;
	}
	
	footer .iso {
		margin-right:10px;
	}
	
	footer .iso,footer .emidas {
		width:auto;
	}

	footer nav {
		display:none;
	}
	
	footer .group-area {
	float:none;
	max-width:350px;
	width:100%;
	padding-left:0;
	border-left:none;
	background-size:auto;
	margin:0 auto;
	font-size:1.6rem;
}

footer .group-area span {
	font-size:1.2rem;
}

footer .group-area li {
	padding-bottom:50px;
	background-position: left 5px;
	padding-left:20px;
}
	
footer .copyright {
	text-align: center;
	padding:20px 0 10px;
}
	
/*
※※※※※※※※※※※※※※※※

下層テンプレート

※※※※※※※※※※※※※※※※
*/
/*******************************
画像配置（flexbox）
*******************************/
	.col1 figure,.col2 figure, .col3 figure, .col4 figure,
	.type1 .content, .type2 .content, .type3 .content {
		width:100%;
	}
	
	.flexbox {
		display:-webkit-flex;
		display:flex;
		justify-content: space-between;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.flexbox.imgR {
		flex-direction: column;
	}

	.flexbox.imgL {
		flex-direction: column;
	}

	.flexbox figcaption {
		text-align: center;
	}

	.col1 figure img {
		 width:100vw;
		margin-left:-2%;
	}

	.col3 figure {
			padding:0 2%;
	}

	.type1,.type2,.type3 {
		margin-bottom:50px;
	}

	.type2 .content {
		padding:0 2%;
		z-index:2;
		margin-bottom:-50px;
	}

	.imgR .graybg,.imgL .graybg {
		margin:0;
	}

	.type3 .content {
		padding:0 2%;
	}

	.btn-wrap a{
		float:none;
		width:90%;
		margin:25px auto;
	}

	.btn-wrap a:first-child {
		margin:25px auto;

	}

	.type4 {
		position:inherit;
		margin-bottom: 50px;
	}

	.type4 .content {
		padding:70px 0 100px 30px;
		max-width:410px;
		width:90%;
		margin:0 auto;
		position:relative;
		margin-bottom:-60px;
		z-index: 2;
	}

	.type4 img {
		float: none;
		max-width:none;
		width:100vw;
		margin-left:-2%;
		z-index:1;
		position: relative;

	}

img.img100 {
	width:100%;}

	/***********************************
	テーブル
	************************************/
	.table1,.table2 {
		margin-bottom:50px;
	}

	.table1 th,
	.table1 td {
		display:block;
		width:100%;
	}

	.table1 th {
		background-color: #efefef;
	}

	.table2 tbody tr:nth-child(odd) {
		background-color: #efefef;
	}


/* テーブル */
table {
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
.table {
	margin-bottom: 20px;
}
.table th, .table td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px solid #dddddd;
}
.table-bordered th, .table-bordered td {
	border-left: 1px solid #dddddd;
}
.table-bordered {
	border: 1px solid #dddddd;
	border-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.table h3 {
	padding-top: 10px;
	padding-bottom: 10px;
}

table.type02 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type02 th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type02 td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}


/* フォーム */
/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	color: #5c6b80;
	border-radius: 3px;
	vertical-align: middle;
	box-shadow: none;
	border: 1px solid #ADABAB;
	width: 90%;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;
	-webkit-transition: background-color 0.24s ease-in-out;
	transition: background-color 0.24s ease-in-out;
	padding-left: 5px;
}
input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active {
	background-color: #f7f8fa;
}
input[type="text"].error, input[type="text"].is-invalid, input[type="password"].error, input[type="password"].is-invalid, input[type="datetime"].error, input[type="datetime"].is-invalid, input[type="datetime-local"].error, input[type="datetime-local"].is-invalid, input[type="date"].error, input[type="date"].is-invalid, input[type="month"].error, input[type="month"].is-invalid, input[type="time"].error, input[type="time"].is-invalid, input[type="week"].error, input[type="week"].is-invalid, input[type="number"].error, input[type="number"].is-invalid, input[type="email"].error, input[type="email"].is-invalid, input[type="url"].error, input[type="url"].is-invalid, input[type="search"].error, input[type="search"].is-invalid, input[type="tel"].error, input[type="tel"].is-invalid, input[type="color"].error, input[type="color"].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid {
	color: #fbe3e4;
	border-color: #fbe3e4;
	background-color: white;
	background-position: 99% center;
	background-repeat: no-repeat;
	background-image: url(../img/common/ask/ask_error.png);
	outline-color: #fbe3e4;
}
input[type="text"].success, input[type="text"].is-valid, input[type="password"].success, input[type="password"].is-valid, input[type="datetime"].success, input[type="datetime"].is-valid, input[type="datetime-local"].success, input[type="datetime-local"].is-valid, input[type="date"].success, input[type="date"].is-valid, input[type="month"].success, input[type="month"].is-valid, input[type="time"].success, input[type="time"].is-valid, input[type="week"].success, input[type="week"].is-valid, input[type="number"].success, input[type="number"].is-valid, input[type="email"].success, input[type="email"].is-valid, input[type="url"].success, input[type="url"].is-valid, input[type="search"].success, input[type="search"].is-valid, input[type="tel"].success, input[type="tel"].is-valid, input[type="color"].success, input[type="color"].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid {
	color: #e6efc2;
	border-color: #e6efc2;
	background-color: white;
	background-position: 99% center;
	background-repeat: no-repeat;
	background-image: url(../img/common/ask/ask_ok.png);
	outline-color: #e6efc2;
}
input[type="text"][disabled], input[type="text"].is-disabled, input[type="password"][disabled], input[type="password"].is-disabled, input[type="datetime"][disabled], input[type="datetime"].is-disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled, input[type="date"][disabled], input[type="date"].is-disabled, input[type="month"][disabled], input[type="month"].is-disabled, input[type="time"][disabled], input[type="time"].is-disabled, input[type="week"][disabled], input[type="week"].is-disabled, input[type="number"][disabled], input[type="number"].is-disabled, input[type="email"][disabled], input[type="email"].is-disabled, input[type="url"][disabled], input[type="url"].is-disabled, input[type="search"][disabled], input[type="search"].is-disabled, input[type="tel"][disabled], input[type="tel"].is-disabled, input[type="color"][disabled], input[type="color"].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled {
	cursor: not-allowed;
	border-color: #cfcfcf;
	opacity: 0.6;
}
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active {
	background-color: #d5edf8;
}
input[type="password"] {
	letter-spacing: 0.3em;
}
textarea {
	max-width: 100%;
	min-height: 120px;
	line-height: 1.5em;
}
select {
	-webkit-appearance: none;
	/* 1 */
	background-image: url(../img/common/ask/ask_arrow.png);
	background-repeat: no-repeat;
	background-position: 97.5% center;
	padding-left: 5px;
}
table.form {
	width: 100%;
	border-top: 1px solid #cccccc;
}
table.form tr {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
table.form th {
	background: linear-gradient(#F0F0F0, #FAFAFA);
	background: gradient(linear, 0 0, 0 bottom, from(#F0F0F0), to(#FAFAFA));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0F0F0), to(#FAFAFA));
	/* CSS3 PIE独自プレフィックス */
	-pie-background: linear-gradient(#F0F0F0, #FAFAFA);/* behaviorスクリプトPIE.htcのパス */
}
form td {
	padding: 10px;
}


ul.ul02 {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
}
.ul02 li {
	margin-bottom: 5px;
	list-style: none;
}
.ul02.inline li {
	display: inline-block;
	width:310px;
	}
.ul02 li:before {
	font-family: 'FontAwesome';
	content: '\f1db';
	margin: 0 5px 0 10px;
	color: #5bb531;
}

	}

	@media (max-width: 460px) {
	/*
	※※※※※※※※※※※※※※※※

	ヘッダー

	※※※※※※※※※※※※※※※※
	*/

	header .catchcopy {
		margin-top:15px;
		line-height:1.3em;
	}
		
	header .catchcopy br {
		display:block;
	}
}