@charset "utf-8";
/*
Theme Name: 東広島自動車学校
Theme URI: null
Description: Description
Author: 81bridge - WXJ
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
}
a,
a:link {
	color: #000;
	text-decoration: none;
	transition: .3s;
}
a:visited {
	color: #000;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #000;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}
#container {
	padding-top: 137px;
	text-align: left;
}
#main {
	display: block;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 1024px) {
	#container {
		padding-top: 57px;
	}
}
@media all and (max-width: 767px) {
	body {
		min-width: inherit;
		font-size: 1.1rem;
	}
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: fixed;
	height: 137px;
	left: 0;
	top: 0;
	width: 100%;
	padding: 43px 75px 23px;
	box-sizing: border-box;
	z-index: 99;
	background-color: #fff;
}
#gHeader h1 {
	width: 265px;
}
#gHeader .hText {
	position: absolute;
	left: 327px;
	top: 88px;
	letter-spacing: 0.1em;
}
#gHeader .hList {
	position: absolute;
	right: 88px;
	top: 28px;
	font-weight: bold;
}
#gHeader .hList li:first-child {
	margin-right: 41px;
}
#gHeader .hList a {
	min-height: 33px;
	padding: 10px 0 0 29px;
	display: block;
	letter-spacing: 0.1em;
	background: url("img/common/icon02.png") no-repeat left center;
	background-size: 31px auto;
	box-sizing: border-box;
}
#gHeader .hList a:hover {
	opacity: 0.7;
}
#gHeader .hList li:first-child a {
	padding-left: 34px;
	background: url("img/common/icon01.png") no-repeat left top 10px;
	background-size: 25px auto;
}
#gHeader .hTel {
	padding-left: 40px;
	position: absolute;
	right: 533px;
	top: 26px;
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	background: url("img/common/icon03.png") no-repeat left top 11px;
	background-size: 32px auto;
}
#gHeader .hTel span {
	margin-left: 40px;
}
#gNavi {
	position: absolute;
	right: 84px;
	top: 93px;
}
#gNavi li:not(:last-child) {
	margin-right: 71px;
}
#gNavi a {
	font-weight: bold;
	display: inline-block;
	letter-spacing: 0.1em;
}
#gNavi a:hover {
	opacity: 0.7;
}
#gHeader address {
	height: 450px;
	position: fixed;
	left: 50px;
	top: 50%;
	margin-top: -200px;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	font-family: 'Playfair Display', serif;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	direction: ltr;
	text-align: left;
}
#gHeader .hSns {
	position: fixed;
	top: 50%;
	margin-top: -180px;
	right: 49px;
	width: 20px;
}
#gHeader .hSns li:not(:last-child) {
	margin-bottom: 50px;
}
#gHeader .hSns a:hover {
	opacity: 0.7;
}
@media all and (max-width: 1360px) {
	#gHeader {
		padding: 43px 15px 23px;
	}
	#gNavi {
		right: 15px;
	}
	#gNavi li:not(:last-child) {
		margin-right: 20px;
	}
	#gHeader .hList {
		right: 15px;
	}
	#gHeader .hList li:first-child {
		margin-right: 6px;
	}
	#gHeader .hTel {
		padding-left: 30px;
		right: 380px;
		font-size: 2rem;
		background-size: 30px auto;
	}
	#gHeader .hTel span {
		margin-left: 5px;
	}
	#gHeader .hText {
		left: 245px;
	}
	#gHeader address {
		left: 5px;
	}
	#gHeader .hSns {
		right: 5px;
	}
}
@media all and (min-width: 1025px) {
	.menu {
		display: none !important;
	}
	.menuBox {
		display: none !important;
	}
	.fixBox {
		display: none !important;
	}
}
@media all and (max-width: 1024px) {
	#gHeader {
		height: 57px;
		padding: 11px 17px;
	}
	#gHeader h1 {
		width: 141px;
	}
	#gHeader .hText {
		display: none;
	}
	#gHeader .hList {
		display: none;
	}
	#gHeader .hList li:first-child {
		margin-right: 41px;
	}
	#gHeader .hTel {
		display: none;
	}
	#gNavi {
		display: none;
	}
	#gHeader address {
		display: none;
	}
	#gHeader .hSns {
		position: absolute;
		top: 20px;
		margin-top: 0;
		right: 86px;
		width: auto;
		display: flex;
	}
	#gHeader .hSns li {
		width: 17px;
	}
	#gHeader .hSns img.pc {
		display: none;
	}
	#gHeader .hSns img.sp {
		display: block !important;
	}
	#gHeader .hSns li:not(:last-child) {
		margin: 0 20px 0 0;
	}
	#gHeader .menu {
		width: 27px;
		position: absolute;
		right: 22px;
		top: 18px;
	}
	.menuBox {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 17px 32px;
		overflow-y: auto;
		box-sizing: border-box;
		background: rgba(0,0,0,0.8);
		z-index: 100;
	}
	.menuBox .menuLogo {
		margin: 0 0 22px -10px;
		width: 200px;
	}
	.menuBox .close {
		position: absolute;
		right: 18px;
		top: 16px;
		width: 26px;
	}
	.menuBox .menuUl {
		margin: 0 0 53px;
	}
	.menuBox .menuUl > li {
		width: 95%;
		border-top:1px solid #fff; 
		padding: 20px 0;
	}
	.menuBox .menuUl > li:last-child {
		width: 95%;
		border-bottom:1px solid #fff;
	}
	.menuBox .menuUl .accordion .content li {
		padding: 10px 0;
	}
 	.menuBox .menuUl > li > ul > li:not(:last-child) {
		margin-bottom: 17px;
	}
	.menuBox .menuUl a {
		color: #fff;
		font-weight: bold;
		font-size: 1.5rem;
		padding: 20px 0;
	}
	.menuBox .menuUl .accordion .content li a{
		font-weight: normal;
		font-size: 1.4rem;
		padding: 10px 0;		
	}
	.menuBox .menuUl > li ul ul {
		margin-top: 20px;
	}
	.menuBox .menuUl > li ul ul li:not(:last-child) {
		margin-bottom: 8px;
	}
	.menuBox .menuUl > li ul ul a {
		font-size: 1.1rem;
		font-weight: 500;
	}
	.menuBox .menuList {
		margin: 0 auto 20px;
		max-width: 290px;
	}
	.menuBox .menuList li:not(:last-child) {
		margin-bottom: 12px;
	}
	.menuBox .menuList a {
		padding: 23px 0 18px;
		display: block;
		font-size: 1.25rem;
		font-weight: bold;
		letter-spacing: 0.1em;
		text-align: center;
		position: relative;
		background: url("img/common/icon09.png") no-repeat center right 12px,url("img/common/icon02.png") no-repeat center left 24px #BBE2F6;
		background-size: 39px auto,28px auto;
	}
	.menuBox .menuList li:nth-child(2) a {
		background: url("img/common/icon09.png") no-repeat center right 12px,url("img/common/icon01.png") no-repeat center left 24px #FFFBC5;
		background-size: 39px auto,25px auto;
	}
	.menuBox .menuList li:nth-child(3) a {
		background: url("img/common/icon40.png") no-repeat center right 12px;
		background-size: 39px auto;
		color: #fff;
		border: 1px solid #fff;
	}
	.menuBox .menuList li:nth-child(3) a:after {
		position: absolute;
		left: 20px;
		bottom: 6px;
		background: url("img/common/icon11.png") no-repeat;
		background-size: 52px auto;
		width: 52px;
		height: 70px;
		content: "";
	}
	.menuBox .menuList li:nth-child(3) a:before {
		border-color: #fff;
	}
	.menuBox .menuList a:before {
		position: absolute;
		left: 5px;
		top: 5px;
		right: 5px;
		bottom: 5px;
		border: 1px solid #000;
		content: "";
	}
	.menuBox .menuTel {
		margin: 0 10px 28px;
		color: #fff;
		font-size: 2rem;
		font-weight: 400;
		letter-spacing: 0.04em;
	}
	.menuBox .menuTel span {
		margin-bottom: -5px;
		padding-left: 30px;
		display: block;
		font-size: 4rem;
		background: url("img/common/sp_icon01.png") no-repeat left top 32px;
		background-size: 26px auto;
	}
	.menuBox .menuTel a {
		color: #fff;
	}
	.menuBox .menuText {
		margin-bottom: 30px;
		color: #fff;
		font-size: 1.2rem;
	}
	.menuBox address {
		padding-bottom: 70px;
		font-style: normal;
		font-size: 0.9rem;
		color: #fff;
		letter-spacing: 0.04em;
		font-family: 'Playfair Display', serif;
	}
	.fixBox {
		display: none;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 80px;
		padding: 10px 20px;
		width: 100%;
		background: rgba(0,0,0,0.8);
		box-sizing: border-box;
		z-index: 99;
	}
	.fixBox li {
		width: 38.6%;
		margin-right: 3%;
	}
	.fixBox li:last-child {
		width: 16.8%;
		margin-right: 0;
	}
	.fixBox a {
		height: 60px;
		padding-top: 15px;
		display: block;
		text-align: center;
		font-size: 1.2rem;
		position: relative;
		line-height: 1.29;
		font-weight: bold;
		letter-spacing: 0.08em;
		background-color: #BBE2F6;
		box-sizing: border-box;
	}
	.fixBox a:before {
		position: absolute;
		left: 2px;
		top: 2px;
		right: 2px;
		bottom: 2px;
		border: 1px solid #000;
		content: "";
	}
	.fixBox a span {
		padding-left: 32px;
		display: inline-block;
		text-align: left;
		background: url("img/common/icon05.png") no-repeat left center;
		background-size: 20px auto;
	}
	.fixBox li:nth-child(2) a {
		background-color: #FFFBC5;
	}
	.fixBox li:nth-child(2) a span {
		padding-left: 32px;
		background: url("img/common/icon02.png") no-repeat left center;
		background-size: 20px auto;
	}
	.fixBox li:last-child a {
		padding-top: 40px;
		font-weight: 400;
		background: url("img/common/sp_icon02.png") no-repeat center top 4px;
		background-size: 35px auto;
		color: #fff;
		font-size: 1.5rem;
	}
	.fixBox li:last-child a:before {
		display: none;
	}
.menuBox .menuUl .accordion {/* margin: 3em auto; *//* max-width: 60vw; */}
.menuBox .menuUl .toggle {
display: none;
}
.menuBox .menuUl .option {position: relative;/* margin-bottom: 1em; */}
.menuBox .menuUl .title,
.menuBox .menuUl .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.menuBox .menuUl .title {/* border: solid 1px #005BAB; *//* padding: 1em; *//* display: block; *//* color: #000; *//* font-weight: bold; *//* text-align: center; *//* background: #BBE2F6; */}
.menuBox .menuUl .title::after {content: "\025bc";color: #fff;position: absolute;right: -0.75em;top: 0.25em;width: 69px;height: 3em;transition: all 0.3s;text-align: right;padding: 0 10px 0 30px;}
.menuBox .menuUl .title::after {/* transform: rotate(90deg); */}
.menuBox .menuUl .accordion .content {
max-height: 0;
overflow: hidden;
}
.menuBox .menuUl .accordion .content p {margin: 0;padding: 3.5em 3em 3em;font-size: 0.9em;line-height: 2;}
.menuBox .menuUl .toggle:checked + .title + .content {max-height: 270px;transition: all 1.5s;padding: 0;}
.menuBox .menuUl .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
.menuBox .menuUl .accordion .content p span{display: inline-block;padding-left: 6rem;text-indent: -4rem;}

}
@media all and (max-width: 350px) {
	#gHeader .menu {
		right: 15px;
	}
	#gHeader .hSns {
		right: 60px;
	}
	.menuBox .menuTel {
		margin: 0 0 28px;
	}
	.menuBox .menuTel span {
		font-size: 3.5rem;
		background-position: left top 26px;
	}
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	margin-top: 68px;
	border-top: 1px solid #808080;
	position: relative;
}
#gFooter .fLeft {
	width: calc(50% + 172px);
	padding: 63px 15px 0;
	box-sizing: border-box;
}
#gFooter .fLeft > div {
	max-width: 717px;
	margin: 0 0 0 auto;
	position: relative;
}
#gFooter .fLogo {
	margin-bottom: 26px;
	width: 264px;
}
#gFooter .fNavi {
	max-width: 470px;
	margin-bottom: 50px;
}
#gFooter .fNavi > li {
	width: 44%;
	font-weight: bold;
}
#gFooter .fNavi > li > ul > li:not(:last-child) {
	margin-bottom: 19px;
}
#gFooter .fNavi > li > ul ul {
	margin: 8px 0 0 12px;
}
#gFooter .fNavi > li > ul ul li {
	font-size: 1.2rem;
	line-height: 2.16;
	font-weight: 500;
}
#gFooter .fNavi a:hover {
	opacity: 0.7;
}
#gFooter .fText {
	position: absolute;
	left: 492px;
	top: 80px;
	line-height: 1.4;
	font-size: 1rem;
	font-weight: bold;
}
#gFooter .fText li:not(:last-child) {
	margin-bottom: 12px;
}
#gFooter .fText span {
	display: block;
	font-size: 1.4rem;
}
#gFooter .fTel {
	position: absolute;
	left: 263px;
	top: 225px;
	font-size: 2.25rem;
	font-weight: 400;
	letter-spacing: 0.04em;
}
#gFooter .fTel span {
	padding: 0 0 0 40px;
	margin-bottom: -4px;
	display: block;
	font-size: 4.5rem;
	background: url("img/common/icon03.png") no-repeat left top 37px;
	background-size: 30px auto;
}
#gFooter .fSns {
	margin-left: 6px;
}
#gFooter .fSns li {
	margin-right: 28px;
	width: 19px;
}
#gFooter .fSns li:last-child {
	margin-right: 0;
}
#gFooter .fSns li a:hover {
	opacity: 0.7;
}
#gFooter .fRight {
	width: calc(50% - 172px);
	padding: 87px 15px 51px 74px;
	background-color: #ccc;
	box-sizing: border-box;
}
#gFooter .fLink {
	margin-bottom: 28px;
}
#gFooter .fLink a {
	padding: 4px 0 0 31px;
	min-height: 23px;
	display: inline-block;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: url("img/common/icon10.png") no-repeat left top;
	background-size: 19px auto;
	box-sizing: border-box;
}
#gFooter .fLink a:hover {
	opacity: 0.7;
}
#gFooter .fList {
	margin-bottom: 76px;
	max-width: 290px;
}
#gFooter .fList li:not(:last-child) {
	margin-bottom: 23px;
}
#gFooter .fList a {
	padding: 23px 0 18px;
	display: block;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	position: relative;
	background: url("img/common/icon09.png") no-repeat center right 12px,url("img/common/icon02.png") no-repeat center left 24px #BBE2F6;
	background-size: 39px auto,28px auto;
}
#gFooter .fList li:nth-child(2) a {
	background: url("img/common/icon09.png") no-repeat center right 12px,url("img/common/icon01.png") no-repeat center left 24px #FFFBC5;
	background-size: 39px auto,25px auto;
}
#gFooter .fList li:nth-child(3) a {
	background: #fff;
}
#gFooter .fList li:nth-child(3) a:after {
	position: absolute;
	left: 20px;
	bottom: 6px;
	background: url("img/common/icon11.png") no-repeat;
	background-size: 52px auto;
	width: 52px;
	height: 70px;
	content: "";
}
#gFooter .fList a:before {
	position: absolute;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	border: 1px solid #000;
	content: "";
}
#gFooter .fList a:hover {
	opacity: 0.7;
}
#gFooter address {
	font-style: normal;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	font-family: 'Playfair Display', serif;
}
.pageTop {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 98;
	width: 43px;
}
.pageTop a:hover {
	opacity: 0.7;
}
@media all and (max-width: 1080px) {
	#gFooter .fText {
		left: 450px;
	}
}
@media all and (max-width: 1024px) {
	#gFooter {
		margin-top: 127px;
		border-top: none;
	}
	#gFooter .fBox {
		display: block;
	}
	#gFooter .fLeft {
		width: auto;
		padding: 0 21px 17px;
	}
	#gFooter .fLeft > div {
		max-width: inherit;
	}
	#gFooter .fLogo {
		margin-bottom: 3px;
		width: 294px;
	}
	#gFooter .fNavi {
		display: none;
	}
	#gFooter .fText {
		margin-bottom: -10px;
		position: static;
	}
	#gFooter .fText li:not(:last-child) {
		margin-bottom: 0;
	}
	#gFooter .fText li:first-child,
	#gFooter .fText li:nth-child(2) {
		display: none;
	}
	#gFooter .fTel {
		position: static;
		font-size: 2rem;
	}
	#gFooter .fTel span {
		padding: 0 0 0 36px;
		font-size: 4rem;
		background-position: left top 32px;
		background-size: 27px auto;
	}
	#gFooter .fSns {
		display: none;
	}
	#gFooter .fRight {
		width: auto;
		padding: 30px 20px 106px;
	}
	#gFooter .fLink {
		margin-bottom: 20px;
		text-align: center;
	}
	#gFooter .fList {
		margin: 0 auto 31px;
	}
	#gFooter address {
		font-size: 0.9rem;
		text-align: center;
	}
	.pageTop {
		right: 20px;
		bottom: 90px;
		width: 30px;
	}
}
/*------------------------------------------------------------
	enFont
------------------------------------------------------------*/
.enFont {
	font-family: 'Playfair Display', serif;
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	margin: 0 88px;
	height: 330px;
	padding: 10px 98px;
	display: flex;
	align-items: center;
	background: url("img/privacy/page_title_bg.jpg") no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
}
.pageTitle h2 {
	color: #fff;
	line-height: 1.75;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
@media all and (max-width: 1360px) {
	.pageTitle {
		margin: 0 30px;
		padding: 10px 20px;
	}
}
@media all and (max-width: 767px) {
	.pageTitle {
		margin: 0;
		height: 98px;
		padding: 10px 20px;
		background-image: url("img/privacy/sp_page_title_bg.jpg");
	}
	.pageTitle h2 {
		font-size: 1.3rem;
		line-height: 1.34;
	}
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	max-width: 1000px;
	padding: 0 15px;
	margin: 0 auto;
	box-sizing: border-box;
}
@media all and (max-width: 767px) {
	.content {
		padding: 0 20px;
		max-width: inherit !important;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 73px;
	font-size: 2rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.headLine01 .enFont {
	margin: 0 0 52px -7px;
	display: block;
	color: #ababab47;
	font-size: 10rem;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 0.04em;
	mix-blend-mode: multiply;  
}
@media all and (max-width: 1200px) {
	.headLine01 .enFont {
		font-size: 8rem;
	}
}
@media all and (max-width: 767px) {
	.headLine01 {
		margin-bottom: 16px;
		font-size: 1.5rem;
		line-height: 1.38;
	}
	.headLine01 .enFont {
		margin: 0 0 21px -1px;
		font-size: 5rem;
		line-height: 1;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 38px;
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.1em;
}
@media all and (max-width: 767px) {
	.headLine02 {
		margin-bottom: 12px;
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 34px;
	padding: 19px 0 14px;
	font-size: 2rem;
	text-align: center;
	letter-spacing: 0.1em;
	background-color: #bbe2f6;
}
@media all and (max-width: 767px) {
	.headLine03 {
		margin-bottom: 11px;
		padding: 9px 0 11px;
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 19px;
	padding-bottom: 13px;
	font-size: 2rem;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #3f3f3f;
}
.headLine04 span {
	margin-left: 29px;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	font-weight: 500;
}
@media all and (max-width: 767px) {
	.headLine04 {
		margin-bottom: 19px;
		padding-bottom: 4px;
		font-size: 1.1rem;
	}
	.headLine04 span {
		margin-left: 0;
		display: block;
		font-size: 1rem;
	}
}
/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
	margin-bottom: 13px;
	font-size: 2rem;
	letter-spacing: 0.1em;
}
@media all and (max-width: 767px) {
	.headLine05 {
		margin-bottom: 3px;
		font-size: 1.3rem;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
	max-width: 448px;
	margin: 0 auto;
}
.comLink a {
	padding: 5px;
	display: block;
	text-align: center;
	color: #231815;
	position: relative;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #fff;
	letter-spacing: 0.1em;
}
.comLink a > span {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #231815;
}
.comLink a > span span {
	padding: 20px 6px 16px 0;
	display: block;
	position: relative;
	z-index: 2;
	transition: .3s;
	background: url("img/common/icon08.png") no-repeat center right 20px;
	background-size: 30px 9px;
}
.comLink a > span::after {
	position: absolute;
	content: ' ';
	display: block;
    width: 100%;
    height: 100%;
    background: #231815;
    left: 0;
    top: 0;
    z-index: 1;
    transform: translateX(-115%) skewX(60deg);
    transition: .4s cubic-bezier(.23,1,.32,1);
}
@media all and (min-width: 768px) {
	.comLink a:hover > span span {
		color: #fff;
		background-position: center right 10px;
		background-image: url("img/common/icon08_on.png");
	}
	.comLink a:hover > span::after {
		transform: translateX(0%) skewX(0deg);
	}
}
@media all and (max-width: 767px) {
	.comLink {
		max-width: 335px;
		margin: 0 auto;
	}
	.comLink a {
		padding: 4px;
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.comLink a > span span {
		padding: 20px 12px 14px 0;
		background-position: center right 18px;
		background-size: 27px auto;
	}
}
/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {
	max-width: 1208px;
	margin: 0 auto;
}
.comLinkUl li {
	width: 48.9%;
	padding: 0 7px 7px 0;
	position: relative;
	box-sizing: border-box;
}
.comLinkUl li:before {
	position: absolute;
	right: 0;
	top: 7px;
	bottom: 0;
	left: 7px;
	background: url("img/common/line02.png") repeat;
	background-size: 20px auto;
	content: "";
}
.comLinkUl a {
	height: 300px;
	padding-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
	background-color: #89C8ED;
	border: 10px solid #BBE2F6;
	box-sizing: border-box;
}
.comLinkUl a:hover {
	opacity: 0.7;
}
.comLinkUl li .icon {
	display: block;
	width: 43px;
	margin: 0 auto 40px;
}
.comLinkUl li:last-child a {
	background-color: #A5DAA6;
	border-color: #CDEBCD;
}
.comLinkUl .sml {
	padding-right: 21px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 27px;
	font-size: 1.4rem;
	background: url("img/common/icon18.png") no-repeat center right;
	background-size: 14px auto;
}
@media all and (max-width: 1000px) {
	.comLinkUl a {
		font-size: 1.5rem;
	}
}
@media all and (max-width: 767px) {
	.comLinkUl {
		margin: 0 18px;
		max-width: inherit;
		display: block;
	}
	.comLinkUl li {
		margin-bottom: 30px;
		width: auto;
	}
	.comLinkUl li:last-child {
		margin-bottom: 0 !important;
	}
	.comLinkUl li:before {
		right: 4px;
		left: 4px;
		top: 4px;
		bottom: 4px;
		background-size: 10px auto;
	}
	.comLinkUl a {
		height: 150px;
		padding-bottom: 12px;
		font-size: 1.3rem;
		line-height: 1.46;
		border-width: 5px;
	}
	.comLinkUl li .icon {
		width: 22px;
		margin: 0 auto 10px;
	}
	.comLinkUl .sml {
		padding-right: 14px;
		bottom: 10px;
		right: 14px;
		font-size: 1.1rem;
		background-size: 12px auto;
	}
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
	max-width: 1208px;
	margin: 0 auto;
	padding: 0 7px 7px 0;
	position: relative;
	box-sizing: border-box;
}
.comBtn:before {
	position: absolute;
	right: 0;
	top: 7px;
	bottom: 0;
	left: 7px;
	background: url("img/common/line02.png") repeat;
	background-size: 20px auto;
	content: "";
}
.comBtn a {
	padding: 43px 18px 38px 0;
	display: block;
	position: relative;
	z-index: 1;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	border: 10px solid #D5D5D5;
	background: #B2B2B2 url("img/common/icon15.png") no-repeat center right 43px;
	background-size: 26px auto;
}
.comBtn a:hover {
	opacity: 0.7;
}
.comBtn a span {
	display: inline-block;
	position: relative;
}
.comBtn a span:before {
	position: absolute;
	left: -198px;
	top: -9px;
	background: url("img/common/icon14.png") no-repeat left center;
	background-size: 52px auto;
	width: 52px;
	height: 46px;
	content: "";
}
@media all and (max-width: 767px) {
	.comBtn {
		margin: 0 23px 0 13px;
		max-width: inherit;
		padding: 0 4px 4px 0;
	}
	.comBtn:before {
		top: 4px;
		left: 4px;
		background-size: 10px auto;
	}
	.comBtn a {
		padding: 21px 0 20px 9px;
		font-size: 1rem;
		border-width: 5px;
		background-position: center right 21px;
		background-size: 14px auto;
	}
	.comBtn a span:before {
		left: -52px;
		top: -4px;
		background-size: 26px auto;
		width: 26px;
		height: 23px;
	}
}
/*------------------------------------------------------------
	comBtmBox
------------------------------------------------------------*/
.comBtmBox .contact {
	padding: 0 15px 45px;
	margin-bottom: 93px;
	position: relative;
}
.comBtmBox .contact:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	top: 211px;
	content: "";
	background-color: #BBE2F6;
}
.comBtmBox .contact .imgBox {
	max-width: 1750px;
	margin: 0 auto;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.comBtmBox .contact .pho {
	width: 56.34%;
	padding: 0 17px 15px 0;
	position: relative;
	box-sizing: border-box;
}
.comBtmBox .contact .pho:before {
	position: absolute;
	top: 15px;
	bottom: 0;
	left: 15px;
	right: 0;
	background: url("img/common/line01.png") repeat left top;
	background-size: 33px auto;
	content: "";
}
.comBtmBox .contact .pho img {
	position: relative;
	z-index: 1;
}
.comBtmBox .contact .pho:after {
	position: absolute;
	left: 31px;
	bottom: -92px;
	background: url("img/common/imgtext01.png") no-repeat;
	background-size: 613px auto;
	width: 613px;
	height: 154px;
	content: "";
	z-index: 1;
}
.comBtmBox .contact .textBox {
	width: 40.97%;
	margin-top: -21px;
}
.comBtmBox .contact .textInfo {
	max-width: 448px;
	position: relative;
	margin: 0 0 0 auto;
}
.comBtmBox .contact .iconImg01 {
	max-width: 243px;
	margin: 0 19px 9px auto;
}
.comBtmBox .contact .headLine01 {
	margin-left: 7px;
}
.comBtmBox .contact .iconImg02 {
	position: absolute;
	left: 114px;
	bottom: -131px;
	width: 54px;
}
.comBtmBox .current {
	padding: 1px 15px 86px;
	background-color: #CDEBCD;
}
.comBtmBox .current .imgBox {
	max-width: 1204px;
	margin: 0 auto;
	position: relative;
}
.comBtmBox .current .pho {
	width: 49.58%;
	padding: 0 13px 13px 0;
	position: absolute;
	left: 0;
	top: 105px;
	box-sizing: border-box;
}
.comBtmBox .current .pho:before {
	position: absolute;
	top: 13px;
	bottom: 0;
	left: 13px;
	right: 0;
	background: url("img/common/line01.png") repeat left top;
	background-size: 33px auto;
	content: "";
}
.comBtmBox .current .pho img {
	position: relative;
	z-index: 1;
}
.comBtmBox .current .textBox {
	width: 49%;
	margin: 0 4px 0 auto;
}
.comBtmBox .current .headLine01 {
	margin: -57px 0 46px;
	text-align: right;
	position: relative;
}
.comBtmBox .current .headLine01:before {
	position: absolute;
	left: 74px;
	bottom: 0;
	background: url("img/common/icon06.png") no-repeat;
	background-size: 109px auto;
	width: 109px;
	height: 83px;
	content: "";
}
.comBtmBox .current .headLine01 .enFont {
	margin-bottom: 42px;
}
.comBtmBox .current .comLink {
	margin: 0 0 0 auto;
}
.comBtmBox .current .iconImg01 {
	position: absolute;
	right: 338px;
	bottom: -121px;
	width: 85px;
}
.comBtmBox .current .textImg {
	position: absolute;
	right: 5px;
	bottom: -119px;
	width: 242px;
}
@media all and (max-width: 1200px) {
	.comBtmBox .contact .pho::after {
		background-size: 510px auto;
		width: 510px;
	}
}
@media all and (max-width: 1000px) {
	.comBtmBox .contact .pho::after {
		background-size: 390px auto;
		width: 390px;
	}
}
@media all and (max-width: 767px) {
	.comBtmBox .contact {
		padding: 0 20px 29px;
		margin-bottom: 104px;
	}
	.comBtmBox .contact:after {
		position: absolute;
		right: 25px;
		bottom: -61px;
		background: url("img/common/imgtext01.png") no-repeat;
		background-size: 290px auto;
		width: 290px;
		height: 78px;
		content: "";
		z-index: 1;
	}
	.comBtmBox .contact:before {
		top: 124px;
	}
	.comBtmBox .contact .imgBox {
		max-width: inherit;
		margin: 0 auto;
		display: block;
	}
	.comBtmBox .contact .pho {
		margin-bottom: 22px;
		width: auto;
		padding: 0 3px 5px 0;
	}
	.comBtmBox .contact .pho:before {
		top: 5px;
		bottom: 0;
		left: 5px;
		right: -3px;
	}
	.comBtmBox .contact .pho:after {
		display: none;
	}
	.comBtmBox .contact .textBox {
		width: auto;
		margin: 0;
	}
	.comBtmBox .contact .textInfo {
		max-width: inherit;
	}
	.comBtmBox .contact .iconImg01 {
		max-width: 122px;
		margin: 0 20px 7px;
	}
	.comBtmBox .contact .headLine01 {
		margin-left: 1px;
	}
	.comBtmBox .contact .iconImg02 {
		left: -2px;
		bottom: -40px;
		width: 27px;
	}
	.comBtmBox .current {
		padding: 1px 20px 29px;
	}
	.comBtmBox .current .imgBox {
		max-width: inherit;
	}
	.comBtmBox .current .pho {
		margin-bottom: 23px;
		width: auto;
		padding: 0 0 5px 0;
		position: relative;
		left: auto;
		top: auto;
	}
	.comBtmBox .current .pho:before {
		top: 5px;
		bottom: 0;
		left: 5px;
		right: -5px;
	}
	.comBtmBox .current .textBox {
		width: auto;
		margin: 0 4px 0 auto;
	}
	.comBtmBox .current .headLine01 {
		margin: -36px 0 15px;
	}
	.comBtmBox .current .headLine01:before {
		left: 24px;
		bottom: -7px;
		background-size: 55px auto;
		width: 55px;
		height: 44px;
	}
	.comBtmBox .current .headLine01 .enFont {
		margin-bottom: 24px;
	}
	.comBtmBox .current .comLink {
		margin: 0 0 0 auto;
	}
	.comBtmBox .current .iconImg01 {
		right: auto;
		left: 11px;
		bottom: -68px;
		width: 68px;
	}
	.comBtmBox .current .textImg {
		right: -1px;
		bottom: -47px;
		width: 144px;
	}
}
/*------------------------------------------------------------
	mailForm
------------------------------------------------------------*/
.mailForm table {
	width: 100%;
	border-collapse: collapse;
}
.mailForm th,
.mailForm td {
	height: 72px;
	padding: 10px 8px 9px;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	border: 1px solid #000;
	word-break: break-all;
}
.mailForm .bold th,
.mailForm .bold td {
	border-bottom-width: 2px;
}
.mailForm th {
	padding: 6px 19px 0 27px;
	width: 23%;
	letter-spacing: 0.1em;
	background-color: #BBE2F6;
}
.mailForm th a {
	text-decoration: underline;
}
.mailForm .vTop {
	vertical-align: top;
	padding-top: 27px;
}
.mailForm th .must {
	float: right;
	color: #E73817;
}
.mailForm td input[type="text"],
.mailForm td input[type="email"],
.mailForm td input[type="tel"],
.mailForm td select,
.mailForm td textarea {
	width: 100%;
	height: 52px;
	font-size: 1.4rem;
	padding: 2px 5px 0 20px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #D3D1D0;
	border-radius: 0;
	background-color: #fff;
}
.mailForm td select::-ms-expand { 
	display: none;
}
.mailForm td textarea {
	padding: 10px 20px;
	height: 247px;
	resize: vertical;
}
.mailForm td select,
.mailForm td .fhopedate input[type="text"] {
	padding: 2px 15px 0;
	width: 286px;
	background: url("img/common/select_bg.png") no-repeat center right 10px;
	background-size: 10px auto;
}
.mailForm td select.wid03 {
	margin-left: 23px;
	width: 224px;
}
.mailForm td input[type="radio"] {
	display: none;
}
.mailForm td input[type="radio"] + span {
	min-height: 30px;
	padding: 6px 0 0 40px;
	display: inline-block;
	background: url("img/common/radio_img01.png") no-repeat left top;
	background-size: 30px auto;
	box-sizing: border-box;
}
.mailForm td input[type="radio"]:checked + span {
	background-image: url(img/common/radio_img02.png);
}
.mailForm td .radioBox {
	margin: -10px 0 0 46px;
}
.mailForm td .radioBox.radioSpe {
	margin: 0 0 0 25px;
}
.mailForm td .radioBox.radioSpe .wpcf7-list-item {
    margin: 10px 28px 0 0;
}
.mailForm td .radioBox.radioSpe input[type="checkbox"] ~ span {
	min-height: 30px;
	padding: 6px 0 0 40px;
	display: inline-block;
	background: url("img/common/radio_img01.png") no-repeat left top;
	background-size: 30px auto;
	box-sizing: border-box;
}
.mailForm td .radioBox.radioSpe input[type="checkbox"]:checked ~ span {
    background-image: url(img/common/radio_img02.png);
}
.mailForm td .radioBox .wpcf7-list-item {
	margin: 10px 96px 0 0;
	vertical-align: top;
}
.mailForm td .radioBox .wpcf7-list-item:last-child {
	margin-right: 0 !important;
}
.mailForm td .wid01[type="text"] {
	width: 198px;
}
.mailForm td .wid02[type="text"] {
	width: 194px;
}
.mailForm td input[type="tel"] {
	width: 197px;
}
.mailForm td .text01 {
	margin: 0 25px 0 5px;
}
.mailForm td .text02 {
	margin: 0 6px 0 3px;
}
.mailForm td .text03 {
	margin-right: 5px;
}
.mailForm td .radioBox01 {
	margin-left: 25px;
}
.mailForm td .radioBox01 .wpcf7-list-item {
	margin-right: 39px;
}
.mailForm td .radioBox02 .wpcf7-list-item {
	margin-right: 26px;
}
.mailForm td .radioBox03 .wpcf7-list-item {
	margin-right: 191px;
}
.mailForm td .radioBox03 .fhope .wpcf7-list-item.first {
	display: none;
}
.mailForm td .radioBox03 .wpcf7-list-item:last-child {
	margin: 10px 0 0 -46px;
}
.mailForm td .radioBox03 .link {
	margin: 18px 0 0 191px;
}
.mailForm td .link {
	margin-left: 37px;
	display: inline-block;
}
.mailForm td .link a {
	padding-right: 45px;
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: url("img/common/icon08.png") no-repeat center right;
	background-size: 30px auto;
}
.mailForm td .link a:hover {
	opacity: 0.7;
}
.mailForm td .radioBox04 {
	margin: 0 0 0 25px;
	font-weight: bold;
}
.mailForm td .radioBox04 .wpcf7-list-item {
	margin-right: 28px;
}
.mailForm td .radioBox04 .wpcf7-list-item .sml {
	margin-top: -1px;
	display: block;
	font-weight: 500;
	font-size: 1rem;
}
.mailForm td input[type="checkbox"] {
	display: none;
}
.mailForm td input[type="checkbox"] + span {
	min-height: 37px;
	padding: 6px 0 0 70px;
	display: inline-block;
	font-weight: bold;
	background: url("img/common/check_img01.png") no-repeat left 20px top;
	background-size: 35px auto;
	box-sizing: border-box;
	letter-spacing: 0.1em;
}
.mailForm td input[type="checkbox"]:checked + span {
	background-image: url(img/common/check_img02.png);
}
.mailForm td input[type="checkbox"] + span a {
	margin-left: 26px;
	color: #005BAB;
	font-weight: 500;
	text-decoration: underline;
}
.mailForm td input[type="checkbox"] + span a:hover {
	text-decoration: none;
}
.mailForm .submit {
	max-width: 437px;
	margin: 113px auto 0;
}
.mailForm .submit li:not(:last-child) {
	margin-bottom: 10px;
}
.mailForm .submit input {
	display: block;
	padding: 19px 8px 15px 0;
	font-weight: bold;
	width: 100%;
	color: #231815;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 0.1em;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #231815;
	background: url("img/common/icon08.png") no-repeat center right 15px;
	background-size: 30px auto;
	border-radius: 0;
}
.mailForm .submit input:hover {
	opacity: 0.7;
}
@media all and (min-width: 1080px) {
	.mailForm th a:hover {
		text-decoration: none;
	}
}
@media all and (max-width: 1080px) {
	.mailForm th a {
		text-decoration: underline;
	}
	.mailForm th {
		padding: 6px 10px;
	}
	.mailForm td .radioBox03 .wpcf7-list-item {
		margin-right: 80px;
	}
}
@media all and (max-width: 900px) {
	.mailForm td input[type="tel"] {
		width: 160px;
	}
	.mailForm td .wid01[type="text"] {
		width: 145px;
	}
}
@media all and (max-width: 767px) {
	#inquiries p{
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	.mailForm table {
		border-top: 1px solid #000;
	}
	.mailForm th,
	.mailForm td {
		display: block;
		width: 100% !important;
		height: auto;
		font-size: 1.3rem;
		padding: 12px 11px 9px;
	}
	.mailForm .bold th,
	.mailForm .bold td {
		border-bottom-width: 1px;
	}
	.mailForm th {
		padding: 14px 10px 13px 12px !important;
		border-top: none;
		border-bottom: none;
	}
	.mailForm th .must {
		font-size: 1.35rem;
	}
	.mailForm td input[type="text"],
	.mailForm td input[type="email"],
	.mailForm td input[type="tel"],
	.mailForm td select,
	.mailForm td textarea {
		height: 48px;
		font-size: 1.3rem;
		padding: 4px 5px 0 15px;
	}
	.mailForm td textarea {
		height: 203px;
		padding: 10px 15px
	}
	.mailForm td select,
	.mailForm td .fhopedate input[type="text"] {
		padding: 2px 15px 0;
		width: 100%;
		background: url("img/common/select_bg.png") no-repeat center right 10px;
		background-size: 10px auto;
	}
	.mailForm td select.wid03 {
		margin-left: 0;
		width: 100%;
	}
	.mailForm td .radioBox {
		margin: -12px 0 12px 12px;
	}
	.mailForm td .radioBox .wpcf7-list-item {
		margin: 20px 100px 0 0;
	}
	.mailForm td .wid01[type="text"] {
		width: 96px;
	}
	.mailForm td .wid02[type="text"] {
		width: 57px;
	}
	.mailForm td .wid04[type="text"] {
		width: 53px !important;
	}
	.mailForm td .wid05[type="text"] {
		width: 162px !important;
	}
	.mailForm td input[name="ftel01"],
	.mailForm td input[name="ftel02"],
	.mailForm td input[name="ftel03"],
	.mailForm td input[name="fowntel01"],
	.mailForm td input[name="fowntel02"],
	.mailForm td input[name="fowntel03"],
	.mailForm td input[name="fintrotel01"],
	.mailForm td input[name="fintrotel02"],
	.mailForm td input[name="fintrotel03"] {
		width: 91px;
	}
	.mailForm td .text01 {
		margin: 0 10px 0 5px;
	}
	.mailForm td .text02 {
		margin: 0 3px 0 3px;
	}
	.mailForm td .text03 {
		margin-right: 2px;
	}
	.mailForm td .radioBox01 {
		margin-left: 6px;
	}
	.mailForm td .radioBox01 .wpcf7-list-item {
		margin-right: 20px;
	}
	.mailForm td .radioBox02 {
		margin-bottom: 0;
	}
	.mailForm td .radioBox02 .wpcf7-list-item {
		margin-right: 0;
	}
	.mailForm td .radioBox03 {
		margin-bottom: 0;
	}
	.mailForm td .radioBox03 .wpcf7-list-item {
		margin-right: 0;
	}
	.mailForm td .radioBox03 .wpcf7-list-item:nth-child(2) {
		margin-right: 92px;
	}
	.mailForm td .radioBox03 .wpcf7-list-item:last-child {
		margin: 19px 0 0;
	}
	.mailForm td .link {
		margin: 21px 0 0 !important;
		display: block !important;
		text-align: right;
	}
	.mailForm td .link a {
		padding-right: 37px;
		font-size: 1.2rem;
		background-position: top 4px right 5px;
		background-size: 25px auto;
	}
	.mailForm td .radioBox04 {
		margin: -13px 0 0;
	}
	.mailForm td .radioBox.radioSpe {
		margin: -13px 0 0;
	}
	.mailForm td .radioBox04 .wpcf7-list-item {
		margin-right: 35px;
		width: auto;
	}
	.mailForm td .radioBox.radioSpe .wpcf7-list-item {
		margin-right: 35px;
		width: auto;
	}
	.mailForm td .radioBox04 .wpcf7-list-item .sml {
		margin-top: -1px;
		font-size: 1.2rem;
	}
	.mailForm td input[type="checkbox"] + span {
		font-size: 1.2rem;
		padding: 14px 0 17px 45px;
		background-size: 30px auto;
		background-position: top 6px left 6px;
	}
	.mailForm td input[type="checkbox"] + span a:hover {
		text-decoration: underline;
	}
	.mailForm .submit {
		max-width: 327px;
		margin: 52px auto 0;
	}
	.mailForm .submit input {
		padding: 18px 8px 13px 0;
		font-size: 1.2rem;
		letter-spacing: 0;
		background-position: center right 12px;
		background-size: 26px auto;
	}
	.mailForm .submit input:hover {
		opacity: 1;
	}
}
@media all and (max-width: 374px) {
	.mailForm td .text01 {
		margin: 0 3px 0 2px;
	}
	.mailForm td .text02 {
		margin: 0 1px;
	}
	.mailForm td .wid04[type="text"] {
		width: 45px !important;
	}
	.mailForm td .wid01[type="text"] {
		width: 80px;
	}
	.mailForm td input[type="tel"] {
		width: 70px;
	}
	.mailForm td .wid05[type="text"] {
		width: 120px !important;
	}
	.mailForm td input[type="checkbox"] + span {
		padding-left: 28px;
		background-position: top 6px left;
		background-size: 26px auto;
	}
	.mailForm td input[type="checkbox"] + span a {
		margin-left: 2px;
	}
}
/*------------------------------------------------------------
	comSelect
------------------------------------------------------------*/
.comSelect {
	max-width: 840px;
	margin: 0 auto 146px;
}
.comSelect li {
	width: 43.1%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comSelect li:first-child {
	margin-right: 8.7%;
}
.comSelect span {
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.comSelect li:last-child span {
	margin-left: -20px;
}
.comSelect select {
	width: calc(100% - 75px);
	height: 39px;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0 5px 0  17px;
	border: 1px solid #3E3A39;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: url("img/common/select_bg02.png") no-repeat center right 14px;
	background-size: 9px auto;
}
.comSelect select::-ms-expand { 
	display: none;
}
@media all and (max-width: 767px) {
	.comSelect {
		max-width: inherit;
		display: block;
		margin: 0 auto 41px;
	}
	.comSelect li {
		width: auto;
	}
	.comSelect li:first-child {
		margin: 0 0 20px;
	}
	.comSelect span {
		font-size: 1.2rem;
	}
	.comSelect li:last-child span {
		margin-left: 0;
	}
	.comSelect select {
		width: calc(100% - 80px);
		height: 37px;
		font-size: 1.2rem;
		padding: 2px 5px 0 8px;
		background-position: center right 8px;
	}
}
/*------------------------------------------------------------
	comNewsUl
------------------------------------------------------------*/
.comNewsUl {
	max-width: 1146px;
	margin: -89px auto 0;
	position: relative;
}
.comNewsUl:after {
	content: "";
	width: 30.89%;
}
.comNewsUl li {
	width: 30.89%;
	margin-top: 89px;
}
.comNewsUl li:nth-child(3n - 1) {
	margin-top: 50px;
}
.comNewsUl li a {
	display: block;
}
.comNewsUl li a:hover {
	opacity: 0.7;
}
.comNewsUl .pho {
	margin: 0 0 0 29px;
	position: relative;
}
.comNewsUl .pho:before {
	position: absolute;
	left: 10px;
	top: 10px;
	right: -10px;
	bottom: -10px;
	background: url("img/common/line02.png") repeat;
	background-size: 20px auto;

	content: "";
}
.comNewsUl .pho span {
	display: block;
	width: 100%;
	padding-bottom: 67%;
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: center center;
}
.comNewsUl .textBox {
	margin: -25px 31px 0 0;
	padding: 24px 15px 21px 20px;
	position: relative;
	z-index: 1;
	background-color: #F4F5EF;
	box-sizing: border-box;
}
.comNewsUl .textBox p {
	font-size: 1rem;
	line-height: 2;
}
.comNewsUl .textBox .ttl {
	margin: 0 8px 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1.4rem;
}
.comNewsUl .textBox .ttl span {
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
@media all and (max-width: 767px) {
	.comNewsUl {
		max-width: inherit;
		margin: 0 auto;
		display: block;
	}
	.comNewsUl li {
		width: auto;
		margin: 0 0 33px !important
	}
	.comNewsUl li:last-child {
		margin-bottom: 0 !important;
	}
	.comNewsUl .pho {
		margin: 0 10px 0 25px;
	}
	.comNewsUl .pho:before {
		background-size: 10px auto;
	}
	.comNewsUl .textBox {
		height: auto !important;
		margin: -23px 38px 0 0;
		padding: 24px 15px 18px 17px;
	}
	.comNewsUl .textBox p {
		font-size: 1rem;
		line-height: 1.84;
	}
	.comNewsUl .textBox .ttl {
		margin: 0 8px 15px;
		font-size: 1.4rem;
	}
	.comNewsUl .textBox .ttl span {
		margin-bottom: 2px;
		font-size: 1.1rem;
	}
}
/*------------------------------------------------------------
	wp-pagenavi
------------------------------------------------------------*/
.wp-pagenavi {
	font-size: 0;
	clear: both;
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	width: 28px;
	height: 28px;
	padding-top: 3px;
	font-weight: bold;
	text-align: center;
	border-radius: 100px;
	color: #231815;
	box-sizing: border-box;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background-color: #F4F5EF;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	margin-right: 100px;
	padding: 3px 5px 0 25px;
	width: auto;
	background: url("img/common/icon33.png") no-repeat center left 5px;
	background-size: 12px auto;
}
.wp-pagenavi .nextpostslink {
	margin: 0 0 0 100px;
	padding: 3px 25px 0 5px;
	background-image: url("img/common/icon32.png");
	background-position: center right 5px;
}
@media all and (max-width: 767px) {
	.wp-pagenavi {
		position: relative;
		padding: 0 50px;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		font-size: 1.2rem;
		margin: 0 10px;
		width: 39px;
		height: 39px;
		padding-top: 11px;
	}
	.wp-pagenavi a:hover {
		background-color: #fff;
	}
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink {
		margin: 0 !important;
		padding: 11px 0 0 20px;
		width: auto;
		background-position: center left;
		position: absolute;
		left: 0;
		top: 0;
	}
	.wp-pagenavi .nextpostslink {
		left: auto;
		right: 0;
		padding: 11px 20px 0 0;
		background-position: center right;
	}
}
/*------------------------------------------------------------
	comDetail
------------------------------------------------------------*/
.comDetail {
	max-width: 785px;
	margin: -14px auto 0;
}
.comDetail h3 {
	margin-bottom: 62px;
	font-size: 2rem;
	position: relative;
	letter-spacing: 0.1em;
}
.comDetail h3:before {
	position: absolute;
	right: -4px;
	top: -2px;
	background: url("img/common/icon31.png") no-repeat;
	background-size: 118px auto;
	width: 118px;
	height: 72px;
	content: "";
}
#news .comDetail h3:before{
	background: none;
}
.comDetail h3 .time {
	margin-right: 49px;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-family: 'Roboto', sans-serif;
}
.comDetail h3 .sml {
	margin-top: 24px;
	display: block;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0;
}
.comDetail .detailBox {
	margin-bottom: 136px;
}
.comDetail .detailBox figure {
	margin: 0 0 53px;
}
.comDetail .detailBox p {
	margin-bottom: 59px;
	line-height: 2.14;
	letter-spacing: 0.1em;






}
.comDetail .detailBox ul {
	margin-bottom: 43px;
}
.comDetail .detailBox li {
	width: 48%;
}
.comDetail .btmBox {
	margin-bottom: 165px;
}
.comDetail .btmBox .ttl {
	margin-bottom: 22px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.comDetail .btmBox .ttl span {
	margin-left: 44px;
	font-weight: 500;
}
.comDetail .btmBox ul {
	position: relative;
}
.comDetail .btmBox ul:after {
	content: "";
	width: 30%;
}
.comDetail .btmBox li {
	width: 31.2%;
}
.comDetail .btmBox li a:hover {
	opacity: 0.7;
}
@media all and (max-width: 767px) {
	.comDetail {
		max-width: inherit;
		margin: 4px auto 0;
	}
	.comDetail h3 {
		margin-bottom: 20px;
		font-size: 1.3rem;
	}
	.comDetail h3:before {
		display: none;
	}
	.comDetail h3 .time {
		margin-right: 24px;
	}
	.comDetail h3 .sml {
		margin-top: 10px;
		font-size: 1.2rem;
		line-height: 1.41;
	}
	.comDetail .detailBox {
		margin-bottom: 58px;
	}
	.comDetail .detailBox figure {
		margin: 0 0 17px;
	}
	.comDetail .detailBox p {
		margin-bottom: 37px;
		line-height: 2.12;
		font-size: 1.2rem;
	}
	.comDetail .detailBox ul {
		margin: 0 59px 30px;
		display: block;
	}
	.comDetail .detailBox li {
		width: auto;
		text-align: center;
	}
	.comDetail .detailBox li:not(:last-child) {
		margin-bottom: 16px;
	}
	.comDetail .btmBox {
		margin-bottom: 139px;
	}
	.comDetail .btmBox .ttl {
		margin-bottom: 24px;
		font-size: 1.2rem;
	}
	.comDetail .btmBox .ttl span {
		margin-left: 37px;
	}
	.comDetail .btmBox ul {
		margin: 0 59px;
		display: block;
	}
	.comDetail .btmBox li {
		width: auto;
		text-align: center;
	}
	.comDetail .btmBox li:not(:last-child) {
		margin-bottom: 27px;
	}
}
/*------------------------------------------------------------
	pageNavi
------------------------------------------------------------*/
.pageNavi {
	position: relative;
}
.pageNavi .prev {
	position: absolute;
	left: -37px;
	top: 23px;
}
.pageNavi .prev a {
	padding-left: 24px;
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: url("img/common/icon33.png") no-repeat left center;
	background-size: 12px auto;
}
.pageNavi .next {
	position: absolute;
	right: -37px;
	top: 23px;
}
.pageNavi .next a {
	padding-right: 24px;
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: url("img/common/icon32.png") no-repeat right center;
	background-size: 12px auto;
}
.pageNavi .prev a:hover,
.pageNavi .next a:hover {
	opacity: 0.7;
}
@media all and (max-width: 960px) {
	.pageNavi .next {
		right: 0;
	}
	.pageNavi .prev {
		left: 0;
	}
}
@media all and (max-width: 767px) {
	.pageNavi .prev {
		left: 0;
		top: -70px;
		font-size: 1.2rem;
	}
	.pageNavi .next {
		right: 0;
		top: -70px;
		font-size: 1.2rem;
	}
}
/*------------------------------------------------------------
	comTopBox
------------------------------------------------------------*/
.comTopBox {
	max-width: 1009px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.comTopBox:before {
	position: absolute;
	left: 10px;
	top: 10px;
	right: -10px;
	bottom: -10px;
	background: url("img/common/line02.png") repeat left top;
	background-size: 20px auto;
	content: "";
}
.comTopBox .bgBox {
	position: relative;
	z-index: 1;
	padding: 68px 15px 78px;
	background-color: #d9d9d9;
	border: 10px solid #ebebeb;
}
.comTopBox .headLine02 {
	margin-bottom: 20px;
}
.comTopBox .headLine02 span {
	margin: 0 auto 30px;
	width: 61px;
	display: block;
}
.comTopBox .title {
	margin-bottom: 31px;
	letter-spacing: 0.1em;
	line-height: 2.42;
	font-weight: bold;
	text-align: center;
}
.comTopBox .whiteBox {
	max-width: 767px;
	margin: 0 auto;
	padding: 30px 20px 41px 33px;
	box-sizing: border-box;
	background-color: #FFF;
}
.comTopBox .whiteBox .text {
	margin-bottom: 19px;
	letter-spacing: 0.1em;
	line-height: 2.42;
	text-align: center;
	font-weight: bold;
}
.comTopBox .whiteBox .btn {
	margin: 0 auto;
	width: 74%;
	border: 2px solid #3b82bf;
}
.comTopBox .whiteBox .btn a {
	padding: 35px 10px 37px;
	display: block;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: #bbe2f6 url("img/common/icon37.png") no-repeat left 36px center / 44px;
}
.comTopBox .whiteBox .btn a:hover {
	opacity: 0.7;
}
@media all and (max-width: 767px) {
	.comTopBox {
		max-width: inherit;
	}
	.comTopBox:before {
		left: 6px;
		top: 6px;
		right: -6px;
		bottom: -6px;
		background-size: 10px auto;
	}
	.comTopBox .bgBox {
		padding: 28px 18px 20px;
		border-width: 5px;
	}
	.comTopBox .headLine02 {
		margin-bottom: 25px;
	}
	.comTopBox .headLine02 span {
		margin: 0 auto 30px;
		width: 61px;
		display: block;
	}
	.comTopBox .title {
		margin-bottom: 39px;
		line-height: 1.81;
		text-align: left;
	}
	.comTopBox .whiteBox {
		padding: 19px 20px 22px;
		max-width: inherit;
	}
	.comTopBox .headLine02 {
		margin-bottom: 17px;
	}
	.comTopBox .headLine02 span {
		margin-bottom: 15px;
		width: 30px;
	}
	.comTopBox .whiteBox .text {
		margin-bottom: 17px;
		text-align: left;
		line-height: 1.81;
		font-size: 1.4rem;
	}
	.comTopBox .whiteBox .btn {
		width: auto;
		max-width: 240px;
		border-width: 1px;
		background-position: left 25px center;
	}
	.comTopBox .whiteBox .btn a {
		padding: 24px 5px 26px 30px;
		background-size: 22px;
		font-size: 1.15rem;
		background-position: 17px center;
	}
}
/*------------------------------------------------------------
	comTab
------------------------------------------------------------*/
.comTab {
	margin-bottom: 13px;
	width: 100%;
	border-collapse: collapse;
}
.comTab th,.comTab td {
	padding: 11px 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	vertical-align: middle;
	border: 0.5px solid #000;
}
.comTab tr{
	border: 0.5px solid #000;
}
.comTab th {
	width: 41.3%;
	background-color: #bbe2f6;
}
.comTab th .sml {
	margin-left: 10px;
	font-size: 1.2rem;
	font-weight: 500;
}
@media all and (max-width: 767px) {
	.comTab {
		margin-bottom: 13px;
	}
	.comTab th,
	.comTab td {
		padding: 2px 5px 3px;
		font-size: 1.2rem;
	}
	.comTab th .sml {
		display: block;
		margin-left: 0;
		font-size: 1rem;
	}
}
/*------------------------------------------------------------
	comBtmInfo
------------------------------------------------------------*/
.comBtmInfo .topBox {
	padding: 70px 0 55px;
	background-color: #ebebeb;
}
.comBtmInfo .content {
	max-width: 1094px;
}
.comBtmInfo .topBox .content {
	max-width: 1234px;
	position: relative;
}
.comBtmInfo .topBox .content:before {
	position: absolute;
	left: 75px;
	top: -98px;
	background: url("img/common/icon47.png") no-repeat;
	background-size: 38px auto;
	width: 38px;
	height: 61px;
	content: "";
}
.comBtmInfo .topBox .content:after {
	position: absolute;
	right: 233px;
	top: -50px;
	background: url("img/common/icon48.png") no-repeat;
	background-size: 101px auto;
	width: 101px;
	height: 71px;
	content: "";
}
.comBtmInfo .topBox .headLine02 {
	margin-bottom: 21px;
}
.comBtmInfo .topBox .text {
	margin-bottom: 33px;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
	font-weight: bold; 
}
.comBtmInfo .topBox li {
	margin-right: 1.86%;
	width: 23.6%;
}
.comBtmInfo .topBox li:last-of-type {
	margin-right: 0;
}
.comBtmInfo .topBox li a {
	height: 100%;
	padding: 5px;
	display: block;
	font-size: 2rem;
	letter-spacing: 0.1em;
	font-weight: bold;
	box-sizing: border-box;
	background-color: #fff;
}
.comBtmInfo .topBox li a > span {
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	border: 1px solid #3f3f3f;
	box-sizing: border-box;
}
.comBtmInfo .topBox li a > span span {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-align: center;
	padding: 10px 5px 22px;
	z-index: 2;
	transition: .3s;
	background: url("img/common/icon39.png") no-repeat center bottom 7px / 16px;
	box-sizing: border-box;
}
.comBtmInfo .topBox li a > span::after {
	position: absolute;
	content: ' ';
	display: block;
    width: 100%;
    height: 100%;
    background: #231815;
    left: 0;
    top: 0;
    z-index: 1;
    transform: translateX(-140%) skewX(60deg);
    transition: .4s cubic-bezier(.23,1,.32,1);
}
@media all and (min-width: 768px) {
	.comBtmInfo .topBox li a:hover > span span {
		color: #fff;
		background-image: url("img/common/icon39_on.png");
	}
	.comBtmInfo .topBox li a:hover > span::after {
		transform: translateX(0%) skewX(0deg);
	}
}
.comBtmInfo .listUl {
	padding: 73px 0 131px;
}
.comBtmInfo .listUl li {
	margin-bottom: 62px;
}
.comBtmInfo .listUl li:nth-of-type(2) {
	margin-bottom: 107px;
}
.comBtmInfo .listUl li:last-of-type {
	margin-bottom: 0;
}
.comBtmInfo .listUl li p {
	margin-bottom: 29px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2;
}
.comBtmInfo .listUl li p:last-of-type {
	margin-bottom: 0;
}
.comBtmInfo .listUl li p a {
	margin-bottom: 9px;
	display: block;
}
.comBtmInfo .listUl li p a:hover {
	opacity: 0.7;
}
.comBtmInfo .listUl li p a img {
	height: 57px;
}
.comBtmInfo .listUl li .info {
	
}
.comBtmInfo .listUl li .info p {
	width: 43%;
}
.comBtmInfo .listUl li .info .rBox {
	width: 53.8%;
}
.comBtmInfo .listUl li .info .infoUl {
	margin-top: 9px;
	padding: 28px 39px 20px;
	width: 91.2%;
	background-color: #ebebeb;
	box-sizing: border-box;
}
.comBtmInfo .listUl li .info .infoUl li {
	margin-bottom: 8px;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.comBtmInfo .listUl li .info .infoUl li:last-of-type {
	margin-bottom: 0;
}
.comBtmInfo .listUl li .pho {
	margin-top: 13px;
	max-width: 385px;
}
.comBtmInfo .listUl li:last-of-type .pho {
	max-width: 190px;
}
@media all and (max-width: 1000px) {
	.comBtmInfo .topBox .content::after {
		right: 60px;
	}
}
@media all and (max-width: 767px) {
	.comBtmInfo .topBox .content {
		position: relative;
	}
	.comBtmInfo .topBox .content::before {
		content: "";
		display: block;
		position: absolute;
		top: -36px;
		left: 40px;
		width: 18px;
		height: 31px;
		background: url("img/common/sp_icon06.png") no-repeat top center / 18px;
	}
	.comBtmInfo .topBox .content::after {
		content: "";
		display: block;
		position: absolute;
		top: -40px;
		right: 29px;
		width: 50px;
		height: 36px;
		background: url("img/common/sp_icon07.png") no-repeat top center / 50px;
	}
	.comBtmInfo .topBox {
		padding: 21px 5px 24px;
		background-color: #f4f5ef;
	}
	.comBtmInfo .topBox .headLine02 {
		margin-bottom: 15px;
	}
	.comBtmInfo .topBox .text {
		margin-bottom: 6px;
		line-height: 1.63;
		text-align: left;
		font-size: 1.4rem;
	}
	.comBtmInfo .topBox ul {
		padding: -15px 2px 0 7px;
		justify-content: space-between;
	}
	.comBtmInfo .topBox li {
		margin: 15px 0 0;
		width: 48%;
	}
	.comBtmInfo .topBox li a {
		padding: 2px;
		font-size: 1.1rem;
	}
	.comBtmInfo .topBox li a > span span {
		padding: 12px 5px 22px;
		height: 51px;
		background-position: center bottom 7px;
		background-size: 9px auto;
	}
	.comBtmInfo .listUl {
		padding: 33px 0 68px;
	}
	.comBtmInfo .listUl li {
		margin-bottom: 31px;
	}
	.comBtmInfo .listUl li:nth-of-type(2) {
		margin-bottom: 32px;
	}
	.comBtmInfo .listUl li:last-of-type {
		margin-bottom: 0;
	}
	.comBtmInfo .listUl li p {
		margin-bottom: 8px;
		font-size: 1.3rem;
		line-height: 1.63;
	}
	.comBtmInfo .listUl li:nth-of-type(3) p {
		margin-bottom: 19px;
	}
	.comBtmInfo .listUl li p a {
		margin-bottom: 9px;
	}
	.comBtmInfo .listUl li p a img {
		height: 40px;
	}
	.comBtmInfo .listUl li .info {
		display: block;
	}
	.comBtmInfo .listUl li .info p {
		width: 100%;
	}
	.comBtmInfo .listUl li .info .rBox {
		width: 100%;
	}
	.comBtmInfo .listUl li .info .infoUl {
		margin-top: 12px;
		padding: 11px 24px 10px;
		width: 100%;
	}
	.comBtmInfo .listUl li .info .infoUl li {
		margin-bottom: 5px;
		font-size: 1.169rem;
	}
	.comBtmInfo .listUl li .note {
		font-size: 1.1rem;
	}
	.comBtmInfo .listUl li .pho {

		margin-top: 13px;
		max-width: 385px;
	}
	.comBtmInfo .listUl li:last-of-type .pho {
		max-width: 123px;
	}
}
/*------------------------------------------------------------
	comBgBox
------------------------------------------------------------*/
.comBgBox {
	padding: 65px 0 74px;
	background-color: #bbe2f6;
}
.comBgBox .headLine02 {
	margin-bottom: 45px;
}
.comBgBox .headLine02 span {
	margin: 0 auto 14px;
	width: 48px;
	display: block;
}
.comBgBox .text {
	letter-spacing: 0.1em;
	line-height: 2.14;
	font-weight: bold;
}
.comBgBox .content {
	position: relative;
}
.comBgBox .content::before, 
.comBgBox .content::after {
	content: "";
	display: block;
	width: 288px;
	height: 66px;
	position: absolute;
	top: -98px;
	left: -1px;
	background: url("img/common/icon45.png") no-repeat top left / 288px;
}
.comBgBox .content::after {
	top: -119px;
	left: auto;
	right: -58px;
	height: 80px;
	background-image: url("img/common/icon46.png");
	background-size: 277px;
}
@media all and (max-width: 1130px) {
	.comBgBox .content::before {
		background-size: 200px;
		left: 40px;
	}
	 .comBgBox .content::after {
		top: -114px;
		right: 0;
		background-size: 200px;
	}
}
@media all and (max-width: 767px) {
	.comBgBox {
		padding: 32px 0 28px;
	}
	.comBgBox .headLine02 {
		margin-bottom: 12px;
	}
	.comBgBox .headLine02 span {
		margin-bottom: 3px;
		width: 24px;
	}
	.comBgBox .text {
		letter-spacing: 0.1em;
		line-height: 1.63;
		font-size: 1.4rem;
	}
	.comBgBox .content::before, 
	.comBgBox .content::after {
		width: 144px;
		height: 33px;
		top: -55px;
		left: 20px;
		background-size: 144px auto;
	}
	.comBgBox .content::after {
		top: -62px;
		left: auto;
		right: 8px;
		height: 40px;
		background-size: 138px auto;
	}
}
/*------------------------------------------------------------
	comPlan
------------------------------------------------------------*/
.comPlan .sec01 {
	padding: 105px 15px 165px;
}
.comPlan .sec01 .bgBox {
	padding: 53px 15px 78px;
	border-color: #F4F5EF;
	background-color: #E9EBE0;
}
.comPlan .sec01 .headLine02 {
	margin-bottom: 18px;
}
.comPlan .sec01 .headLine02 span {
	margin-bottom: 29px;
	width: 109px;
}
.comPlan .sec01 .title {
	margin-bottom: 26px;
}
.comPlan .comTopBox .whiteBox {
	padding: 31px 49px 40px;
}
.comPlan .sec01 .textUl {
	margin: 0 0 32px 22px;
}
.comPlan .sec01 .textUl li {
	font-size: 2rem;
	line-height: 1.75;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.comPlan .sec01 .sml {
	margin-left: 9px;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
}
.comPlan .sec02 {
	padding: 48px 0 55px;
	background-color: #EDEEE4;
}
.comPlan .sec02 .content {
	max-width: 1112px;
	position: relative;
}
.comPlan .sec02 .content:before {
	position: absolute;
	left: 71px;
	top: -74px;
	background: url("img/common/icon43.png") no-repeat;
	background-size: 198px auto;
	width: 198px;
	height: 44px;
	content: "";
}
.comPlan .sec02 .content:after {
	position: absolute;
	right: 41px;
	top: -109px;
	background: url("img/common/icon44.png") no-repeat;
	background-size: 302px auto;
	width: 302px;
	height: 76px;
	content: "";
}
.comPlan .sec02 .headLine02 {
	margin-bottom: 31px;
}
.comPlan .sec02 .img {
	margin: 0 0 21px 1px;
}
.comPlan .sec02 .textUl {
	line-height: 1.85;
	letter-spacing: 0.1em;
}
.comPlan .sec03 {
	padding: 110px 0 161px;
}
.comPlan .sec03 .content {
	max-width: 988px;
}
.comPlan .sec03 .info01 {
	margin-bottom: 123px;
}
.comPlan .sec03 .info01 .headLine02 {
	margin-bottom: 21px;
}
.comPlan .sec03 .info01 .headLine02 span {
	padding: 0 100px;
	position: relative;
	display: inline-block;
}
.comPlan .sec03 .info01 .headLine02 .icon01 {
	position: absolute;
	left: 5px;
	top: -25px;
	width: 36px;
}
.comPlan .sec03 .info01 .headLine02 .icon02 {
	position: absolute;
	right: -4px;
	top: -31px;
	width: 53px;
}
.comPlan .sec03 .info01 .topText {
	margin-bottom: 42px;
	text-align: center;
	font-weight: bold;
	line-height: 1.85;
	letter-spacing: 0.1em;
}
.comPlan .sec03 .info01 .bgBox {
	padding: 40px 45px 48px;
	background-color: #F4F5EF;
}
.comPlan .sec03 .info01 .headLine05 {
	width: 190px;
}
.comPlan .sec03 .info01 .textBox {
	width: calc(100% - 215px);
	box-sizing: border-box;
}
.comPlan .sec03 .info01 .ttl {
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.comPlan .sec03 .info01 .sml {
	line-height: 1.85;
	letter-spacing: 0.1em;
}
.comPlan .sec03 .info02 {
	margin-bottom: 122px;
}
.comPlan .sec03 .info02 .headLine02 {
	margin-bottom: 26px;
}
.comPlan .sec03 .info02 .headLine02 span {
	padding: 0 130px;
	position: relative;
	display: inline-block;
}
.comPlan .sec03 .info02 .headLine02 .icon01 {
	position: absolute;
	left: -15px;
	top: -10px;
	width: 29px;
}
.comPlan .sec03 .info02 .headLine02 .icon02 {
	position: absolute;
	right: -3px;
	top: -12px;
	width: 26px;
}
.comPlan .sec03 .info02 .comTab {
	margin-bottom: 23px;
}
.comPlan .sec03 .info02 .btmText {
	line-height: 1.85;
	letter-spacing: 0.1em;
}
.comPlan .sec04 {
	padding-bottom: 157px;
}
.comPlan .sec04 .headLine02 {
	padding: 70px 0 76px 61px;
	margin-bottom: 129px;
	background-color: #EDEEE4;
}
.comPlan .sec04 .headLine02 span {
	padding: 0 154px;
	position: relative;
	display: inline-block;
}
.comPlan .sec04 .headLine02 .icon01 {
	position: absolute;
	left: 0;
	top: -24px;
	width: 38px;
}
.comPlan .sec04 .headLine02 .icon02 {
	position: absolute;
	right: -26px;
	top: -36px;
	width: 101px;
}
.comPlan .sec04 .content {
	max-width: 1082px;
}
.comPlan .sec04 .textUl {
	margin-bottom: 112px;
}
.comPlan .sec04 .textUl li:not(:last-child) {
	margin-bottom: 70px;
}
.comPlan .sec04 .textUl p {
	font-weight: bold;
	letter-spacing: 0.1em;
}
.comPlan .sec04 .textUl .img {
	width: 190px;
}
@media all and (max-width: 767px) {
	.comPlan .sec01 {
		padding: 24px 26px 78px 21px;
	}
	.comPlan .sec01 .bgBox {
		padding: 26px 21px 20px;
	}
	.comPlan .sec01 .headLine02 {
		margin-bottom: 16px;
	}
	.comPlan .sec01 .headLine02 span {
		margin-bottom: 13px;
		width: 55px;
	}
	.comPlan .sec01 .title {
		margin-bottom: 15px;
		font-size: 1.4rem;
	}
	.comPlan .comTopBox .whiteBox {
		padding: 15px 22px 13px;
	}
	.comPlan .sec01 .textUl {
		margin: 0 0 10px;
	}
	.comPlan .sec01 .textUl li {
		font-size: 1.3rem;
		line-height: 1.92;
	}
	.comPlan .sec01 .sml {
		margin-left: 0;
		font-size: 1.1rem;
		line-height: 1.5;
	}
	.comPlan .sec02 {
		padding: 34px 0 44px;
	}
	.comPlan .sec02 .content:before {
		left: 36px;
		top: -50px;
		background-image: url("img/common/sp_icon03.png");
		background-size: 74px auto;
		width: 74px;
		height: 25px;
	}
	.comPlan .sec02 .content:after {
		right: 35px;
		top: -55px;
		background-image: url("img/common/sp_icon04.png");
		background-size: 124px auto;
		width: 124px;
		height: 29px;
	}
	.comPlan .sec02 .headLine02 {
		margin-bottom: 15px;
	}
	.comPlan .sec02 .img {
		margin: 0 26px 30px 27px;
	}
	.comPlan .sec02 .textUl {
		line-height: 1.81;
	}
	.comPlan .sec03 {
		padding: 37px 0 76px;
	}
	.comPlan .sec03 .info01 {
		margin-bottom: 33px;
	}
	.comPlan .sec03 .info01 .headLine02 {
		margin-bottom: 17px;
	}
	.comPlan .sec03 .info01 .headLine02 span {
		padding: 0 40px;
	}
	.comPlan .sec03 .info01 .headLine02 .icon01 {
		left: 8px;
		top: -5px;
		width: 18px;
	}
	.comPlan .sec03 .info01 .headLine02 .icon02 {
		right: 0;
		top: -6px;
		width: 27px;
	}
	.comPlan .sec03 .info01 .topText {
		margin-bottom: 40px;
		text-align: left;
		line-height: 1.81;
		font-size: 1.4rem;
	}
	.comPlan .sec03 .info01 .bgBox {
		padding: 15px 25px;
		display: block;
	}
	.comPlan .sec03 .info01 .headLine05 {
		margin-bottom: 11px;
		width: auto;
		font-size: 1.4rem;
	}
	.comPlan .sec03 .info01 .textBox {
		width: auto;
	}
	.comPlan .sec03 .info01 .ttl {
		margin-bottom: 9px;
		font-size: 1.3rem;
	}
	.comPlan .sec03 .info01 .sml {
		line-height: 1.81;
	}
	.comPlan .sec03 .info02 {
		margin-bottom: 54px;
	}
	.comPlan .sec03 .info02 .headLine02 {margin-bottom: 12px;}
	.comPlan .sec03 .info02 .headLine02 span {
		padding: 0 60px;
	}
	.comPlan .sec03 .info02 .headLine02 .icon01 {
		left: 0;
		top: -1px;
		width: 15px;
	}
	.comPlan .sec03 .info02 .headLine02 .icon02 {
		right: -3px;
		top: -3px;
		width: 13px;
	}
	.comPlan .sec03 .info02 .comTab {
		margin-bottom: 6px;
	}
	.comPlan .sec03 .info02 .btmText {
		line-height: 1.81;
	}
	.comPlan .sec04 {
		padding-bottom: 87px;
	}
	.comPlan .sec04 .headLine02 {
		padding: 22px 0 21px;
		margin-bottom: 35px;
	}
	.comPlan .sec04 .headLine02 span {
		padding: 0 66px;
	}
	.comPlan .sec04 .headLine02 .icon01 {
		left: 0;
		top: -38px;
		width: 19px;
	}
	.comPlan .sec04 .headLine02 .icon02 {
		right: -15px;
		top: -39px;
		width: 51px;
	}
	.comPlan .sec04 .textUl {
		margin: 0 5px 90px;
	}
	.comPlan .sec04 .textUl .headLine04 {
		margin-bottom: 8px;
	}
	.comPlan .sec04 .textUl li:not(:last-child) {
		margin-bottom: 32px;
	}
	.comPlan .sec04 .textUl p {
		font-weight: 500;
	}
	.comPlan .sec04 .textUl .img {
		width: 130px;
		margin: 0 0 0 -15px;
	}
}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#index .mainVisual {
	margin: 0 88px;
	position: relative;
	box-sizing: border-box;
}
#index .mainVisual .pho {
	height: 700px;
	background: url("img/index/main_visual_bg01.jpg") no-repeat center top;
	background-size: cover;
}
#index .mainVisual .pho01 {
	background-image: url("img/index/main_visual_bg02.jpg");
}
#index .mainVisual .pho02 {
	background-image: url("img/index/main_visual_bg03.jpg");
}
#index .mainVisual .textBox {
	position: absolute;
	left: 158px;
	top: 60px;
}
#index .mainVisual .textImg {
	max-width: 781px;
	margin-bottom: 38px;
	width: 75%;
}
#index .mainVisual .scroll {
	max-width: 920px;
	width: 75%;
}
#index .mainVisual .scroll a {
	width: 22px;
	padding-bottom: 39px;
	margin: 0 auto;
	display: block;
	font-weight: 400;
	letter-spacing: 0.1em;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	direction: ltr;
	text-align: left;
	background: url("img/common/icon35.png") no-repeat bottom left 10px;
	background-size: 8px auto;
}
#index .mainVisual .scroll a:hover {
	opacity: 0.7;
}
#index .mainVisual .linkImg {
	position: absolute;
	right: 50px;
	bottom: 25px;
	max-width: 408px;
	z-index: 9;
}
#index .mainVisual .linkImg a:hover {
	opacity: 0.7;
}
#index #main .sec01 {
	padding: 78px 85px 101px;
}
#index #main .sec01 .info {
	max-width: 1590px;
	margin: 0 auto;
	align-items: flex-start;
}
#index #main .sec01 h2 {
	width: 150px;
	font-weight: 400;
	font-size: 2.4rem;
	letter-spacing: 0.12em;
	position: relative;
}
#index #main .sec01 h2:before {
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 12px;
	height: 1px;
	background-color: #000;
	content: "";
}
#index #main .sec01 ul {
	margin-top: 9px;
	width: calc(100% - 195px);
}
#index #main .sec01 li {
	font-weight: bold;
	letter-spacing: 0.1em;
}
#index #main .sec01 li a {
	padding: 0 59px 0 116px;
	display: inline-block;
	position: relative;
	background: url("img/common/icon08.png") no-repeat center right;
	background-size: 30px auto;
}
#index #main .sec01 li a:hover {
	opacity: 0.7;
}
#index #main .sec01 li span {
	position: absolute;
	left: 0;
	top: 0;
}
#index #main .sec02 {
	padding: 0 15px;
}
#index #main .sec02 .imgBox {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 109px;
	align-items: flex-start;
	background: url("img/common/line04.png") repeat-x left bottom;
	background-size: 164px auto;
}
#index #main .sec02 .pho {
	width: 45.16%;
	position: relative;
}
#index #main .sec02 .pho:before {
	position: absolute;
	left: 10px;
	right: -10px;
	top: 10px;
	bottom: -10px;
	background: url("img/common/line02.png") repeat;
	background-size: 20px auto;
	content: "";
}
#index #main .sec02 .pho img {
	position: relative;
	z-index: 1;
}
#index #main .sec02 .pho span {
	position: absolute;
	display: block;
	right: -58px;
	bottom: -38px;
	max-width: 400px;
}
#index #main .sec02 .textBox {
	margin-top: -28px;
	width: 46.91%;
	position: relative;
}
#index #main .sec02 .textBox:before {
	position: absolute;
	right: -32px;
	top: -27px;
	background: url("img/index/icon01.png") no-repeat;
	background-size: 65px auto;
	width: 65px;
	height: 67px;
	content: "";
}
#index #main .sec02 .textBox:after {
	position: absolute;
	right: 69px;
	bottom: -60px;
	background: url("img/index/icon02.png") no-repeat;
	background-size: 45px auto;
	width: 45px;
	height: 22px;
	content: "";
}
#index #main .sec02 .headLine01 {
	margin-bottom: 39px;
}
#index #main .sec02 .headLine01 .enFont {
	margin-bottom: 0;
}
#index #main .sec02 p {
	line-height: 2.57;
	letter-spacing: 0.1em;
}
#index #main .sec02 .ttl {
	margin-bottom: 30px;
	font-size: 2rem;
	line-height: 1.8;
	font-weight: bold;
}
#index #main .sec03 {
	padding: 112px 80px 422px;
	position: relative;
}
#index #main .sec03:before {
	position: absolute;
	left: 0;
	top: 303px;
	bottom: 553px;
	right: 0;
	background-color: #D2CDDE;
	content: "";
}
#index #main .sec03:after {
	position: absolute;
	left: 0;
	width: 304px;
	height: 422px;
	bottom: 423px;
	background-color: #D2CDDE;
	content: "";
	opacity: 0.5;
	z-index: 1;
	mix-blend-mode: multiply; 
}
#index #main .sec03 .info {
	max-width: 962px;
	margin: 0 auto;
	position: relative;
}
#index #main .sec03 .ttl {
	position: absolute;
	left: -144px;
	top: 7px;
	font-size: 7.2rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	direction: ltr;
	text-align: left;
}
#index #main .sec03 .headLine01 {
	margin: 0 -4px 5px;
	text-align: right;
}
#index #main .sec03 .headLine01 .enFont {
	margin-bottom: 0;
}
#index #main .sec03 .infoBox {
	position: relative;
	z-index: 2;
}
#index #main .sec03 .infoBox > div {
	position: relative;
	z-index: 1;
}
#index #main .sec03 .infoBox:before {
	position: absolute;
	left: 15px;
	top: 15px;
	right: -15px;
	bottom: -15px;
	background: url("img/common/line01.png") repeat;
	background-size: 33px auto;
	content: "";
}
#index #main .sec03 .lBox {
	width: 48.1%;
	padding: 63px 54px;
	position: relative;
	box-sizing: border-box;
	background: url("img/index/photo02.jpg") no-repeat bottom center;
	background-size: cover;
}
#index #main .sec03 .lBox:before {
	position: absolute;
	left: 58px;
	top: -152px;
	background: url("img/index/icon05.png") no-repeat;
	background-size: 479px auto;
	width: 479px;
	height: 171px;
	content: "";
}
#index #main .sec03 .lBox p {
	font-size: 2rem;
	line-height: 1.8;
	font-weight: bold;
	color: #000;
	letter-spacing: 0.1em;
}
#index #main .sec03 .lBox p span {
	margin: -2px 31px 0 0;
	display: block;
	text-align: right;
}
#index #main .sec03 .lBox p img {
	width: 75px;
}
#index #main .sec03 .rBox .textImg {
	position: absolute;
	right: -7px;
	bottom: -94px;
	max-width: 469px;
}
#index #main .sec03 .rBox {
	width: 51.9%;
	position: relative;
	padding: 43px 54px 37px 49px;
	box-sizing: border-box;
	background-color: #fff;
}
#index #main .sec03 .rBox li {
	position: relative;
}
#index #main .sec03 .rBox li:last-child {
	display: none;
}
#index #main .sec03 .rBox li:before {
	position: absolute;
	left: -20px;
	top: -9px;
	background: url("img/index/icon03.png") no-repeat;
	background-size: 56px auto;
	width: 56px;
	height: 46px;
	content: "";
}
#index #main .sec03 .rBox li:nth-child(2n):before {
	left: auto;
	right: -25px;
	top: -14px;
	background: url("img/index/icon04.png") no-repeat;
	background-size: 57px auto;
	width: 57px;
	height: 51px;
}
#index #main .sec03 .rBox li:not(:last-child) {
	margin-bottom: 23px;
}
#index #main .sec04 {
	padding: 42px 20px 43px 15px;
	background-color: #CDEBCD;
}
#index #main .sec04 .info {
	max-width: 1250px;
	margin: 0 auto;
	position: relative;
}
#index #main .sec04 .headLine01 {
	margin-bottom: 0;
	position: absolute;
	left: 28px;
	top: -120px;
	mix-blend-mode: multiply; 
}
#index #main .sec04 .headLine01 .enFont {
	margin-bottom: 0;
}
#index #main .sec04 .textImg01 {
	position: absolute;
	left: 0;
	top: -252px;
	text-align: center;
	width: 100%;
	padding-right: 24px;
	box-sizing: border-box;
}
#index #main .sec04 .textImg01 img {
	width: 937px;
}
#index #main .sec04 .ttl {
	position: absolute;
	right: -62px;
	top: -118px;
	font-size: 7.22rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	direction: ltr;
	text-align: left;
}
#index #main .sec04 .textImg02 {
	max-width: 1075px;
	margin: 0 auto 65px;
}
#index #main .sec05 {
	padding: 175px 0 148px;
}
#index #main .sec05 .content {
	position: relative;
	max-width: 1218px;
	padding-bottom: 92px;
	background: url("img/common/line04.png") repeat-x left bottom;
	background-size: 164px auto;
}
#index #main .sec05 .headLine01 {
	position: absolute;
	right: 0;
	top: -64px;
	margin: 0;
}
#index #main .sec05 .headLine01 .enFont {
	margin-bottom: 0;
}
#index #main .sec05 .headLine02 {
	margin-bottom: 63px;
	text-align: left;
}
#index #main .sec05 .headLine02 span {
	display: inline-block;
	position: relative;
	padding: 0 10px 9px;
	background: url("img/common/line03.png") repeat-x left bottom;
	background-size: 96px auto;
}
#index #main .sec05 .headLine02 span:before {
	position: absolute;
	right: -144px;
	top: -37px;
	background: url("img/common/icon31.png") no-repeat;
	background-size: 118px auto;
	width: 118px;
	height: 72px;
	content: "";
}
#index #main .sec05 .btmText {
	margin: 31px 14px 0;
	font-size: 7.22rem;
	font-weight: 400;
	letter-spacing: 0.04em;
}
#index #main .sec05 .comLink {
	position: absolute;
	right: 23px;
	bottom: 100px;
	width: 448px;
}
#index #main .sec06 {
	padding-bottom: 230px;
}
#index #main .sec06 .flow {
	margin-bottom: 133px;
	position: relative;
	padding-bottom: 88px;
}
#index #main .sec06 .flow:before {
	position: absolute;
	left: 0;
	top: 145px;
	bottom: 0;
	right: 0;
	background-color: #FFFBC5;
	content: "";
}
#index #main .sec06 .flow .imgBox {
	position: relative;
	z-index: 1;
	align-items: flex-start;
}
#index #main .sec06 .flow .pho {
	width: 55.1%;
	position: relative;
}
#index #main .sec06 .flow .pho:before {
	position: absolute;
	left: -10px;
	top: 10px;
	bottom: -10px;
	right: 10px;
	background: url("img/common/line01.png") repeat left top;
	background-size: 33px auto;
	content: "";
}
#index #main .sec06 .flow .pho img {
	position: relative;
	z-index: 1;
	width: 100%;
}
#index #main .sec06 .flow .pho span {
	position: absolute;
	left: 0;
	bottom: -118px;
	text-align: center;
	width: 100%;
}
#index #main .sec06 .flow .pho span img {
	width: 707px;
}
#index #main .sec06 .flow .textBox {
	width: 42.2%;
	margin-top: 70px;
}
#index #main .sec06 .flow .textBox > div {
	max-width: 450px;
	margin: 0 0 0 auto;
	position: relative;
}
#index #main .sec06 .flow .textBox > div:before {
	position: absolute;
	right: 50px;
	top: 17px;
	background: url("img/index/icon06.png") no-repeat;
	background-size: 117px auto;
	width: 117px;
	height: 68px;
	content: "";
}
#index #main .sec06 .flow .textBox > div:after {
	position: absolute;
	right: -28px;
	bottom: -105px;
	background: url("img/index/icon07.png") no-repeat;
	background-size: 61px auto;
	width: 61px;
	height: 48px;
	content: "";
}
#index #main .sec06 .flow .headLine01 {
	margin-bottom: 41px;
}
#index #main .sec06 .flow .headLine01 .enFont {
	margin-bottom: 43px;
}
#index #main .sec06 .plan {
	padding: 0 15px 63px;
	position: relative;
}
#index #main .sec06 .plan:before {
	position: absolute;
	left: 0;
	top: 135px;
	bottom: 0;
	width: 100%;
	background-color: #FAEFE1;
	content: "";
}
#index #main .sec06 .plan .imgBox {
	max-width: 1202px;
	margin: 0 auto;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
