@charset "utf-8";
/*
Theme Name: KYODOSHIKO
Theme URI: null
Description: Description
Author: 81bridge - WXJ
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;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: 'Noto Sans JP', sans-serif;
}
body.ios, .ios table, .ios input, .ios textarea, .ios select, .ios option {
	font-family: "Hiragino Sans", 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: #231815;
	text-decoration: none;
	transition: .3s;
}
a:visited {
	color: #231815;
}
a:hover {
	color: #231815;
}
a:active {
	color: #231815;
}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 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;
}
.taCenter {
	text-align: center;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1040px;
	color: #231815;
	font-size: 1.85rem;
	font-weight: 300;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #f5f7f9;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
body.ios {
	font-weight: 200;
}
#container {
	padding-top: 80px;
	text-align: left;
	overflow: hidden;
}
#main {
	margin: 0 auto;
	padding-bottom: 86px;
	max-width: 1500px;
	min-height: calc(100vh - 303px);
	background-color: #fff;
	box-sizing: border-box;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 1130px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 896px) {
	body {
		min-width: inherit;
		font-size: 1.4rem;
	}
	body.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}
	#container {
		padding-top: 71px;
	}
	#main {
		padding-bottom: 50px;
		min-height: inherit;
	}
	a:hover, a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	padding: 20px 0 18px;
	background-color: rgba(92, 181, 49, 1);
	z-index: 10;
	box-sizing: border-box;
}
#gHeader .hInner {
	margin: 0 auto;
	max-width: 1100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media all and (min-width: 1130px) {
	.menuBox {
		display: none !important;
	}
	#gHeader .hInner {
		padding: 0 20px;
	}
}
@media all and (max-width: 1130px) {
	#gHeader {
		padding: 18px 14px;
		height: 71px;
		box-sizing: border-box;
	}
	#gHeader h1 {
		width: 189px;
	}
	.menu {
		right: 14px;
		top: 22px;
		position: fixed;
		width: 34px;
		height: 33px;
		cursor: pointer;
		z-index: 101;
		transition: opacity .25s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		box-sizing: border-box;
	}
	.menu > div {
		margin: 0 auto;
		width: 33px;
		height: 33px;
		position: relative;
	}
	.menu span {
		background-color: #fff;
		border: none;
		height: 3px;
		width: 33px;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
		cursor: pointer;
	}
	.menu span:nth-of-type(2) {
		top: 10px;
	}
	.menu span:nth-of-type(3) {
		top: 20px;
	}
	.menu.active .top {
		-webkit-transform: translateY(10px) translateX(0) rotate(45deg);
		-ms-transform: translateY(10px) translateX(0) rotate(45deg);
		transform: translateY(10px) translateX(0) rotate(45deg);
	}
	.menu.active .middle {
		opacity: 0;
	}
	.menu.active .bottom {
		-webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
		-ms-transform: translateY(-10px) translateX(0) rotate(-45deg);
		transform: translateY(-10px) translateX(0) rotate(-45deg);
	}
	.menuBox {
		display: none;
		position: fixed;
		padding: 0 15%;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		z-index: 100;
		background-color: #35302D;
		box-sizing: border-box;
	}
	.menuBox > ul {
		margin: 62px 0;
	}
	.menuBox li a {
		color: #fff;
		font-size: 1.6rem;
		line-height: 2.3;
		font-weight: 400;
	}
	.menuBox .liStyle .clickBtn {
		position: relative;
		width: 10px;
		height: 10px;
		cursor: pointer;
	}
	
	.menuBox .liStyle .clickBtn:before {
		margin-top: -8px;
		position: absolute;
		left: -19px;
		top: 50%;
		width: 9px;
		height: 9px;
		border-left: 2px solid #fff;
		border-top: 2px solid #fff;
		transform: rotate(-135deg);
		transition: .3s;
		content: "";
	}
	
	.menuBox .liStyle .clickBtn.on:before {
		margin-top: -3px;
		transform: rotate(45deg);
	}
	.menuBox > ul > .liStyle > ul {
		margin: -6px 0 8px 24px;
		display: none;
	}
	.menuBox > ul > .liStyle li a {
		font-size: 1.4rem;
		font-weight: 300;
		line-height: 2.15;
	}
	.menuBox > ul > .liStyle .liStyle ul {
		display: none;
		margin-left: 15px;
	}
	.menuBox > ul > .liStyle .liStyle .clickBtn:before {
		margin-top: -7px;
	}
	.menuBox > ul > .liStyle .liStyle .clickBtn.on:before {
		margin-top: -1px;
	}
	.menuBox > ul > li:last-child {
		margin-top: 41px;
		text-align: center;
	}
}
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	margin-top: 2px;
	width: calc(100% - 200px);
}
#gNavi > ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}
#gNavi > ul > li {
	position: relative;
	
}
#gNavi > ul > li > a > img {
	display: inline-block;
	transition: .3s;
}
#gNavi > ul > li:last-child {
	margin: 2px 0 0 25px;
}
#gNavi > ul > li:not(:last-child) a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	box-sizing: border-box;
	white-space: nowrap;
}
.ios #gNavi > ul > li:first-child a {
	font-weight: 400;
	
}
#gNavi > ul > li:last-child > a img {
	display: block;
}
#gNavi > ul > li .dropMenu {
	display: none;
	padding-top: 27px;
	position: absolute;
	left: 0;
	top: 100%;
	width: 210px;
}
#gNavi > ul > li .dropMenu .liStyle {
	position: relative;
}
#gNavi > ul > li .dropMenu li a {
	display: block;
	height: auto;
	color: #fff;
	font-size: 1.5rem;
	padding: 18px 5px 18px 25px;
	background-color: #352f2d;
}
#gNavi > ul > li .dropMenu .liStyle > a {
	position: relative;
}
#gNavi > ul > li .dropMenu .liStyle > .on {
	background-color: #5cb531;
}
#gNavi > ul > li .dropMenu .liStyle > a:after {
	margin-top: -4px;
	position: absolute;
	right: 27px;
	top: 50%;
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transform: rotate(45deg);
	content: "";
}
#gNavi > ul > li .dropMenu li ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 250px;
}
@media all and (min-width: 897px) {
	#gNavi > ul > li .dropMenu li a:hover {
		background-color: #5cb531;
	}
	#gNavi > ul > li > a:hover {
		color: #C0DD98;
	}
	#gNavi > ul > li:last-child > a:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 1040px) {
	#gNavi > ul > li:first-child {
		margin-right: 10px;
	}
	#gNavi > ul > li:last-child {
		margin-left: 10px;
	}
	#gNavi > ul > li:not(:last-child) a {
		padding: 5px 15px 5px;
	}
	#gNavi > ul > li .dropMenu li a {
		padding: 20px;
	}
}
@media all and (max-width: 1130px) {
	#gNavi {
		display: none;
	}
}
/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	margin-bottom: 37px;
	padding: 15px 0 16px;
	position: relative;
	background-color: #f5f7f9;
}
#pagePath:before,#pagePath:after {
	position: absolute;
	right: 100%;
	top: 0;
	width: 9999px;
	height: 100%;
	background-color: #fff;
	content: "";
}
#pagePath:after {
	right: auto;
	left: 100%;
}
#pagePath ul {
	margin: 0 auto;
	max-width: 870px;
	display: flex;
}
#pagePath li {
	margin-right: 10px;
	font-size: 1.1rem;
}
#pagePath li a {
	margin-left: 10px;
}
@media all and (min-width: 897px) {
	#pagePath li a:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	#pagePath {
		margin-bottom: 20px;
		padding: 10px 15px;
	}
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	margin: 0 auto;
	max-width: 1500px;
	padding: 28px 0 45px;
	position: relative;
	background-color: #fff;
	z-index: 1;
}
#gFooter:before {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: calc(100% - 80px);
	height: 1px;
	background-color: #e6e6e6;
	content: "";
}
#gFooter .pageTop {
	margin-bottom: 37px;
}
#gFooter .pageTop a {
	padding: 22px;
	display: block;
	text-align: center;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
#gFooter .pageTop a img {
	margin: 0 auto;
	display: block;
}
#gFooter .fInner {
	margin: 0 auto;
	max-width: 990px;
	display: flex;
	justify-content: space-between;
}
#gFooter .lBox {
	width: 50%;
}
#gFooter .fLogo {
	margin-bottom: 20px;
}
#gFooter .lBox .copyright {
	font-size: 1.1rem;
}
#gFooter .fNavi {
	margin-top: -5px;
	width: 135px;
}
#gFooter .fNavi li {
	margin-top: 4px;
	font-size: 1rem;
	line-height: 1.6;
}
@media all and (min-width: 897px) {
	#gFooter .fNavi li a:hover {
		text-decoration: underline;
	}
}
@media all and (max-width: 896px) {
	#gFooter {
		margin: 0;
		padding-bottom: 30px;
	}
	#gFooter:before {
		width: 100%;
	}
	#gFooter .pageTop {
		margin-bottom: 22px;
	}
	#gFooter .pageTop a {
		padding: 16px;
	}
	#gFooter .pageTop a img {
		width: 40px;
	}
	#gFooter .fInner {
		margin: 0 14px;
		flex-wrap: wrap;
	}
	#gFooter .lBox {
		width: 100%;
		order: 2;
	}
	#gFooter .fLogo {
		margin-bottom: 15px;
		width: 176px;
	}
	#gFooter .fNavi {
		margin: 0 0 25px;
		width: 100%;
		order: 0;
	}
	#gFooter .fNavi li {
		font-size: 1.3rem;
		line-height: 1.55;
	}
	#gFooter .copyright {
		font-size: 1.1rem;
	}
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.comBox {
	margin: 0 auto;
	max-width: 870px;
}
@media all and (max-width: 896px) {
	.comBox {
		margin: 0 14px;
	}
}
/* comBtn */
.comBtn a {
	padding: 4px 54px 4px 30px;
	display: inline-block;
	font-size: 1.5rem;
	letter-spacing: 0.5px;
	background: url("img/common/arrow01.png") no-repeat right 23px center;
	background-size: 14px auto;
	border: 1px solid #231815;
	border-radius: 10px;
}
.comBtn02 a {
	min-width: 180px;
	padding: 4px 44px 4px 24px;
	color: #727171;
	font-size: 1.4rem;
	background-color: #fff;
	border-color: #727171;
	text-align: center;
	background-image: url("img/common/arrow04.png");
	background-size: 12px auto;
	background-position: right 15px center;
	box-sizing: border-box;
}
@media all and (min-width: 897px) {
	.comBtn a:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	.comBtn {
		text-align: center;
	}
	.comBtn a {
		padding: 3px 25px 5px 15px;
		font-size: 1.45rem;
		background-position: right 10px center;
		background-size: 10px auto;
		border-radius: 5px;
	}
	.comBtn02 a {
		padding: 4px 22px 4px 12px;
		font-size: 1.4rem;
	}
}
@media all and (max-width: 359px) {
	.comBtn02 a {
		padding: 3px 20px 5px 10px;
		font-size: 1.3rem;
		background-position: right 8px center;
	}
}
/* font */
.font50 {
	font-size: 5rem !important;
}
/* comBtmTxt */
.comBtmTxt {
	margin: 0 auto;
	padding-bottom: 20px;
	max-width: 1500px;
	position: relative;
	font-size: 1rem;
	background-color: #fff;
	z-index: 3;
}
.comBtmTxt span {
	margin: 0 auto;
	max-width: 1000px;
	display: block;
	text-align: right;
}
@media all and (max-width: 896px) {
	.comBtmTxt {
		height: 30px;
		font-size: 1.06rem;
		line-height: 1.4;
	}
	.comBtmTxt span {
		margin: 0 14px;
		text-align: left;
	}
}
@media all and (max-width: 359px) {
	.comBtmTxt {
		font-size: 1rem;
	}
}
/* comSec */
.comSec {
	margin: 0 40px 70px;
	padding-bottom: 75px;
	border-bottom: 1px solid #E6E6E6;
}
.comSec:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.comSec .comBox div:last-child {
	margin-bottom: 0;
}
.comSec .inner:not(:last-child) {
	margin-bottom: 90px;
}
@media all and (max-width: 896px) {
	.comSec {
		margin: 0 0 35px;
		padding-bottom: 45px;
	}
	.comSec .inner:not(:last-child) {
		margin-bottom: 45px;
	}
}
/* headLine01 */
.headLine01 {
	margin-bottom: 62px;
	font-size: 4.4rem;
	font-weight: 300;
	line-height: 1.1;
	text-align: center;
}
.ios .headLine01 {
	font-weight: 200;
}
.headLine01 span {
	margin-top: 13px;
	font-size: 2rem;
	display: block;
	line-height: 1.7;
}
.headLine01.green {
	margin-bottom: 3px;
	color: #6FBA2C;
	font-size: 6rem;
}
.headLine01.green span {
	margin-top: 2px;
	font-size: 2.4rem;
}
.headLine01 img {
	display: block;
	margin: 20px auto 0;
}
.tomorrow .headLine01 {
	font-weight: 100;
}
.tomorrow .headLine01 span {
	font-weight: 300;
}
.ios .tomorrow .headLine01 {
	font-weight: 200;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 30px;
		font-size: 3rem;
	}
	.headLine01 span {
		margin-top: 10px;
		font-size: 1.4rem;
	}
	.headLine01.green {
		font-size: 3rem;
	}
	.headLine01.green span {
		margin-top: 3px;
		font-size: 1.6rem;
	}
	.headLine01 img {
		margin-top: 10px;
		width: 180px;
	}
}
@media all and (max-width: 359px) {
	.headLine01 {
		font-size: 2.8rem;
	}
}
/* headLine02 */
.headLine02 {
	margin-bottom: 38px;
	font-size: 2.7rem;
	font-weight: 300;
	line-height: 1.8;
}
.ios .headLine02 {
	font-weight: 200;
}
@media all and (max-width: 896px) {
	.headLine02 {
		margin-bottom: 20px;
		font-size: 1.8rem;
	}
}
/* headLine03 */
.headLine03 {
	margin-bottom: 35px;
	padding-left: 43px;
	font-size: 2.8rem;
	font-weight: 300;
	line-height: 1.8;
	background: url("img/common/h4_icon.png") no-repeat left 11px;
	background-size: 32px;
}
.ios .headLine03 {
	font-weight: 200;
}
@media all and (max-width: 896px) {
	.headLine03 {
		margin-bottom: 30px;
		padding-left: 35px;
		font-size: 2rem;
		background-position: left 3px;
		background-size: 30px;
	}
}
/* headLine04 */
.headLine04 {
	margin-bottom: 50px;
	font-size: 4.7rem;
	font-weight: 100;
	line-height: 1.3;
}
.headLine04.fwStyle01 {
	font-weight: 100;
}
.ios .headLine04.fwStyle01 {
	font-weight: 200;
}
.headLine04.large {
	font-size: 10.2rem;
	line-height: 1.15;
}
.headLine04.large02 {
	font-size: 5.3rem;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 30px;
		font-size: 3.1rem;
	}
	.headLine04.large {
		font-size: 4.2rem;
	}
	.headLine04.large02 {
		font-size: 3.3rem;
	}
}
@media all and (max-width: 374px) {
	.headLine04.large {
		font-size: 4rem;
	}
}
@media all and (max-width: 359px) {
	.headLine04 {
		font-size: 3.3rem;
	}
	.headLine04.large {
		font-size: 3.5rem;
	}
}
/* headLine05 */
.headLine05 {
	margin-bottom: 54px;
	font-size: 3.75rem;
	font-weight: 100;
	line-height: 1.5;
}
.ios .headLine05 {
	font-weight: 200;
}
@media all and (max-width: 896px) {
	.headLine05 {
		margin-bottom: 30px;
		font-size: 2.4rem;
	}
}
/* headLine08 */
.headLine08 {
	margin-bottom: 30px;
	font-size: 2.9rem;
	font-weight: 300;
}
.headLine08.taCenter {
	margin-bottom: 60px;
}
.ios .headLine08 {
	font-weight: 200;
}
@media all and (max-width: 896px) {
	.headLine08 {
		margin-bottom: 20px;
		font-size: 2.2rem;
	}
	.headLine08.taCenter {
		margin-bottom: 40px;
	}
}
/* headLine09 */
.headLine09 {
	margin-bottom: 24px;
	color: #595757;
	font-size: 4.2rem;
	font-weight: 300;
	line-height: 1.3;
}
.headLine09 span {
	margin-top: 25px;
	display: block;
	color: #a47262;
	font-size: 3rem;
	font-weight: 300;
}
.ios .headLine09 {
	font-weight: 200;
}
.ios .headLine09 span {
	font-weight: 300;
}
@media all and (max-width: 896px) {
	.headLine09 {
		font-size: 3.4rem;
	}
	.headLine09 span {
		margin-top: 10px;
		font-size: 2.2rem;
	}
}
/* headLine10 */
.headLine10 {
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-weight: 300;
}
.ios .headLine10 {
	font-weight: 300;
}
@media all and (max-width: 896px) {
	.headLine10 {
		font-size: 1.8rem;
	}
}
/* headLine11 */
.headLine11 {
	margin-bottom: 25px;
	font-size: 6.7rem;
	font-weight: 100;
	line-height: 1.1;
}
@media all and (max-width: 896px) {
	.headLine11 {
		font-size: 3rem;
	}
}
/* comTtl */
.comSec .comBox > .comTtl {
	margin-bottom: 48px;
	font-size: 1.6rem;
}
@media all and (max-width: 896px) {
	.comSec .comBox > .comTtl {
		margin-bottom: 30px;
		font-size: 1.4rem;
	}
}
/* comTtlBox */
.comTtlBox {
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comTtlBox .headLine02 {
	margin-bottom: 0;
	font-size: 3.4rem;
}
.comTtlBox .headLine02 span {
	display: block;
	font-size: 2rem;
}
@media all and (max-width: 896px) {
	.comTtlBox .headLine02 {
		font-size: 2.4rem;
	}
	.comTtlBox .headLine02 span {
		font-size: 1.8rem;
	}
	.comTtlBox .ttl img {
		width: 70px;
	}
}
/* comImgBox */
.comImgBox {
	display: flex;
	justify-content: space-between;
}
.comImgBox .txtBox {
	width: 418px;
}
.comImgBox .txtBox p {
	line-height: 2;
}
.comImgBox .txtBox > ul > li {
	margin-bottom: 28px;
	padding: 12px 30px;
	border: 1px solid #231815;
	border-radius: 16px;
	background: url("img/common/icon01.png") no-repeat 178px center;
	background-size: 22px auto;
}
.comImgBox .txtBox > ul > li ul {
	display: flex;
	justify-content: space-between;
}
.comImgBox .txtBox > ul > li li {
	min-width: 130px;
	padding: 2px;
	font-size: 2.3rem;
	text-align: center;
	border: 1px solid #231815;
	border-radius: 50px;
	box-sizing: border-box;
}
.comImgBox .txtBox > ul > li li:last-child {
	min-width: 168px;
}
.comImgBox .photoBox {
	margin-top: 8px;
	width: 400px;
}
@media all and (max-width: 896px) {
	.comImgBox {
		flex-wrap: wrap;
	}
	.comImgBox .txtBox {
		width: 100%;
	}
	.comImgBox .txtBox > ul > li {
		margin-bottom: 20px;
		padding: 12px;
		border-radius: 10px;
		background-position: center center;
		background-size: 16px auto;
	}
	.comImgBox .txtBox > ul > li li {
		min-width: inherit;
		width: 45%;
		font-size: 1.8rem;
		border-radius: 25px;
	}
	.comImgBox .txtBox > ul > li li:last-child {
		min-width: inherit;
	}
	.comImgBox .photoBox {
		margin-top: 20px;
		width: 100%;
	}
}
/* comMidTxt */
.comMidTxt {
	margin-bottom: 85px !important;
	text-align: center;
	font-size: 3.6rem;
	font-weight: 300 !important;
	line-height: 1.75 !important;
}
.ios .comMidTxt {
	font-weight: 200 !important;
}
.comMidTxt.green {
	margin-bottom: 40px !important;
	color: #5cb531;
	font-size: 3.3rem;
	line-height: 1.6 !important;
}
.comMidTxt02.green {
	margin-bottom: 82px !important;
	font-size: 3.3rem;
	line-height: 1.5 !important;
}
.comMidTxt img {
	margin: 38px auto 0;
	display: block;
}
.comMidTxt02 {
	margin-bottom: 45px !important;
}
@media all and (max-width: 896px) {
	.comMidTxt {
		margin-bottom: 45px !important;
		font-size: 2rem;
	}
	.comMidTxt.green {
		font-size: 2rem;
		margin-bottom: 30px !important;
	}
	.comMidTxt img {
		margin-top: 20px;
		max-width: 200px;
	}
	.comMidTxt02 {
		margin-bottom: 25px !important;
	}
}
@media all and (max-width: 359px) {
	.comMidTxt {
		font-size: 1.8rem;
	}
	.comMidTxt.green {
		font-size: 1.9rem;
	}
}
/* comImgList */
.comImgTtl {
	margin-bottom: 70px;
	text-align: center;
}
.comImgTtl02 {
	margin-bottom: 45px;
}
.comImgTtl03 {
	margin-bottom: 50px;
}
@media all and (max-width: 896px) {
	.comImgTtl {
		margin-bottom: 40px;
	}
	.comImgTtl img {
		max-width: 200px;
	}
	.comImgTtl02 img, .comImgTtl03 img {
		max-width: 100px;
	}
	.comImgTtl02 {
		margin-bottom: 35px;
	}
	.comImgTtl03 {
		margin-bottom: 30px;
	}
}
/* comImg */
.comImg {
	margin-bottom: 110px;
}
.comImg02 {
	margin-bottom: 71px;
}
.comImg03 {
	margin-bottom: 45px;
}
@media all and (max-width: 896px) {
	.comImg {
		margin-bottom: 55px;
	}
	.comImg02 {
		margin-bottom: 35px;
	}
	.comImg03 {
		margin-bottom: 30px;
	}
}
/* comImgList */
.comImgList li {
	margin-top: 35px;
}
.comImgList01 {
	margin: -25px 0 60px;
}
.comImgList01 li {
	margin-top: 25px;
}
.comImgList02 {
	margin-bottom: 35px;
}
.comImgList02 li {
	margin-top: 44px;
}
.comImgList03 li {
	margin-top: 90px;
}
.comImgList03 li:first-child {
	margin-top: 0;
}
.comImgList03 li .headLine02 {
	margin-bottom: 28px;
	font-size: 3.4rem;
	line-height: 1.5;
}
.comImgList03 .inner {
	display: flex;
	justify-content: space-between;
}
.comImgList03 .inner .lPho {
	width: 51.8%;
}
.comImgList03 .inner .rBox {
	margin-top: 38px;
	width: 44.7%;
}
.comImgList03 .inner .rBox p {
	margin-bottom: 55px;
	line-height: 2;
}
.comImgList03 .inner .rBox .ttl {
	margin-bottom: 27px;
	font-size: 2.4rem;
	line-height: 1.4;
}
.comImgList03 .inner .rBox .ttl span {
	display: block;
	font-size: 3.9rem;
}
.comImgList03 .liStyle01 {
	margin: 90px -35px -100px 0;
}
.comImgList03 .liStyle02 .photo {
	margin: 0 -23px 40px;
}
.comImgList03 .liStyle02 p {
	font-size: 1.8rem;
	line-height: 2;
}
.comImgList03 .liStyle02 .link {
	margin-top: -10px;
	line-height: 1.5;
	text-align: right;
}
.comImgList04 {
	display: flex;
	justify-content: space-between;
}
.comImgList04 li {
	width: 55.5%;
}
.comImgList04 li .headLine02 {
	margin-bottom: 0;
}
.comImgList04 li .photo {
	margin-bottom: 45px;
}
.comImgList04 li:last-child {
	margin-top: 0;
	width: 34%;
}
.comImgList04 li:last-child .headLine02 {
	margin-bottom: 20px;
}
.comImgList04 li p {
	font-size: 1.8rem;
}
.comImgList05 {
	margin-bottom: 55px;
	display: flex;
	justify-content: space-between;
}
.comImgList05 li {
	width: 49.2%;
}
@media all and (max-width: 896px) {
	.comImgList li {
		margin-top: 20px;
	}
	.comImgList01 {
		margin: -15px 0 30px;
	}
	.comImgList01 li {
		margin-top: 15px;
	}
	.comImgList02 {
		margin-bottom: 40px;
	}
	.comImgList02 li {
		margin-top: 20px;
	}
	.comImgList03 li {
		margin-top: 25px;
	}
	.comImgList03 li .headLine02 {
		margin-bottom: 20px;
		font-size: 2rem;
	}
	.comImgList03 .inner {
		flex-wrap: wrap;
	}
	.comImgList03 .inner .lPho {
		width: 100%;
	}
	.comImgList03 .inner .rBox {
		margin-top: 20px;
		width: 100%;
	}
	.comImgList03 .inner .rBox p {
		margin-bottom: 30px;
	}
	.comImgList03 .inner .rBox .ttl {
		margin-bottom: 20px;
		font-size: 1.4rem;
	}
	.comImgList03 .inner .rBox .ttl span {
		font-size: 2.1rem;
	}
	.comImgList03 .inner .rBox .photo img {
		width: 100%;
	}
	.comImgList03 .liStyle01 {
		margin: 45px 0 -50px 0;
	}
	.comImgList03 .liStyle02 .photo {
		margin: 0 0 20px;
	}
	.comImgList03 .liStyle02 .link {
		margin-top: 0;
	}
	.comImgList03 .liStyle02 p {
		font-size: 1.4rem;
	}
	.comImgList04 {
		flex-wrap: wrap;
	}
	.comImgList04 li {
		width: 100%;
	}
	.comImgList04 li .photo {
		margin-bottom: 25px;
	}
	.comImgList04 li .photo img {
		width: 100%;
	}
	.comImgList04 li:last-child {
		width: 100%;
	}
	.comImgList04 li p {
		font-size: 1.6rem;
	}
	.comImgList05 {
		margin-bottom: 35px;
		flex-wrap: wrap;
	}
	.comImgList05 li {
		width: 100%;
	}
}
.mb0 {
	margin-bottom: 0 !important;
}
/* comPhoList */
.comPhoList {
	margin-top: -25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.comPhoList li {
	margin-top: 25px;
	position: relative;
	width: 48.7%;
	text-align: center;
}
.comPhoList .movieStyle:after {
	padding-bottom: 58%;
	content: "";
	line-height: 0;
	display: block;
}
.comPhoList .movieStyle iframe {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.comPhoList02 li {
	width: 42%;
}
.comPhoList02 li:first-child {
	width: 57%;
}
.comPhoList03 {
	margin: 0 -15px 110px 3px;
	overflow: hidden;
}
.comPhoList03 li {
	width: 43%;
	float: left;
}
.comPhoList03 li:first-child {
	margin-right: 2%;
	width: 52%;
}
.comPhoList03 li:nth-child(2) {
	margin-bottom: 1.8%;
}
@media all and (max-width: 896px) {
	.comPhoList li {
		width: 100%;
	}
	.comPhoList02 li {
		width: 100%;
	}
	.comPhoList02 li:first-child {
		width: 100%;
	}
	.comPhoList03 {
		margin-bottom: 55px;
	}
}
/* comPho */
.comPho01 {
	margin-bottom: 40px;
	text-align: center;
}
.comPho03 {
	margin-bottom: -85px;
}
.comPho04 {
	margin-bottom: -110px;
}
@media all and (max-width: 896px) {
	.comPho01 {
		margin-bottom: 30px;
	}
	.comPho03 {
		margin-bottom: 5px;
	}
	.comPho04 {
		margin-bottom: -35px;
	}
}
/* comTxt */
.comTxt01 {
	margin-bottom: 70px;
	letter-spacing: 0.5px;
	line-height: 1.9;
}
.comTxt03 {
	margin-bottom: 64px;
	font-size: 1.8rem;
}
@media all and (max-width: 896px) {
	.comTxt01 {
		margin-bottom: 35px;
	}
	.comTxt03 {
		margin-bottom: 30px;
		font-size: 1.3rem;
	}
}
/* comList01 */
.comList01 {
	padding: 25px 0;
	display: flex;
	justify-content: space-between;
}
.comList01 li {
	width: 45.5%;
}
.comList01 .title {
	margin-bottom: 20px;
	font-size: 2.7rem;
	color: #595757;
	font-weight: 300;
}
.ios .comList01 .title {
	font-weight: 300;
}
.comList01 .title .red {
	color: #E60012;
}
.comList01 .title .small {
	display: block;
	font-size: 1.8rem;
}
.comList01 .bgBox {
	padding: 20px 10px 23px;
	text-align: center;
	background: #efefef url("img/products/multilayer/link_bg.png") no-repeat center bottom/cover;
	overflow: hidden;
	border-radius: 20px;
}
.comList01 .txt {
	margin-bottom: 17px;
	font-size: 2.8rem;
}
.ios .comList01 .txt {
	font-weight: 200;
}
.comList01 .txt span {
	display: block;
	font-size: 1.6rem;
}
.comList01 .comBtn {
	margin: 0 auto;
	width: 180px;
	background-color: #fff;
	border-radius: 10px;
}
.ios .comList01 .comBtn {
	font-weight: 200;
}
@media all and (max-width: 896px) {
	.comList01 {
		margin: -30px auto 0;
		max-width: 390px;
		padding: 25px 0 0;
		flex-wrap: wrap;
	}
	.comList01 li {
		margin-top: 30px;
		width: 100%;
	}
	.comList01 .title {
		margin-bottom: 20px;
		font-size: 2.4rem;
	}
	.comList01 .bgBox {
		border-radius: 14px;
		overflow: hidden;
		background-size: 100% auto;
	}
	.comList01 .txt {
		font-size: 2.4rem;
	}
	.comList01 .comBtn a {
		display: block;
		margin: 0 auto;
		width: 50%;
		max-width: 200px;
	}
}
@media all and (max-width: 359px) {
	.comList01 .title {
		font-size: 2.2rem;
	}
	.comList01 .txt {
		margin-bottom: 10px;
		font-size: 2rem;
	}
	.comList01 .txt span {
		font-size: 1.4rem;
	}
}
/* comList02 */
.comList02 {
	display: flex;
	justify-content: space-between;
}
.comList02 li {
	width: 47.2%;
}
.comList02 li .text {
	margin-bottom: 17px;
	color: #5cb531;
	font-size: 2.2rem;
	line-height: 1.55;
}
.ios .comList02 li .text {
	font-weight: 300;
}
.comList02 li .text .subTxt {
	margin-bottom: 22px;
	display: flex;
	align-items: flex-end;
	color: #231815;
	font-size: 2.2rem;
	line-height: 1.4;
}
.ios .comList02 li .text .subTxt {
	font-weight: 200;
}
.comList02 li .text .subTxt img {
	margin: 0 15px 2px 0;
}
.comList02 li .text .small {
	font-size: 1.5rem;
}
.comList02 li .imgBox img {
	margin-bottom: 8px;
}
.comList02 li .imgBox p {
	font-size: 1.45rem;
	text-align: center;
	transition: .3s;
}
.ios .comList02 li .imgBox p {
	font-weight: 200;
}
@media all and (min-width: 897px) {
	.comList02 li a:hover .imgBox p {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	.comList02 {
		margin-top: -10px;
		display: block;
	}
	.comList02 li {
		margin-top: 30px;
		width: auto;
	}
	.comList02 li .text .subTxt img {
		width: 50px;
	}
	.comList02 li .text .subTxt {
		font-size: 1.8rem;
	}
	.comList02 li .text .small {
		font-size: 1.4rem;
	}
	.comList02 li .text {
		font-size: 1.8rem;
	}
	.comList02 li .text span {
		font-size: 2rem;
	}
	.comList02 li .imgBox {
		width: auto;
	}
	.comList02 li .imgBox p {
		font-size: 1.4rem;
	}
}
@media all and (max-width: 359px) {
	.comList02 li .text .subTxt img {
		width: 40px;
	}
	.comList02 li .text .subTxt {
		font-size: 1.6rem;
	}
	.comList02 li .text {
		font-size: 1.6rem;
	}
	.comList02 li .text .small {
		font-size: 1.1rem;
	}
}
/* comList03 */
.comList03 {
	margin: -54px -62px 0 0;
	display: flex;
	flex-wrap: wrap;
}
.comList03 li {
	margin: 54px 56px 0 0;
	width: 278px;
	text-align: center;
}
.comList03 li .ttl {
	margin-bottom: 25px;
	padding: 2px;
	font-size: 2.1rem;
	border: 2px solid #6FBA2C;
	border-radius: 20px;
}
.comList03 li .listImg {
	margin: 0 10px;
	height: 97px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #C9CACA;
	border-radius: 15px;
}
@media all and (max-width: 896px) {
	.comList03 {
		margin: -25px 0 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.comList03 li {
		margin: 25px 0 0;
		width: 48%;
	}
	.comList03 li .ttl {
		margin-bottom: 15px;
		font-size: 1.6rem;
		border-width: 1px;
	}
	.comList03 li .listImg {
		margin: 0 5px;
		height: 65px;
	}
	.comList03 li .listImg img {
		width: 45px;
	}
}
@media all and (max-width: 359px) {
	.comList03 li .ttl {
		font-size: 1.4rem;
	}
}
/* comUlList */
.comUlList {
	margin: 0 -58px 0 0;
	display: flex;
	flex-wrap: wrap;
}
.comUlList li {
	width: 252px;
}
.comUlList .liStyle {
	width: 270px;
}
.comUlList li:not(:nth-child(3n)) {
	margin-right: 58px;
}
.comUlList li img {
	margin: 0 auto 26px;
	display: block;
}
.comUlList .liStyle img {
	margin-bottom: -10px;
}
.comUlList .liStyle02 img {
	margin-bottom: -32px;
}
.comUlList .ttl {
	margin-bottom: 20px;
	font-size: 2.2rem;
	line-height: 1.3;
	letter-spacing: 0.51px;
}
.ios .comUlList .ttl {
	font-weight: 200;
}
.comUlList .ttl .small {
	font-size: 1.8rem;
}
.comUlList p {
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: 0.25px;
}
.comUlList .comBtn {
	margin-top: 25px;
}
@media all and (max-width: 896px) {
	.comUlList {
		margin: -20px 0 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.comUlList li {
		margin-top: 20px;
		width: 48% !important;
	}
	.comUlList li:not(:nth-child(3n)) {
		margin-right: 0;
	}
	.comUlList li img {
		margin-bottom: 15px;
		width: 100%;
	}
	.comUlList .liStyle img {
		margin-bottom: 5px;
	}
	.comUlList .ttl {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
	.comUlList p {
		font-size: 1.4rem;
	}
	.comUlList .ttl .small {
		font-size: 1.2rem;
	}
	.comUlList .comBtn {
		margin-top: 15px;
	}
	.comUlList .comBtn a {
		margin: 0 auto;
		display: block;
		max-width: 200px;
		min-width: inherit;
	}
}
/* comTet */
.comTet {
	margin-bottom: 10px !important;
	font-size: 1.6rem;
}
/* comLinkBox */
.comLinkBox {
	padding: 14px 16px 10px 12px;
	width: 604px;
	display: flex;
	justify-content: space-between;
	border: 1px solid #AEAEAE;
	box-sizing: border-box;
}
.comLinkBox .photoBox {
	width: 322px;
}
.comLinkBox .textBox {
	width: 260px;
	text-align: center;
}
.comLinkBox .textBox .titl {
	margin-bottom: 6px;
	font-size: 1.56rem;
	line-height: 1.4;
}
.comLinkBox .textBox span {
	display: block;
	font-size: 2.58rem;
}
.comLinkBox .textBox .txt {
	margin-bottom: 28px;
	font-size: 1.65rem;
	line-height: 1.78;
}
.comLinkBox .textBox .comBtn02 a {
	padding: 4px 54px 4px 30px;
	font-size: 1.6rem;
	border-width: 1px;
}
@media all and (max-width: 896px) {
	.comLinkBox {
		padding: 10px;
		width: auto;
		flex-wrap: wrap;
	}
	.comLinkBox .photoBox {
		margin-bottom: 15px;
		width: 100%;
		text-align: center;
	}
	.comLinkBox .textBox {
		padding-bottom: 15px;
		width: 100%;
	}
	.comLinkBox .textBox .titl {
		font-size: 1.56rem;
	}
	.comLinkBox .textBox span {
		font-size: 2.58rem;
	}
	.comLinkBox .textBox .txt {
		margin-bottom: 15px;
		font-size: 1.4rem;
	}
	.comLinkBox .textBox .comBtn02 a {
		padding: 4px 40px 4px 25px;
		font-size: 1.4rem;
	}
}
/* comStep */
.comStep {
	margin-top: -25px;
	text-align: center;
}
.comStep li {
	margin-top: 30px;
}
.comStep p {
	padding-top: 78px;
	color: #5cb531;
	font-size: 2.4rem;
	background: url("img/products/tutumu/tomorrow/arrow.png") no-repeat center top;
	background-size: 22px auto;
}
.ios .comStep p {
	font-weight: 400;
}
@media all and (max-width: 896px) {
	.comStep {
		margin-top: -15px;
	}
	.comStep li {
		margin-top: 15px;
	}
	.comStep p {
		padding-top: 65px;
		font-size: 2rem;
		background-size: 17px auto;
	}
}
/* mb */
.mb50 {
	margin-bottom: 50px !important;
}
@media all and (max-width: 896px) {
	.mb50 {
		margin-bottom: 30px !important;
	}
}
/* index */
body.index {
	background-color: #5cb531;
}
.index .mainVisual {
	background-color: #fff;
}
.index .mainVisual .visualBox {
	margin: 0 auto;
	max-width: 1500px;
	position: relative;
}
.index .mainVisual .slick-slide {
	line-height: 0;
}
.index .mainVisual .comBox {
	position: absolute;
	left: 50%;
	top: 125px;
	width: 100%;
	max-width: 930px;
	text-align: right;
	transform: translateX(-50%);
}
.index #main {
	padding: 40px 0 100px;
	position: relative;
	background-color: #f5f7f9;
	z-index: 2;
}
.index #main .comBox {
	max-width: 996px;
}
.index #main .headLine01 {
	margin-bottom: 35px;
	color: #000;
	font-size: 1.75rem;
	text-align: center;
	position: relative;
}
.index #main .headLine01 span {
	position: absolute;
	left: 0;
	top: 0;
	color: #22ac38;
	font-size: 2.9rem;
}
.index #main .headLine01 img {
	display: block;
	margin: 0 auto 13px;
}
.index #main .bgBox {
	margin-bottom: 7px;
	padding: 10px;
	background-color: #fff;
	box-shadow: 4px 4px 12px rgba(181, 181, 182, 0.4);
	box-sizing: border-box;
}
.index #main .listUl {
	margin-bottom: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index #main .listUl01 > li {
	width: 52.3%;
}
.index #main .listUl01 > li:last-child {
	width: 45%;
}
.index #main .listUl01 > li .note {
	position: absolute;
	left: 18px;
	bottom: 18px;
}
.index #main .listUl01 > li:first-child .bgBox {
	padding: 17px 30px 29px 25px;
	position: relative;
}
.index #main .listUl01 > li:first-child .bgBox02 ul {
	margin-bottom: 10px;
}
.index #main .listUl01 > li:first-child .bgBox02 .listImg {
	text-align: center;
}
.index #main .listUl01 > li ul {
	display: flex;
	justify-content: space-between;
}
.index #main .listUl01 > li li {
	width: 47%;
	text-align: center;
}
.index #main .listUl01 > li li p {
	margin-bottom: 8px;
	font-size: 1.5rem;
}
.index.ios #main .listUl01 > li li p {
	font-weight: 200;
}
.index #main .listUl01 > li li .listImg {
	height: 108px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.index #main .listUl01 .bgBox02 li p {
	margin-bottom: 5px;
}
.index #main .listUl .txt {
	font-size: 1.3rem;
}
.index.ios #main .listUl .txt {
	font-weight: 200;
}
.index #main .listUl .txt span {
	display: block;
	font-size: 1.9rem;
}
.index.ios #main .listUl .txt span {
	font-weight: 400;
}
.index #main .listUl01 > li:first-child .txt {
	margin-bottom: 18px;
}
.index #main .listUl01 > li:last-child .bgBox {
	padding: 26px 33px 55px 43px;
	text-align: center;
}
.index #main .listUl01 > li:last-child .txt {
	font-size: 1.9rem;
}
.index.ios #main .listUl01 > li:last-child .txt {
	font-weight: 400;
}
.index #main .listUl02 {
	margin-bottom: 65px;
}
.index #main .listUl02 li {
	width: 31.5%;
}
.index #main .listUl02 li .bgBox {
	padding: 17px 15px 35px;
	text-align: center;
}
.index #main .listUl02 li .bgBox p {
	margin-bottom: 20px;
	font-size: 1.6rem;
}
.index.ios #main .listUl02 li .bgBox p {
	font-weight: 200;
}
.index #main .listUl02 .liStyle {
	margin-top: 50px;
	width: auto;
}
.index #main .listUl02 .liStyle .bgBox {
	padding: 20px 20px 17px;
	width: 552px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #E8F2D9;
}
.index #main .listUl02 .liStyle .bgBox p {
	margin-bottom: 0;
	width: 414px;
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 1px;
	text-align: left;
}
.index #main .boxInner {
	display: flex;
	justify-content: space-between;
}
.index #main .boxInner .newsBox {
	padding: 22px 40px;
	width: 39%;
}
.index #main .boxInner .newsBox h2 {
	margin-bottom: 32px;
	text-align: center;
}
.index #main .boxInner .newsBox dl {
	font-size: 1.2rem;
}
 .index.ios #main .boxInner .newsBox dl {
	font-weight: 200;
}
.index #main .boxInner .newsBox dd {
	margin-bottom: 20px;
}
.index #main .boxInner .newsBox dt {
	font-size: 1.1rem;
}
.index #main .boxInner .bannerBox {
	padding: 20px 20px 20px 25px;
	width: 58.5%;
	display: flex;
	justify-content: space-between;
}
.index #main .boxInner .bannerBox .lBox {
	width: 235px;
}
.index #main .boxInner .bannerBox .lBox .banner {
	margin-bottom: 10px;
}
.index #main .boxInner .bannerBox .lBox p {
	margin-bottom: 5px;
	font-size: 1.3rem;
	font-weight: bold;
}
.index.ios #main .boxInner .bannerBox .lBox p {
	font-weight: 600;
}
.index #main .boxInner .bannerBox .lBox .sdgs {
	margin-left: 7px;
}
.index #main .boxInner .bannerBox .rBox {
	margin-top: -5px;
	width: 265px;
}
.index #main .boxInner .bannerBox .rBox p {
	font-size: 1rem;
	line-height: 1.55;
}
.index.ios #main .boxInner .bannerBox .rBox p {
	font-weight: 200;
}
.index #main .boxInner .bannerBox .rBox .ttl {
	margin-bottom: 5px;
	font-size: 1.2rem;
	font-weight: 400;
}
.index.ios #main .boxInner .bannerBox .rBox .ttl {
	font-weight: 500;
}
.index .comBtmTxt {
	padding-top: 20px;
}
@media all and (min-width: 897px) {
	.index #main .listUl .txt a:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	.index .mainVisual .comBox {
		margin: 0;
		box-sizing: border-box;
		padding: 0 14px;
		top: 15%;
	}
	.index .mainVisual .logo img {
		width: 200px;
	}
	.index #main {
		padding: 34px 0 60px;
	}
	.index #main .comBox {
		max-width: inherit;
	}
	.index #main .headLine01 {
		margin-bottom: 25px;
		font-size: 1.8rem;
	}
	.index #main .headLine01 span {
		margin-bottom: 10px;
		font-size: 2.4rem;
		position: static;
		left: auto;
		top: auto;
	}
	.index #main .bgBox {
		margin-bottom: 6px;
		padding: 10px;
		box-shadow: 0 0 10px rgba(181, 181, 182, 0.4);
	}
	.index #main .listUl {
		margin: -20px 0 0;
		flex-wrap: wrap;
	}
	.index #main .listUl01 > li {
		margin-top: 20px;
		width: 100%;
		order: 2;
	}
	.index #main .listUl01 > li:last-child {
		width: 100%;
		order: 0;
	}
	.index #main .listUl01 > li .note {
		left: 12px;
		width: 49px;
	}
	.index #main .listUl01 > li:first-child .bgBox {
		padding: 15px 20px 20px;
	}
	.index #main .listUl01 > li .bgBox01 li:nth-child(2) {
		width: 46%;
	}
	.index #main .listUl01 > li li p {
		font-size: 1.4rem;
	}
	.index #main .listUl01 > li li .listImg {
		height: 97px;
	}
	.index #main .listUl01 > li li .listImg img {
		width: auto;
		height: 97px;
	}
	.index #main .listUl01 > li:first-child .bgBox02 ul {
		margin: 0 auto;
		max-width: 375px;
	}
	.index #main .listUl01 > li:first-child .bgBox02 li:first-child {
		margin-right: 10%;
		width: 18%;
	}
	.index #main .listUl01 > li:first-child .bgBox02 li {
		width: 50%;
	}
	.index #main .listUl01 > li:first-child .bgBox02 li:last-child {
		width: 23%;
	}
	.index #main .listUl01 > li:first-child .bgBox02 li:last-child p {
		margin-right: -9px;
		text-align: right;
	}
	.index #main .listUl01 .bgBox02 li p {
		margin-bottom: 15px;
	}
	.index #main .listUl .txt {
		font-size: 1.2rem;
	}
	.index #main .listUl .txt span {
		font-size: 2rem;
	}
	.index #main .listUl01 > li:last-child .bgBox {
		padding: 25px 16px;
	}
	.index #main .listUl01 > li:last-child .txt {
		font-size: 1.8rem;
	}
	.index #main .listUl02 {
		margin: -25px 0 25px;
	}
	.index #main .listUl02 li {
		margin-top: 25px;
		width: 48%;
	}
	.index #main .listUl02 li:first-child {
		order: 2;
	}
	.index #main .listUl02 li:nth-child(2) {
		order: 1;
	}
	.index #main .listUl02 li:nth-child(3) {
		order: 0;
	}
	.index #main .listUl02 li:nth-child(4) {
		order: 3;
	}
	.index #main .listUl02 li .bgBox {
		padding: 15px 10px 20px;
	}
	.index #main .listUl02 li .bgBox p {
		margin-bottom: 10px;
		font-size: 1.4rem;
	}
	.index #main .listUl02 li .bgBox img {
		width: auto;
		height: 82px;
	}
	.index #main .listUl02 .txt span {
		margin-right: -5px;
		font-size: 1.7rem;
	}
	.index #main .listUl02 .liStyle {
		margin-top: 25px;
		width: 48%;
		background-color: #E8F2D9;
		box-shadow: 0 0 10px rgba(181, 181, 182, 0.4);
	}
	.index #main .listUl02 .liStyle .bgBox {
		padding: 20px 15px;
		width: auto;
		flex-wrap: wrap;
		background: none;
		box-shadow: none;
	}
	.index #main .listUl02 .liStyle .bgBox .txtImg {
		margin: 0 auto 16px;
	}
	.index #main .listUl02 .liStyle .bgBox .txtImg img {
		height: 62px;
	}
	.index #main .listUl02 .liStyle .bgBox p {
		width: auto;
		font-size: 1.2rem;
		line-height: 1.3;
	}
	.index #main .boxInner {
		flex-wrap: wrap;
	}
	.index #main .boxInner .newsBox {
		margin-bottom: 25px;
		padding: 20px 20px 17px;
		width: 100%;
	}
	.index #main .boxInner .newsBox h2 {
		margin-bottom: 10px;
	}
	.index #main .boxInner .newsBox h2 img {
		width: 244px;
	}
	.index #main .boxInner .newsBox dl {
		font-size: 1.26rem;
		line-height: 1.4;
	}
	.index #main .boxInner .newsBox dd {
		margin-bottom: 7px;
	}
	.index #main .boxInner .bannerBox {
		padding: 20px 20px;
		width: 100%;
		flex-wrap: wrap;
	}
	.index #main .boxInner .bannerBox .lBox {
		margin-bottom: 15px;
		width: 100%;
	}
	.index #main .boxInner .bannerBox .lBox .banner {
		margin-bottom: 7px;
	}
	.index #main .boxInner .bannerBox .lBox .banner img {
		width: auto;
	}
	.index #main .boxInner .bannerBox .lBox p {
		margin-bottom: 3px;
		font-size: 1.3rem;
	}
	.index #main .boxInner .bannerBox .lBox .sdgs {
		margin-left: 0;
	}
	.index #main .boxInner .bannerBox .lBox .sdgs img {
		width: 228px;
	}
	.index #main .boxInner .bannerBox .rBox {
		margin-top: 0;
		width: 100%;
	}
	.index #main .boxInner .bannerBox .rBox p {
		font-size: 1.1rem;
		line-height: 1.4;
	}
	.index #main .boxInner .bannerBox .rBox .ttl {
		margin-bottom: 1px;
		font-size: 1.3rem;
	}
}
@media all and (max-width: 374px) {
	.index #main .listUl01 > li li p {
		font-size: 1.3rem;
	}
	.index #main .listUl02 .txt span {
		font-size: 1.6rem;
	}
}
@media all and (max-width: 359px) {
	.index #main .listUl01 > li .note {
		width: 40px;
	}
	.index #main .listUl01 > li li .listImg, .index #main .listUl01 > li li .listImg img {
		height: 85px;
	}
	.index #main .listUl01 > li li p {
		margin: 0 -10px 15px;
		font-size: 1.2rem;
	}
	.index #main .listUl02 .txt span {
		font-size: 1.4rem;
	}
	.index #main .listUl02 li .bgBox p {
		font-size: 1.2rem;
	}
	.index #main .listUl02 li .bgBox {
		padding: 10px 10px 15px;
	}
}
/* news */
.news h2 {
	margin-bottom: 34px;
	padding-top: 70px;
	text-align: center;
}
.news .date {
	margin: 0 5px 55px;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: right;
}
.ios .news .date {
	font-weight: 200;
}
.news .h3Ttl01 {
	font-size: 2.8rem;
	line-height: 1.75;
	margin-bottom: 25px;
	font-weight: 300;
}
.ios .news .h3Ttl01 {
	font-weight: 200;
}
.news p {
	margin-bottom: 27px;
	line-height: 2;
	word-break: break-all;
	text-align: justify;
	text-justify: inter-ideograph;
}
.news p a {
	color: #231815;
}
.news p img {
	max-width: 566px;
}
.news p span a {
	margin-top: 20px;
	padding: 1px 54px 1px 30px;
	display: inline-block;
	color: #231815;
	font-size: 1.5rem;
	letter-spacing: 0.5px;
	border: 1px solid #231815;
	border-radius: 10px;
}
.news p a span {
	color: #231815 !important;
}
.news .list li {
	margin: 50px 0;
	font-size: 1.8rem;
}
.news .list li:last-child {
	margin-bottom: 0;
}
.news .list li img {
	margin: -10px 0 -12px -16px;
}
.news .h3Ttl02 {
	margin-bottom: 27px;
	padding: 1px 20px 3px;
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 300;
	border: 1px solid #231815;
	border-radius: 30px;
}
.news .newsDlBox {
	padding-top: 10px;
	border-top: 1px solid #231815;
}
.news .newsDlBox dl {
	font-size: 1.55rem;
}
.news .newsDlBox dl:nth-child(n+14) {
	display: none;
}
.news .newsDlBox dt {
	padding: 20px 0 13px;
}
.news .newsDlBox dt span {
	margin-left: 15px;
	padding: 2px 4px 3px;
	display: inline-block;
	min-width: 115px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.2;
	text-align: center;
	background-color: #6FBA2C;
	border-radius: 20px;
	box-sizing: border-box;
}
.ios .news .newsDlBox dt span {
	font-weight: 400;
}
.news .newsDlBox dd {
	padding-bottom: 30px;
	border-bottom: 1px solid #231815;
}
.news .linkMore {
	margin-top: 25px;
	font-size: 1.8rem;
	font-weight: 300;
}
.news .moreBox {
	display: none;
}
.news .moreBox .newsDl {
	border-top: none;
}
@media all and (min-width: 897px) {
	.news p a:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	.news h2 {
		margin-bottom: 25px;
		padding: 20px 14px;
	}
	.news h2 img {
		max-width: 250px;
	}
	.news .date {
		margin-bottom: 30px;
	}
	.news .h3Ttl01 {
		font-size: 2rem;
	}
	.news p {
		margin-bottom: 20px;
	}
	.news p img {
		max-width: 100%;
	}
	.news p span {
		text-align: center;
	}
	.news p span a {
		padding: 1px 25px 2px 15px;
		font-size: 1.45rem;
		border-radius: 5px;
	}
	.news .comBtn {
		margin-bottom: 45px;
		display: block;
	}
	.news .list li {
		margin-bottom: 30px;
		font-size: 1.6rem;
	}
	.news .list li img {
		margin: -5px 0 -6px -5px;
	}
	.news .h3Ttl02 {
		margin-bottom: 20px;
		padding: 2px 10px 4px;
		font-size: 1.6rem;
	}
	.news .newsDlBox {
		padding-top: 10px;
	}
	.news .newsDlBox dl {
		font-size: 1.6rem;
	}
	.news .newsDlBox dt {
		padding: 10px 0 8px;
	}
	.news .newsDlBox dt span {
		margin-left: 7px;
		padding: 2px 2px 1px;
		min-width: 85px;
		font-size: 1.4rem;
	}
	.news .newsDlBox dd {
		padding-bottom: 15px;
	}
	.news .linkMore {
		margin-top: 15px;
		font-size: 1.6rem;
	}
}
.newsDetail .h3Ttl01 {
	margin-bottom: 35px;
}
.newsDetail p {
	font-size: 1.7rem;
	line-height: 2.2;
}
.newsDetail .list {
	margin: -5px -30px 52px 0;
	display: flex;
	flex-wrap: wrap;
}
.newsDetail .list li {
	margin: 30px 25px 0 0;
}
.newsDetail .list li img {
	margin: 0;
}
.newsDetail table {
	margin-bottom: 20px;
}
.newsDetail .comBtn {
	margin-top: 52px;
}
.newsDetail .comBtn a {
	padding: 0 25px 1px;
	font-size: 1.6rem;
	background: none;
	border-radius: 20px;
}
@media all and (max-width: 896px) {
	.newsDetail #pagePath {
		margin-bottom: 25px;
	}
	.newsDetail h2 {
		margin-bottom: 35px;
	}
	.newsDetail .h3Ttl01 {
		margin-bottom: 20px;
	}
	.newsDetail .list {
		margin: -5px 0 40px;
	}
	.newsDetail .list li {
		margin: 20px 0 0;
	}
	.newsDetail .comBtn a {
		padding: 2px 20px;
		font-size: 1.8rem;
	}
}
/* products */
.products {
	padding-top: 37px;
}
.products .comBox > p {
	margin-bottom: 70px;
	line-height: 2;
}
.products .comBox > p:last-child {
	margin-bottom: 0;
}
.products .movie {
	position: relative;
}
.products .movie:last-child {
	margin-bottom: 0;
}
.products .movie:after {
	padding-bottom: 56.2%;
	line-height: 0;
	display: block;
	content: "";
}
.products .movie iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
@media all and (max-width: 896px) {
	.products {
		padding-top: 20px;
		overflow: hidden;
	}
	.products .comBox > p {
		margin-bottom: 35px;
	}
}
/* comAqua */
.comAqua {
	margin-bottom: 85px;
	display: flex;
	justify-content: space-between;
}
.comAqua .photoBox {
	margin: -90px -7.9% 0 -16.2%;
	width: 59.2%;
}
.comAqua .txtBox {
	margin-top: 65px;
	width: 57%;
}
.comAqua .txtBox .headLine02 {
	margin-bottom: 45px;
	font-size: 3.4rem;
	line-height: 1.58;
}
.comAqua .txtBox p {
	margin-bottom: 50px;
	line-height: 2;
}
.comAqua .txtBox .ttl {
	margin-bottom: 20px;
	font-size: 2.4rem;
	line-height: 1.4;
}
.comAqua .txtBox .ttl span {
	display: block;
	font-size: 3.9rem;
	font-weight: 400;
}
.comAqua .txtBox .photo {
	margin: 0 -8.2% 0 1%;
}
@media all and (max-width: 896px) {
	.comAqua {
		margin-bottom: 40px;
		flex-wrap: wrap;
		position: relative;
	}
	.comAqua .photoBox {
		margin: 0;
		width: 40%;
		position: absolute;
		max-width: 139px;
		right: -10px;
		top: -10%;
	}
	.comAqua .txtBox {
		margin-top: 30px;
		width: 100%;
	}
	.comAqua .txtBox .headLine02 {
		margin: 0 105px 20px 0;
		font-size: 2rem;
	}
	.comAqua .txtBox p {
		margin-bottom: 25px;
	}
	.comAqua .txtBox .ttl {
		margin-bottom: 10px;
		font-size: 2rem;
	}
	.comAqua .txtBox .ttl span {
		font-size: 2rem;
	}
	.comAqua .txtBox .photo {
		margin: 0;
	}
}
/* aquare */
.aquareBox {
	margin: 0 auto;
	max-width: 566px;
	text-align: center;
}
.aquareBox .headLine04 {
	margin-bottom: 20px;
}
.aquareBox ul {
	margin-bottom: 57px;
}
.aquareBox ul:last-child {
	margin-bottom: 0;
}
.aquareBox li {
	margin-bottom: 45px;
	position: relative;
	padding: 28px;
	background-color: #D3B38B;
	border-radius: 20px;
}
.aquareBox li:after {
	position: absolute;
	left: 50%;
	top: 100%;
	width: 1px;
	height: 100px;
	background-color: #231815;
	content: "";
}
.aquareBox li:last-child {
	margin-bottom: 0;
}
.aquareBox li:last-child:after {
	display: none;
}
.aquareBox li .ttl {
	margin-bottom: 22px;
	font-size: 3.8rem;
	line-height: 1.2;
}
.aquareBox li .ttl span {
	margin-top: 16px;
	display: block;
	color: #fff;
	font-size: 3.2rem;
}
.aquareBox h4.headLine04 {
	font-size: 5.6rem;
	line-height: 1.1;
}
.aquareBox .list02 li {
	background-color: #ECDFCD;
}
.aquareBox .list02 li .ttl span {
	color: #231815;
}
@media all and (max-width: 896px) {
	.aquareBox ul {
		margin-bottom: 30px;
	}
	.aquareBox li {
		margin-bottom: 20px;
		padding: 20px;
		border-radius: 10px;
	}
	.aquareBox li .ttl {
		margin-bottom: 15px;
		font-size: 2.4rem;
	}
	.aquareBox li .ttl span {
		margin-top: 10px;
		font-size: 1.8rem;
	}
	.aquareBox h4.headLine04 {
		font-size: 3rem;
	}
}
/* comPho02 */
.comPho02 {
	margin-bottom: 56px;
	text-align: center;
}
.comPho02 .txtInner {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.comPho02 .txtInner p {
	width: 50%;
	color: #4b311c;
	font-size: 2rem;
	text-align: left;
}
.comPho02 .txtInner .lTxt {
	color: #5cb531;
	font-size: 3rem;
}
.comPho02 .txtInner .rTxt {
	margin-top: 3px;
	text-align: right;
}
@media all and (max-width: 896px) {
	.comPho02 {
		margin-bottom: 30px;
	}
	.comPho02 .txtInner {
		margin-top: 10px;
	}
	.comPho02 .txtInner p {
		font-size: 1.7rem;
	}
	.comPho02 .txtInner .lTxt {
		font-size: 2.2rem;
		line-height: 1.1;
	}
}
/* movie */
.movie {
	margin-bottom: 75px;
}
@media all and (max-width: 896px) {
	.movie {
		margin-bottom: 40px;
	}
}
/* comBorBox */
.comBorBox {
	padding: 45px 35px 30px;
	border: 3px solid #5cb531;
	border-radius: 20px;
}
.comBorBox ul {
	padding: 0 100px 50px 60px;
	display: flex;
	justify-content: space-between;
	border-bottom: 6px dotted #6fba2c;
}
.comBorBox li {
	width: 280px;
	text-align: center;
}
.comBorBox li:nth-child(2) {
	width: 270px;
	position: relative;
}
.comBorBox li:nth-child(2):before {
	position: absolute;
	left: -57px;
	top: 48%;
	background: url("img/products/square/arrow.png") no-repeat left top;
	background-size: 52px auto;
	content: "";
	width: 52px;
	height: 52px;
	transform: translateY(-50%);
}
.comBorBox li p {
	font-size: 1.3rem;
}
.ios .comBorBox li p {
	font-weight: 200;
}
.comBorBox li .ttl {
	margin-bottom: 5px;
	color: #45B035;
	font-size: 2.9rem;
	font-weight: 300;
	text-align: left;
}
.comBorBox li .listImg {
	margin: 0 0 20px 35px;
}
.comBorBox li .ttl span {
	margin-left: 5px;
	padding: 5px;
	display: inline-block;
	width: 67px;
	text-align: center;
	background-color: #E8F2D9;
	border: 1px solid #6FBA2C;
	border-radius: 10px;
	box-sizing: border-box;
}
.comBorBox li:last-child .ttl {
	text-align: right;
}
.comBorBox li:last-child .listImg {
	margin: 0 10px 18px 0;
}
.comBorBox .inner {
	padding: 35px 50px 0 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comBorBox .inner p {
	width: 350px;
	font-size: 1.5rem;
	line-height: 1.78;
	text-align: justify;
}
.comBorBox .inner .ttl {
	padding-right: 90px;
	position: relative;
	width: 298px;
	color: #45B035;
	font-size: 2.3rem;
	line-height: 1.45;
	box-sizing: border-box;
}
.ios .comBorBox .inner .ttl {
	font-weight: 200;
}
.comBorBox .inner .ttl img {
	position: absolute;
	right: 0;
	top: -5px;
}
@media all and (max-width: 896px) {
	.comBorBox {
		padding: 20px 10px;
		border-width: 1px;
		border-radius: 10px;
	}
	.comBorBox ul {
		padding: 0 10px 25px;
		flex-wrap: wrap;
		justify-content: space-between;
		border-bottom-width: 3px;
	}
	.comBorBox li {
		width: 45%;
	}
	.comBorBox li:nth-child(2) {
		margin: 0 0 0;
		width: 45%;
	}
	.comBorBox li:nth-child(2):before {
		width: 30px;
		height: 30px;
		left: -20px;
		background-size: 30px auto;
	}
	.comBorBox li p {
		font-size: 1.4rem;
	}
	.comBorBox li .ttl {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}
	.comBorBox li .listImg {
		margin-bottom: 20px;
	}
	.comBorBox li .listImg img {
		width: auto;
		height: 80px;
	}
	.comBorBox li .ttl span {
		padding: 2px;
		width: 50px;
		border-radius: 5px;
	}
	.comBorBox li:last-child .ttl {
		margin-bottom: 10px;
		font-size: 2.2rem;
	}
	.comBorBox .inner {
		padding: 20px;
		flex-wrap: wrap;
	}
	.comBorBox .inner p {
		width: 100%;
		font-size: 1.6rem;
	}
	.comBorBox .inner .ttl {
		padding: 0 0 10px;
		width: 100%;
		font-size: 1.8rem;
	}
	.comBorBox .inner .ttl img {
		top: 0;
		width: 60px;
	}
}
/* methodList */
.methodList {
	margin-bottom: 110px;
	display: flex;
}
.methodList li {
	margin-right: 55px;
	width: 372px;
}
.methodList li:nth-child(3n) {
	margin-right: 0;
}
.methodList li:nth-child(2) {
	width: 245px;
}
.methodList li:last-child {
	width: 220px;
}
.methodList li p {
	margin-bottom: 60px;
	line-height: 2;
	letter-spacing: -0.2px;
}
.methodList li .ttl {
	margin-bottom: 35px;
	padding-bottom: 10px;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.2;
	border-bottom: 1px solid #231815;
}
.methodList li .listImg {
	text-align: center;
}
.methodList li .listImg01 {
	margin: 0 -15px;
}
@media all and (max-width: 896px) {
	.methodList {
		margin-bottom: 55px;
		flex-wrap: wrap;
	}
	.methodList li {
		margin: 0 0 20px;
		width: 100% !important;
	}
	.methodList li p {
		margin-bottom: 30px;
	}
	.methodList li .ttl {
		margin-bottom: 20px;
		padding-bottom: 5px;
		font-size: 1.8rem;
	}
	.methodList li .listImg01 {
		margin: 0;
	}
}
/* materialBox */
.materialBox {
	margin-bottom: 65px;
	display: flex;
	justify-content: space-between;
}
.materialBox .lBox {
	width: 400px;
}
.materialBox .lBox table {
	width: 100%;
	border-collapse: collapse;
}
.materialBox .lBox th, .materialBox .lBox td {
	padding: 9px 10px 9px 30px;
	height: 60px;
	font-size: 1.3rem;
	text-align: left;
	vertical-align: middle;
	background-color: #efefef;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	box-sizing: border-box;
}
.ios .materialBox .lBox th,.ios .materialBox .lBox td {
	font-weight: 300;
}
.materialBox .lBox th {
	padding-left: 10px;
	width: 40%;
	border-left: none;
	font-weight: normal;
}
.materialBox .rBox {
	padding: 10px 37px;
	width: 430px;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 5px 5px 10px #dedede;
}
.materialBox .rBox p {
	font-size: 1.5rem;
	line-height: 1.7;
}
.ios .materialBox .rBox p {
	font-weight: 200;
}
.materialBox .rBox .ttl {
	margin-bottom: 13px;
	color: #E83823;
	font-size: 1.7rem;
}
.ios .materialBox .rBox .ttl {
	font-weight: 300;
}
@media all and (max-width: 896px) {
	.materialBox {
		padding-bottom: 10px;
		flex-wrap: wrap;
	}
	.materialBox .lBox {
		margin-bottom: 20px;
		width: 100%;
	}
	.materialBox .lBox th, .materialBox .lBox td {
		padding: 10px;
	}
	.materialBox .rBox {
		padding: 10px 20px;
		width: 100%;
		box-shadow: 3px 3px 10px #dedede;
	}
	.materialBox .rBox p {
		font-size: 1.4rem;
	}
	.materialBox .rBox .ttl {
		margin-bottom: 10px;
		font-size: 1.7rem;
	}
}
/* ymldarList01 */
.ymldarList01 > li {
	margin-bottom: 70px;
	border-bottom: 4px dotted #C9CACA;
}
.ymldarList01 li ul {
	display: flex;
	justify-content: space-between;
}
.ymldarList01 .liStyle01 li:nth-child(2n) {
	padding-left: 47px;
	border-left: 2px solid #E6E6E6;
}
.ymldarList01 .liStyle02 ul {
	margin-bottom: 40px;
	padding: 0 30px 40px 0;
	border-bottom: 2px solid #E6E6E6;
}
.ymldarList01 .liStyle02 ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.ymldarList01 .liStyle03 ul {
	margin: 65px -15px 60px;
}
.ymldarList01 .liStyle03 li {
	padding: 0 15px;
	width: 33.05%;
	box-sizing: border-box;
}
.ymldarList01 .liStyle03 li:first-child {
	width: 33.9%;
}
.ymldarList01 .liStyle03 p {
	line-height: 2;
}
.ymldarList01 .liStyle04 {
	padding-bottom: 65px;
}
.ymldarList01 .ttl {
	margin-bottom: 45px;
	font-weight: 400;
}
.ymldarList01 .stepList {
	display: flex;
}
.ymldarList01 .stepList li {
	margin-right: 30px;
	width: 168px;
}
.ymldarList01 .stepList li .txt {
	font-size: 1.56rem;
	line-height: 1.6;
}
.ymldarList01 .stepList li .bgTxt {
	margin-bottom: 27px;
	padding-right: 20px;
	position: relative;
	width: 170px;
	height: 125px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: none;
	box-sizing: border-box;
	background: url("img/products/multilayer/yomeldar/step_bg.png") no-repeat left top;
	background-size: 100% 100%;
}
.ymldarList01 .stepList li:last-child {
	margin-right: 0;
	width: 140px;
}
.ymldarList01 .stepList li:last-child .bgTxt {
	width: 137px;
	padding-right: 0;
	background: #D5EAD8;
	border: 1.5px solid #6FBA2C;
	padding-left: 0;
}
.ymldarList01 .stepList li:nth-child(2) .txt {
	margin-left: -200px;
}
.ymldarList01 .stepList li:last-child .txt {
	margin: 0 -20px 0 -10px;
}
.ymldarList01 .liStyle05 .listImg {
	text-align: center;
}
.ymldarList01 > li:last-child {
	border-bottom: none;
}
@media all and (max-width: 896px) {
	.ymldarList01 > li {
		margin-bottom: 22px;
		padding-bottom: 25px;
		border-bottom-width: 2px;
	}
	.ymldarList01 li ul {
		flex-wrap: wrap;
	}
	.ymldarList01 li li {
		width: 100%;
		text-align: center;
	}
	.ymldarList01 .liStyle01 li:nth-child(2n) {
		margin-top: 20px;
		padding: 20px 0 0;
		border-left: none;
		border-top: 1px solid #E6E6E6;
	}
	.ymldarList01 .liStyle02 ul {
		margin: -20px 0 20px;
		padding: 0 0 20px;
		border-bottom-width: 1px;
	}
	.ymldarList01 .liStyle02 li {
		margin-top: 20px;
	}
	.ymldarList01 .liStyle03 ul {
		margin: -20px -10px 15px;
	}
	.ymldarList01 .liStyle03 li {
		padding: 20px 10px 0;
		width: 48%;
	}
	.ymldarList01 .liStyle03 li:nth-child(2n-1) {
		width: 49.5%;
	}
	.ymldarList01 .liStyle04 {
		padding-bottom: 35px;
	}
	.ymldarList01 .ttl {
		margin-bottom: 25px;
	}
	.ymldarList01 .stepList {
		flex-wrap: wrap;
	}
	.ymldarList01 .stepList li {
		margin: 0 0 20px;
		width: 100%;
	}
	.ymldarList01 .stepList li .txt {
		font-size: 1.4rem;
	}
	.ymldarList01 .stepList li .bgTxt {
		margin: 0 auto 10px;
		padding: 0 0 10px;
		width: 128px;
		height: 150px;
		background-image: url("img/products/multilayer/yomeldar/sp_step_bg.png");
	}
	.ymldarList01 .stepList li:last-child {
		width: 100%;
	}
	.ymldarList01 .stepList li:last-child .bgTxt {
		padding: 0;
		height: 65px;
		width: 128px;
	}
	.ymldarList01 .stepList li:nth-child(2) .txt {
		margin: 5px 0 0;
		text-align: center;
	}
	.ymldarList01 .stepList li:last-child .txt {
		margin: 5px 0 0;
	}
}
/* tackList */
.tackList {
	padding: 5px;
}
.tackList li {
	margin-bottom: 34px;
	padding: 35px 64px 57px 38px;
	border: 3px dotted #C9CACA;
	border-radius: 14px;
}
.tackList li:last-child {
	margin-bottom: 0;
}
@media all and (max-width: 896px) {
	.tackList {
		padding: 0;
	}
	.tackList li {
		padding: 20px;
		margin-bottom: 20px;
		border-width: 2px;
	}
}
/* futureBox */
.green {
	color: #5cb531;
}
/*.futureBox .comMidTxt.green {
	margin-bottom: 70px !important;
	font-size: 2.8rem;
	line-height: 1.65 !important;
}*/
/*.futureBox .comPho02 .txtInner .rTxt {
	color: #5cb531;
}
*/ .futureBox .imgList {
	margin-bottom: 45px;
}
.futureBox .imgList .liStyle {
	margin-bottom: 65px;
}
.futureBox .headLine02 {
	margin-bottom: 20px;
}
.futureBox .headLine04 {
	margin: 80px 0 45px;
	font-size: 4.6rem;
	font-weight: 300;
	text-align: center;
}
.ios .futureBox .headLine04 {
	font-weight: 200;
}
.futureBox .headLine04 .small {
	margin-bottom: -5px;
	display: block;
	font-size: 1.8rem;
}
.futureBox .headLine04 .green {
	margin-bottom: 8px;
	display: block;
	color: #5cb531;
	font-size: 2.4rem;
}
.futureBox .headLine04 .green span {
	margin-bottom: 6px;
	display: block;
	font-size: 6rem;
}
.ios .futureBox .headLine04 .green span {
	font-weight: 200;
}
.futureBox .listUl {
	margin: 70px 0 0;
	display: flex;
	justify-content: space-between;
}
.futureBox .listUl li {
	padding: 35px 45px 45px;
	position: relative;
	width: 44%;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #6FBA2C;
	border-radius: 12px;
}
.futureBox .listUl li:after {
	position: absolute;
	left: 100%;
	top: 50%;
	width: 110px;
	height: 1px;
	background-color: #6FBA2C;
	content: "";
}
.futureBox .listUl li:last-child:after {
	display: none;
}
.futureBox .listUl li p {
	margin-bottom: 15px;
	font-size: 1.6rem;
	line-height: 1.7;
	letter-spacing: 0.04em;
}
.futureBox .listUl li .ttl {
	margin-bottom: 22px;
	padding: 1px;
	color: #5cb531;
	font-size: 2rem;
	text-align: center;
	border: 1px solid #6FBA2C;
	border-radius: 40px;
}
.ios .futureBox .listUl li .ttl {
	font-weight: 200;
}
.futureBox .listUl li .photo {
	margin: 0 16px;
	text-align: center;
}
.futureBox .listUl .pho {
	margin: -23px 0 0 25px;
	padding: 0;
	border: none;
	text-align: center;
}
.futureBox .listUl .pho:after {
	display: none;
}
.futureBox .listUl .liStyle {
	margin-top: 40px;
}
.futureBox .listUl .liStyle .ttl02 {
	margin-bottom: 45px;
}
@media all and (max-width: 896px) {
	/*.futureBox .comMidTxt.green {
		margin-bottom: 40px !important;
		font-size: 2rem;
	}*/
	.futureBox .imgList .liStyle {
		margin-bottom: 40px;
	}
	.futureBox .headLine04 {
		margin: 45px 0 25px;
		font-size: 3.6rem;
		letter-spacing: 0;
	}
	.futureBox .headLine04 .small {
		font-size: 1.4rem;
	}
	.futureBox .headLine04 .green {
		margin-bottom: 5px;
		font-size: 1.8rem;
	}
	.futureBox .headLine04 .green span {
		font-size: 4.6rem;
	}
	.futureBox .listUl {
		margin: 0 0 65px;
		flex-wrap: wrap;
	}
	.futureBox .listUl li {
		margin-bottom: 50px;
		padding: 25px;
		width: 100%;
		border-radius: 12px;
	}
	.futureBox .listUl li:last-child {
		margin-bottom: 0;
	}
	.futureBox .listUl li:after {
		left: 50%;
		top: 100%;
		width: 2px;
		height: 100px;
	}
	.futureBox .listUl li p {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
	.futureBox .listUl li .ttl {
		font-size: 2rem;
	}
	.futureBox .listUl li .photo {
		margin: 0 auto;
		width: 75%;
	}
	.futureBox .listUl .pho {
		margin: 0 0 50px;
	}
	.futureBox .listUl .liStyle {
		margin-top: 0;
	}
	.futureBox .listUl .liStyle .ttl02 {
		margin-bottom: 30px;
	}
}
@media all and (max-width: 896px) {
	.futureBox .headLine04 {
		font-size: 3.2rem;
	}
}
/* flat */
.flat .comMidTxt.green {
	margin-bottom: 35px !important;
}
.flat .headLine01 {
	margin-bottom: 28px;
}
.flat .headLine01 span {
	margin-top: 3px;
	font-size: 1.7rem;
}
.flat .comUlList01 {
	margin-right: -100px;
}
.flat .comUlList01 li {
	margin-right: 100px;
	width: 385px;
}
.flat .comUlList01 li img {
	margin-bottom: 10px;
}
.flat .comUlList01 li .ttl {
	margin-bottom: 10px;
}
.ios .flat .comUlList01 li .ttl {
	font-weight: 200;
}
.aqua .imgBox {
	margin: 70px 0;
	display: flex;
	justify-content: space-between;
}
.aqua .imgBox .txtBox {
	margin-top: -8px;
	width: 334px;
}
.aqua .imgBox .txtBox h5 {
	margin-bottom: 13px;
	line-height: 1.5;
}
.aqua .imgBox .txtBox .ttl {
	margin-bottom: 15px;
	color: #5cb531;
	font-size: 2rem;
	line-height: 1.4;
}
.ios .aqua .imgBox .txtBox .ttl {
	font-weight: 200;
}
.aqua .imgBox .txtBox .ttl span {
	display: block;
	font-size: 3.8rem;
	font-weight: 300;
}
.ios .aqua .imgBox .txtBox .ttl span {
	font-weight: 200;
}
.aqua .imgBox .txtBox p {
	line-height: 1.98;
	letter-spacing: 0.02em;
	text-align: justify;
}
.aqua .imgBox .photoBox {
	width: 482px;
}
.aqua .imgBox .photoBox img {
	width: 100%;
}
@media all and (max-width: 896px) {
	.flat .comUlList01 {
		margin-right: 0;
	}
	.flat .comUlList01 li {
		margin-right: 0;
	}
	.flat .comUlList01 li img {
		width: 70%;
	}
	.aqua .imgBox {
		margin: 40px 0;
		flex-wrap: wrap;
	}
	.aqua .imgBox .txtBox {
		margin-top: 15px;
		width: 100%;
		order: 2;
	}
	.aqua .imgBox .txtBox .ttl {
		font-size: 1.8rem;
	}
	.aqua .imgBox .txtBox .ttl span {
		font-size: 3rem;
	}
	.aqua .imgBox .photoBox {
		width: 100%;
		order: 0;
	}
}
/* square */
.square .comMidTxt.green {
	margin-bottom: 35px !important;
}
.square .comImg {
	margin-bottom: 80px;
}
.square .headLine11 {
	margin-bottom: 75px;
}
.square .headLine02 {
	margin-bottom: 20px;
}
.square .comBox > p {
	margin-bottom: 50px;
}
.square .list {
	margin-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.square .list li {
	width: 43.5%;
}
.square .list02 {
	margin-right: -28px;
	display: flex;
	flex-wrap: wrap;
}
.square .list02 li {
	margin-right: 25px;
	width: 274px;
}
@media all and (max-width: 896px) {
	.square .comImg {
		margin-bottom: 40px;
	}
	.square .headLine11 {
		margin-bottom: 40px;
	}
	.square .comBox > p {
		margin-bottom: 20px;
	}
	.square .list {
		margin-bottom: 60px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.square .list li {
		height: auto;
	}
	.square .list02 {
		margin: -10px 0 0;
		justify-content: space-between;
	}
	.square .list02 li {
		margin: 10px 0 0;
		width: 48.5%;
	}
}
/* sitemap */
.sitemap {
	margin-bottom: -138px;
	position: relative;
	padding: 0 0 120px;
	z-index: 4;
}
.sitemap #pagePath {
	margin-bottom: 82px;
}
.sitemap .headLine01 {
	margin-bottom: 51px;
	color: #5cb531;
	font-size: 4.4rem;
}
.sitemap .headLine01 span {
	margin-top: 6px;
	color: #000;
	font-size: 2rem;
	letter-spacing: 0;
}
.sitemap .tabBox {
	margin: 0 -10px;
}
.sitemap table {
	width: 100%;
	border-spacing: 9px 24px;
}
.sitemap th, .sitemap td {
	padding: 22px 44px;
	font-size: 1.6rem;
	text-align: left;
	vertical-align: top;
	background-color: #F5F7F9;
}
.sitemap th {
	padding: 24px 15px 24px 31px;
	width: 28%;
	font-weight: 300;
}
.ios .sitemap th {
	font-weight: 200;
}
.sitemap tr:first-child th {
	padding: 44px 30px;
}
.sitemap tr:first-child td {
	padding: 43px 38px 33px;
}
.sitemap th a, .sitemap td a {
	padding-left: 20px;
	display: inline-block;
	background: url("img/common/arrow05.png") no-repeat left 3px;
	background-size: 12px auto;
	box-sizing: border-box;
}
.sitemap td > ul {
	margin-top: -15px;
}
.sitemap td > ul > li {
	margin-top: 15px;
	display: flex;
	min-height: 55px;
}
.sitemap td > ul > li > a {
	min-width: 205px;
}
.sitemap td > ul > li > ul > li {
	display: flex;
}
.sitemap td > ul > li li > a {
	min-width: 175px;
}
.sitemap td > ul > li li a {
	background-image: url("img/common/arrow06.png");
	background-size: 11px auto;
}
.sitemap td > ul > li li li > a {
	padding: 3px 0 0 17px;
	font-size: 1.6rem;
}
.sitemap .tdStyle ul {
	display: flex;
}
.sitemap .tdStyle li {
	margin-right: 38px;
	min-height: inherit;
}
.sitemap .tdStyle li a {
	padding-left: 18px;
	min-width: inherit;
	background-image: url("img/common/arrow06.png");
	background-size: 11px auto;
}
@media all and (min-width: 897px) {
	.sitemap th a:hover, .sitemap td a:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	.sitemap {
		margin-bottom: -125px;
		padding: 0 0 100px;
	}
	.sitemap #pagePath {
		margin-bottom: 30px;
	}
	.sitemap .headLine01 {
		margin-bottom: 40px;
	}
	.sitemap .tabBox {
		margin: 0;
	}
	.sitemap table {
		width: 100%;
		border-spacing: 0;
	}
	.sitemap th, .sitemap td {
		padding: 0;
		font-size: 1.6rem;
		float: left;
		width: 100% !important;
		box-sizing: border-box;
	}
	.sitemap th {
		margin-bottom: 10px;
		padding: 15px 18px;
	}
	.sitemap tr:first-child th {
		padding: 20px 18px;
	}
	.sitemap tr:first-child td {
		margin-bottom: 10px;
		padding: 20px 22px;
	}
	.sitemap th a, .sitemap td a {
		padding-left: 18px;
		background-size: 10px auto;
	}
	.sitemap td > ul {
		margin-top: -15px;
	}
	.sitemap td > ul > li {
		margin-top: 15px;
		flex-wrap: wrap;
		min-height: inherit;
	}
	.sitemap td > ul > li ul {
		margin: 10px 0 0 20px;
	}
	.sitemap td > ul > li > a {
		min-width: 100%;
	}
	.sitemap td > ul > li > ul > li {
		flex-wrap: wrap;
	}
	.sitemap td > ul > li li > a {
		min-width: 100%;
	}
	.sitemap td > ul > li li a {
		padding-left: 15px;
		background-size: 8px auto;
	}
	.sitemap td > ul > li li li > a {
		padding-left: 15px;
		font-size: 1.4rem;
	}
	.sitemap .tdStyle {
		margin-bottom: 10px;
		padding: 15px 18px;
	}
	.sitemap .tdStyle li {
		margin-right: 20px;
	}
	.sitemap .tdStyle li a {
		padding-left: 15px;
		background-position: left 6px;
		background-size: 8px auto;
	}
}
/* recruit*/
.recruit .comBox {
	margin-bottom: 100px;
	max-width: 800px;
}
.recruit #pagePath {
	margin-bottom: 70px;
}
.recruit h2 {
	margin-bottom: 87px;
	color: #5CB531;
	font-size: 4.2rem;
	font-weight: 300;
	letter-spacing: 2.5px;
	line-height: 1.59;
	text-align: center;
}
.ios .recruit h2 {
	font-weight: 200;
}
.recruit h2 span {
	font-size: 1.6rem;
	color: #000;
	display: block;
	letter-spacing: 1px;
}
.recruit .txt01 {
	margin: 0 auto 97px;
	max-width: 665px;
	color: #5CB531;
	font-size: 2rem;
	line-height: 2.2;
}
.ios .recruit .txt01 {
	font-weight: 200;
}
.recruit .comBox h3 {
	margin-bottom: 29px;
	font-size: 2.4rem;
	font-weight: 300;
}
.ios .recruit .comBox h3 {
	font-weight: 300;
}
.recruit .comBox h3:last-of-type {
	margin-bottom: 51px;
}
.recruit .tableA {
	margin-bottom: 62px;
	width: 100%;
	font-size: 1.35rem;
	line-height: 1.87;
	color: #000;
	border-top: 1px solid #000;
	border-collapse: collapse;
}
.recruit .tableA:last-of-type {
	margin-bottom: 55px;
}
.recruit .tableA th, .recruit .tableA td {
	padding: 11px 10px 10px;
	font-weight: 300;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #000;
}
.ios .recruit .tableA th, .ios .recruit .tableA td {
	font-weight: 200;
}
.recruit .tableA th {
	padding-left: 15px;
	width: 24.5%;
	background-color: #F5F7F9;
}
.recruit .tableA td {
	padding-left: 45px;
}
.recruit .txt02 {
	font-size: 1.8rem;
	text-align: center;
}
.ios .recruit .txt02 {
	font-weight: 200;
}
@media all and (max-width: 896px) {
	.recruit .comBox {
		margin-bottom: 25px;
		padding: 0 10px;
		width: auto;
	}
	.recruit #pagePath {
		margin-bottom: 30px;
	}
	.recruit .mainVisual {
		margin-bottom: 25px;
		padding-bottom: 0;
	}
	.recruit h2 {
		margin-bottom: 40px;
		font-size: 2.5rem;
	}
	.recruit h2 span {
		font-size: 1.5rem;
	}
	.recruit .txt01 {
		margin-bottom: 20px;
		max-width: 550px;
		font-size: 1.5rem;
	}
	.recruit .comBox h3 {
		margin-bottom: 15px;
		font-size: 1.9rem;
	}
	.recruit .tableA th {
		padding-left: 10px
	}
	.recruit .tableA td {
		padding-left: 25px;
	}
	.recruit .tableA, .recruit .tableA:last-of-type {
		margin-bottom: 35px;
	}
	.recruit .comBox h3:last-of-type {
		margin-bottom: 15px;
	}
	.recruit .txt02 {
		font-size: 1.6rem;
	}
}
/*company*/
.company .comBox {
	max-width: 880px;
}
@media all and (max-width: 897px) {
	.company .comBox {
		padding: 0 10px;
	}
}
.company .comBgBox {
	margin-bottom: 50px;
	padding-bottom: 72px;
	background-color: #ecf4e3;
}
.company .comBgBox #pagePath {
	margin-bottom: 47px;
	background-color: #f5f7f9;
}
.company .headLine01 {
	margin-bottom: 70px;
	display: flex;
	align-items: center;
	min-height: 148px;
	color: #000;
	font-size: 2.6rem;
	text-align: left;
	letter-spacing: 0.5px;
	background: url("img/company/h2_bg.png") no-repeat right center/148px;
}
.company .comBgBox p {
	font-size: 2.2rem;
	line-height: 2;
}
.company .tableA {
	width: 100%;
	border-collapse: collapse;
}
.company .tableA th {
	width: 20.9%;
	font-weight: 300;
}
.ios .company .tableA th {
	font-weight: 200;
}
.company .tableA th, .company .tableA td {
	padding: 44px 0;
	font-size: 1.5rem;
	line-height: 1.7;
	border-bottom: 1px solid #000;
	vertical-align: top;
}
.company .tableA tr:first-child th {
	padding-top: 57px !important;
}
.company .tableA td {
	padding-top: 42px;
	width: 79.1%;
	line-height: 2;
}
.company .tableA tr:first-child th, .company .tableA tr:first-child td {
	padding-bottom: 87px;
}
.company .tableA .text {
	font-size: 2.2rem;
	line-height: 2.2;
}
.company .tableA .text .ttl {
	margin-bottom: 49px;
	display: block;
	color: #6FBA2C;
	font-size: 3.9rem;
	line-height: 1;
}
.company .tableA tr:last-child th, .company .tableA tr:last-child td {
	padding-bottom: 0;
	border-bottom: none;
}
.company .tableA dt {
	float: left;
	line-height: 1.75;
}
.company .tableA dd {
	padding: 0 0 5px 14rem;
	line-height: 1.75;
}
.company .tableA .ddStyle {
	padding-bottom: 15px;
}
.company .tableA dd:last-of-type {
	margin-bottom: 0;
}
.company .tableA ul {
	margin: 13px 35px 0 0;
}
.company .tableA li {
	margin-bottom: 45px;
	line-height: 1.5;
}
.company .tableA li:last-child {
	margin-bottom: 0;
}
.company .tableA li .mapBox {
	margin-bottom: 30px;
	display: flex;
    justify-content: space-between;
}
.company .tableA li .mapBox:last-child {
	margin-bottom: 0;
}
.company .tableA li .lBox {
	width: 290px;
}
.company .tableA li .map iframe {
	width: 100%;
	height: 185px;
	vertical-align: top;
}
.company .tableA li .rBox {
	width: 310px;
}
.company .tableA .title {
	margin-bottom: 10px;
	font-size: 1.55rem;
	line-height: 1.8;
}
.company .tableA .imgBox {
	margin-bottom: 15px;
}
.company .tableA .imgBox iframe {
	height: 185px;
	width: 100%;
	display: block;
}
#map1,#map2 {
	height: 185px;
}
.company .tableA p {
	margin-right: -15px;
	font-size: 1.3rem;
}
.company .tableA .txt {
	margin-bottom: 20px;
}
.company .tableA li img {
	width: 100%;
}
.company .tableA li a {
	font-size: 1.4rem;
}
@media all and (max-width: 896px) {
	.company .comBgBox #pagePath {
		margin-bottom: 32px;
	}
	.company .headLine01 {
		margin-bottom: 27px;
		padding: 100px 0 0;
		font-size: 2rem;
		display: block;
		min-height: auto;
		text-align: center;
		background-position: center top;
		background-size: 80px auto;
	}
	.company .comBgBox {
		margin-bottom: 20px;
		padding-bottom: 28px;
	}
	.company .comBgBox p {
		font-size: 1.8rem;
	}
	.company .tableA ul {
		margin-right: 0;
	}
	.company .tableA li .mapBox {
		display: block;
	}
	.company .tableA li .lBox {
		margin-bottom: 15px;
		width: auto;
	}
	.company .tableA li .rBox {
		width: auto;
	}
	.company .tableA th, .company .tableA td {
		width: 100%;
		float: left;
	}
	.company .tableA th, .company .tableA td {
		padding: 20px 0 !important;
		font-size: 1.4rem;
	}
	.company .tableA th {
		border-bottom: none;
	}
	.company .tableA .text {
		font-size: 1.5rem;
		line-height: 2;
	}
	.company .tableA .text .ttl {
		margin-bottom: 29px;
		font-size: 3rem;
	}
	.company .tableA li {
		margin: 0 auto 28px;
		width: auto;
	}
	.company .tableA li:last-child {
		margin-bottom: 0;
	}
	.company .tableA .imgBox {
		width: 100%;
	}
	.company .tableA .imgBox .map {
		width: 100%;
	}
	.company .tableA dd {
		padding-left: 8em;
	}
}
/* contact */
.contact {
	margin-bottom: -138px;
	position: relative;
	padding-bottom: 120px;
	box-sizing: border-box;
	min-height: 500px;
	z-index: 4;
}
.contact #pagePath {
	margin-bottom: 90px;
}
.contact .headLine01 {
	margin-bottom: 40px;
	color: #5cb531;
	font-size: 3.3rem;
}
.contact .midTxt {
	margin-bottom: 25px;
	font-size: 1.55rem;
	line-height: 1.88;
	text-align: center;
}
.contact .notes {
	margin: 0 0 12px;
	color: #E60012;
	font-size: 1.45rem;
}
.contact .bgBox {
	margin-bottom: 48px;
	padding: 25px 50px 35px 32px;
	background-color: #F5F7F9;
}
.contact .bgBox table {
	width: 100%;
	border-collapse: collapse;
}
.contact .bgBox th, .contact .bgBox td {
	padding: 12px 0;
	font-size: 1.65rem;
	text-align: left;
	vertical-align: top;
}
.contact .bgBox th {
	padding-top: 16px;
	width: 22.5%;
	font-weight: 300;
}
.ios .contact .bgBox th {
	font-weight: 200;
}
.contact .bgBox th .notes {
	margin: 0 0 0 4px;
	font-size: 2.1rem;
	vertical-align: -1px;
}
.ios .contact .bgBox th .notes {
	margin-top: -2px;
	display: inline-block;
}
.contact .mailForm input[type="text"], .contact .mailForm input[type="email"], .contact .mailForm input[type="tel"], .contact .mailForm textarea, .contact .mailForm select {
	padding: 5px 17px;
	width: 100%;
	height: 42px;
	font-size: 1.8rem;
	box-sizing: border-box;
	border: 1px solid #BFC0C0;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
}
.contact .mailForm textarea {
	margin-bottom: 15px;
	height: 170px;
}
.contact .mailForm .list {
	display: flex;
}
.contact .mailForm .list li {
	margin-right: 35px;
	display: flex;
	align-items: center;
}
.contact .mailForm .list li input[type="text"] {
	margin-left: 10px;
	width: 205px;
}
.contact .mailForm .txt {
	margin: 3px 0 2px;
	color: #9FA0A0;
	font-size: 1.5rem;
}
.contact .mailForm .radioList {
	margin-top: -5px;
	overflow: hidden;
}
.contact .mailForm .radioList li {
	margin: 5px 58px 0 0;
	float: left;
}
.contact .mailForm .radioList02 li {
	margin-right: 45px;
}
.contact .mailForm input[type="radio"] {
	display: none;
}
.contact .mailForm input[type="radio"] + label {
	padding: 3px 0 0 36px;
	min-height: 33px;
	background: url("img/common/radio_bg.png") no-repeat left top;
	background-size: 33px 33px;
	display: inline-block;
	box-sizing: border-box;
}
.contact .mailForm input[type="radio"]:checked + label {
	background-image: url("img/common/radio_on_bg.png");
}
placeholder-shown {
	color: #898989;
}
::-webkit-input-placeholder {
	color: #898989;
}
:-moz-placeholder {
	color: #898989;
	opacity: 1;
}
::-moz-placeholder {
	color: #898989;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #898989;
}
select::-ms-expand {
	display: none;
}
.contact .mailForm select {
	padding: 5px 13px;
	width: 197px;
	color: rgba(35,24,21,0.5);
	font-size: 1.7rem;
	background: #fff url("img/common/select_bg.png") no-repeat right 13px center;
	background-size: 24px auto;
}
.contact .mailForm select.on {
	color: rgba(35,24,21,1);
}
.contact .mailForm .bgTtl {
	margin: 0 auto 30px;
	padding: 2px;
	width: 160px;
	font-size: 1.65rem;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #231815;
	box-sizing: border-box;
}
.ios .contact .mailForm .bgTtl {
	font-weight: 500;
}
.contact form .midTxt {
	margin-bottom: 35px;
	font-size: 1.65rem;
}
.contact form .midTxt01 {
	margin-bottom: 30px;
}
.contact .submit {
	display: flex;
	justify-content: center;
}
.contact .submit li {
	margin: 0 26px;
}
.contact .submit input {
	padding: 5px 5px 5px 15px;
	display: block;
	width: 172px;
	font-size: 1.5rem;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #fff;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	transition: .3s;
}
.ios .contact .submit input {
	font-weight: 200;
}
.contact .submit li:first-child input {
	padding: 5px 10px;
	width: 100px;
	background: none;
	border-color: #231815;
}
.contact .errorMsg {
	margin: 20px 5px;
}
.contact .errorMsg li {
	color: #E60012;
	font-size: 1.6rem
}
.contact .comBtn {
	text-align: center;
}
@media all and (min-width: 897px) {
	.contact .submit input:hover {
		opacity: 0.5;
	}
	.contact .submit li:first-child input:hover {
		opacity: 1;
		color: #fff;
		background-color: #727171;
		border-color: #727171;
	}
}
@media all and (max-width: 896px) {
	.contact #pagePath {
		margin-bottom: 50px;
	}
	.contact {
		margin-bottom: -125px;
	}
	.contact .headLine01 {
		font-size: 2.4rem;
	}
	.contact .midTxt {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}
	.contact .notes {
		font-size: 1.4rem;
	}
	.contact .bgBox {
		margin-bottom: 25px;
		padding: 15px;
	}
	.contact .bgBox th, .contact .bgBox td {
		padding: 10px 0;
		font-size: 1.6rem;
		float: left;
		width: 100% !important;
		box-sizing: border-box;
	}
	.contact .bgBox th {
		padding: 0;
	}
	.contact .bgBox th .notes {
		font-size: 1.8rem;
	}
	.contact .mailForm input[type="text"], .contact .mailForm input[type="email"], .contact .mailForm input[type="tel"], .contact .mailForm textarea, .contact .mailForm select {
		padding: 3px 10px;
		height: 34px;
		font-size: 1.6rem;
	}
	.contact .mailForm textarea {
		margin-bottom: 0;
		height: 140px;
	}
	.contact .mailForm .list {
		flex-wrap: wrap;
	}
	.contact .mailForm .list li {
		margin: 0 0 10px;
		justify-content: space-between;
	}
	.contact .mailForm .list li input[type="text"] {
		width: calc(100% - 45px);
	}
	.contact .mailForm .txt {
		font-size: 1.4rem;
	}
	.contact .mailForm .radioList {
		justify-content: space-between;
	}
	.contact .mailForm .radioList li {
		margin: 5px 0 0;
		width: 50%;
	}
	.contact .mailForm .radioList02 li {
		margin-right: 0;
	}
	.contact .mailForm input[type="radio"] + label {
		padding: 2px 0 0 35px;
		min-height: 30px;
		background-size: 30px 30px;
	}
	.contact .mailForm select {
		padding: 3px 8px;
		width: 100%;
		font-size: 1.5rem;
		background-position: right 10px center;
	}
	.contact .mailForm .bgTtl {
		font-size: 1.6rem;
	}
	.contact .midTxt01 {
		margin-bottom: 20px;
	}
	.contact form .midTxt {
		font-size: 1.4rem;
	}
	.contact .submit {
		margin-left: 0;
	}
	.contact .submit li {
		margin: 0 15px;
	}
}
@media all and (max-width: 360px) {
	.contact .midTxt {
		font-size: 1.4rem;
	}
	.contact .submit li {
		margin: 0 10px;
	}
}
/* privacy */
.privacy #pagePath {
	margin-bottom: 0;
}
.privacy .bgBox {
	max-width: 1000px;
	padding: 65px 65px 30px;
	background-color: #f5f7f9;
	box-sizing: border-box;
}
.privacy p {
	margin-bottom: 35px;
	font-size: 1.7rem;
	line-height: 1.78;
	letter-spacing: 0.5px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.privacy p span {
	margin: 0 20px;
	display: inline-block;
}
.privacy .bgSec {
	margin-bottom: 48px;
	padding-bottom: 16px;
}
.privacy .bgSec .headLine01 {
	margin-bottom: 71px;
	color: #5cb531;
	font-size: 3.1rem;
}
.privacy .bgSec p {
	margin-bottom: 25px;
	line-height: 1.85;
}
.ios .privacy .bgSec p {
	font-weight: 200;
}
.privacy .bgSec .rTxt {
	font-size: 1.4rem;
	text-align: right;
	line-height: 1.6;
}
.privacy h3.headLine02 {
	margin-bottom: 26px;
	font-size: 2.3rem;
}
.privacy .txt01 {
	margin-bottom: 15px;
}
.privacy table {
	margin-bottom: 50px;
	width: 100%;
	border-spacing: 0;
	border-bottom: 1px solid #231815;
	border-right: 1px solid #231815;
}
.privacy th, .privacy td {
	padding: 16px 23px;
	font-size: 1.7rem;
	line-height: 1.78;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #231815;
	border-left: 1px solid #231815;
}
.privacy td:first-child {
	width: 46%;
}
@media all and (max-width: 896px) {
	.privacy p {
		margin-bottom: 30px;
		font-size: 1.4rem;
	}
	.privacy p span {
		margin: 0 10px;
	}
	.privacy .bgBox {
		padding: 40px 20px 15px;
	}
	.privacy .bgSec {
		margin-bottom: 40px;
		padding-bottom: 8px;
	}
	.privacy #pagePath {
		margin-bottom: 40px;
	}
	.privacy .bgSec .headLine01 {
		margin-bottom: 45px;
		font-size: 2rem;
	}
	.privacy .bgSec p {
		margin-bottom: 20px;
	}
	.privacy .bgSec .rTxt {
		font-size: 1.2rem;
	}
	.privacy h3.headLine02 {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}
	.privacy .txt01 {
		margin-bottom: 8px;
	}
	.privacy table {
		margin-bottom: 30px;
	}
	.privacy th, .privacy td {
		padding: 7px 10px;
		font-size: 1.4rem;
	}
}