#index #main .sec06 .plan .pho {
	width: 64.8%;
	position: relative;
}
#index #main .sec06 .plan .pho:before {
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: -10px;
	right: -10px;
	background: url("img/common/line01.png") repeat left top;
	background-size: 33px auto;
	content: "";
}
#index #main .sec06 .plan .pho img {
	position: relative;
	z-index: 1;
}
#index #main .sec06 .plan .pho span {
	position: absolute;
	left: 50px;
	bottom: -146px;
	max-width: 632px;
}
#index #main .sec06 .plan .textBox {
	margin: -26px -75px 0 0;
	width: 37%;
}
#index #main .sec06 .plan .headLine01 {
	text-align: center;
	margin-bottom: 49px;
}
#index #main .sec06 .plan .headLine01 .enFont {
	margin-bottom: 38px;
	text-align: left;
}
#index #main .sec06 .plan .headLine01 .enFont span {
	font-size: 7rem;
}
@media all and (min-width: 768px) {
	#index .mainVisual .linkImg img {
		transform: translateY(100%);
		transition: 350ms ease;
	}
	#index .mainVisual .linkImg.fixed img {
		transform: translateY(0);
	}
}
@media all and (max-width: 1440px) {
	#index #main .sec06 .flow .pho span {
		width: 80%;
	}
	#index #main .sec06 .plan .textBox {
		margin-right: 0;
	}
	#index #main .sec06 .plan .pho {
		width: 60%;
	}
	#index #main .sec06 .plan .headLine01 .enFont {
		font-size: 8rem;
	}
}
@media all and (max-width: 1360px) {
	#index .mainVisual {
		margin: 0 30px;
	}
	#index #main .sec02 .textBox::before {
		right: 0;
	}
	#index #main .sec04 .ttl {
		right: 0;
	}
	#index #main .sec06 .plan .textBox {
		margin-right: 0;
		width: 32%;
	}
}
@media all and (max-width: 1280px) {
	#index #main .sec03 .ttl {
		left: -85px;
		font-size: 6rem;
	}
}
@media all and (max-width: 1220px) {
	#index .mainVisual .textBox {
		left: 30px;
	}
	#index .mainVisual .textImg {
		width: 400px;
	}
	#index #main .sec02 .textBox {
		width: 51%;
	}
	#index #main .sec02 .pho span {
		right: 0;
		max-width: 310px;
	}
	#index #main .sec06 .plan .textBox {
		width: 37%;
	}
	#index #main .sec06 .plan .headLine01 .enFont {
		font-size: 5rem;
	}
	#index #main .sec04 .ttl {
		right: -12px;
		top: -174px;
		font-size: 4.22rem;
	}
	#index #main .sec05 .headLine01 {
		top: -124px;
	}
	#index #main .sec05 .comLink {
		width: 320px;
	}
	#index #main .sec05 .btmText {
		font-size: 6rem;
	}
	#index #main .sec06 .flow .textBox {
		margin-top: 0;
	}
	#index .mainVisual .linkImg {
		max-width: 250px;
	}
}
@media all and (max-width: 1000px) {
	#index #main .sec03 .ttl {
		font-size: 5rem;
		left: -70px;
	}
	#index #main .sec03 .lBox {
		padding: 63px 15px;
	}
	#index #main .sec03 .lBox::before {
		top: -94px;
		background-size: 273px auto;
	}
}
@media all and (max-width: 767px) {
	#index .mainVisual {
		margin: 0;
		padding: 0;
	}
	#index .mainVisual .pho {
		height: 350px;
		background-image: url("img/index/sp_main_visual_bg01.jpg");
	}
	#index .mainVisual .pho01 {
		background-image: url("img/index/main_visual_bg02.jpg");
	}
	#index .mainVisual .pho02 {
		background-image: url("img/index/main_visual_bg03.jpg");
	}
	#index .mainVisual .textBox {
		left: 15px;
		top: 15px;
	}
	#index .mainVisual .textImg {
		max-width: 242px;
		margin-bottom: 12px;
	}
	#index .mainVisual .scroll {
		max-width: 255px;
	}
	#index .mainVisual .scroll a {
		width: 22px;
		font-size: 0.7rem;
		padding-bottom: 20px;
		background-position: bottom left 15px;
		background-size: 4px auto;
	}
	#index .mainVisual .linkImg {
		display: block !important;
		position: absolute;
		right: 0;
		padding: 0 20px;
		bottom: -85px;
		max-width: inherit;
		width: 100%;
		box-sizing: border-box;
	}
	#index .mainVisual .linkImg img {
		width: 335px;
	}
	#index #main .sec01 {
		padding: 94px 20px 24px;
	}
	#index #main .sec01 .info {
		max-width: inherit;
		display: block;
	}
	#index #main .sec01 h2 {
		margin-bottom: 27px;
		width: auto;
		letter-spacing: 0.1em;
	}
	#index #main .sec01 h2:before {
		bottom: -8px;
	}
	#index #main .sec01 ul {
		margin-top: 9px;
		width: auto;
	}
	#index #main .sec01 li {
		line-height: 1.81;
	}
	#index #main .sec01 li a {
		font-size: 1.4rem;
		padding: 0 46px 0 0;
		background-position: bottom 7px right;
	}
	#index #main .sec01 li span {
		padding-bottom: 1px;
		position: static;
		display: block;
	}
	#index #main .sec02 {
		padding: 0 20px;
	}
	#index #main .sec02 .imgBox {
		max-width: inherit;
		display: block;
		padding-bottom: 74px;
		background-size: 82px auto;
	}
	#index #main .sec02 .pho {
		margin: 0 7px 0 0;
		width: auto;
		position: relative;
	}
	#index #main .sec02 .pho:before {
		left: 7px;
		right: -7px;
		top: 7px;
		bottom: -7px;
		background-size: 10px auto;
	}
	#index #main .sec02 .pho span {
		right: 6px;
		bottom: -20px;
		max-width: 216px;
	}
	#index #main .sec02 .textBox {
		margin-top: 25px;
		width: auto;
	}
	#index #main .sec02 .textBox:before {
		right: 15px;
		top: 29px;
		background-size: 32px auto;
		width: 33px;
		height: 33px;
	}
	#index #main .sec02 .textBox:after {
		right: 26px;
		bottom: -45px;
		background-size: 36px auto;
		width: 38px;
		height: 22px;
	}
	#index #main .sec02 .headLine01 {
		margin-bottom: 25px;
	}
	#index #main .sec02 .headLine01 .enFont {
		margin-bottom: 0;
	}
	#index #main .sec02 p {
		line-height: 1.91;
		font-size: 1.4rem;
	}
	#index #main .sec02 .ttl {
		margin-bottom: 10px;
		font-size: 1.5rem;
		line-height: 1.84;
	}
	#index #main .sec03 {
		padding: 67px 20px 79px;
	}
	#index #main .sec03:before {
		top: 211px;
		bottom: 150px;
	}
	#index #main .sec03:after {
		width: 100%;
		height: 210px;
		bottom: 100px;
	}
	#index #main .sec03 .info {
		max-width: inherit;
	}
	#index #main .sec03 .ttl {
		left: auto;
		right: 5px;
		top: 72px;
		font-size: 3rem;
		z-index: 3;
	}
	#index #main .sec03 .headLine01 {
		margin: 0 -4px 5px;
	}
	#index #main .sec03 .infoBox {
		margin-right: 8px;
		z-index: 2;
	}
	#index #main .sec03 .infoBox > div {
		display: block;
	}
	#index #main .sec03 .infoBox:before {
		left: 8px;
		top: 8px;
		right: -8px;
		bottom: -8px;
		background-size: 16px auto;
	}
	#index #main .sec03 .lBox {
		width: auto;
		min-height: 180px;
		padding: 16px 18px;
		box-sizing: border-box;
		background-image: url("img/index/sp_photo01.jpg");
	}
	#index #main .sec03 .lBox:before {
		left: 0px;
		top: -94px;
		background: url("img/index/sp_icon01.png") no-repeat;
		background-size: auto 84px;
		width: 140px;
		height: 84px;
	}
	#index #main .sec03 .lBox p {
		font-size: 1.4rem;
		line-height: 1.84;
	}
	#index #main .sec03 .lBox p span {
		margin: -2px 0 0 8px;
		display: inline-block;
	}
	#index #main .sec03 .lBox p img {
		width: 38px;
	}
	#index #main .sec03 .rBox .textImg {
		right: -9px;
		bottom: -40px;
		max-width: 205px;
	}
	#index #main .sec03 .rBox {
		width: auto;
		padding: 17px 20px 16px 17px;
	}
	#index #main .sec03 .rBox li img {
		width: 100%;
	}
	#index #main .sec03 .rBox li:before {
		left: -11px;
		top: -5px;
		background-size: 39px auto;
	}
	#index #main .sec03 .rBox li:nth-child(2n):before {
		right: -18px;
		top: -11px;
		background-size: 39px auto;
		width: 39px;
	}
	#index #main .sec03 .rBox li:not(:last-child) {
		margin-bottom: 13px;
	}
	#index #main .sec04 {
		padding: 1px 15px 42px;
	}
	#index #main .sec04 .info {
		max-width: inherit;
	}
	#index #main .sec04 .headLine01 {
		left: 8px;
		top: -19px;
	}
	#index #main .sec04 .textImg01 {
		position: static;
		margin: -12px 0 12px;
		padding-right: 0;
	}
	#index #main .sec04 .textImg01 img {
		width: 245px;
	}
	#index #main .sec04 .ttl {
		right: -6px;
		top: -2px;
		font-size: 3rem;
	}
	#index #main .sec04 .textImg02 {
		max-width: inherit;
		margin: 0 4px 25px;
	}
	#index #main .sec04 .textImg02 img {
		width: 100%;
	}
	#index #main .sec05 {
		padding: 55px 0 36px;
	}
	#index #main .sec05 .content {
		max-width: inherit;
		padding: 0 0 80px;
		margin: 0 20px;
		background-size: 82px auto;
	}
	#index #main .sec05 .headLine01 {
		position: static;
		margin: 0 0 11px;
	}
	#index #main .sec05 .headLine02 {
		margin-bottom: 21px;
	}
	#index #main .sec05 .headLine02 span {
		padding: 0 10px 4px 0;
		background-size: 48px auto;
	}
	#index #main .sec05 .headLine02 span:before {
		right: -99px;
		top: -4px;
		background-size: 59px auto;
		width: 59px;
		height: 36px;
	}
	#index #main .sec05 .btmText {
		margin: 12px 2px 17px;
		font-size: 3rem;
	}
	#index #main .sec05 .comLink {
		position: static;
		width: auto;
	}
	#index #main .sec06 {
		padding-bottom: 93px;
	}
	#index #main .sec06 .flow {
		margin-bottom: 23px;
		padding: 0 20px 30px;
	}
	#index #main .sec06 .flow:before {
		top: 40px;
	}
	#index #main .sec06 .flow .imgBox {
		display: block;
	}
	#index #main .sec06 .flow .pho {
		width: auto;
		margin: 0 -20px 58px 5px;
	}
	#index #main .sec06 .flow .pho:before {
		left: -7px;
		top: 7px;
		bottom: -7px;
		right: 7px;
		background-size: 16px auto;
	}
	#index #main .sec06 .flow .pho span {
		left: -10px;
		bottom: -48px;
		width: auto;
	}
	#index #main .sec06 .flow .pho span img {
		width: 333px;
	}
	#index #main .sec06 .flow .textBox {
		width: auto;
		margin-top: 0;
	}
	#index #main .sec06 .flow .textBox > div {
		max-width: inherit;
	}
	#index #main .sec06 .flow .textBox > div:before {
		right: auto;
		left: 155px;
		top: 10px;
		background-size: 82px auto;
		width: 86px;
	}
	#index #main .sec06 .flow .textBox > div:after {
		right: 40px;
		bottom: -63px;
		background-size: 31px auto;
		width: 31px;
		height: 48px;
	}
	#index #main .sec06 .flow .headLine01 {
		margin-bottom: 13px;
	}
	#index #main .sec06 .flow .headLine01 .enFont {
		margin-bottom: 16px;
	}
	#index #main .sec06 .plan {
		padding: 0 15px 20px;
	}
	#index #main .sec06 .plan:before {
		top: 83px;
		bottom: 0;
	}
	#index #main .sec06 .plan .imgBox {
		max-width: inherit;
		display: block;
	}
	#index #main .sec06 .plan .pho {
		margin: 0 10px 28px -20px;
		width: auto;
	}
	#index #main .sec06 .plan .pho:before {
		left: 10px;
		top: 10px;
		bottom: -10px;
		right: -10px;
		background-size: 16px auto;
	}
	#index #main .sec06 .plan .textBox {
		margin: 0;
		width: auto;
	}
	#index #main .sec06 .plan .headLine01 {
		text-align: right;
		margin-bottom: 15px;
	}
	#index #main .sec06 .plan .headLine01 .enFont {
		width: 270px;
		margin: 0 0 23px auto;
	}
	#index #main .sec06 .plan .headLine01 .enFont span {
		font-size: 3.5rem;
	}
	#index #main .sec06 .plan .textImg {
		position: absolute;
		left: 8px;
		bottom: -79px;
		max-width: 326px;
	}
}
@media all and (max-width: 360px) {
	#index #main .sec05 .headLine02 span:before {
		right: -64px;
	}
}
/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/
#privacy #main {
	padding: 103px 0 201px;
}
#privacy #main .topText {
	margin-bottom: 105px;
	text-align: center;
	font-weight: bold;
	line-height: 2.5;
	letter-spacing: 0.1em;
}
#privacy #main .textUl li:not(:last-child) {
	margin-bottom: 64px;
}
#privacy #main .textUl h3 {
	padding: 0 2px 4px;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #000;
}
#privacy #main .textUl p {
	margin-bottom: 10px;
	line-height: 2;
	letter-spacing: 0.1em;
}
#privacy #main .textUl p:last-child {
	margin-bottom: 0 !important;
}
#privacy #main .textUl .textBox {
	padding: 3px 0 0 40px;
}
@media all and (max-width: 767px) {
	#privacy #main {
		padding: 22px 0 72px;
	}
	#privacy #main .topText {
		margin-bottom: 23px;
		text-align: justify;
		line-height: 1.54;
		font-size: 1.4rem;
	}
	#privacy #main .textUl li:not(:last-child) {
		margin-bottom: 23px;
	}
	#privacy #main .textUl h3 {
		padding: 0 0 7px;
		font-size: 1.3rem;
	}
	#privacy #main .textUl p {
		margin-bottom: 5px;
		text-align: justify;
		line-height: 1.54;
	}
	#privacy #main .textUl .textBox {
		padding: 7px 0 0;
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	inquiries
------------------------------------------------------------*/
#inquiries .pageTitle {
	background-image: url("img/inquiries/page_title_bg.jpg");
}
#inquiries .pageTitle h2 {
	color: #000;
}
#inquiries #main {
	padding: 82px 0 123px;
}
#inquiries #main .content {
	max-width: 1186px;
}
#inquiries #main .topText {
	margin: 0 0 42px 25px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 2.69;
	letter-spacing: 0.1em;
}
.pop {
	display: none;
}
.pop .popBox {
	width: 1400px;
	margin: 0 auto;
	padding: 82px 70px;
	background-color: #fff;
	box-sizing: border-box;
}
.pop .popBox .comBgBox {
	padding-bottom: 56px;
	margin-bottom: 74px;
}
.pop .popBox .comBgBox .headLine02 span {
	width: 70px;
}
.pop .popBox .inner:not(:last-child) {
	margin-bottom: 51px;
}
.pop .popBox .inner p {
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.14;
}
.pop .popBox .inner p:last-child {
	margin-bottom: 0 !important;
}
.pop .popBox .inner p span {
	margin-top: 13px;
	display: block;
	text-align: right;
}
@media all and (max-width: 1420px) {
	.pop .popBox {
		width: auto;
	}
}
@media all and (max-width: 767px) {
	#inquiries .pageTitle {
		background-image: url("img/inquiries/sp_page_title_bg.jpg");
	}
	#inquiries #main {
		padding: 23px 0 65px;
	}
	#inquiries #main .topText {
		margin: 0 0 23px;
		text-align: left;
		font-size: 1.1rem;
		line-height: 1.81;
	}
	.pop .popBox {
		max-width: inherit;
		padding: 58px 0;
	}
	.pop .popBox .comBgBox {
		padding-bottom: 37px;
		margin-bottom: 20px;
	}
	.pop .popBox .comBgBox .headLine02 span {
		width: 35px;
	}
	.pop .popBox .inner .headLine03 {
		padding: 20px 0;
	}
	.pop .popBox .inner:not(:last-child) {
		margin-bottom: 35px;
	}
	.pop .popBox .inner p {
		margin-bottom: 17px;
		line-height: 1.63;
	}
	.pop .popBox .inner p span {
		margin-top: 10px;
	}
}
/*------------------------------------------------------------
	request
------------------------------------------------------------*/
#request .pageTitle {
	background-image: url("img/request/page_title_bg.jpg");
}
#request #main {
	padding: 82px 0 135px;
}
#request #main .content {
	max-width: 1186px;
}
#request #main .topText {
	margin: 0 0 58px 24px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 2.69;
	letter-spacing: 0.1em;
}
#request #main .mailForm td textarea {
	height: 656px;
}
#request #main .mailForm .submit {
	margin-top: 170px;
}
@media all and (max-width: 767px) {
	#request .pageTitle {
		background-image: url("img/request/sp_page_title_bg.jpg");
	}
	#request #main {
		padding: 23px 0 67px;
	}
	#request #main .topText {
		margin: 0 0 35px;
		text-align: left;
		font-size: 1.1rem;
		line-height: 1.81;
	}
	#request #main .mailForm td .radioBox1 li {
		margin-right: 60px;
	}
	#request #main .mailForm td textarea {
		height: 292px;
	}
	#request #main .mailForm .submit {
		margin-top: 46px;
	}
}
/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
#contact .pageTitle {
	background-image: url("img/contact/page_title_bg.jpg");
}
#contact #main {
	padding: 104px 0 170px;
}
#contact #main .content {
	max-width: 1238px;
}
#contact #main .headLine02 span {
	display: inline-block;
	padding: 0 95px;
	position: relative;
}
#contact #main p.copy{
	text-align: center;
	margin-bottom: 50px;
	font-weight:bold;
}s
#contact #main .topText {
	margin-bottom: 57px;
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
}
#contact #main .comLinkUl {
	margin-bottom: 109px;
}
#contact #main .comBtn {
	margin-top: -18px;
}
#contact #main .sec01 .headLine02 {
	margin-bottom: 66px;
}
#contact #main .sec01 .comLinkUl a {
	height: 245px;
}
#contact #main .sec01 .comLinkUl li:first-child .sml {
	padding-right: 35px;
	background-image: url("img/common/icon15.png");
	background-size: 23px auto;
}
#contact #main .sec02 .headLine02 {
	margin: 0 0 72px;
}
#contact #main .sec02 .comSelect {
	margin-bottom: 118px;
}
#contact #main .sec02 .comSelect li:first-child {
    margin-right: 0;
}
#contact #main .sec02 .comNewsUl {
	margin-bottom: 138px;
}
#contact #main .sec02 .comNewsUl .textBox {
	background-color: #fff;
}
#contact #main .sec02 .wp-pagenavi a:hover, 
#contact #main .sec02 .wp-pagenavi span.current {
    background-color: #FFFBC5;
}

#contact #main {
	padding: 104px 0;
}
#contact #main .content {
	max-width: 1230px;
}
#contact #main .headLine02 {
	margin-bottom: 31px;
}
#contact #main .headLine02 span {
	padding: 0 90px;
	position: relative;
	display: inline-block;
	margin: 34px 0 0 0;
}
#contact #main .headLine02 .icon01 {
	position: absolute;
	left: 1px;
	top: -13px;
	width: 36px;
}
#contact #main .headLine02 .icon02 {
	position: absolute;
	right: 2px;
	top: -19px;
	width: 53px;
}
#contact #main .topText {
	margin-bottom: 49px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.69;
}
#contact #main .list01{
	max-width: 750px;
	margin: 50px auto;
	line-height: 25px;
	padding-left: 1.75rem;
}
#contact #main .list01 p{
		padding-left: 1em;
		text-indent: -1.75em;
}
#contact #main .list01 span{
	display: block;
	padding-left: 50px;
}
#contact .comTab{
	width: 90%;
	margin: 40px auto;
}
#contact .comTab td{
	padding: 20px 30px;
}
#contact .comTab th:first-of-type{
	width: 35%;
}
#contact .comTab th:nth-of-type(2){
	width: 40%;
}
#contact .comTab th:nth-of-type(3){
	width: 30%;
}
#contact #main .flow{
	max-width: 750px;
	margin: 50px auto;
	line-height: 25px;
}
#contact #main .flow p{
	margin-bottom: 20px;
}
#contact #main .accordion {
margin: 3em auto;
max-width: 60vw;
}
#contact #main .toggle {
display: none;
}
#contact #main .option {
position: relative;
margin-bottom: 1em;
}
#contact #main .title,
#contact #main .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
#contact #main .title {border: solid 1px #005BAB;padding: 1em;display: block;color: #000;font-weight: bold;text-align: center;background: #BBE2F6;}
#contact #main .title::after,
#contact #main .title::before {content: "";position: absolute;right: 1.25em;top: 1.25em;width: 1px;height: 0.75em;background-color: #005BAB;transition: all 0.3s;}
#contact #main .title::after {
transform: rotate(90deg);
}
#contact #main .accordion .content {
max-height: 0;
overflow: hidden;
}
#contact #main .accordion .content p {margin: 0;padding: 3.5em 3em 3em;font-size: 0.9em;line-height: 2;}
#contact #main .toggle:checked + .title + .content {max-height: 1538px;transition: all 1.5s;}
#contact #main .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
#contact #main .accordion .content p span{display: inline-block;padding-left: 6rem;text-indent: -4rem;}


@media all and (max-width: 767px) {
	#contact .pageTitle {
		background-image: url("img/kousei/sp_page_title_bg.jpg");
	}
	#contact #main .sec02 .comNewsUl .textBox {
		background-color: #F4F5EF;
	}
	#contact #main {
		padding: 25px 0 83px;
	}
	#contact #main .sec01 {
		margin-bottom: 87px;
	}
	#contact #main .sec01 .headLine02 {
		margin-bottom: 36px;
	}
	#contact #main .sec01 .comLinkUl {
		margin: 0;
	}
	#contact #main .sec01 .comLinkUl li {
		margin-bottom: 25px;
	}
	#contact #main .sec01 .comLinkUl a {
		height: 138px;
		padding-bottom: 5px;
		font-size: 1.1rem;
		line-height: 1.46;
		border-width: 5px;
	}
	#contact #main .sec01 .comLinkUl li .icon {
		width: 24px;
		margin: 0 auto 25px;
	}
	#contact #main .sec01 .comLinkUl .sml {
		bottom: 8px;
		font-size: 0.8rem;
		background-size: 8px auto;
	}
	#contact #main .sec01 .comLinkUl li:first-child .sml {
		padding-right: 18px;
		background-size: 12px auto;
	}
	#contact #main .sec02 .headLine02 {
		margin: 0 0 24px;
		text-align: left;
	}
	#contact #main .sec02 .headLine02 span {
		min-width: 214px;
		padding: 0 0 5px;
		background-size: 48px 2px;
	}
	#contact #main .sec02 .headLine02 span:before {
		right: -82px;
		top: -9px;
		background-size: 59px auto;
		width: 59px;
		height: 36px;
	}
	#contact #main .sec02 .comSelect {
		margin-bottom: 41px;
	}
	#contact #main .sec02 .comNewsUl {
		margin-bottom: 94px;
	}
	#contact #main .sec02 .wp-pagenavi a:hover {
		background-color: #fff;
	}
	#contact .comTab{
		width: 100%;
	}
	#contact .comTab td{
		padding:5px;
	}
	#contact #main .headLine02 span{
		padding: 0;
		text-align: left;
	}
	#contact #main .accordion{
	 width: 100%;
	 max-width: 100%;
	}
	#contact #main .option{
		margin-bottom: 3em;
	}
	#contact #main .accordion .content p{
		padding: 4em 0;
	}
	#contact #main .toggle:checked + .title + .content{
		padding: 0;
	}
	#contact #main .headLine02 {
		margin-bottom: 12px;
	}
	#flow #main .headLine02 span {
		padding: 0 40px;
	}
	#contact #main .headLine02 .icon01 {
		left: -24px;
		top: -3px;
		width: 18px;
	}
	#contact #main .headLine02 .icon02 {
		right: -28px;
		top: -5px;
		width: 27px;
	}
	#contact #main .topText {
		margin-bottom: 35px;
		text-align: left;
		font-size: 1.1rem;
		line-height: 1.68;
	}
	#contact #main .list01{
		margin: 20px 0;
	}
	#contact #main .flow{
		margin: 20px 0;
	}
	#contact .pageTitle {
		background-image: url("img/contact/sp_page_title_bg.jpg");
	}
	#contact #main {
		padding: 36px 0 92px;
	}
	#contact #main .headLine02 span {
		padding: 0 36px;
	}
	#contact #main .headLine02 span:before {
		left: -2px;
		top: -5px;
		background-size: 18px auto;
		width: 18px;
		height: 50px;
	}
	#contact #main .headLine02 span:after {
		right: -10px;
		top: -10px;
		background-size: 27px auto;
		width: 27px;
		height: 30px;
	}
	#contact #main .topText {
		margin-bottom: 30px;
		font-size: 1.1rem;
		line-height: 1.81;
	}
	#contact #main .comLinkUl {
		margin-bottom: 25px;
	}
	#contact #main .comBtn {
		margin-top: -14px;
	}
}
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}
.grecaptcha-badge { visibility: hidden; }
/*------------------------------------------------------------
	plan
------------------------------------------------------------*/
#plan .pageTitle {
	background-image: url("img/plan/page_title_bg.jpg");
}
#plan #main {
	padding: 104px 0 211px;
}
#plan #main .content {
	max-width: 1232px;
}
#plan #main .sec01 {
	margin-bottom: 137px;
}
#plan #main .sec01 .headLine02 {
	margin-bottom: 31px;
}
#plan #main .sec01 .topText {
	line-height: 2.69;
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
}
#plan #main .sec02 {
	margin-bottom: 194px;
	position: relative;
}
#plan #main .sec02:before {
	position: absolute;
	top: -74px;
	right: 50%;
	margin-right: -377px;
	background: url("img/common/icon19.png") no-repeat;
	background-size: 172px auto;
	width: 172px;
	height: 94px;
	content: "";
}
#plan #main .sec02 .headLine02 {
	margin-bottom: 52px;
}
#plan #main .sec02 .headLine01 {
	position: absolute;
	left: 7px;
	top: -50px;
}
#plan #main .sec02 .listUl {
	margin-top: -63px;
	position: relative;
}
#plan #main .sec02 .listUl:after {
	content: "";
	width: 29.11%;
}
#plan #main .sec02 .listUl li {
	margin-top: 63px;
	width: 29.11%;
	position: relative;
	box-sizing: border-box;
}
#plan #main .sec02 .listUl li:before {
	position: absolute;
	left: 13px;
	right: -13px;
	top: 13px;
	bottom: -13px;
	background: url("img/common/line02.png") repeat;
	background-size: 20px auto;
	content: "";
}
#plan #main .sec02 .listUl a {
	height: 233px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	border: 10px solid #EBEBEB;
	background: #D9D9D9 url("img/common/icon28.png") no-repeat bottom 13px right 18px;
	background-size: 44px auto;
	box-sizing: border-box;
}
#plan #main .sec02 .listUl a:hover {
	opacity: 0.7;
}
#plan #main .sec02 .listUl li:nth-child(2) a {
	border-color: #F4F5EF;
	background-color: #E9EBE0;
}
#plan #main .sec02 .listUl li:nth-child(3) a {
	border-color: #D2CDDE;
	background-color: #AEA5C2;
}
#plan #main .sec02 .listUl li:nth-child(4) a {
	border-color: #FAEFE1;
	background-color: #F5DFC7;
}
#plan #main .sec02 .listUl li:nth-child(5) a {
	border-color: #CDEBCD;
	background-color: #A5DAA6;
}
#plan #main .sec02 .listUl li:nth-child(6) a {
	border-color: #FFFBC5;
	background-color: #FFF798;
}
#plan #main .sec02 .listUl .icon {
	display: block;
	width: 109px;
	margin: 0 auto 15px;
}
#plan #main .sec03 {
	max-width: 970px;
	margin: 0 auto;
	position: relative;
}
#plan #main .sec03:before {
	position: absolute;
	left: 4px;
	top: 10px;
	background: url("img/common/icon21.png") no-repeat;
	background-size: 47px auto;
	width: 47px;
	height: 51px;
	content: "";
}
#plan #main .sec03:after {
	position: absolute;
	right: 86px;
	bottom: -59px;
	background: url("img/common/icon20.png") no-repeat;
	background-size: 86px auto;
	width: 86px;
	height: 54px;
	content: "";
}
#plan #main .sec03 .headLine01 {
	position: absolute;
	right: 0;
	top: -85px;
}
#plan #main .sec03 .headLine02 {
	margin-bottom: 19px;
}
#plan #main .sec03 .topText {
	text-align: center;
	font-weight: bold;
	line-height: 2.14;
	letter-spacing: 0.1em;
}
@media all and (max-width: 767px) {
	#plan .pageTitle {
		background-image: url("img/plan/sp_page_title_bg.jpg");
	}
	#plan #main {
		padding: 20px 0 79px;
	}
	#plan #main .sec01 {
		margin: 0 5px 38px;
	}
	#plan #main .sec01 .headLine02 {
		margin-bottom: 13px;
	}
	#plan #main .sec01 .topText {
		text-align: left;
		font-size: 1.1rem;
		line-height: 1.63;
	}
	#plan #main .sec02 {
		margin-bottom: 41px;
	}
	#plan #main .sec02:before {
		top: 10px;
		right: 9px;
		margin-right: 0;
		background-size: 85px auto;
		width: 85px;
	}
	#plan #main .sec02 .headLine02 {
		margin-bottom: 22px;
	}
	#plan #main .sec02 .headLine01 {
		margin-bottom: 19px;
		position: static;
	}
	#plan #main .sec02 .headLine01 .enFont {
		margin-bottom: 0;
	}
	#plan #main .sec02 .listUl {
		margin: 0 6px;
		display: block;
	}
	#plan #main .sec02 .listUl li {
		margin: 0 0 19px;
		width: auto;
	}
	#plan #main .sec02 .listUl li:last-child {
		margin-bottom: 0 !important;
	}
	#plan #main .sec02 .listUl li:before {
		left: 7px;
		right: -7px;
		top: 7px;
		bottom: -7px;
		background-size: 10px auto;
	}
	#plan #main .sec02 .listUl a {
		height: 68px;
		padding: 5px;
		position: relative;
		font-size: 1.3rem;
		border-width: 5px;
		background-position: center right 10px;
		background-size: 22px auto;
	}
	#plan #main .sec02 .listUl .icon {
		width: 43px;
		margin: 0;
		position: absolute;
		left: 9px;
		top: 20px;
	}
	#plan #main .sec02 .listUl li:nth-child(2) .icon {
		left: 20px;
		top: 15px;
	}
	#plan #main .sec02 .listUl li:nth-child(3) .icon {
		left: 10px;
		top: 18px;
		width: 48px;
	}
	#plan #main .sec02 .listUl li:nth-child(4) .icon {
		top: 19px;
		width: 50px;
	}
	#plan #main .sec02 .listUl li:nth-child(5) .icon {
		top: 16px;
		width: 50px;
	}
	#plan #main .sec02 .listUl li:nth-child(6) .icon {
		top: 16px;
		width: 54px;
	}
	#plan #main .sec03 {
		max-width: inherit;
	}
	#plan #main .sec03:before {
		left: 16px;
		top: 65px;
		background-size: 24px auto;
		width: 24px;
		height: 27px;
	}
	#plan #main .sec03:after {
		right: 15px;
		bottom: auto;
		top: 61px;
		background-size: 43px auto;
		width: 43px;
		height: 27px;
	}
	#plan #main .sec03 .headLine01 {
		position: static;
		text-align: right;
	}
	#plan #main .sec03 .headLine01 .enFont {
		margin-bottom: 0;
	}
	#plan #main .sec03 .headLine02 {
		margin-bottom: 16px;
	}
	#plan #main .sec03 .topText {
		margin: 0 5px;
		text-align: left;
		line-height: 2.14;
		line-height: 1.63;
	}
}
@media all and (max-width: 350px) {
	#plan #main .sec02 .listUl .icon {
		left: -2px;
	}
	#plan #main .sec02 .listUl li:nth-child(2) .icon {
		left: 9px;
	}
	#plan #main .sec02 .listUl li:nth-child(3) .icon {
		left: -8px;
	}
}
/*------------------------------------------------------------
	news
------------------------------------------------------------*/
#news .pageTitle {
	background-image: url("img/news/page_title_bg.jpg");
}
#news #main {
	padding: 103px 0 170px;
}
#news #main .content {
	max-width: 1230px;
}
#news #main .sec01 {
	margin-bottom: 110px;
}
#news #main .sec01 .headLine02 {
	margin-bottom: 30px;
}
#news #main .sec01 p {
	margin: 0 14px 65px 0;
	text-align: center;
	font-weight: bold;
	line-height: 2.5;
	letter-spacing: 0.1em;
}
#news #main .sec01 p span {
	display: block;
}
#news #main .sec01 .linkUl {
	max-width: 880px;
	margin: 0 auto;
}
#news #main .sec01 .linkUl li:not(:last-child) {
	margin-bottom: 37px;
}
#news #main .sec01 .linkUl a {
	padding: 52px 0 48px;
	display: block;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	position: relative;
	letter-spacing: 0.1em;
	background: #F4F5EF url("img/common/icon29.png") no-repeat left 12.2% center;
	background-size: 60px auto;
}
#news #main .sec01 .linkUl a:hover {
	opacity: 0.7;
}
#news #main .sec01 .linkUl li:last-child a {
	background: #F4F5EF url("img/common/icon30.png") no-repeat left 12.7% center;
	background-size: 49px auto;
}
#news #main .sec01 .linkUl .sml {
	display: block;
	position: absolute;
	right: 26px;
	bottom: 16px;
	font-size: 1.4rem;
}
#news #main .sec01 .linkUl .sml span {
	display: inline-block;
	padding-right: 24px;
	background: url("img/common/icon18.png") no-repeat center right;
	background-size: 14px auto;
}
#news #main .sec01 .linkUl li:last-child .sml {
	bottom: 24px;
}
#news #main .sec01 .linkUl li:last-child .sml span {
	padding-right: 30px;
	background: url("img/common/icon15.png") no-repeat center right 1px;
	background-size: 20px auto;
}
#news #main .sec02 .headLine01 {
	margin: 0 10px 60px;
}
#news #main .sec02 .headLine01 .enFont {
	margin-bottom: 0 !important;
}
#news #main .sec02 .headLine02 {
	margin: 0 12px 72px 0;
}
#news #main .sec02 .headLine02 span {
	display: inline-block;
	position: relative;
	padding: 0 4px 10px;
	background: url("img/common/line03.png") repeat-x left bottom;
	background-size: 96px auto;
}
#news #main .sec02 .headLine02 span:before {
	position: absolute;
	right: -172px;
	top: -22px;
	background: url("img/common/icon31.png") no-repeat;
	background-size: 118px auto;
	width: 118px;
	height: 72px;
	content: "";
}
#news #main .sec02 .btmTtl {
	margin: 112px 8px 147px;
	font-size: 7.2rem;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0.04em;
}
@media all and (max-width: 767px) {
	#news .pageTitle {
		background-image: url("img/news/sp_page_title_bg.jpg");
	}
	#news #main {
		padding: 25px 0 77px;
	}
	#news #main .sec01 {
		margin-bottom: 25px;
	}
	#news #main .sec01 .headLine02 {
		margin-bottom: 12px;
	}
	#news #main .sec01 p {
		margin: 0 0 18px;
		text-align: left;
		font-size: 1.2rem;
		line-height: 1.58;
	}
	#news #main .sec01 p span {
		margin-top: 5px;
		font-weight: 500;
	}
	#news #main .sec01 .linkUl {
		max-width: inherit;
	}
	#news #main .sec01 .linkUl li:not(:last-child) {
		margin-bottom: 23px;
	}
	#news #main .sec01 .linkUl a {
		padding: 39px 0 37px 24px;
		font-size: 1.3rem;
		background-position: left 11% center;
		background-size: 30px auto;
	}
	#news #main .sec01 .linkUl li:last-child a {
		background-position: left 12% center;
		background-size: 24px auto;
	}
	#news #main .sec01 .linkUl .sml {
		font-size: 1rem;
		right: 0;
		bottom: 10px !important;
		width: 100%;
	}
	#news #main .sec01 .linkUl .sml span {
		padding-right: 12px;
		background-size: 8px auto;
	}
	#news #main .sec01 .linkUl li:last-child .sml span {
		padding-right: 16px;

		background-size: 10px auto;
	}
	#news #main .sec02 .headLine01 {
		margin: 0 2px 29px;
	}
	#news #main .sec02 .headLine01 .enFont {
		margin-bottom: 0 !important;
	}
	#news #main .sec02 .headLine02 {
		margin: 0 0 24px;
		text-align: left;
	}
	#news #main .sec02 .headLine02 span {
		padding: 0 2px 5px;
		background-size: 48px 2px;
	}
	#news #main .sec02 .headLine02 span:before {
		right: -77px;
		top: -7px;
		background-size: 59px auto;
		width: 59px;
		height: 36px;
	}
	#news #main .sec02 .btmTtl {
		margin: 29px 0 63px;
		font-size: 3.7rem;
	}
}
/*------------------------------------------------------------
	kousei
------------------------------------------------------------*/
#kousei .pageTitle {
	background-image: url("img/kousei/page_title_bg.jpg");
}
#kousei .pageTitle h2 {
	color: #fff;
}
#kousei #main {
	padding: 104px 0 247px;
}
#kousei #main .content {
	max-width: 1240px;
}
#kousei #main .sec01 {
	margin-bottom: 132px;
}
#kousei #main .sec01 .headLine02 {
	margin-bottom: 66px;
}
#kousei #main .sec01 .comLinkUl a {
	height: 245px;
}
#kousei #main .sec01 .comLinkUl li:first-child .sml {
	padding-right: 35px;
	background-image: url("img/common/icon15.png");
	background-size: 23px auto;
}
#kousei #main .sec02 .headLine02 {
	margin: 0 0 72px;
}
#kousei #main .sec02 .headLine02 span {
	display: inline-block;
	position: relative;
	padding: 0 34px 13px;
	background: url("img/common/line03.png") repeat-x left bottom;
	background-size: 96px auto;
}
#kousei #main .sec02 .headLine02 span:before {
	position: absolute;
	right: -184px;
	top: -29px;
	background: url("img/common/icon31.png") no-repeat;
	background-size: 118px auto;
	width: 118px;
	height: 72px;
	content: "";
}
#kousei #main .sec02 .comSelect {
	margin-bottom: 118px;
}
#kousei #main .sec02 .comSelect li:first-child {
    margin-right: 0;
}
#kousei #main .sec02 .comNewsUl {
	margin-bottom: 138px;
}
#kousei #main .sec02 .comNewsUl .textBox {
	background-color: #fff;
}
#kousei #main .sec02 .wp-pagenavi a:hover, 
#kousei #main .sec02 .wp-pagenavi span.current {
    background-color: #FFFBC5;
}

#kousei #main {
	padding: 104px 0;
}
#kousei #main .content {
	max-width: 1230px;
}
#kousei #main .headLine02 {
	margin-bottom: 31px;
}
#kousei #main .headLine02 span {
	padding: 0 90px;
	position: relative;
	display: inline-block;
	margin: 34px 0 0 0;
}
#kousei #main .headLine02 .icon01 {
	position: absolute;
	left: -37px;
	top: -13px;
	width: 36px;
}
#kousei #main .headLine02 .icon02 {
	position: absolute;
	right: -57px;
	top: -19px;
	width: 53px;
}
#kousei #main .topText {
	margin-bottom: 49px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.69;
}
#kousei #main .list01{
	max-width: 750px;
	margin: 50px auto;
	line-height: 25px;
	padding-left: 1.75rem;
}
#kousei #main .list01 p{
		padding-left: 1em;
		text-indent: -1.75em;
}
#kousei #main .list01 span{
	display: block;
	padding-left: 50px;
}
#kousei .comTab{
	width: 90%;
	margin: 40px auto;
}
#kousei .comTab td{
	padding: 20px 30px;
}
#kousei .comTab th:first-of-type{
	width: 35%;
}
#kousei .comTab th:nth-of-type(2){
	width: 40%;
}
#kousei .comTab th:nth-of-type(3){
	width: 30%;
}
#kousei #main .flow{
	max-width: 750px;
	margin: 50px auto;
	line-height: 25px;
}
#kousei #main .flow p{
	margin-bottom: 20px;
}
#kousei #main .accordion {
margin: 3em auto;
max-width: 60vw;
}
#kousei #main .toggle {
display: none;
}
#kousei #main .option {
position: relative;
margin-bottom: 1em;
}
#kousei #main .title,
#kousei #main .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
#kousei #main .title {border: solid 1px #005BAB;padding: 1em;display: block;color: #000;font-weight: bold;text-align: center;background: #BBE2F6;}
#kousei #main .title::after,
#kousei #main .title::before {content: "";position: absolute;right: 1.25em;top: 1.25em;width: 1px;height: 0.75em;background-color: #005BAB;transition: all 0.3s;}

#kousei #main .title::after {
transform: rotate(90deg);
}
#kousei #main .accordion .content {
max-height: 0;
overflow: hidden;
}
#kousei #main .accordion .content p {margin: 0;padding: 3.5em 3em 3em;font-size: 0.9em;line-height: 2;}
#kousei #main .toggle:checked + .title + .content {max-height: 1538px;transition: all 1.5s;}
#kousei #main .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
#kousei #main .accordion .content p span{display: inline-block;padding-left: 6rem;text-indent: -4rem;}


@media all and (max-width: 767px) {
	#kousei .pageTitle {
		background-image: url("img/kousei/sp_page_title_bg.jpg");
	}
	#kousei #main .sec02 .comNewsUl .textBox {
		background-color: #F4F5EF;
	}
	#kousei #main {
		padding: 25px 0 83px;
	}
	#kousei #main .sec01 {
		margin-bottom: 87px;
	}
	#kousei #main .sec01 .headLine02 {
		margin-bottom: 36px;
	}
	#kousei #main .sec01 .comLinkUl {
		margin: 0;
	}
	#kousei #main .sec01 .comLinkUl li {
		margin-bottom: 25px;
	}
	#kousei #main .sec01 .comLinkUl a {
		height: 138px;
		padding-bottom: 5px;
		font-size: 1.1rem;
		line-height: 1.46;
		border-width: 5px;
	}
	#kousei #main .sec01 .comLinkUl li .icon {
		width: 24px;
		margin: 0 auto 25px;
	}
	#kousei #main .sec01 .comLinkUl .sml {
		bottom: 8px;
		font-size: 0.8rem;
		background-size: 8px auto;
	}
	#kousei #main .sec01 .comLinkUl li:first-child .sml {
		padding-right: 18px;
		background-size: 12px auto;
	}
	#kousei #main .sec02 .headLine02 {
		margin: 0 0 24px;
		text-align: left;
	}
	#kousei #main .sec02 .headLine02 span {
		min-width: 214px;
		padding: 0 0 5px;
		background-size: 48px 2px;
	}
	#kousei #main .sec02 .headLine02 span:before {
		right: -82px;
		top: -9px;
		background-size: 59px auto;
		width: 59px;
		height: 36px;
	}
	#kousei #main .sec02 .comSelect {
		margin-bottom: 41px;
	}
	#kousei #main .sec02 .comNewsUl {
		margin-bottom: 94px;
	}
	#kousei #main .sec02 .wp-pagenavi a:hover {
		background-color: #fff;
	}
	#kousei .comTab{
		width: 100%;
	}
	#kousei .comTab td{
		padding:5px;
	}
	#kousei #main .headLine02 span{
		padding: 0;
		text-align: left;
	}
	#kousei #main .accordion{
	 width: 100%;
	 max-width: 100%;
	}
	#kousei #main .option{
		margin-bottom: 3em;
	}
	#kousei #main .accordion .content p{
		padding: 4em 0;
	}
	#kousei #main .toggle:checked + .title + .content{
		padding: 0;
	}
}
/*------------------------------------------------------------
	ordinary_vehicle
------------------------------------------------------------*/
#ordinary_vehicle .pageTitle {
	background-image: url("img/plan/ordinary_vehicle/page_title_bg.jpg");
}
#ordinary_vehicle #main .sec01 {
	padding: 106px 0 165px;
}
#ordinary_vehicle #main .sec01 .content {
	max-width: 1040px;
}
#ordinary_vehicle #main .sec02 {
	padding: 58px 0 49px;
	background-color: #ebebeb;
}
#ordinary_vehicle #main .sec02 .content {
	position: relative;
}
#ordinary_vehicle #main .sec02 .content:before {
	position: absolute;
	left: 130px;
	top: -85px;
	background: url("img/common/icon43.png") no-repeat;
	background-size: 198px auto;
	width: 198px;
	height: 44px;
	content: "";
}
#ordinary_vehicle #main .sec02 .content:after {
	position: absolute;
	right: 100px;
	top: -120px;
	background: url("img/common/icon44.png") no-repeat;
	background-size: 302px auto;
	width: 302px;
	height: 76px;
	content: "";
}
#ordinary_vehicle #main .sec02 .headLine02 {
	margin-bottom: 47px;
}
#ordinary_vehicle #main .sec02 .content {
	max-width: 1230px;
}
#ordinary_vehicle #main .sec03 {
	padding: 94px 0 86px;
}
#ordinary_vehicle #main .sec03 .text {
	margin-bottom: 45px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.14;
	text-align: center;
}
#ordinary_vehicle #main .sec03 .headLine02 {
	margin-bottom: 18px;
	cursor: pointer;
}
#ordinary_vehicle #main .sec03 .headLine02 span {
	position: relative;
}
#ordinary_vehicle #main .sec03 .headLine02 span::before,
#ordinary_vehicle #main .sec03 .headLine02 span::after {
	content: "";
	display: block;
	width: 29px;
	height: 31px;
	position: absolute;
	top: -12px;
	left: -120px;
	background: url("img/common/icon21.png") no-repeat top left / 29px;
}
#ordinary_vehicle #main .sec03 .headLine02 span::after {
	width: 26px;
	height: 36px;
	top: -14px;
	left: auto;
	right: -112px;
	background-image: url("img/common/icon42.png");
	background-size: 26px;
}
#ordinary_vehicle #main .sec03 .headLine03 {
	padding: 16px 0 15px;
	border: 2px solid #4389c3;
	background: #bbe2f6 url("img/common/icon51.png") no-repeat right 38px center / 13px;
}
#ordinary_vehicle #main .sec03 .headLine03.onn {
	background-image: url("img/common/icon51_on.png");
}
#ordinary_vehicle #main .sec03 .box {
	display: none;
}
#ordinary_vehicle #main .sec03 .ttl {
	margin-bottom: 6px;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#ordinary_vehicle #main .sec03 .note {
	letter-spacing: 0.1em;
}
#ordinary_vehicle #main .sec03 .innerBox {
	margin-bottom: 40px;
}
#ordinary_vehicle #main .sec03 .subBox .text {
	margin-bottom: 6px;
	text-align: left;
	line-height: 2;
	font-weight: bold;
}
#ordinary_vehicle #main .sec03 .subBox .text:first-of-type {
	margin-bottom: 13px;
}
#ordinary_vehicle #main .sec03 .subBox .comTab {
	margin-bottom: 33px;
}
#ordinary_vehicle #main .sec04 {
	padding-bottom: 116px;
	position: relative;
}
#ordinary_vehicle #main .sec04 .inner {
	padding: 74px 0 0;
}
#ordinary_vehicle #main .sec04 .inner .text {
	margin-bottom: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.14;
}
#ordinary_vehicle #main .sec04 .inner .comTab {
	margin-bottom: 28px;
}
#ordinary_vehicle #main .sec04 .inner .comTab th,
#ordinary_vehicle #main .sec04 .inner .comTab td {
	background-color: inherit;
}
#ordinary_vehicle #main .sec04 .inner .comTab tr:first-of-type th,
#ordinary_vehicle #main .sec04 .inner .comTab tr:first-of-type td {
	background-color: #fffbc5;
	font-size: 1.4rem;
}
#ordinary_vehicle #main .sec04 .inner .noteList {}
#ordinary_vehicle #main .sec04 .inner .noteList li {
	letter-spacing: 0.1em;
	line-height: 1.85;
}
#ordinary_vehicle #main .sec04 .inner01 .comTab th,
#ordinary_vehicle #main .sec04 .inner01 .comTab td {
	width: calc(100% / 3);
}
#ordinary_vehicle #main .sec05 {
	padding-bottom: 176px;
}
@media all and (max-width: 767px) {
	#ordinary_vehicle .pageTitle {
		background-image: url("img/plan/ordinary_vehicle/sp_page_title_bg.jpg");
	}
	#ordinary_vehicle #main .sec01 {
		padding: 24px 6px 78px 1px;
	}
	#ordinary_vehicle #main .sec01 .comTopBox .title {
		margin-bottom: 20px;
		text-align: center;
		font-size: 1.4rem;
	}
	#ordinary_vehicle #main .sec01 .comTopBox .headLine02 {
		margin-bottom: 16px;
	}
	#ordinary_vehicle #main .sec02 {
		padding: 34px 0 29px;
	}
	#ordinary_vehicle #main .sec02 .content:before {
		left: 36px;
		top: -51px;
		background-image: url("img/common/sp_icon03.png");
		background-size: 74px;
		width: 74px;
		height: 25px;
	}
	#ordinary_vehicle #main .sec02 .content:after {
		right: 35px;
		top: -55px;
		background-image: url("img/common/sp_icon04.png");
		background-size: 124px;
		width: 124px;
		height: 29px;
	}
	#ordinary_vehicle #main .sec02 .headLine02 {
		margin-bottom: 20px;
	}
	#ordinary_vehicle #main .sec03 {
		padding: 27px 0 40px;
	}
	#ordinary_vehicle #main .sec03 .text {
		margin-bottom: 29px;
		line-height: 1.63;
		text-align: left;
		font-size: 1.4rem;
	}
	#ordinary_vehicle #main .sec03 .headLine02 {
		margin-bottom: 15px;
	}
	#ordinary_vehicle #main .sec03 .headLine02 span::before,
	#ordinary_vehicle #main .sec03 .headLine02 span::after {
		display: none;
	}
	#ordinary_vehicle #main .sec03 .headLine03 {
		margin-bottom: 22px;
		padding: 12px 0 11px;
		border-width: 1px;
		background-size: 10px;
		background-position: right 17px center;
	}
	#ordinary_vehicle #main .sec03 .ttl {
		margin-bottom: 3px;
	}
	#ordinary_vehicle #main .sec03 .comTab {
    	margin-bottom: 4px;
	}
	#ordinary_vehicle #main .sec03 .comTab th {
		width: 60.4%;
		text-align: left;
	}
	#ordinary_vehicle #main .sec03 .comTab td {
		text-align: left;
	}
	#ordinary_vehicle #main .sec03 .innerBox {
		margin-bottom: 25px;
	}
	#ordinary_vehicle #main .sec03 .subBox .text {
		margin-bottom: 6px;
		line-height: 1.63;
	}
	#ordinary_vehicle #main .sec03 .subBox .text:first-of-type {
		margin-bottom: 13px;
	}
	#ordinary_vehicle #main .sec03 .subBox .comTab {
		margin-bottom: 15px;
	}
	#ordinary_vehicle #main .sec04 {
		padding-bottom: 34px;
	}
	#ordinary_vehicle #main .sec04 .inner {
		padding: 22px 0 0;
	}
	#ordinary_vehicle #main .sec04 .inner .text {
		margin-bottom: 13px;
		line-height: 1.63;
		font-size: 1.4rem;
	}
	#ordinary_vehicle #main .sec04 .inner .comTab {
		margin-bottom: 13px;
	}
	#ordinary_vehicle #main .sec04 .inner .comTab th,
	#ordinary_vehicle #main .sec04 .inner .comTab td {
		padding: 8px 10px;
		font-size: 1.4rem;
	}
	#ordinary_vehicle #main .sec04 .inner .noteList li {
		line-height: 1.65;
	}
	#ordinary_vehicle #main .sec05 {
		padding-bottom: 88px;
	}
	#ordinary_vehicle #main .sec05 .headLine04 {
		margin-bottom: 4px;
		padding-bottom: 7px;
		font-size: 1.4rem;
	}
}
@media all and (max-width: 363px) {
	#ordinary_vehicle #main .sec01 .comTopBox .whiteBox .btn a {
		padding-left: 26px;
		background-position: 2px center;
	}
}
/*------------------------------------------------------------
	about
------------------------------------------------------------*/
#about .pageTitle {
	background-image: url("img/about/page_title_bg.jpg");
}
#about .pageTitle h2{
	text-shadow: 0 0 6px #000000cf;
}
#about #main {
    padding-bottom: 105px;
}
#about #main .sec01 {
    padding: 104px 0 57px;
}
#about #main .sec01 .pTop {
    margin: 0 15px 112px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
}
#about #main .sec01 .bgBox {
    margin-bottom: 62px;
    padding: 0 15px;
    position: relative;
}
#about #main .sec01 .bgBox:last-child {
    margin-bottom: 0;
}
#about #main .sec01 .bgBox::before {
    width: 100%;
    height: 369px;
    position: absolute;
    left: 0;
    top: 88px;
    background-color: #D2CDDE;
    content: "";
}
#about #main .sec01 .bgBox01::before {
    background-color: #FAEFE1;
}
#about #main .sec01 .bgBox02::before {
    background-color: #CDEBCD;
}
#about #main .sec01 .bgBox03 {
    margin-bottom: 70px;
}
#about #main .sec01 .bgBox03::before {
    background-color: #FFFBC5;
}
#about #main .sec01 .bgBox .imgBox {
    margin: 0 auto;
    max-width: 1118px;
    position: relative;
}
#about #main .sec01 .bgBox .imgBox .photoBox {
    width: 68.2%;
}
#about #main .sec01 .bgBox .imgBox .textBox {
    margin-top: -11.7%;
    position: relative;
    width: 48.4%;
}
#about #main .sec01 .bgBox:nth-child(2n+1) .textBox {
    margin-left: auto;
}
#about #main .sec01 .bgBox:nth-child(2n) .textBox {
    margin-right: auto;
}
#about #main .sec01 .bgBox:nth-child(2n) .photoBox {
    margin-left: auto;
}
#about #main .sec01 .bgBox .textBox .subBox {
    padding: 49px 30px 37px 66px;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
    background-color: #FFF;
}
#about #main .sec01 .bgBox .textBox .subBox::before {
    position: absolute;
    left: 9px;
    top: 9px;
    bottom: 9px;
    right: 9px;
    border: 2px solid #7F7F7F;
    content: "";
}
#about #main .sec01 .bgBox .textBox::after {
    position: absolute;
    right: -9px;
    top: 7px;
    bottom: -10px;
    left: 10px;
    background: url("img/common/line01.png") repeat;
    background-size: 33px auto;
    content: "";
}
#about #main .sec01 .bgBox .textBox p {
    letter-spacing: 0.1em;
    line-height: 2.57;
}
#about #main .sec01 .bgBox03 .textBox p {
    line-height: 1.67;
}
#about #main .sec01 .bgBox03 .textBox .note {
    padding-left: 15px;
    text-indent: -15px;
    font-size: 1.2rem;
    line-height: 1.67;
}
#about #main .sec01 .bgBox03 .textBox .text {
    margin-bottom: 20px;
    line-height: 1.64;
}
#about #main .sec01 .bgBox .textBox .title {
    margin-bottom: 9px;
}
#about #main .sec01 .bgBox .textBox .title span {
    display: inline-block;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.7;
    background: url("img/about/bg01.png") repeat-x left bottom / 422px;
}
#about #main .sec01 .bgBox03 .textBox .title span,
#about #main .sec01 .bgBox02 .textBox .title span {
    font-size: 2.6rem;
}
#about #main .sec01 .bgBox .icon {
    width: 207px;
}
#about #main .sec01 .bgBox .icon {
    position: absolute;
    right: 98px;
    top: 34px;
}
#about #main .sec01 .bgBox01 .icon {
    width: 163px;
    left: 134px;
    right: auto;
    top: 0px;
}
#about #main .sec01 .bgBox02 .icon {
    width: 180px;
    right: 90px;
    top: 48px;
}
#about #main .sec01 .bgBox03 .icon {
    width: 104px;
    left: 190px;
    right: auto;
    top: 30px;
}
#about #main .sec01 .bgBox .en {
    position: absolute;
    right: -90px;
    top: 0;
    font-size: 7.2rem;
    letter-spacing: 0.04em;
    -webkit-writing-mode : tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    direction: ltr;
	z-index: 2;
}
#about #main .sec01 .listUl {
    margin: -50px auto 0;
    padding: 0 15px;
    max-width: 1228px;
    box-sizing: border-box;
}
#about #main .sec01 .listUl li {
    margin: 50px 6.2% 0 0;
    width: 29.2%;
}
#about #main .sec01 .listUl li:nth-child(3n) {
    margin-right: 0;
}
#about #main .sec01 .listUl li .pho {
    margin-bottom: 30px;
}
#about #main .sec01 .listUl li p {
    letter-spacing: 0.1em;
}
#about #main .sec01 .listUl li .ttl {
    margin-bottom: 15px;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}
#about #main .sec01 .listUl li .btn {
	margin-top: 15px;
}
#about #main .sec01 .listUl li .btn a {
    padding-right: 50px;
    display: inline-block;
    color: #005BAB;
    letter-spacing: 0.1em;
    background: url("img/common/icon41.png") no-repeat right top 3px / 30px;
}
#about #main .sec01 .listUl li .btn a:hover {
    opacity: 0.7;
}
#about #main .sec02 {
    padding: 40px 0 167px;
    position: relative;
}
#about #main .sec02::before {
    width: 100%;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background-color: #BBE2F6;
    content: "";
}
#about #main .sec02 .content {
    max-width: 1230px;
    position: relative;
    z-index: 1;
}
#about #main .sec02 h2 {
    position: absolute;
    top: -130px;
    left: 0;
    color: #E5E5E5;
    font-size: 10rem;
    font-weight: 400;
    letter-spacing: 0.04em;
}
#about #main .sec02 .headLine02 {
    position: relative;
}
#about #main .sec02 .headLine02::before {
    width: 193px;
    height: 115px;
    position: absolute;
    right: 66px;
    top: -6px;
    background: url("img/about/img05.png") no-repeat;
    background-size: 193px auto;
    content: "";
}
#about #main .sec02 .pTop {
    margin-bottom: 64px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
}
#about #main .sec02 .imgList {
    position: relative;
}

#about #main .sec02 .imgList li {
    width: 48%;
}
#about #main .sec02 .imgList li:last-child {
    position: relative;
}
#about #main .sec02 .imgList li:last-child::before {
    width: 86px;
    height: 67px;
    left: -170px;
    bottom: -16px;
    position: absolute;
    background: url("img/about/img06.png") no-repeat;
    background-size: 86px auto;
    content: "";
}
#about #main .sec02 .imgList li .pho {
    margin-bottom: 23px;
}
#about #main .sec02 .imgList li .map {
    position: relative;
    padding-bottom: 49.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#about #main .sec02 .imgList li .map iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about #main .sec02 .imgList li p {
    line-height: 2;
    letter-spacing: 0.1em;
}
#about #main .sec02 .imgList li .btn {
    text-align: right;
}
#about #main .sec02 .imgList li .btn a {
    padding-right: 45px;
    display: inline-block;
    color: #005BAB;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    background: url("img/common/icon41.png") no-repeat right top 6px / 30px;
}
#about #main .sec02 .imgList li .btn a:hover {
    opacity: 0.7;
}
#about #main .sec03 .content {
    max-width: 1140px;
}
#about #main .sec03 .inner {
	position: relative;
}
#about #main .sec03 .headLine02 {
    position: relative;
}
#about #main .sec03 .headLine02::before {
    width: 24px;
    height: 108px;
    position: absolute;
    right: 408px;
    top: -83px;
    background: url("img/about/img07.png") no-repeat;
    background-size: 24px auto;
    content: "";
}
#about #main .sec03 .mapBox {
    position: relative;
    padding-bottom: 49.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#about #main .sec03 .mapBox iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about #main .sec03 .pTop {
    margin-bottom: 46px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
}
#about #main .sec03 .textimg {
    width: 215px;
    position: absolute;
    top: -71px;
    right: -8px;
}
#about #main .sec03 .inner {
    margin-bottom: 83px;
}
#about #main .sec03 .title {
    margin-bottom: 80px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
}
#about #main .sec03 .listUl {
    margin: -36px 0 44px;
}
#about #main .sec03 .listUl01 {
    position: relative;
}
#about #main .sec03 .listUl01::before {
    width: 91px;
    height: 51px;
    position: absolute;
    left: 200px;
    top: 39px;
    background: url("img/about/img08.png") no-repeat;
    background-size: 91px;
    content: "";
}
#about #main .sec03 .listUl01::after {
    width: 73px;
    height: 131px;
    position: absolute;
    right: 218px;
    top: -9px;
    background: url("img/about/img09.png") no-repeat;
    background-size: 73px;
    content: "";
}
#about #main .sec03 .listUl02 {
    margin-bottom: 64px;
}
#about #main .sec03 .listUl li {
    margin: 36px 2.9% 0 0;
    height: 69px;
    width: 31.4%;
    
    box-sizing: border-box;
}
#about #main .sec03 .listUl01 li:last-child {
    margin-right: 0;
}
#about #main .sec03 .listUl li:nth-child(3n) {
    margin-right: 0;
}
#about #main .sec03 .listUl li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.73;
    background: #005BAB url("img/common/icon49.png") no-repeat right 24px center / 19px;
}
#about #main .sec03 .listUl li a:hover {
    opacity: 0.7;
}
#about #main .sec03 .listUl .color01 a {
    background-color: #75574D;
}
#about #main .sec03 .listUl .color02 a {
    background-color: #A125B7;
}
#about #main .sec03 .listUl .color03 a {
    background-color: #8A8335;
}
#about #main .sec03 .listUl .color04 a {
    background-color: #3E46A8;
}
#about #main .sec03 .listUl .color05 a {
    background-color: #149D55;
}
#about #main .sec03 .listUl .color06 a {
    background-color: #A82B15;
}
#about #main .sec03 .textList {
    margin-bottom: 30px;
}
#about #main .sec03 .textList li {
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    line-height: 1.92;
}
#about #main .sec03 .note {
    margin-bottom: 5px;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}
@media all and (-ms-high-contrast:none) {
    #about #main .sec03 .listUl li a {
        padding-top: 7px;
    }
} 
@media all and (max-width: 1320px) {
    #about #main .sec01 .bgBox .en {
		position: absolute;
		right: 10px;
		top: -65px;
    }
}
@media all and (max-width: 1100px) {
	#about #main .sec02 .imgList li:last-child::before {
		bottom: -75px;
	}
}
@media all and (max-width: 1040px) {
	#about #main .sec01 .bgBox .imgBox .textBox {

		width: 60%;
	}
	#about #main .sec01 .bgBox .textBox .subBox {
		padding: 20px;
	}
	#about #main .sec02 .headLine02::before {
		right: 0;
		width: 115px;
		background-size: 115px auto;
	}
	#about #main .sec03 .headLine02::before {
		right: 250px;
	}
	#about #main .sec03 .listUl01::before {
		left: 100px;
	}
	#about #main .sec03 .listUl01::after {
		right: 100px;
	}
	#about #main .sec03 .listUl li a {
		font-size: 1.3rem;
		letter-spacing: 0;
		background-position: center right 6px;
	}
}
@media all and (max-width: 767px) {
	#about .pageTitle {
		background-image: url("img/about/sp_page_title_bg.jpg");
	}
	#about #main {
		padding-bottom: 56px;
	}
    #about #main .sec01 {
        padding: 20px 0 50px;
    }
    #about #main .sec01 .pTop {
        margin-bottom: 77px;
        font-size: 1.1rem;
        line-height: 1.59;
        text-align: left;
    }
    #about #main .sec01 .bgBox {
        margin-bottom: 70px;
        padding: 0 20px
    }
    #about #main .sec01 .bgBox::before {
        height: 185px;
        top: 55px;
    }
    #about #main .sec01 .bgBox03 {
        margin-bottom: 40px;
    }
    #about #main .sec01 .bgBox .imgBox {
        max-width: inherit;
    }
    #about #main .sec01 .bgBox .imgBox .photoBox {
        margin-bottom: 15px;
        width: 88%;
    }
    #about #main .sec01 .bgBox .imgBox .textBox {
        margin: 0;
        width: 98%;
    }
    #about #main .sec01 .bgBox .textBox .subBox {
        padding: 27px 24px 24px;
    }
    #about #main .sec01 .bgBox .textBox .subBox::before {
        left: 6px;
        top: 6px;
        bottom: 6px;
        right: 6px;
        border-width: 1px;
    }
    #about #main .sec01 .bgBox .textBox::after {
        right: -7px;
        bottom: -5px;
        left: 7px;
        background-size: 20px auto;
    }
    #about #main .sec01 .bgBox .textBox p {
        line-height: 2.01;
    }
    #about #main .sec01 .bgBox03 .textBox .note {
        font-size: 1.1rem;
    }
	#about #main .sec01 .bgBox03 .textBox .text {
		margin-bottom: 10px;
	}
	#about #main .sec01 .bgBox .textBox .title {
		margin-bottom: 9px;
	}
    #about #main .sec01 .bgBox .textBox .title span {
        font-size: 1.3rem;
		background-size: 230px auto;
    }
    #about #main .sec01 .bgBox03 .textBox .title span,
    #about #main .sec01 .bgBox02 .textBox .title span {
        font-size: 1.3rem;
    }
	#about #main .sec01 .bgBox .icon {
		width: 80px;
		position: absolute;
		right: 45px;
		top: -41px;
	}
	#about #main .sec01 .bgBox01 .icon {
		width: 90px;
		left: 0px;
		right: auto;
		top: -47px;
	}
	#about #main .sec01 .bgBox02 .icon {
		width: 90px;
		right: 20px;
		top: -30px;
	}
    #about #main .sec01 .bgBox03 .icon {
        width: 50px;
        left: 10px;
        right: auto;
        top: -40px;
    }
    #about #main .sec01 .bgBox .en {
        right: -6px;
        top: -59px;
        font-size: 3rem;
    }
    #about #main .sec01 .listUl {
        margin-top: 0;
        padding: 0 15px 0 20px;
        max-width: inherit;
        display: block;
    }
    #about #main .sec01 .listUl li {
        margin: 0 0 25px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #about #main .sec01 .listUl li:last-child {
        margin-bottom: 0;
    }
    #about #main .sec01 .listUl li .pho {
        margin-bottom: 0;
        width: 176px;
    }
    #about #main .sec01 .listUl li .textBox {
        width: calc(100% - 190px);
    }
    #about #main .sec01 .listUl li p {
        line-height: 1.64;
    }
    #about #main .sec01 .listUl li .ttl {
        margin-bottom: 8px;
        font-size: 1.3rem;
    }
    #about #main .sec01 .listUl li .btn {
        margin-top: 8px;
    }
    #about #main .sec01 .listUl li .btn a {
        padding-right: 15px;
        background: url("img/common/sp_icon41.png") no-repeat right center / 15px;
    }
	#about #main .sec02 {
		padding: 36px 0 70px;
	}
    #about #main .sec02::before {
        height: 239px;
    }
    #about #main .sec02 .content {
        max-width: inherit;
    }
    #about #main .sec02 h2 {
        top: -86px;
        left: 20px;
        font-size: 5rem;
    }
	#about #main .sec02 .headLine02::before {
		width: 70px;
		right: 5px;
		top: -50px;
		background-size: 70px auto;
		background-image: url("img/about/sp_img05.png");
	}
    #about #main .sec02 .pTop {
        margin-bottom: 15px;
        line-height: 2.01;
    }
    #about #main .sec02 .imgList {
        display: block;
    }
    #about #main .sec02 .imgList li {
        margin-bottom: 30px;
        width: 100%;
    }
    #about #main .sec02 .imgList li:last-child {
        margin-bottom: 0;
    }
	#about #main .sec02 .imgList li:last-child::before {
		left: 20px;
		bottom: -50px;
		background-size: 45px auto;
	}
    #about #main .sec02 .imgList li p {
        line-height: 1.81;
    }
    #about #main .sec02 .imgList li .pho {
        margin-bottom: 10px;
    }
    #about #main .sec02 .imgList li .btn a {
        padding-right: 20px;
        font-size: 1.1rem;
        background-size: 15px;
    }
	#about #main .sec03 .content {
		min-width: inherit;
	}
	#about #main .sec03 .headLine02::before {
		right: 70px;
		top: -30px;
		background-size: 12px auto;
	}
	#about #main .sec03 .pTop {
		margin-bottom: 14px;
		font-size: 1.1rem;
		line-height: 2.01;
	}
	#about #main .sec03 .textimg {
		width: 110px;
		top: auto;
		right: 2px;
        bottom: -35px;
	}
	#about #main .sec03 .inner {
		margin-bottom: 60px;
	}
	#about #main .sec03 .title {
		margin-bottom: 60px;
		font-size: 1.3rem;
		text-align: left;
	}
	#about #main .sec03 .listUl {
		margin: 0 0 36px;
		display: block;
	}
	#about #main .sec03 .listUl01::before {
		left: 20px;
		top: -50px;
		background-size: 70px;
	}
	#about #main .sec03 .listUl01::after {
		display: none;
	}
	#about #main .sec03 .listUl02 {
		margin-bottom: 40px;
	}
	#about #main .sec03 .listUl li {
		margin: 0 auto 20px !important;
		height: 52px;
		width: 80%;
	}
    #about #main .sec03 .listUl li a {
        font-size: 1.1rem;
        background-size: 15px;
		background-position: center right 19px;
    }
	#about #main .sec03 .textList {
		margin-bottom: 20px;
	}
	#about #main .sec03 .textList li {
		font-size: 1.1rem;
        line-height: 1.8;
	}
	#about #main .sec03 .note {
		margin-bottom: 3px;
		font-size: 1.1rem;
	}
}
/*------------------------------------------------------------
	car_at
------------------------------------------------------------*/
#car_at .pageTitle {
	background-image: url("img/plan/car_at/page_title_bg.jpg");
}
@media all and (max-width: 767px) {
	#car_at .pageTitle {
		background-image: url("img/plan/car_at/sp_page_title_bg.jpg");
	}
}
/*------------------------------------------------------------
	paper
------------------------------------------------------------*/
#paper .pageTitle {
	background-image: url("img/plan/paper/page_title_bg.jpg");
}
#paper .comPlan .sec01 .bgBox {
	padding: 73px 15px 78px;
	border-color: #D2CDDE;
	background-color: #AEA5C2;
}
#paper .comPlan .sec01 .headLine02 {
	margin-bottom: 18px;
}
#paper .comPlan .sec01 .headLine02 span {
	margin-bottom: 26px;
	width: 34px;
}
#paper .comPlan .sec01 .title {
	margin-bottom: 48px;
}
#paper .comPlan .sec01 .comTopBox .whiteBox {
	padding: 48px 40px 63px;
}
#paper .comPlan .sec01 .textUl {
	margin: -2px 0 0 44px;
}
#paper .comPlan .sec01 .textUl li:not(:last-child) {
	margin-bottom: 8px;
}
#paper .comPlan .sec02 {
	padding: 30px 0 107px;
	background-color: #D2CDDE;
}
#paper .comPlan .sec02 .content::before {
	top: -56px;
}
#paper .comPlan .sec02 .content::after {
	top: -92px;
}
#paper .comPlan .sec02 .headLine02 {
	margin-bottom: 15px;
}
#paper .comPlan .sec02 .topText {
	margin-bottom: 35px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#paper .comPlan .sec03 {
	padding-bottom: 120px;
}
#paper .comPlan .sec03 .info01 .bgBox {
	background-color: #F1F0F5;
}
#paper .comPlan .sec03 .info02 {
	margin-bottom: 0;
}
#paper .comPlan .sec03 .info02 .topText {
	margin: -16px 0 38px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#paper .comPlan .sec04 .headLine02 {
	margin-bottom: 76px;
	background-color: #D2CDDE;
}
@media all and (max-width: 767px) {
	#paper .pageTitle {
		background-image: url("img/plan/paper/sp_page_title_bg.jpg");
	}
	#paper .comPlan .sec01 {
		padding-left: 22px;
	}
	#paper .comPlan .sec01 .bgBox {
		padding: 38px 20px 21px;
	}
	#paper .comPlan .sec01 .headLine02 {
		margin-bottom: 16px;
	}
	#paper .comPlan .sec01 .headLine02 span {
		margin-bottom: 10px;
		width: 17px;
	}
	#paper .comPlan .sec01 .title {
		margin-bottom: 13px;
	}
	#paper .comPlan .sec01 .comTopBox .whiteBox {
		padding: 16px 23px 24px;
	}
	#paper .comPlan .sec01 .textUl {
		margin: 9px 0 0;
	}
	#paper .comPlan .sec01 .textUl li {
		line-height: 1.38;
	}
	#paper .comPlan .sec01 .textUl li:not(:last-child) {
		margin-bottom: 18px;
	}
	#paper .comPlan .sec02 {
		padding: 30px 0 48px;
	}
	#paper .comPlan .sec02 .content::before {
		top: -47px;
	}
	#paper .comPlan .sec02 .content::after {
		top: -52px;
	}
	#paper .comPlan .sec02 .headLine02 {
		margin-bottom: 10px;
	}
	#paper .comPlan .sec02 .topText {
		margin-bottom: 15px;
	}
	#paper .comPlan .sec02 .img {
		margin-bottom: 20px;
	}
	#paper .comPlan .sec03 {
		padding: 46px 0 60px;
	}
	#paper .comPlan .sec03 .info01 .topText {
		margin-bottom: 17px;
	}
	#paper .comPlan .sec03 .info02 {
		margin-bottom: 0;
	}
	#paper .comPlan .sec03 .info02 .topText {
		margin: -5px 0 12px;
	}
	#paper .comPlan .sec04 .headLine02 {
		margin-bottom: 36px;
	}
}
/*------------------------------------------------------------
	foreign_driver
------------------------------------------------------------*/
#foreign_driver .pageTitle {
	background-image: url("img/plan/foreign_driver/page_title_bg.jpg");
}
#foreign_driver .comPlan .sec01 .bgBox {
	padding: 73px 15px 78px;
	border-color: #FAEFE1;
	background-color: #F5DFC7;
}
#foreign_driver .comPlan .sec01 .title {
    margin-bottom: 35px;
}
#foreign_driver .comTopBox .whiteBox {
    padding: 33px 49px 104px;
}
#foreign_driver .comTopBox .whiteBox .headLine05 {
	margin-bottom: 24px;
}
#foreign_driver .comTopBox .whiteBox p {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing: 0.1em;
}
#foreign_driver .comPlan .sec02 {
	padding-bottom: 79px;
	background-color: #FAEFE1;
}
#foreign_driver .comPlan .sec02 .headLine02 {
	margin-bottom: 53px;
}
#foreign_driver .comPlan .sec03 {
	padding-bottom: 134px;
}
#foreign_driver .comPlan .sec03 .info01 .bgBox {
	background-color: #FEFAF7;
}
#foreign_driver .comPlan .sec03 .info01 .ttl {
	line-height: 1.75;
}
#foreign_driver .comPlan .sec03 .info02 {
	margin-bottom: 0;
}
#foreign_driver .comPlan .sec03 .info02 .topText {
	margin: -12px 0 23px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#foreign_driver .comPlan .sec04 .headLine02 {
	background-color: #FAEFE1;
}
@media all and (max-width: 767px) {
	#foreign_driver .pageTitle {
		background-image: url("img/plan/foreign_driver/sp_page_title_bg.jpg");
	}
	#foreign_driver .comPlan .sec01 .bgBox {
		padding: 31px 20px 20px;
	}
	#foreign_driver .comPlan .sec01 .headLine02 span {
		margin-bottom: 19px;
	}
	#foreign_driver .comPlan .sec01 .title {
		margin-bottom: 16px;
	}
	#foreign_driver .comTopBox .whiteBox {
		padding: 20px 21px 48px;
	}
	#foreign_driver .comTopBox .whiteBox .headLine05 {
		margin-bottom: 15px;
	}
	#foreign_driver .comTopBox .whiteBox p {
		font-size: 1.3rem;
		line-height: 1.92;
	}
	#foreign_driver .comPlan .sec02 {
		padding-bottom: 44px;
	}
	#foreign_driver .comPlan .sec02 .headLine02 {
		margin-bottom: 16px;
	}
	#foreign_driver .comPlan .sec02 .img {
		margin-bottom: 20px;
	}
	#foreign_driver .comPlan .sec03 {
		padding-bottom: 56px;

	}
	#foreign_driver .comPlan .sec03 .info01 .ttl {
		line-height: 1.92;
	}
	#foreign_driver .comPlan .sec03 .info02 {
		margin-bottom: 0;
	}
	#foreign_driver .comPlan .sec03 .info02 .topText {
		margin: -2px 0 13px;
	}
}
/*------------------------------------------------------------
	elder
------------------------------------------------------------*/
#elder .pageTitle {
	background-image: url("img/plan/elder/page_title_bg.jpg");
}
#elder .pageTitle h2 {
	color: #fff;
}
#elder .comPlan .sec01 {
	padding-bottom: 100px;
}
#elder .comPlan .sec01 .bgBox {
	padding: 69px 15px 78px;
	border-color: #FFFBC5;
	background-color: #FFF798;
}
#elder .comPlan .sec01 .headLine02 span {
	margin-bottom: 19px;
}
#elder .comPlan .sec01 .title {
	margin-bottom: 46px;
}
#elder .comPlan .comTopBox .whiteBox {
    padding: 49px 39px 125px;
}
#elder .comPlan .sec01 .headLine05 {
	margin-bottom: 22px;
}
#elder .comPlan .sec01 .text01 {
	margin-bottom: 36px;
	font-size: 2rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#elder .comPlan .sec01 .text02 {
	margin-bottom: 43px;
	font-size: 2rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#elder .comPlan .sec01 .text02 span {
	margin-top: 5px;
	display: block;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
}
#elder .comPlan .sec01 .text03 {
	font-size: 2rem;
	line-height: 1.8;
	font-weight: bold;
}
#elder .comPlan .sec01 .text03 span {
	display: block;
	margin-top: 17px;
}
#elder .comPlan .sec03 {
	padding: 33px 0 90px;
}
#elder .comPlan .sec03 .info01 {
	margin-bottom: 47px;
}
#elder .comPlan .sec03 .info01 .bgBox {
	padding: 52px 45px 40px;
	background-color: #FFFEEC;
}
#elder .comPlan .sec03 .info01 .bgBox .ttl {
	margin-bottom: 0;
}
#elder .comPlan .sec03 .info01 .headLine02 .icon02 {
    right: 48px;
    top: -25px;
    width: 25px;
}
#elder .comPlan .sec03 .info02 {
	margin-bottom: 130px;
}
#elder .comPlan .sec03 .info02 .comTab {
    margin-bottom: 14px;
}
#elder .comPlan .sec03 .info03 .bgBox {
	padding: 38px 45px 40px;
}
#elder .comPlan .sec03 .info03 .headLine05 {
	width: auto;
}
#elder .comPlan .sec03 .info03 .title {
	margin-bottom: 36px;
	font-size: 2rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#elder .comPlan .sec03 .info04 {
	margin-bottom: 0;
}
#elder .comPlan .sec03 .info04 .btmText01 {
	margin-bottom: 20px;
}
#elder .comPlan .sec03 .info04 .btmText span {
	display: block;
	margin-top: 10px;
}
#elder .comPlan .sec04 .headLine02 {
	background-color: #FFFBC5;
}
@media all and (max-width: 767px) {
	#elder .pageTitle {
		background-image: url("img/plan/elder/sp_page_title_bg.jpg");
	}
	#elder .comPlan .sec01 {
		padding-bottom: 10px;
	}
	#elder .comPlan .sec01 .bgBox {
		padding: 27px 15px 20px;
	}
	#elder .comPlan .sec01 .headLine02 span {
		margin-bottom: 15px;
	}
	#elder .comPlan .sec01 .title {
		margin-bottom: 15px;
	}
	#elder .comPlan .comTopBox .whiteBox {
		padding: 13px 29px 19px;
	}
	#elder .comPlan .sec01 .headLine05 {
		margin-bottom: 10px;
	}
	#elder .comPlan .sec01 .text01 {
		margin-bottom: 17px;
		font-size: 1.3rem;
		line-height: 1.46;
	}
	#elder .comPlan .sec01 .text02 {
		margin-bottom: 20px;
		font-size: 1.3rem;
		line-height: 1.38;
	}
	#elder .comPlan .sec01 .text02 span {
		margin-top: 14px;
		font-size: 1.3rem;
		line-height: 1.38;
	}
	#elder .comPlan .sec01 .text03 {
		font-size: 1.3rem;
		line-height: 1.38;
	}
	#elder .comPlan .sec01 .text03 span {
		margin-top: 2px;
	}
	#elder .comPlan .sec03 {
		padding: 23px 0 56px;
	}
	#elder .comPlan .sec03 .info01 {

		margin-bottom: 22px;
	}
	#elder .comPlan .sec03 .info01 .bgBox {
		padding: 20px 20px 30px;
	}
	#elder .comPlan .sec03 .info01 .bgBox .ttl {
		margin-bottom: 0;
	}
	#elder .comPlan .sec03 .info01 .headLine02 .icon02 {
		right: 5px;
		top: -10px;
		width: 13px;
	}
	#elder .comPlan .sec03 .info02 {
		margin-bottom: 46px;
	}
	#elder .comPlan .sec03 .info02 .comTab {
		margin-bottom: 6px;
	}
	#elder .comPlan .sec03 .info02 .comTab th {
		width: 50%;
	}
	#elder .comPlan .sec03 .info03 .bgBox {
		padding: 15px 20px 21px;
	}
	#elder .comPlan .sec03 .info03 .headLine05 {
		width: auto;
		margin-bottom: 3px;
	}
	#elder .comPlan .sec03 .info03 .title {
		margin-bottom: 20px;
		font-size: 1.3rem;
		line-height: 1.53;
	}
	#elder .comPlan .sec03 .info04 {
		margin-bottom: 0;
	}
	#elder .comPlan .sec03 .info04 .btmText01 {
		margin-bottom: 15px;
	}
	#elder .comPlan .sec03 .info04 .btmText span {
		margin-top: 0;
	}
}
/*------------------------------------------------------------
	elder
------------------------------------------------------------*/
#gentsuki .pageTitle {
	background-image: url("img/plan/gentsuki/page_title_bg.jpg");
}
#gentsuki .pageTitle h2 {
	color: #000;
}
#gentsuki .comPlan .sec01 .bgBox {
	padding: 62px 15px 78px;
	border-color: #CDEBCD;
	background-color: #A5DAA6;
}
#gentsuki .comPlan .sec01 .headLine02 {
	margin-bottom: 26px;
}
#gentsuki .comPlan .sec01 .whiteBox {
    padding: 50px 54px 96px;
}
#gentsuki .comPlan .sec01 .headLine05 {
	margin-bottom: 33px;
}
#gentsuki .comPlan .sec01 .txt {
	margin-bottom: 24px;
	font-size: 2rem;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 1.45;
}
#gentsuki .comPlan .sec01 .textUl {
	margin: 0 -20px 0 0;
}
#gentsuki .comPlan .sec01 .textUl li {
	line-height: 1.45;
}
#gentsuki .comPlan .sec01 .textUl li:not(:last-child) {
	margin-bottom: 12px;
}
#gentsuki .comPlan .sec02 {
	padding-bottom: 65px;
	background-color: #CDEBCD;
}
#gentsuki .comPlan .sec03 {
	padding: 100px 0 153px;
}
#gentsuki .comPlan .sec03 .bgBox {
	background-color: #EFF9F0;
}
#gentsuki .comPlan .sec03 .info03 {
	margin-bottom: 67px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 {
	margin-bottom: 23px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 span {
	padding: 0 100px;
	position: relative;
	display: inline-block;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 .icon01 {
	position: absolute;
	left: -25px;
	top: -9px;
	width: 55px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 .icon02 {
	position: absolute;
	right: -4px;
	top: -40px;
	width: 49px;
}
#gentsuki .comPlan .sec03 .info03 .bgBox {
	padding: 46px 54px 47px;
}
#gentsuki .comPlan .sec03 .textList {
	font-size: 2rem;
	line-height: 1.75;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#gentsuki .comPlan .sec03 .textList li {
	position: relative;
}
#gentsuki .comPlan .sec03 .textList .sml01 {
	margin: 18px -5px 25px;
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: 0.1em;
}
#gentsuki .comPlan .sec03 .textList .sml02 {
	position: absolute;
	left: 170px;
	top: 0;
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: 0.1em;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 {
	margin-bottom: 26px;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 span {
	padding: 0 100px;
	position: relative;
	display: inline-block;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 .icon01 {
	position: absolute;
	left: -18px;
	top: -6px;
	width: 56px;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 .icon02 {
	position: absolute;
	right: -18px;
	top: -6px;
	width: 56px;
}
#gentsuki .comPlan .sec03 .info04 {
	margin-bottom: 102px;
}
#gentsuki .comPlan .sec03 .info04 .bgBox {
	padding: 46px 54px 65px;
}
#gentsuki .comPlan .sec03 .info01 {
	margin-bottom: 105px;
}
#gentsuki .comPlan .sec03 .info01 .bgBox {
	padding: 64px 45px 87px;
}
#gentsuki .comPlan .sec03 .info01 .textList li {
	text-indent: -1em;
	padding-left: 1em;
}
#gentsuki .comPlan .sec03 .info01 .textList .sml03 {
	display: block;
	margin-left: 1em;
}
#gentsuki .comPlan .sec03 .info02 {
	margin-bottom: 0;
}
#gentsuki .comPlan .sec03 .info02 .headLine02 span {
	padding: 0 85px;
}
#gentsuki .comPlan .sec04 .headLine02 {
	background-color: #CDEBCD;
}
@media all and (max-width: 767px) {
	#gentsuki .pageTitle {
		background-image: url("img/plan/gentsuki/sp_page_title_bg.jpg");
	}
	#gentsuki .comPlan .sec01 .bgBox {
		padding: 31px 20px 22px;
	}
	#gentsuki .comPlan .sec01 .headLine02 {
		margin-bottom: 16px;
	}
	#gentsuki .comPlan .sec01 .whiteBox {
		padding: 20px 20px 18px;
	}
	#gentsuki .comPlan .sec01 .headLine05 {
		margin-bottom: 13px;
	}
	#gentsuki .comPlan .sec01 .txt {
		margin-bottom: 14px;
		font-size: 1.3rem;
		line-height: 1.53;
	}
	#gentsuki .comPlan .sec01 .textUl {
		margin: 0;
	}
	#gentsuki .comPlan .sec01 .textUl li {
		line-height: 1.53;
	}
	#gentsuki .comPlan .sec01 .textUl li:not(:last-child) {
		margin-bottom: 0;
	}
	#gentsuki .comPlan .sec02 {
		padding-bottom: 13px;
	}
	#gentsuki .comPlan .sec03 {
		padding: 39px 0 65px;
	}
	#gentsuki .comPlan .sec03 .info03 {
		margin-bottom: 35px;
	}
	#gentsuki .comPlan .sec03 .info03 .headLine02 {
		margin-bottom: 11px;
	}
	#gentsuki .comPlan .sec03 .info03 .headLine02 span {
		padding: 0 57px;
	}
	#gentsuki .comPlan .sec03 .info03 .headLine02 .icon01 {
		left: 0;
		top: -4px;
		width: 27px;
	}
	#gentsuki .comPlan .sec03 .info03 .headLine02 .icon02 {
		right: 11px;
		top: -20px;
		width: 25px;
	}
	#gentsuki .comPlan .sec03 .info03 .bgBox {
		padding: 24px;
	}
	#gentsuki .comPlan .sec03 .textList {
		font-size: 1.4rem;
		line-height: 1.81;
	}
	#gentsuki .comPlan .sec03 .textList .sml01 {
		margin: 6px 0 13px;
		font-size: 1.4rem;
		line-height: 1.63;
	}
	#gentsuki .comPlan .sec03 .textList .sml02 {
		margin-top: 4px;
		position: static;
		font-size: 1.1rem;
		line-height: 1.63;
	}
	#gentsuki .comPlan .sec03 .info04 .headLine02 {
		margin-bottom: 12px;
	}
	#gentsuki .comPlan .sec03 .info04 .headLine02 span {
		padding: 0 30px;
	}
	#gentsuki .comPlan .sec03 .info04 .headLine02 .icon01 {
		left: -18px;
		top: -2px;
		width: 28px;
	}
	#gentsuki .comPlan .sec03 .info04 .headLine02 .icon02 {
		right: -18px;
		top: -2px;
		width: 28px;
	}
	#gentsuki .comPlan .sec03 .info04 {
		margin-bottom: 36px;
	}
	#gentsuki .comPlan .sec03 .info04 .bgBox {
		padding: 24px 24px 31px;
	}
	#gentsuki .comPlan .sec03 .info01 {
		margin-bottom: 42px;
	}
	#gentsuki .comPlan .sec03 .info01 .topText {
		margin-bottom: 18px;
	}
	#gentsuki .comPlan .sec03 .info01 .bgBox {
		padding: 37px 24px 31px;
	}
	#gentsuki .comPlan .sec03 .info01 .headLine05 {
		margin-bottom: 5px;
	}
	#gentsuki .comPlan .sec03 .info01 .textList li {
		text-indent: inherit;
		padding-left: 0;
		font-size: 1.3rem;
		line-height: 1.53;
	}
	#gentsuki .comPlan .sec03 .info01 .textList .sml03 {
		margin: 9px 0 0;
		font-size: 1rem;
	}
	#gentsuki .comPlan .sec03 .info02 {
		margin-bottom: 0;
	}
	#gentsuki .comPlan .sec03 .info02 .headLine02 span {
		padding: 0 35px;
	}
}
/*------------------------------------------------------------
	flow
------------------------------------------------------------*/
#flow .pageTitle {
	background-image: url("img/flow/page_title_bg.jpg");
}
#flow .pageTitle h2{
	color: #fff;
	text-shadow: 0 0 10px #000000b5;
}
#flow #main .sec01 {
	padding: 104px 0;
}
#flow #main .sec01 .content {
	max-width: 1230px;
}
#flow #main .sec01 .headLine02 {
	margin-bottom: 31px;
}
#flow #main .sec01 .headLine02 span {
	padding: 0 90px;
	position: relative;
	display: inline-block;
}
#flow #main .sec01 .headLine02 .icon01 {
	position: absolute;
	left: 1px;
	top: -13px;
	width: 36px;
}
#flow #main .sec01 .headLine02 .icon02 {
	position: absolute;
	right: 2px;
	top: -19px;
	width: 53px;
}
#flow #main .sec01 .topText {
	margin-bottom: 49px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.69;
}
#flow #main .sec01 .linkUl {
	margin: -56px 0 88px;
	position: relative;
}
#flow #main .sec01 .linkUl:after {
	content: "";
	width: 31.41%
}
#flow #main .sec01 .linkUl li {
	margin-top: 56px;
	width: 30.41%;
}
#flow #main .sec01 .linkUl li > a,
#flow #main .sec01 .linkUl li > span {
	padding: 23px 0 28px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.1em;
	border: 2px solid #231815;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
#flow #main .sec01 .linkUl li > a > span {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
	background: url("img/common/icon18.png") no-repeat center right 19px;
	background-size: 14px auto;
}
#flow #main .sec01 .linkUl li .sml {
	margin-top: 2px;
	display: block;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
}
#flow #main .sec01 .linkUl li > a::after {
	position: absolute;
	content: ' ';
	display: block;
    width: 100%;
    height: 100%;
    background: #231815;
    left: 0;
    top: 0;
    z-index: 1;
    transform: translateX(-130%) skewX(60deg);
    transition: .4s cubic-bezier(.23,1,.32,1);
}
#flow #main .sec01 .comLinkUl {
	margin-bottom: 56px;
}
#flow #main .sec01 .comLinkUl li .icon {
    width: 71px;
}
#flow #main .sec01 .comBtn a {
	padding: 50px 0 45px 20px;
	position: relative;
	border-color: #F4F5EF;
	background: #E9EBE0;
}
#flow #main .sec01 .comBtn a span:before {
	left: -173px;
	top: -10px;
	background: url("img/common/icon60.png") no-repeat left center;
	background-size: 62px auto;
	width: 62px;
	height: 48px;
}
#flow #main .sec01 .comBtn a:after {
    padding-right: 21px;
    display: block;
    position: absolute;
    bottom: 15px;
    right: 27px;
    font-size: 1.4rem;
    background: url("img/common/icon18.png") no-repeat center right;
    background-size: 14px auto;
	content: "詳しく";
}
#flow #main .sec02 {
	padding: 66px 0 100px;
}
#flow #main .sec02 .content {
	max-width: 1126px;
}
#flow #main .sec02 .headLine02 {
	margin-bottom: 22px;
}
#flow #main .sec02 .comTab th {
    width: 23.1%;
    background-color: #fff;
}
#flow #main .sec02 .comTab thead th,
#flow #main .sec02 .comTab thead td {
	 background-color: #bbe2f6;
}
#flow #main .sec02 .note {
	font-size: 1.3rem;
	letter-spacing: 0.1em;
}
#flow #main .sec03 {
	padding: 19px 0 100px;
}
#flow #main .sec03 .content {
	max-width: 1126px;
}
#flow #main .sec03 .topText {
	margin: -3px 0 32px;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 2.14;
}
#flow #main .sec03 .comTab th {
    width: 32%;
    background-color: #fff;
}
#flow #main .sec03 .comTab td:last-child {
	width: 21.9%;
}
#flow #main .sec03 .comTab thead th,
#flow #main .sec03 .comTab thead td {
	 background-color: #bbe2f6;
}
#flow #main .sec03 .comTab .vLeft {
	padding: 42px 30px;
	text-align: left;
}
#flow #main .sec03 .comTab .vLeft span {
	margin: 0 22px;
	display: block;
	line-height: 2.14;
}
#flow #main .sec03 .comTab .wid01 {
	padding: 30px 0;
}
#flow #main .sec04 {
	padding: 8px 0 50px;
}
#flow #main .sec04 .content {
	max-width: 1126px;
}
#flow #main .sec04 .topText {
	margin: -16px 0 31px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.14;
}
#flow #main .sec04 .comTab th {
    width: 25.6%;
    background-color: #fff;
}
#flow #main .sec04 .comTab td:last-child {
	width: 24.3%;
}
#flow #main .sec04 .comTab thead th,
#flow #main .sec04 .comTab thead td {
	 background-color: #bbe2f6;
}
#flow #main .sec04 .textUl {
	margin: -5px 0 66px;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	line-height: 1.77;
}
#flow #main .sec04 .textUl li:not(:last-child) {
	margin-bottom: 16px;
}
#flow #main .sec04 .mapUl li {
	width: 47.5%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#flow #main .sec04 .mapUl li iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#flow #main .sec05 {
	padding: 12px 0 214px;
}
#flow #main .sec05 .content {
	max-width: 1126px;
}
#flow #main .sec05 .headLine02 {
	margin-bottom: 23px;
}
#flow #main .sec05 .bgBox {
	padding: 50px 15px 47px;
	background-color: #F4F5EF;
}
#flow #main .sec05 ul {
	max-width: 882px;
	margin: -17px auto 0;
}
#flow #main .sec05 li {
	margin-top: 17px;
	width: 47%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#flow #main .sec06 {
	padding-bottom: 152px;
}
#flow #main .sec06 .comBgBox {
	padding-bottom: 112px;
	margin-bottom: 98px;
}
#flow #main .sec06 .comBgBox .headLine02 span {
	width: 70px;
}
#flow #main .sec06 .inner:not(:last-child) {
	margin-bottom: 51px;
}
#flow #main .sec06 .inner p {
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.14;
}
#flow #main .sec06 .inner p:last-child {
	margin-bottom: 0 !important;
}
#flow #main .sec06 .inner p span {
	margin-top: 13px;
	display: block;
	text-align: right;
}
#flow #main .comBtmInfo .topBox {
	background-color: #FFFBC5;
}
@media all and (min-width: 768px) {
	#flow #main .sec01 .linkUl li > a:hover > span {
		color: #fff;
		background-image: url("img/common/icon18_on.png");
	}
	#flow #main .sec01 .linkUl li > a:hover::after {
		transform: translateX(0%) skewX(0deg);
	}
}
@media all and (max-width: 900px) {
	#flow #main .sec01 .linkUl li > a, #flow #main .sec01 .linkUl li > span {
		font-size: 1.7rem;
	}
	#flow #main .sec01 .linkUl li > a > span {
		background-position: center right 5px;
	}
}
@media all and (max-width: 767px) {
	#flow .pageTitle {
		background-image: url("img/flow/sp_page_title_bg.jpg");
	}
	#flow #main .sec01 {
		padding: 26px 5px;
	}
	#flow #main .sec01 .headLine02 {
		margin-bottom: 12px;
	}
	#flow #main .sec01 .headLine02 span {
		padding: 0 40px;
	}
	#flow #main .sec01 .headLine02 .icon01 {
		left: 4px;
		top: -3px;
		width: 18px;
	}
#flow #main .sec04 .mapUl li {
    padding-bottom: 120%;
}
	#flow #main .sec04 .mapUl li .te-t{
		display: block!important;
	}
	#flow #main .sec01 .headLine02 .icon02 {
		right: -2px;
		top: -5px;
		width: 27px;
	}
	#flow #main .sec01 .topText {
		margin-bottom: 35px;
		text-align: left;
		font-size: 1.1rem;
		line-height: 1.68;
	}
	#flow #main .sec01 .linkUl {
		margin: 0 35px 50px;
		display: block;
	}
	#flow #main .sec01 .linkUl li {
		margin: 0 0 20px;
		width: auto;
	}
	#flow #main .sec01 .linkUl li:last-child {
		margin-bottom: 0;
	}
	#flow #main .sec01 .linkUl li > a,
	#flow #main .sec01 .linkUl li > span {
		padding: 5px 0 3px;
		height: 52px;
		font-size: 1.3rem;
		line-height: 1.27;
		border-width: 1px;
	}
	#flow #main .sec01 .linkUl li > a > span {
		background-position: center right 12px;
		background-size: 10px auto;
	}
	#flow #main .sec01 .linkUl li .sml {
		margin-top: 4px;
		font-size: 1.1rem;
		letter-spacing: 0;
	}
	#flow #main .sec01 .comLinkUl {
		margin: 0 0 31px;
	}
	#flow #main .sec01 .comLinkUl li {
		margin-bottom: 15px;
	}
	#flow #main .sec01 .comLinkUl li .icon {
		width: 46px;
		margin-bottom: 20px;
	}
	#flow #main .sec01 .comLinkUl a {
		height: 198px;
	}
	#flow #main .sec01 .comBtn {
		margin: 0;
	}
	#flow #main .sec01 .comBtn a {
		padding: 70px 0 31px;
		font-size: 1.3rem;
		line-height: 1.75;
	}
	#flow #main .sec01 .comBtn a span:before {
		left: 50%;
		margin-left: -17px;
		top: -60px;
		background-size: 35px auto;
		width: 35px;
		height: 48px;
	}
	#flow #main .sec01 .comBtn a:after {
		padding-right: 14px;
		bottom: 10px;
		right: 14px;
		font-size: 1.1rem;
		background-size: 12px auto;
	}
	#flow #main .sec02 {
		padding: 23px 0 30px;
	}
	#flow #main .sec02 .headLine02 {
		margin-bottom: 17px;
	}
	#flow #main .sec02 .comTab tbody td {
		padding: 6px 10px;
		text-align: left;
	}
	#flow #main .sec02 .note {
		font-size: 1.1rem;
		line-height: 1.36;
	}
	#flow #main .sec03 {
		padding: 29px 0 43px;
	}
	#flow #main .sec03 .topText {
		margin: 0 0 35px;
		text-align: left;
		line-height: 1.63;
	}
	#flow #main .sec03 .comTab tbody td,
	#flow #main .sec03 .comTab tbody th {
		padding: 6px 10px !important;
		text-align: left;
		vertical-align: top;
	}
	#flow #main .sec03 .comTab tr:first-child th {
		text-align: center;
	}
	#flow #main .sec03 .comTab .vLeft {
		padding: 0;
	}
	#flow #main .sec03 .comTab .vLeft span {
		margin: 0;
		line-height: 1.36;
	}
	#flow #main .sec04 {
		padding: 8px 0 50px;
	}
	#flow #main .sec04 .topText {
		margin: 0 0 22px;
		text-align: left;
		line-height: 1.63;
	}
	#flow #main .sec04 .comTab th,
	#flow #main .sec04 .comTab td {
		 padding: 14px 5px;
	}
	#flow #main .sec04 .textUl {
		margin: -5px 0 40px;
		font-size: 1.1rem;
		line-height: 1.63;
	}
	#flow #main .sec04 .textUl li:not(:last-child) {
		margin-bottom: 28px;
	}
	#flow #main .sec04 .mapUl {
		display: block;
	}
	#flow #main .sec04 .mapUl li {
		width: auto;
	}
	#flow #main .sec04 .mapUl li iframe {
		width: 100%;
	}
	#flow #main .sec04 .mapUl li:first-child {
		margin-bottom: 54px;
	}
	#flow #main .sec05 {
		padding: 7px 0 59px;
	}
	#flow #main .sec05 .headLine02 {
		margin-bottom: 11px;
	}
	#flow #main .sec05 .bgBox {
		padding: 23px 18px 29px;
	}
	#flow #main .sec05 ul {
		max-width: inherit;
		display: block;
		margin: 0 auto;
	}
	#flow #main .sec05 li {
		margin: 0;
		width: auto;
		line-height: 1.72;
	}
	#flow #main .sec06 {
		padding-bottom: 90px;
	}
	#flow #main .sec06 .comBgBox {
		padding-bottom: 37px;
		margin-bottom: 31px;
	}
	#flow #main .sec06 .comBgBox .headLine02 span {
		width: 35px;
	}
	#flow #main .sec06 .inner .headLine03 {
		padding: 20px 0;
	}
	#flow #main .sec06 .inner:not(:last-child) {
		margin-bottom: 35px;
	}
	#flow #main .sec06 .inner p {
		margin-bottom: 17px;
		line-height: 1.63;
	}
	#flow #main .sec06 .inner p span {
		margin-top: 10px;
	}
}
@media all and (-ms-high-contrast:none){
	#flow #main .sec01 .linkUl li > a, #flow #main .sec01 .linkUl li > span {
		padding: 28px 0 23px;
	}
	.comLinkUl .sml {
		background-position: top 2px right;
	}
	#flow #main .sec01 .comBtn a::after {
		background-position: top 2px right;
	}
	.comBtmInfo .topBox li a > span span {
		padding: 14px 5px 18px;
	}
	#gFooter .fTel span {
		background-position: left top 35px;
	}
	.mailForm td input[type='text'], .mailForm td input[type='email'], .mailForm td input[type='tel'], .mailForm td select, .mailForm td textarea {
		padding-top: 7px;
	}
	.mailForm td input[type='checkbox'] + span {
		padding-top: 12px;
	}
	.comSelect select {
		padding-top: 4px;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		padding-top: 5px;
	}
	.wp-pagenavi .previouspostslink {
		background-position: left top 5px;
	}
	.wp-pagenavi .nextpostslink {
		background-position: right top 5px;
	}
	.pageNavi .prev a {
		background-position: left top 2px;
	}
	.pageNavi .next a {
		background-position: right top 2px;
	}
	.comTab th, .comTab td {
		padding: 14px 10px 8px;
	}
	.comTopBox .whiteBox .btn a {
		padding: 39px 10px 33px;
	}
	#ordinary_vehicle #main .sec03 .headLine03 {
		padding: 19px 0 12px;
	}
	.headLine03 {
		padding: 22px 0 11px;
	}
}
/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/
.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  transition-duration: 0.5s, 0.5s;
  -webkit-transition-duration: 0.5s, 0.5s; 
}
.fadeInUp.on {
  transition-property: opacity, transform;
  -webkit-transition-property: opacity, transform;
  opacity: 1;
  -webkit-transform: none;
  transform: none; 
}
.customError .wpcf7-not-valid-tip {
	display: none;
}
.customError .error {
	display: block;
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
}