@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&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: 'M PLUS Rounded 1c', 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: #333;
	text-decoration: none;
    transition: .3s;
	-webkit-transition: .3s;
	transform: rotate(0.05deg);
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
}
a:active {
	color: #333;
}
p {
	transform: rotate(0.05deg);
}
h2 {
	transform: rotate(0.05deg);
}
span {
	transform: rotate(0.05deg);
}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 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 {
	min-width: 1280px;
	color: #333;
	font-size: 2rem;
    font-weight: 400;
	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: 150px;
	text-align: left;
	overflow: hidden;
}
#main {
	margin-bottom: 100px;
	display: block;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
	.menuBox {
		display: none !important;
	}
}
@media all and (max-width: 896px) {
	body {
		min-width: inherit;
		font-size: 1.4rem;
	}
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	#main {
		margin-bottom: 115px;
	}
	#container {
		padding: 0;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
    padding: 86px 0 14px;
    /*position: relative;*/
    background: url("../images/common/header_bg.png") repeat-x center top;
    background-size: 1920px auto;
	position: fixed;
	left: 0;
	top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    transition: .3s;
	-webkit-transition: .3s;
}
#gHeader h1 {
    position: absolute;
    left: 20px;
    top: 50px;
	width: 200px;
    transition: .3s;
	-webkit-transition: .3s;
}
#gHeader .rBox {
	position: absolute;
	right: 13px;
	top: 14px;
}
#gHeader .rBox .infoBox {
	margin-left: 21px;
	width: 322px;
	padding: 17px 10px 14px 20px;
	box-sizing: border-box;
	background: #EFEFEF;
	border-radius: 0 0 20px 20px;
}
#gHeader .rBox .btn {
	margin-top: 10px;
}
#gHeader .rBox .btn a {
	display: block;
	width: 200px;
	font-weight: 500;
	box-sizing: border-box;
	padding: 8px 10px 8px 58px;
	border-radius: 30px;
	background: url("../images/common/icon02.png") no-repeat left 8px center;
	background-size: 33px auto; 
	border: 1px solid #EFEFEF;
}
#gHeader .rBox dt {
	padding-top: 3px;
	color: #070304;
	float: left;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
#gHeader .rBox dd {
	padding-left: 6.6em;
}
#gHeader .rBox dd ul {
	margin-top: -3px;
}
#gHeader .rBox dd li {
	margin-right: 7px;
	float: left;
}
#gHeader .rBox dd li a {
	color: #070304;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	padding: 1px 15px 3px;
	background: #fff;
	border: 1px solid #D3D3D3;
	border-radius: 30px;
}
#gHeader .rBox dd li .on {
	color: #fff;
	background-color: #053D76;
	border-color: #053D76;
}
@media all and (min-width: 897px) {
	#gHeader .rBox dd li a:hover {
		color: #fff;
		background-color: #053D76;
		border-color: #053D76;
	}
	#gHeader .rBox .btn a:hover {
		color: #fff;
		background-color: #00B9CC; 
	}
    #gHeader.fix {
        padding: 22px 0;
        height: 60px;
		box-sizing: border-box;
		background-image: url("../images/common/header_bg02.png");
        background-size: auto 5px;
    }
    #gHeader.fix h1 {
        width: 120px;
        top: 5px;
    }
    #gHeader.fix .rBox {
        display: none;
    }
    #gHeader.fix #gNavi li a {
        font-size: 1.8rem;
        height: auto;
    }
	#gHeader.fix #gNavi li .top {
		display: none;
	}
}
#gNavi {
	padding-left: 10px;
    text-align: center;
}
#gNavi li {
    padding: 0 21px;
}
#gNavi li a {
    display: flex;
    height: 50px;
    line-height: 1.2;
    font-weight: 500;
    align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	transform: rotate(0.05deg);
	transition: .3s;
	-webkit-transition: .3s;
}
#gNavi li .top {
	display: block;
}
#gNavi li a:hover {
	color: #00B9CC;
}
@media all and (min-width: 897px) and (max-width: 1700px) {
	#gNavi {
		padding-left: 210px;
	}
	#gNavi li {
		padding: 0 11px;
	}
}
@media all and (max-width: 896px) {
	#gHeader {
		padding: 14px 0 0;
		background: url("../images/common/sp_header_bg.jpg") repeat-x left bottom;
		background-size: 390px auto;
	}
	#gHeader h1 {
		display: none;
	}
	#gHeader .rBox {
	    display: none;
	}
	#gNavi {
		display: none;
	}
	.menu {
		position: fixed;
		right: 0;
		cursor: pointer;
		width: 80px;
		height: 80px;
		bottom: 0;
		box-sizing: border-box;
		border-radius: 20px 0px 0px 0px;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		background: #fff;
		z-index: 1000;
	}
	.menu .infoMenu span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
        position: absolute;
		right: 27px;
		width: 26px;
		height: 2px;
		border-radius: 6px;
		background-color: #707070;
	}
	.menu .infoMenu span:nth-of-type(1) {
		top: 23px;
	}
	.menu .infoMenu span:nth-of-type(2) {
		top: 33px;
	}
	.menu .infoMenu span:nth-of-type(3) {
		top: 43px;
	}
	.menu .menuTxt {
		position: absolute;
		right: 26px;
		left: 26px;
		text-align: center;
		color: #707070;
		font-size: 1rem;
		font-weight: 500;
		bottom: 15px;
	}
    .menuBox {
        padding: 126px 0 0;
        position: fixed;
        left: 0;
        bottom: -100%;
        width: 100%;
        background: url("../images/common/menu_box_bg01.jpg") repeat-x left top;
		background-color: #fff;
		background-size: auto 14px;
        z-index: 1010;
        height: 100%;
		text-align: center;
        overflow-y: auto;
        box-sizing: border-box;
		transition: .3s;
		-webkit-transition: .3s;
    }
	.menuBox .infoMenu {
		padding-bottom: 50px;
		background: url("../images/common/menu_box_bg02.jpg") repeat-x left bottom;
		background-size: auto 14px;
	}
	.menuBox.on {
		bottom: 0;
	}
	.menuBox .logo {
		margin-bottom: 41px;
	}
	.menuBox .spNavi {
		margin-bottom: 28px;
	}
	.menuBox .spNavi li {
		padding-bottom: 17px;
		font-size: 2rem;
		line-height: 1.4;
	}
	.menuBox .dlBox {
		width: 258px;
		padding: 10px 0 7px 15px;
		margin: 0 auto 47px;
		box-sizing: border-box;
		background: #EFEFEF;
		border-radius: 30px;
	}
	.menuBox .fontDl {
		font-size: 1.8rem;
	}
	.menuBox .fontDl dt {
		color: #070304;
		float: left;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
	}
	.menuBox .fontDl dd {
		padding-left: 6.2em;
	}
	.menuBox .fontDl dd ul {
		margin-top: -3px;
	}
	.menuBox .fontDl dd li {
		margin-right: 12px;
		float: left;
	}
	.menuBox .fontDl dd li:last-child {
		margin-right: 0;
	}
	.menuBox .fontDl dd li a {
		color: #070304;
		font-family: 'Noto Sans JP', sans-serif;
		display: block;
		padding: 0 8px 1px;
		line-height: 1.4;
		background: #fff;
		border: 1px solid #D3D3D3;
		border-radius: 30px;
	}
	.menuBox .fontDl dd li .on {
		color: #fff;
		border-color: #053D76;
		background: #053D76;
	}
	.menuBox .close a {
		display: inline-block;
	}
	.menuBox .close .txtSpan {
		margin-top: 6px;
		display: block;
		color: #707070;
		font-size: 1rem;
		font-weight: 500;
	}
}
/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
    margin: 0 auto 70px;
    width: 1200px;
    text-align: right;
}
#pagePath li {
    color: #aaa;
    display: inline;
}
#pagePath li a { 
    margin-right: 5px;
    color: #aaa;
}
@media all and (min-width: 897px) {
	#pagePath li a:hover {
		color: #00B9CC;
	}
}
@media all and (max-width: 896px) {
	#pagePath {
		margin: 0 20px 51px 2px;
		width: auto;
	}
	#pagePath li {
		font-size: 1.2rem;
	}
	#pagePath li a { 
		margin-right: 3px;
	}
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
    padding-top: 78px;
    border-top: 2px solid #E8E8E8;
}
#gFooter .fBox {
    padding-bottom: 84px;
    position: relative;
}
#gFooter .fBox .snsList {
    position: absolute;
    left: 20px;
    bottom: 30px;
}
#gFooter .fBox .snsList li {
    margin-right: 24px;
    width: 48px;
}
#gFooter .fBox .snsList li a:hover {
    opacity: 0.7;
}
#gFooter .fBox .naviBox {
    width: 697px;
}
#gFooter .fBox .fNavi {
    padding-top: 39px;
}
#gFooter .fBox .fNavi > li {
    width: 383px;
    float: left;
}
#gFooter .fBox .fNavi > li:nth-child(2) {
    width: 200px;
}
#gFooter .fBox .fNavi > li > ul > li {
    padding-bottom: 16px;
	transform: rotate(0.05deg);
}
#gFooter .fBox .fNavi > li > ul > li:last-child {
    padding-bottom: 0;
}
#gFooter .linkUl {
    padding: 0 14px 17px 0;
    text-align: left;
	transform: rotate(0.05deg) !important;
}
#gFooter .linkbottom {
	margin-bottom: -10px;
}
#gFooter .linkUl li {
    padding-left: 19px;
    display: inline;
    font-size: 1.8rem;
}
#gFooter .linkUl li.linktitle{
	font-weight: 500;
    font-size: 2rem;
}			
#gFooter .linkUl li a {
    display: inline-block;
}
#gFooter .copyright {
    padding: 8px 0;
    color: #fff;
    text-align: center;
    background: #00626B;
}
#gFooter address {
    font-size: 1.6rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-style: normal;
}
.pageTop {
    position: fixed;
    right: 42px;
    bottom: 82px;
    z-index: 800;
}
.pageTop a {
    display: block;
    position: relative;
    width: 86px;
    height: 86px;
}
.pageTop .over {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
@media all and (min-width: 897px) {
    .pageTop a:hover .out {
        opacity: 0;
        transition: .3s;
	     -webkit-transition: .3s;
    }
    .pageTop a:hover .over {
        opacity: 1;
        transition: .3s;
	     -webkit-transition: .3s;
    }
	#gFooter .fBox .fNavi > li > ul > li a:hover {
		color: #00B9CC;
	}
	#gFooter .linkUl li a:hover {
		color: #00B9CC;
	}
}
@media all and (max-width: 896px) {
	#gFooter {
		padding-top: 82px;
		border-top: none;
	}
	#gFooter .fLogo {
		margin-bottom: 51px;
		text-align: center;
	}
	#gFooter .fBox {
		display: block;
		padding-bottom: 64px;
	}
	#gFooter .fBox .snsList {
		position: static;
		text-align: center;
		justify-content: center;
	}
	#gFooter .fBox .snsList li {
		margin: 0 15px;
		width: 34px;
	}
	#gFooter .fBox .naviBox {
		width: auto;
		text-align: center;
	}
	#gFooter .fBox .fNavi {
		padding: 0;
		margin-bottom: 45px;
	}
	#gFooter .fBox .fNavi > li {
		width: auto;
		float: none;
	}
	#gFooter .fBox .fNavi > li:nth-child(2) {
		width: auto;
	}
	#gFooter .fBox .fNavi > li > ul > li {
		font-size: 1.8rem;
		padding-bottom: 21px;
	}
	#gFooter .fBox .fNavi > li > ul > li a {
		color: #707070;
	}
	#gFooter .fBox .fNavi > li > ul > li:last-child {
		padding-bottom: 21px;
	}
	#gFooter .linkUl {
		padding: 0 0 10px 0;
		text-align: center;
	}
	#gFooter .linkbottom {
		margin-bottom: 10px;
	}	
	#gFooter .linkUl li {
		padding: 0 11px 0 0;
	}
	#gFooter .linkUl li.linktitle{
		font-weight: 500;
		font-size: 1.9rem;
		color: #333;
	}
	#gFooter .linkUl li:last-child {
		padding-right: 0;
	}
	#gFooter .linkUl li a {
		color: #707070;
	}
	#gFooter .copyright {
		padding: 10px 10px 10px 34px;
		text-align: left;
	}
	#gFooter address {
		font-size: 1.2rem;
	}
	.spTop a {
		padding: 20px 0 18px;
		display: block;
		text-align: center;
		background: #0C626B;
	}
	.spTop .info {
		padding: 0 26px 0 0;
		color: #fff;
		font-size: 1.8rem;
		display: inline-block;
		background: url("../images/common/sp_icon02.png") no-repeat right center;
		background-size: 19px auto;
	}
}
/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/
.fadeInUp {
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	transition: transform 1s, opacity 1s;
}
.fadeInUp.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}    
/*------------------------------------------------------------
	mainImg
------------------------------------------------------------*/
.mainImg {
    margin-bottom: 17px;
}
@media all and (max-width: 896px) {
	.mainImg {
		margin-bottom: 6px;
	}
	.mainImg img {
		width: 100%;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    margin-bottom: 67px;
    font-weight: 300;
    text-align: center;
}
.headLine01 .jp {
    margin-bottom: -1px;
    display: block;
    font-size: 6.4rem;
}
.headLine01 .en {
    display: block;
    font-size: 2.4rem;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 39px;
	}
	.headLine01 .jp {
		margin-bottom: -3px;
		font-size: 3.2rem;
	}
	.headLine01 .en {
		font-size: 1.2rem;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
    margin-bottom: 14px;    
    padding-bottom: 6px;
    border-bottom: 1px solid #DAE0E3;
}
.headLine02 .infoTit {
    padding-left: 20px;
	display: block;
    position: relative;
    font-size: 2.4rem;
    font-weight: 700;
}
.headLine02 .infoTit:before {
    position: absolute;
    left: 0;
    top: 6px;
	height: 26px;
    width: 6px;
    content: "";
    background: #0C626B;
}
@media all and (max-width: 896px) {
	.headLine02 {
		margin-bottom: 17px;    
		padding-bottom: 8px;
	}
	.headLine02 .infoTit {
		padding-left: 14px;
		font-size: 2rem;
		line-height: 1.45;
	}
	.headLine02 .infoTit:before {
		top: 2px;
		height: 24px;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 56px;
	padding: 15px 54px 10px;
	color: #fff;
	border-radius: 80px;
	text-align: center;
	background: #3A9927;
	font-weight: 500;
}
.headLine03 .top {
	margin-bottom: -3px;
	display: block;
	font-size: 3.2rem;
}
.headLine03 .en {
	position: relative;
	display: block;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
}
.headLine03 .en:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	background: #fff;
	height: 1px;
	content: "";
	z-index: 1;
}
.headLine03 .info {
	padding: 0 17px;
	position: relative;
	display: inline-block;
	background: #3A9927;
	z-index: 2;
}
@media all and (max-width: 896px) {
	.headLine03 {
		margin-bottom: 60px;
		position: relative;
		padding: 7px 54px 7px;
	}
	.headLine03:before {
		position: absolute;
		left: 25px;
		top: 50%;
		width: 41px;
		background: #fff;
		height: 1px;
		content: "";
		z-index: 1;
	}
	.headLine03:after {
		position: absolute;
		right: 25px;
		top: 50%;
		width: 41px;
		background: #fff;
		height: 1px;
		content: "";
		z-index: 1;
	}
	.headLine03 .top {
		margin-bottom: -2px;
		font-size: 1.7rem;
	}
	.headLine03 .en {
		font-size: 1.2rem;
	}
	.headLine03 .en:before {
		display: none;
	}
	.headLine03 .info {
		padding: 0 17px;
		position: relative;
		display: inline-block;
		background: #3A9927;
		z-index: 2;
	}
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 40px;
	font-size: 5.6rem;
	font-weight: 300;
	text-align: center;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 19px;
		font-size: 3.2rem;
	}
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
    width: 1200px;
    margin: 0 auto;
}
.content_um {
    width: 1200px;
    margin: 0 auto 200px;
}

@media all and (max-width: 896px) {
	.content {
		width: auto;
		padding: 0 20px;
	}
	.content_um {
		width: 100%;
		padding: 0 20px;
		margin-bottom: 50px;
	}
}



/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink a {
    display: block;
    padding: 25px 72px 25px 20px;
    width: 320px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50px;
    letter-spacing: 0.04em;
    background: #0C626B url("../images/common/icon01.png") no-repeat right 28px center;
    background-size: 28px auto; 
}
.comLink01 a {
    background: #0C626B url("../images/common/icon06.png") no-repeat right 28px center;
    background-size: 14px auto; 
}
.comLink02 a {
	padding-right: 46px;
	background-image: url("../images/common/icon09.png");
	background-size: 23px auto; 
}
@media all and (min-width: 897px) {
    .comLink a:hover {
        background-color: #00B9CC; 
    }
}
@media all and (max-width: 896px) {
	.comLink a {
		width: 100%;
		max-width: 320px;
		padding: 15px 65px 15px 20px;
		font-size: 2rem;
	}
	.comLink02 a {
		padding-right: 46px;
	}
}
/*------------------------------------------------------------
	wp-pagenavi
------------------------------------------------------------*/
.wp-pagenavi {
	position: relative;
	font-size: 0;
	clear: both;
	max-width: 714px;
	margin: 0 auto;
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	text-decoration: none;
	margin: 0 5px;
	font-size: 1.8rem;
	font-weight: 700;
}
.wp-pagenavi .previouspostslink {
	padding: 0 0 3px 20px;
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.08em;
	background: url("../images/common/icon04.png") no-repeat left center;
	background-size: 10px auto; 
}
.wp-pagenavi .nextpostslink {
	padding: 0 20px 3px 0;
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.08em;
	background: url("../images/common/icon05.png") no-repeat right center;
	background-size: 10px auto; 
}
@media all and (min-width: 897px) {
    .wp-pagenavi .previouspostslink:hover,
	.wp-pagenavi .nextpostslink:hover {
		color: #00B9CC;
    }
}
@media all and (max-width: 896px) {
	.wp-pagenavi {
		margin: 0 -10px;
		max-width: inherit;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		margin: 0 5px;
	}
	.wp-pagenavi .previouspostslink {
		padding: 0 0 3px 25px;
		letter-spacing: 0;
	}
	.wp-pagenavi .nextpostslink {
		padding: 0 18px 3px 0;
		letter-spacing: 0;
	}
}
/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {
	max-width: 710px;
	margin: 0 auto;
	position: relative;
}
.comLinkUl .prev {
	position: absolute;
	left: 8px;
	top: 23px;
}
.comLinkUl .next {
	position: absolute;
	right: -10px;
	top: 23px;
}
.comLinkUl .prev a {
	padding: 0 0 1px 19px;
	font-size: 1.8rem;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.08em;
	background: url("../images/common/icon04.png") no-repeat left center;
	background-size: 10px auto; 
}
.comLinkUl .next a {
	padding: 0 19px 1px 0;
	font-size: 1.8rem;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.08em;
	background: url("../images/common/icon05.png") no-repeat right center;
	background-size: 10px auto; 
}
@media all and (min-width: 897px) {
    .comLinkUl .next a:hover,
	.comLinkUl .prev a:hover {
		color: #00B9CC;
    }
}
.comLinkUl .comLink {
	margin: 0 auto;
	width: 320px;
}
@media all and (max-width: 896px) {
	.comLinkUl {
		padding-top: 53px;
		max-width: inherit;
	}
	.comLinkUl .prev {
		position: absolute;
		left: 20px;
		top: -27px;
	}
	.comLinkUl .next {
		position: absolute;
		right: 20px;
		top: -27px;
	}
	.comLinkUl .prev a {
		padding: 0 0 2px 25px;
		letter-spacing: 0;
		background: url("../images/common/icon04.png") no-repeat left center;
		background-size: 10px auto; 
	}
	.comLinkUl .next a {
		padding: 0 19px 2px 0;
		letter-spacing: 0;
		background: url("../images/common/icon05.png") no-repeat right center;
		background-size: 10px auto; 
	}
	.comLinkUl .comLink {
	    max-width: 320px;
		margin: 0 auto;
		width: 100%;
	}
}
/*------------------------------------------------------------
	comNews
------------------------------------------------------------*/
.comNews {
	margin-bottom: 180px;
}
.comNews li {
	margin-bottom: 38px;
}
.comNews li a {
	padding: 0 30px 17px 13px;
	display: block;
	position: relative;
	font-weight: 300;
	border-bottom: 1px dashed #D3D3D3;
}
.comNews li a:before {
	margin-top: -6px;
	position: absolute;
	right: 25px;
	top: 50%;
	width: 24px;
	height: 24px;
	background: url("../images/common/icon03.png") no-repeat left top;
	background-size: 24px auto; 
	content: "";
}
.comNews li .category {
	margin-left: 10px;
}
.comNews li .infoCategory {
	margin-right: 13px;
	color: #fff;
	padding: 1px 12px;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius: 30px;
	display: inline-block;
	background: #0E64AE;
}
.comNews li .infoCategory01 {
	background-color: #F68E00;
}
.comNews li .infoCategory02 {
	background-color: #DB0015;
}
.comNews li .infoCategory03 {
	background-color: #008000;
}
.comNews li .infoCategory04 {
	background-color: #45E58D;
}
.comNews li .new {
	color: #fff;
	padding: 2px 9px;
	font-size: 1.7rem;
	font-family: Arial, Helvetica, "sans-serif";
	border-radius: 30px;
	letter-spacing: -0.04em;
	background: #FF0000;
}
.comNews li .detailTxt {
	margin-top: 3px;
	display: block;
	font-weight: 500;
	letter-spacing: 0.04em;
}
@media all and (min-width: 897px) {
	.comNews li a:hover .detailTxt {
		color: #00B9CC;
	}
    .comNews li a:hover:before {
		background: url("../images/common/icon03_over.png") no-repeat left top;
		background-size: 24px auto; 
    }
}
@media all and (max-width: 896px) {
	.comNews {
		margin-bottom: 60px;
	}
	.comNews li {
		margin-bottom: 25px;
	}
	.comNews li a {
		padding: 0 35px 22px 13px;
	}
	.comNews li a:before {
		margin-top: 0;
		right: 4px;
		top: auto;
		bottom: 49px;
		width: 24px;
		height: 24px;
		background: url("../images/common/sp_icon01.png") no-repeat left top;
		background-size: 24px auto; 
		content: "";
	}
	.comNews li .date {
		font-size: 2rem;
	}
	.comNews li .category {
		margin: -2px 0 21px;
		display: block;
	}
	.comNews li .detailTxt {
		margin-top: 3px;
		font-size: 1.8rem;
		line-height: 1.6;
	}
}
/*------------------------------------------------------------
	event
------------------------------------------------------------*/
.event .headLine01 {
	margin-bottom: 102px;
}
.event .content {
	width: 1060px;
}
.event .listUl {
	margin: -79px 0 107px;
}
.event .listUl li {
	margin: 79px 50px 0 0;
	width: 320px;
}
.event .listUl li a {
	display: block;
}
.event .listUl li a:hover {
	opacity: 0.7;
}
.event .listUl li:nth-child(3n) {
	margin-right: 0;
}
.event .listUl li .pho {
	margin-bottom: 30px;
	display: block;
	padding-bottom: 62.4%;
	background: url("../images/event/photo.jpg") no-repeat center center;
	background-size: cover;
}
.event .listUl li .date {
	margin-bottom: 20px;
	display: block;
	font-weight: 700;
}
.event .listUl li .date .new {
	margin: -8px 0 0 5px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 8px;
	font-size: 1.7rem;
	color: #fff;
	font-weight: 400;
	font-family: Arial, Helvetica, "sans-serif";
	background: #FF0000;
	border-radius: 30px;
	letter-spacing: -0.04em;
}
.event .listUl li .txtSpan {
	margin-right: 10px;
	display: block;
	line-height: 1.6;
}
@media all and (max-width: 896px) {
	.event .headLine01 {
		margin-bottom: 61px;
	}
	.event .content {
		width: auto;
	}
	.event .listUl {
		margin: -54px 5px 53px;
		padding: 0 10px 53px;
		border-bottom: 1px dashed #D3D3D3;
	}
	.event .listUl li {
		margin: 54px 0 0 0;
		width: 100%;
	}
	.event .listUl li .pho {
		margin-bottom: 15px;
	}
	.event .listUl li .date {
		margin: 0 0 17px 2px;
		font-size: 2rem;
	}
	.event .listUl li .txtSpan {
		margin: 0 0 0 2px;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.event .wp-pagenavi {
		margin: 0 -5px;
	}
}
/*------------------------------------------------------------
	event/detail
------------------------------------------------------------*/
.eventDetail .content {
	width: 960px;
}
.eventDetail .headLine01 {
	margin-bottom: 102px;
}
.eventDetail .pho {
	margin-bottom: 74px;
	text-align: center;
}
.eventDetail .pho img {
	height: auto;
}
.eventDetail .date {
	margin-bottom: 82px;
	padding: 0 0 16px 30px;
	font-weight: 300;
	border-bottom: 1px dashed #D3D3D3;
}
.eventDetail .date .new {
	margin-left: 13px;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	color: #fff;
	font-size: 1.7rem;
	font-family: Arial, Helvetica, "sans-serif";
	border-radius: 30px;
	letter-spacing: -0.04em;
	background: #FF0000;
}
.eventDetail .detailBox {
	margin: 0 0 120px;
	padding: 0 30px 83px;
	border-bottom: 1px dashed #D3D3D3;
}
.eventDetail h3 {
	margin-bottom: 65px;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.15;
}
.eventDetail .detailBox p {
	line-height: 1.6;
}
.eventDetail .comLinkUl .comLink a {
	padding: 25px 51px 25px 20px;
}
@media all and (max-width: 896px) {
	.eventDetail .content {
		width: auto;
	}
	.eventDetail .headLine01 {
		margin-bottom: 39px;
	}
	.eventDetail .pho {
		margin-bottom: 50px;
	}
	.eventDetail .date {
		margin-bottom: 45px;
		padding: 0 0 8px 17px;
		font-size: 2rem;
	}
	.eventDetail .date .new {
		margin-top: 1px;
	}
	.eventDetail .detailBox {
		margin: 0 0 80px;
		padding: 0 0 108px;
	}
	.eventDetail h3 {
		margin: 0 6px 44px;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.6;
	}
	.eventDetail .detailBox p {
		font-size: 1.8rem;
		line-height: 2;
	}
	.eventDetail .comLinkUl .comLink a {
		padding: 15px 65px 15px 20px;
	}
}
/*------------------------------------------------------------
	privacypolicy
------------------------------------------------------------*/
.privacypolicy .date {
    font-weight: 300;
    margin-bottom: 34px;
}
.privacypolicy .title {
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 2.8rem;
}
.privacypolicy .infoBox {
    margin: 0 20px 0 20px;
}
.privacypolicy p {
    margin-bottom: 18px;
    line-height: 1.6;
}
.privacypolicy p a {
    color: #2670AF;
}
.privacypolicy .txt01 {
    margin-bottom: 71px;
}
.privacypolicy .txt02 {
    margin: 0 0 72px 14px;
    text-indent: 1em;
}
.privacypolicy .txt03 {
    margin: 0 0 0 13px;
    text-indent: 1em;
}
.privacypolicy .txt04 {
    margin: 0 0 10px 13px;
    text-indent: 1em;
}
.privacypolicy .txt05 {
    margin: 0 0 22px 13px;
}
.privacypolicy .txt05 .linkSpan {
    display: block;
    margin-top: 2px;
}
.privacypolicy .txt06 {
    margin: 0 0 14px 14px;
}
.privacypolicy .txt07 {
    margin: 0 0 32px 13px;
    text-indent: 1em;
}
.privacypolicy .txt08 {
    margin: 0 0 36px 13px;
    text-indent: 1em;
}
.privacypolicy .txt09 {
    margin: 0 0 7px 13px;
    text-indent: 1em;
}
.privacypolicy .txt09 .notesSpan {
    display: block;
    font-weight: 700;
}
.privacypolicy .notes {
    font-weight: 700;
    margin: 0 0 35px 14px;
    padding: 7px 0 0 1em;
	text-indent: -1em;
}
.privacypolicy .notes01 {
    padding: 0 0 0 1em;
    text-indent: -1em;
    margin: 0 0 28px 14px;
}
.privacypolicy .notes02 {
    margin-bottom: 12px;
}
.privacypolicy .infoBox .txtList {
    margin: 0 -10px 19px 6px;
}
.privacypolicy .infoBox .txtList01 {
    margin-bottom: 82px;
}
.privacypolicy .infoBox .txtList li {
    padding: 0 0 9px 1em;
    position: relative;
    text-indent: -1em;
    line-height: 1.6;
}
.privacypolicy .infoBox .txtList li:last-child {
    padding-bottom: 0;
}
.privacypolicy .infoBox .txtList li:before {
    position: absolute;
    left: 0;
    top: 0;
}
.privacypolicy .infoBox .ttl {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 6px 15px;
}
.privacypolicy .infoBox .txtList02 {
    margin: 0 0 14px 15px;
}
.privacypolicy .infoBox .txtList02 li {
    padding-bottom: 1px;
}
.privacypolicy .infoBox .txtList03 {
    margin: 0 0 0 13px;
}
.privacypolicy .infoBox .txtList03 li {
    padding-bottom: 0;
    line-height: 1.7;
}
.privacypolicy .infoBox .txtList04 {
    margin-bottom: 20px;
}
.privacypolicy .infoBox .txtList05 {
    margin-bottom: 40px;
}
.privacypolicy .notesTxt {
	margin: 0 0 35px 33px;
	padding-left: 1em;
	text-indent: -1em;
}
.privacypolicy .indent {
    text-indent: 1em;
    margin: 0 0 0 13px;
}
.privacypolicy .indent01 {
    margin-bottom: 10px;
}
.privacypolicy .linkTxt {
    margin: 0 0 22px 15px;
}
.privacypolicy .linkTxt01 {
    margin-bottom: 44px;
}
.privacypolicy .linkUl {
    margin: 0 0 57px 15px;
}
.privacypolicy .linkUl li a {
    color: #2670AF;
}
.privacypolicy .linkUl li {
    padding-bottom: 9px;
}
.privacypolicy .linkUl li:last-child {
    padding-bottom: 0;
}
.privacypolicy .borderBox {
    padding: 28px 54px 26px 33px;
    border: 1px solid #707070;
}
.privacypolicy .borderBox .top {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 2.4rem;
}
.privacypolicy .borderBox .txt {
    width: 600px;
}
.privacypolicy .borderBox .txt a {
    color: #333;
}
.privacypolicy .borderBox .comLink {
    margin-top: 13px;
}
@media all and (min-width: 897px) {
	.privacypolicy p a:hover {
		color: #1A98D1; 
	}
	.privacypolicy .linkUl li a:hover {
		color: #1A98D1; 
	}
}
@media all and (max-width: 896px) {
	.privacypolicy .date {
		margin-bottom: 55px;
		text-align: right;
		line-height: 1.5;
	}
	.privacypolicy .title {
		margin-bottom: 69px;
		font-size: 2.1rem;
		line-height: 1.5;
		text-align: left;
	}
	.privacypolicy .infoBox {
		margin: 0 3px;
	}
	.privacypolicy p {
		margin-bottom: 24px;
		line-height: 1.84;
		text-align: justify;
	}
	.privacypolicy .txt01 {
		margin-bottom: 56px;
	}
	.privacypolicy .txt02 {
		margin: 0 0 60px 14px;
		line-height: 1.7;
	}
	.privacypolicy .txt03 {
		margin: 0 0 0 13px;
		line-height: 1.7;
	}
	.privacypolicy .txt04 {
		margin: 0 0 10px 13px;
		text-indent: 1em;
	}
	.privacypolicy .txt05 {
		margin: 0 0 11px 13px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.privacypolicy .txt05 .linkSpan {
		margin: 8px 0 0;
		line-height: 1.4;
		font-size: 1.4rem;
	}
	.privacypolicy .txt06 {
		line-height: 1.7;
		margin: 0 0 7px 14px;
	}
	.privacypolicy .txt07 {
		margin: 0 0 26px 13px;
		line-height: 1.7;
	}
	.privacypolicy .txt08 {
		margin: 0 0 40px 13px;
		line-height: 1.7;
	}
	.privacypolicy .txt09 {
		margin: 0 0 27px 13px;
		line-height: 1.7;
	}
	.privacypolicy .notes {
		margin: 0 0 17px 14px;
		line-height: 1.7;
	}
	.privacypolicy .notes01 {
		padding: 0 0 0 1em;
		text-indent: -1em;
		margin: 0 0 31px 14px;
	}
	.privacypolicy .notes02 {
		margin-bottom: 30px;
	}
	.privacypolicy .infoBox .txtList {
		margin: 0 0 16px 13px;
	}
	.privacypolicy .infoBox .txtList01 {
		margin: 0 0 60px;
	}
	.privacypolicy .infoBox .txtList li {
		padding: 0 0 9px 1em;
		position: relative;
		text-indent: -1em;
		line-height: 1.84;
	}
	.privacypolicy .infoBox .txtList li:last-child {
		padding-bottom: 0;
	}
	.privacypolicy .infoBox .txtList li:before {
		position: absolute;
		left: 0;
		top: 0;
	}
	.privacypolicy .infoBox .ttl {
		font-size: 1.8rem;
		margin: 0 0 0 15px;
	}
	.privacypolicy .infoBox .txtList02 {
		margin: 0 0 22px 15px;
	}
	.privacypolicy .infoBox .txtList02 li {
		padding-bottom: 0;
		line-height: 1.7;
	}
	.privacypolicy .infoBox .txtList03 {
		margin: 0 0 30px 13px;
	}
	.privacypolicy .infoBox .txtList03 li {
		padding-bottom: 5px;
		line-height: 1.7;
	}
	.privacypolicy .infoBox .txtList04 {
		margin-bottom: 28px;
	}
	.privacypolicy .infoBox .txtList04 li {
		padding-bottom: 0;
	}
	.privacypolicy .infoBox .txtList05 {
		margin-bottom: 55px;
	}
	.privacypolicy .notesTxt {
		margin: 0 0 45px 13px;
		line-height: 1.7;
	}
	.privacypolicy .indent {
		margin: 0 0 0 13px;
		line-height: 1.7;
	}
	.privacypolicy .indent01 {
		margin-bottom: 27px;
	}
	.privacypolicy .linkTxt {
		margin: 0 0 27px 15px;
	}
	.privacypolicy .linkTxt01 {
		margin-bottom: 44px;
	}
	.privacypolicy .linkUl {
		margin: 0 0 50px 15px;
		padding-top: 6px;
	}
	.privacypolicy .linkUl li {
		padding-bottom: 5px;
	}
	.privacypolicy .linkUl li:last-child {
		padding-bottom: 0;
	}
	.privacypolicy .borderBox {
		padding: 13px 18px 29px 18px;
	}
	.privacypolicy .borderBox .top {
		margin-bottom: 5px;
		font-size: 1.8rem;
	}
	.privacypolicy .borderBox .subBox {
		display: block;
	}
	.privacypolicy .borderBox .txt {
		margin-bottom: 26px;
		width: auto;
		line-height: 1.7
	}
	.privacypolicy .borderBox .comLink {
		margin: 0 -4px;
	}
	.privacypolicy .borderBox .comLink a {
		margin: 0 auto;
		max-width: 320px;
	}
}
/*------------------------------------------------------------
	news
------------------------------------------------------------*/
.newsPage .headLine01 {
	margin-bottom: 108px;
}
@media all and (max-width: 896px) {
	.newsPage .headLine01 {
		margin-bottom: 56px;
	}
}
/*------------------------------------------------------------
	news/detail
------------------------------------------------------------*/
.newsDetail .content {
	width: 960px;
}
.newsDetail .headLine01 {
	margin-bottom: 102px;
}
.newsDetail .pho {
	margin-bottom: 74px;
	text-align: center;
}
.newsDetail .pho img {
	height: auto;
}
.newsDetail .title {
	margin-bottom: 78px;
	padding: 0 0 14px 30px;
	border-bottom: 1px dashed #D3D3D3;
}
.newsDetail .title .date {
	font-weight: 300;
}
.newsDetail .title .category {
	margin-left: 10px;
}
.newsDetail .title .infoCategory {
	margin-right: 13px;
	color: #fff;
	padding: 1px 12px;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius: 30px;
	display: inline-block;
	background: #0E64AE;
}
.newsDetail .title .infoCategory02 {
	background: #F68E00;
}
.newsDetail .title .infoCategory03 {
	background: #DB0015;
}
.newsDetail .title .infoCategory04 {
	background: #008000;
}
.newsDetail .title .infoCategory05 {
	background: #45E58D;
}
.newsDetail .title .new {
	color: #fff;
	padding: 2px 9px;
	font-size: 1.7rem;
	font-family: Arial, Helvetica, "sans-serif";
	border-radius: 30px;
	letter-spacing: -0.04em;
	background: #FF0000;
}
.newsDetail .detailBox {
	margin-bottom: 120px;
	padding: 0 30px 82px;
	border-bottom: 1px dashed #D3D3D3;
}
.newsDetail .detailBox p {
	line-height: 1.6;
}
.newsDetail .detailBox p a {
	opacity: 1;
}
.newsDetail .detailBox p a:hover {
	opacity: 0.5;
}
.newsDetail h3 {
    margin-bottom: 65px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.15;
}
@media all and (max-width: 896px) {
	.newsDetail .content {
		width: auto;
	}
	.newsDetail .headLine01 {
		margin-bottom: 40px;
	}
	.newsDetail .pho {
		margin-bottom: 47px;
	}
	.newsDetail .title {
		margin-bottom: 23px;
		padding: 0 17px 14px;
		border-bottom: none;
	}
	.newsDetail .title .date {
		font-size: 2rem;
	}
	.newsDetail .title .category {
		margin: 14px 0 0;
		display: block;
	}
	.newsDetail .title .new {
		margin-right: 13px;
	}
	.newsDetail .detailBox {
		margin: 0 3px 80px;
		padding: 0 14px 9px;
		border-bottom: 1px dashed #D3D3D3;
	}
	.newsDetail .detailBox p {
		font-size: 1.8rem;
		line-height: 2;
	}
}
/*------------------------------------------------------------
	comform
------------------------------------------------------------*/
.comForm .infoSec {
	margin: 0 60px;
}
.comForm .txt {
	margin-bottom: 70px;
	line-height: 1.6;
}
.comForm table {
	margin-bottom: 13px;
	width: 100%;
	border-collapse: collapse;
	word-break: break-all;
}
.comForm th,
.comForm td {
	padding: 0 0 40px;
	text-align: left;
	vertical-align: top;
}
.comForm th {
	padding-top: 5px;
	font-weight: 700;
	width: 21%;
}
.comForm td input[type="text"],
.comForm td input[type="email"],
.comForm td input[type="tel"],
.comForm td select,
.comForm td textarea {
	width: 100%;
	height: 60px;
	padding: 5px 25px;
	font-size: 1.8rem;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #707070;
	-webkit-appearance: none;
}
.comForm td select {
	padding-right: 38px;
	background: url("../images/common/icon10.png") no-repeat right 18px center;
	background-size: 16px auto; 
}
.comForm td .wid01 {
	width: 89.4% !important;
}
.comForm td .wid02 {
	width: 329px !important;
}
.comForm td textarea {
	resize: vertical;
	height: 140px;
	padding: 13px 25px;
}
.comForm td select::-ms-expand { display: none; }
.comForm .must {
	color: #FF0000;
	font-weight: 400;
	font-size: 1.2rem;
}
.comForm th .must {
	display: block;
	margin-top: 2px;
}
.comForm td .notesTxt {
	margin: 20px 0 15px 6px;
	font-size: 1.8rem;
	letter-spacing: 0.06em;
}
.comForm td .infoBox {
	margin: 0 80px;
}
.comForm td .infoBox .txtP {
	margin-bottom: 20px;
	padding: 13px 16px 10px;
	width: 596px;
	font-size: 1.5rem;
	line-height: 1.55;
	box-sizing: border-box;
	border: 1px solid #707070;
}
.comForm td .infoBox .txt01 {
	margin-bottom: 3px;
	font-size: 1.5rem;
}
.comForm td .infoBox .txtList {
	margin-bottom: 1px;
}
.comForm td .infoBox .txtList li {
	padding-bottom: 1px;
	font-size: 1.5rem;
}
.comForm td .infoBox .txt02 {
	margin-bottom: 15px;
	font-size: 1.5rem;
}
.comForm td .infoBox .txt03 {
	margin: 0 0 16px 10px;
	font-size: 1.5rem;
	letter-spacing: 0.04em;
}
.comForm td .infoBox .txt04 {
	color: #B40019;
	font-size: 1.6rem;
	letter-spacing: 0.06em;
}
.comForm .ttl {
	margin: 0 26px 17px;
	font-weight: 700;
}
.comForm .ttl .must {
	margin: 0 0 0 10px;
}
.comForm .privacyTxt {
	margin: 0 0 25px 26px;
}
.comForm .privacyTxt a {
	margin-right: 7px;
	color: #2670AF;
	font-weight: 700;
}
.comForm .agreeTxt {
	margin: 0 26px 112px;
	font-size: 1.6rem;
}
.comForm .agreeTxt input[type="checkbox"] {
	display: none;
}
.comForm .agreeTxt input[type="checkbox"] + span {
	background: url("../images/common/icon07.png") no-repeat left top;
	background-size: 38px 32px;
	display: block;
	padding: 6px 0 6px 47px;
}
.comForm .agreeTxt input[type="checkbox"]:checked + span {
	background: url("../images/common/icon08.png") no-repeat left top;
	background-size: 38px 32px;
}
.comForm .submit {
	text-align: center;
}
.comForm .submit li {
	margin: 0 37px;
	display: inline-block;
	vertical-align: top;
}
.comForm .submit li input {
	width: 320px;
	height: 80px;
	font-size: 2rem;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 0 46px 0 0;
	box-sizing: border-box;
	background: #0C626B url("../images/common/icon09.png") no-repeat right 26px center;
	background-size: 23px auto; 
	border-radius: 80px;
	letter-spacing: 0.04em;
	-webkit-transition: .3s; 
	transition: .3s;
	-webkit-appearance: none;
}
@media all and (min-width: 897px) {
	.comForm .submit li input:hover {
		background-color: #00B9CC;
	}
	.comForm td .infoBox .txtP a:hover {
		color: #1A98D1;
	}
	.comForm .privacyTxt a:hover {
		color: #1A98D1;
	}
}
@media all and (max-width: 896px) {
	.comForm .infoSec {
		margin: 0 13px;
	}
	.comForm .txt {
		margin: 0 11px 46px;
		line-height: 1.45;
		font-size: 1.8rem;
		letter-spacing: 0.02em;
	}
	.comForm table {
		margin-bottom: 20px;
	}
	.comForm th,
	.comForm td {
		padding: 0 0 23px;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	.comForm th {
		padding: 0 0 7px;
		width: 100%;
		font-size: 2rem;
	}
	.comForm td input[type="text"],
	.comForm td input[type="email"],
	.comForm td input[type="tel"],
	.comForm td select,
	.comForm td textarea {
		height: 48px;
		padding: 5px 18px;
		font-size: 1.6rem;
	}
	.comForm td select {
		padding-right: 36px;
		background: url("../images/common/icon10.png") no-repeat right 18px center;
		background-size: 16px auto; 
	}
	.comForm td .wid01 {
		width: 100% !important;
	}
	.comForm td .wid02 {
		width: 100% !important;
	}
	.comForm td textarea {
		height: 240px;
		padding: 11px 19px;
	}
	.comForm th .must {
		display: inline-block;
		margin: 2px 0 0 10px;
	}
	.comForm td .notesTxt {
		margin: 43px 0 26px 9px;
		font-size: 1.8rem;
		line-height: 1.8;
	}
	.comForm td .infoBox {
		margin: 0;
	}
	.comForm td .infoBox .txtP {
		margin: 0 10px 20px;
		padding: 11px 16px 20px;
		width: auto;
		font-size: 1.5rem;
		line-height: 1.55;
	}
	.comForm td .infoBox .txtP .infoTxt {
		display: block;
		padding: 14px 0;
	}
	.comForm td .infoBox .txt01 {
		margin: 0 10px 7px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.comForm td .infoBox .txtList {
		margin: 0 10px 8px;
	}
	.comForm td .infoBox .txtList li {
		padding-bottom: 1px;
		font-size: 1.5rem;
	}
	.comForm td .infoBox .txt02 {
		margin: 0 10px 15px;
		font-size: 1.5rem;
	}
	.comForm td .infoBox .txt03 {
		margin: 0 0 16px 25px;
		line-height: 1.55;
	}
	.comForm td .infoBox .txt04 {
		margin: 0 16px;
		padding-left: 1em;
		text-indent: -1em;
		line-height: 1.2;
	}
	.comForm .ttl {
		margin: 0 0 20px 14px;
		font-size: 2rem;
	}
	.comForm .ttl .must {
		margin: 0 0 0 10px;
	}
	.comForm .privacyTxt {
		margin: 0 10px 37px 17px;
		font-size: 1.8rem;
		line-height: 1.62;
	}
	.comForm .privacyTxt a {
		margin-right: 5px;
		font-size: 2rem;
	}
	.comForm .agreeTxt {
		margin: 0 0 69px;
		font-size: 1.8rem;
		text-align: center;
	}
	.comForm .agreeTxt input[type="checkbox"] + span {
		background: url("../images/common/icon07.png") no-repeat center top;
		background-size: 38px 32px;
		padding: 51px 0 0;
	}
	.comForm .agreeTxt input[type="checkbox"]:checked + span {
		background: url("../images/common/icon08.png") no-repeat center top;
		background-size: 38px 32px;
	}
	.comForm .submit li {
		margin: 0 0 41px;
		display: block;
	}
	.comForm .submit li:last-child {
		margin-bottom: 0;
	}
	.comForm .submit li input {
		height: 60px;
		max-width: 320px;
		margin: 0 auto;
		width: 100%;
	}
}
/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
.contact .content {
	width: 1080px;
}
.contact .headLine01 {
	margin-bottom: 102px;
}
@media all and (max-width: 896px) {
	.contact .content {
		width: auto;
	}
	.contact .headLine01 {
		margin-bottom: 59px;
	}
}
.confirm .title {
	margin-bottom: 48px;
}
.confirm .comForm .infoSec {
	margin: 0 45px; 
}
.confirm table {
	margin-bottom: 62px;
}
.confirm th,
.confirm td {
	padding: 48px 0 14px 22px;
	border-bottom: 1px solid #707070;
}
.confirm th {
	width: 27%;
}
.confirm th .must {
	display: inline-block;
	margin-left: 10px;
}
.confirm td .nameTxt01 {
	width: 358px;
	display: inline-block;
}
.confirm td .infoPrivacy {
	padding-left: 40px;
	background: url("../images/common/icon11.png") no-repeat left center;
	background-size: 38px auto;
}
.confirm .confirmTxt {
	margin-bottom: 85px;
	color: #1A1311;
	text-align: center;
	letter-spacing: 0.04em;
}
@media all and (max-width: 896px) {
	.confirm .title {
		margin-bottom: 47px;
	}
	.contact .title::before {
		width: 81px;
	}
	.contact .title::after {
		width: 81px;
	}
	.confirm .comForm .infoSec {
		margin: 0; 
	}
	.confirm table {
		margin-bottom: 105px;
	}
	.confirm th,
	.confirm td {
		font-size: 1.8rem;
		padding: 0 0 7px 17px;
		border-bottom: 1px solid #707070;
	}
	.confirm td {
		margin-bottom: 39px;
	}
	.confirm th {
		padding: 0 0 17px 14px;
		font-size: 2rem;
		width: 100%;
		border-bottom: none;
	}
	.confirm td .nameTxt01 {
		width: auto;
		margin-right: 18px;
		display: inline-block;
	}
	.confirm td .infoPrivacy {
		margin-top: 16px;
		padding: 2px 0 0 42px;
		font-size: 2rem;
		background: url("../images/common/icon11.png") no-repeat left top;
		background-size: 38px auto;
	}
	.confirm .confirmTxt {
		font-size: 1.8rem;
		margin: 0 20px 81px;
		letter-spacing: 0;
		line-height: 1.75;
	}
	.confirm .comForm .submit li input {
		padding-right: 23px;
	}
}
.thanks .notes {
	margin-bottom: 25px;
	padding-top: 2px;
	color: #B40019;
	font-size: 2rem;
	line-height: 2.05;
	letter-spacing: 0.06em;
	text-align: center;
}
.thanks .txtP {
	margin-bottom: 42px;
	color: #1A1311;
	font-size: 2.8rem;
	text-align: center;
	line-height: 1.7;
	letter-spacing: 0.06em;
}
.thanks .borderBox {
	width: 800px;
	padding: 30px 43px 35px;
	margin: 0 auto 121px;
	box-sizing: border-box;
	border: 1px solid #707070;
	border-radius: 10px;
}
.thanks .borderBox .top {
	margin-bottom: 15px;
	font-size: 1.8rem;
	letter-spacing: 0.06em;
}
.thanks .borderBox .infoBox {
	margin: 0 0 0 75px;
}
.thanks .borderBox .txt01 {
	margin-bottom: 20px;
	padding: 11px 15px 9px;
	width: 598px;
	font-size: 1.5rem;
	line-height: 1.6;
	box-sizing: border-box;
	border: 1px solid #707070;
}
.thanks .borderBox .txt02 {
	margin-bottom: 2px;
	font-size: 1.5rem;
}
.thanks .borderBox .txtList {
	margin-bottom: 20px;
}
.thanks .borderBox .txtList li {
	line-height: 1.6;
	font-size: 1.5rem;
}
.thanks .borderBox .txtList01 li {
	padding-left: 1em;
	text-indent: -1em;
}
.thanks .borderBox .txt03 {
	margin-bottom: 14px;
	font-size: 1.5rem;
}
.thanks .borderBox .txt04 {
	margin-bottom: 10px;
	color: #1A1311;
	letter-spacing: 0.04em;
	line-height: 1.65;
	font-size: 1.5rem;
}
.thanks .borderBox .txt05 {
	color: #B40019;
	font-size: 1.6rem;
	letter-spacing: 0.06em;
}
.thanks .comLink02 a {
	margin: 0 auto;
}
@media all and (min-width: 897px) {
	.thanks .borderBox .txt01 a:hover {
		color: #1A98D1;
	}
}
@media all and (max-width: 896px) {
	.thanks .notes {
		margin-bottom: 50px;
		padding: 20px 0 0 1em;
		font-size: 1.8rem;
		line-height: 1.5;
		text-align: left;
		text-indent: -1em;
		letter-spacing: 0.06em;
	}
	.thanks .txtP {
		margin: 0 -10px 57px;
		font-size: 2rem;
		line-height: 1.8;
		letter-spacing: 0.02em;
	}
	.thanks .borderBox {
		width: auto;
		padding: 16px 20px 37px;
		margin: 0 auto 90px;
		box-sizing: border-box;
		border: 1px solid #707070;
		border-radius: 18px;
	}
	.thanks .borderBox .top {
		margin-bottom: 24px;
		font-size: 1.8rem;
		line-height: 1.85;
	}
	.thanks .borderBox .infoBox {
		margin: 0 3px;
	}
	.thanks .borderBox .txt01 {
		margin-bottom: 20px;
		padding: 13px 15px 19px;
		width: auto;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.thanks .borderBox .txt01 .infoTxt {
		display: block;
		margin: 11px 0;
	}
	.thanks .borderBox .txt02 {
		margin-bottom: 7px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.thanks .borderBox .txtList {
		margin-bottom: 5px;
	}
	.thanks .borderBox .txt03 {
		margin-bottom: 14px;
		font-size: 1.5rem;
	}
	.thanks .borderBox .txt04 {
		margin-bottom: 10px;
		color: #1A1311;
		letter-spacing: 0.04em;
		line-height: 1.65;
		font-size: 1.5rem;
	}
	.thanks .borderBox .txt04 .infoSpan {
		margin-left: 13px;
		display: block;
	}
	.thanks .borderBox .txt05 {
		margin-left: 6px;
		font-size: 1.6rem;
		line-height: 1.25;
		padding-left: 1em;
		text-indent: -1em;
	}
}
/*------------------------------------------------------------
	powergeneration
------------------------------------------------------------*/
.comSec {
	margin-top: -34px;
}
.comSec h2 {
	margin-bottom: 52px;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.04em;
}
.comSec .listUl li {
	margin: 0 5px;
	width: 280px;
	text-align: center;
}
.comSec .listUl li .current,
.comSec .listUl li a {
	color: #fff;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #1C9AFF;
}
.comSec .listUl .li02 a {
	color: #4AAE3B;
	font-weight: 700;
	background: #EBEBEB;
}
.comSec .listUl .li03 a {
	color: #FAA63F;
	font-weight: 700;
	background: #EBEBEB;
}
.comSec .listUl li .small {
	margin-top: -2px;
	display: block;
	font-size: 1.4rem;
}
.comSec .topBox {
	margin-bottom: 50px;
	padding: 73px 0;
	text-align: center;
	background: url("../images/powergeneration/top_box_bg.png") no-repeat center bottom;
	background-size: cover;
}
.comSec .topBox p {
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.65;
}
.comSec .topBox p .infoSpan {
	padding: 5px 0;
	display: block;
	font-size: 2.8rem;
	font-weight: 700;
}
.headLine05 {
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.headLine05 .num {
	width: 90px;
	height: 90px;
	color: #fff;
	font-size: 4rem;
	font-weight: 800;
	font-family: 'M PLUS 1p', sans-serif;
	text-align: center;
	line-height: 92px;
	background: linear-gradient(0deg, #109aff 0%, #12c9ea 100%);
	border-radius: 50%;
}
.headLine05 .ttl {
	margin-top: 22px;
	padding-bottom: 8px;
	color: #053D76;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 400;
	font-size: 3.2rem;
	width: calc(100% - 110px);
	letter-spacing: 0.04em;
	background: linear-gradient(90deg, #109aff 0%, #12c9ea 100%);
}
.headLine05 .ttl .info {
	display: block;
	background: #fff;
}
.comSec .imgBox {
	margin: 0 0 67px 20px;
}
.comSec .imgBox .textBox {
	float: left;
	width: 580px;
}
.comSec .imgBox .textBox p {
	margin: 0 0 0 110px;
	line-height: 1.8;
	letter-spacing: 0.04em;
}
.comSec .imgBox .photoBox {
	float: right;
	width: 580px;
	margin: 120px -68px 0 0;
}
.comSec .imgBox01 .photoBox {
	margin: 80px -47px 0 0;
}
.comSec .imgBox02 .photoBox {
	margin: 120px -47px 0 0;
}
.comSec .imgBox .textBox .notes {
	color: #1A1311;
	display: block;
	font-size: 1.5rem;
	margin-top: 30px;
	letter-spacing: 0;
}
.comSec .photoUl {
	margin: 0 82px 43px 116px;
	flex-direction: row-reverse;
}
.comSec .photoUl li {
	text-align: center;
}
.comSec .photoUl li span {
	margin-top: 10px;
	display: block;
	font-size: 1.6rem;
	font-family: 'M PLUS 1p', sans-serif;
	color: #1A1311;
	letter-spacing: 0.04em;
}
.comSec .videoSec {
	margin-bottom: 110px;
	padding: 52px 0 48px;
	background: url("../images/powergeneration/video_sec_bg.png") repeat left top;
	background-size: 8px auto; 
}
.comSec .videoSec .whiteBox {
	width: 802px;
	padding: 17px 40px 17px;
	margin: 0 auto;
	box-sizing: border-box;
	background: #fff;
}
.comSec .videoSec01 .whiteBox {
	padding: 56px 40px 95px;
	width: 1200px;
}
.comSec .whiteBox .title {
	margin-bottom: 11px;
	font-family: 'M PLUS 1p', sans-serif;
	text-align: center;
	letter-spacing: 0.04em;
}
.comSec .videoSec01 .whiteBox  .title {
	margin-bottom: 40px;
}
.comSec .whiteBox .title .info {
	padding: 10px 0 10px 87px;
	display: inline-block;
	background: url("../images/powergeneration/icon.png") no-repeat left center;
	background-size: 60px auto; 
}
.comSec .whiteBox .videoList li {
	width: 722px;
	text-align: center;
}
.comSec .videoSec01 .whiteBox .videoList li {
	width: 532px;
}
.comSec .whiteBox .videoList li .video iframe {
	width: 100%;
	height: 400px;
	vertical-align: top;
}
.comSec .videoSec01 .whiteBox .videoList li .video iframe {
	height: 290px;
}
.comSec .whiteBox .videoList li .txtSpan {
	margin-top: 18px;
	color: #1A1311;
	display: block;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 1.8rem;
	letter-spacing: 0.04em;
}
.comSec .tit {
	margin-bottom: 10px;
	color: #053D76;
	font-family: 'M PLUS 1p', sans-serif;
	letter-spacing: 0.04em;
	font-size: 2.4rem;
	text-align: center;
}
.comSec .ulBox {
	margin: 0 42px 175px 135px;
	padding: 30px 0;
	background: #FFFDD1;
	border-radius: 200px;
}
.comSec .ulBox .ulList li {
	margin: 0 10px;
	width: 179px;
	height: 179px;
	color: #fff;
	font-size: 1.8rem;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #0E64AE;
	border-radius: 50%;
	letter-spacing: 0.04em;
	line-height: 1.35;
	transform: rotate(0.05deg);
}
.comSec .link {
	width: 600px;
	margin: 0 auto;
}
.comSec .link .over {
	display: none;
}
.comSec .link a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 110px;
	background: url("../images/powergeneration/link_bg.png") no-repeat center bottom;
	background-size: 100% auto;
	border: 4px solid #1A98D1;
}
.comSec .link .txtSpan {
	padding-left: 12px;
	font-size: 2.1rem;
	font-weight: 500;
	font-family: 'M PLUS 1p', sans-serif;
	letter-spacing: 0.08em;
}
@media all and (min-width: 897px) {
	.comSec .listUl .li02 a:hover {
		color: #fff;
		font-weight: 400;
		background: #4AAE3B;
	}
	.comSec .listUl .li03 a:hover {
		color: #fff;
		font-weight: 400;
		background: #FAA63F;
	}
	.comSec .link a:hover {
		color: #fff;
		background-color: #21B9CC;
	}
	.comSec .link a:hover .over {
		display: block;
	}
	.comSec .link a:hover .out {
		display: none;
	}
}
@media all and (max-width: 896px) {
	.comSec {
		margin-top: -4px;
	}
	.comSec .spTit {
		margin-bottom: 11px;
		text-align: center;
	}
	.comSec h2 {
		margin-bottom: 40px;
		font-size: 2.8rem;
		line-height: 1.3;
	}
	.comSec .listUl {
		margin: 0 -20px;
	}
	.comSec .listUl li {
		margin: 0;
		width: 100%;
		text-align: center;
	}
	.comSec .listUl li .current,
	.comSec .listUl li a {
		height: 90px;
	}
	.comSec .listUl li .small {
		margin-top: -2px;
		font-weight: 900;
		font-size: 2.4rem;
	}
	.comSec .topBox {
		margin-bottom: 71px;
		padding: 102px 0;
		text-align: center;
		background: url("../images/powergeneration/sp_top_box_bg.jpg") no-repeat center bottom;
		background-size: cover;
	}
	.comSec .topBox p {
		margin: 0 -10px;
		color: #fff;
		font-size: 1.6rem;
		line-height: 2.5;
		letter-spacing: 0;
	}
	.comSec .topBox p .infoSpan {
		padding: 6px 0;
		font-size: 1.8rem;
	}
	.headLine05 {
		margin-bottom: 28px;
		display: block;
	}
	.headLine05 .num {
		margin: 0 0 10px 10px;
		display: block;
		width: 62px;
		height: 62px;
		font-size: 2.8rem;
		line-height: 60px;
	}
	.headLine05 .ttl {
		display: block;
		margin-top: 22px;
		font-size: 2.4rem;
		width: 100%;
	}
	.headLine05 .ttl .info {
		padding-left: 17px;
	}
	.comSec .imgBox {
		margin: 0 0 27px;
	}
	.comSec .imgBox .textBox {
		float: none;
		width: auto;
	}
	.comSec .imgBox .textBox p {
		margin: 0 0 0 20px;
		font-size: 1.6rem;
		line-height: 1.75;
		letter-spacing: 0.04em;
	}
	.comSec .imgBox .photoBox {
		float: none;
		width: auto;
		text-align: center;
		margin: 34px -5px 0;
	}
	.comSec .imgBox01 {
		margin-bottom: 85px;
	}
	.comSec .imgBox01 .photoBox {
		margin: 33px 0 0;
	}
	.comSec .imgBox02 {
		margin-bottom: 40px;
	}
	.comSec .imgBox02 .photoBox {
		margin: 30px 0 0;
	}
	.comSec .imgBox .photoBox img {
		width: 100%;
	}
	.comSec .imgBox .textBox .notes {
		font-size: 1.3rem;
		margin-top: 17px;
	}
	.comSec .photoUl {
		margin: 0 5px 68px;
		display: block;
	}
	.comSec .photoUl li {
		margin-bottom: 36px;
		width: 100%;
	}
	.comSec .photoUl li:last-child {
		margin-bottom: 0;
	}
	.comSec .photoUl li span {
		margin-top: 13px;
		font-size: 1.2rem;
	}
	.comSec .photoUl li img {
		width: 100%;
		margin: 0 auto;
	}
	.comSec .photoUl li:last-child img {
		width: 90%;
	}
	.comSec .videoSec {
		margin-bottom: 90px;
		padding: 26px 20px 56px;
	}
	.comSec .videoSec01 {
		padding-bottom: 37px;
	}
	.comSec .videoSec .whiteBox {
		width: auto;
		padding: 17px 17px 24px;
		margin: 0 auto;
	}
	.comSec .videoSec01 .whiteBox {
		padding: 19px 18px 95px;
		width: auto;
	}
	.comSec .whiteBox .title {
		margin-bottom: 17px;
		text-align: left;
	}
	.comSec .whiteBox .spTitle {
		padding: 22px 20px 0;
		background: #fff;
	}
	.comSec .whiteBox .spTitle .title {
		margin-bottom: 0;
	}
	.comSec .whiteBox .title .info {
		padding: 38px 0 0 0;
		display: inline-block;
		letter-spacing: 0;
		background: url("../images/powergeneration/icon.png") no-repeat left top;
		background-size: 38px auto; 
	}
	.comSec .whiteBox .videoList li {
		width: 100%;
		text-align: center;
	}
	.comSec .videoSec01 .whiteBox {
		background: none;
		padding: 0;
	}
	.comSec .videoSec01 .whiteBox .videoList li {
		width: 100%;
		padding: 10px 15px 22px;
		box-sizing: border-box;
		text-align: left;
		background: #fff;
		margin-bottom: 15px;
	}
	.comSec .videoSec01 .whiteBox .videoList li:last-child {
		margin-bottom: 0;
	}
	.comSec .whiteBox .videoList li .video iframe{
		height: 170px;
	}
	.comSec .videoSec01 .whiteBox .videoList li .video iframe {
		height: 170px;
	}
	.comSec .whiteBox .videoList li .txtSpan {
		margin: 12px -5px 0;
		font-size: 1rem;
	}
	.comSec .videoSec01 .whiteBox .videoList li .txtSpan {
		margin: 12px 0 0;
	}
	.comSec .tit {
		margin-bottom: 25px;
	}
	.comSec .ulBox {
		margin: 0 0 70px;
		padding: 30px 7px;
		background: #E6E6E6;
		border-radius: 30px;
	}
	.comSec .ulBox .ulList {
		display: block;
	}
	.comSec .ulBox .ulList li {
		margin: 0 10px 16px;
		width: auto;
		padding: 17px 10px;
		height: auto;
		font-size: 1.6rem;
		display: block;
		border-radius: 50px;
		line-height: 1.35;
	}
	.comSec .ulBox .ulList li:last-child {
		margin-bottom: 0;
	}
	.comSec .spListUl {
		max-width: 320px;
		margin: 0 auto 48px;
	}
	.comSec .spListUl li {
		margin-bottom: 17px;
		width: 100%;
	}
	.comSec .spListUl li:last-child {
		margin-bottom: 0;
	}
	.comSec .spListUl li a,
	.comSec .spListUl li .current {
		height: 80px;
		display: flex;
		color: #fff;
		position: relative;
		font-family: 'M PLUS 1p', sans-serif;
		padding: 0 32px;
		box-sizing: border-box;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		background: url("../images/powergeneration/sp_bg01.png") no-repeat center bottom;
		background-size: cover;
		border-radius: 80px;
	}
	.comSec .spListUl .li02 a {
		background-image: url("../images/powergeneration/sp_bg02.png");
	}
	.comSec .spListUl .li03 a {
		background-image: url("../images/powergeneration/sp_bg03.png");
	}
	.comSec .spListUl li a:before,
	.comSec .spListUl li .current:before {
		position: absolute;
		right: 17px;
		background: url("../images/common/sp_icon04.png") no-repeat right center;
		background-size: 10px auto;
		width: 10px;
		top: 50%;
		height: 15px;
		content: "";
		margin-top: -7px;
	}
	.comSec .spListUl li .top {
		margin-bottom: -3px;
		display: block;
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.06em;
	}
	.comSec .spListUl li .infoSpan {
		display: block;
		font-size: 2rem;
		font-weight: 700;
	}
	.comSec .link {
		width: auto;
		margin: 0 auto;
		max-width: 350px;
	}
	.comSec .link a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 92px;
		background: url("../images/powergeneration/sp_bg04.png") no-repeat center bottom;
		background-size: 100% auto;
		border: 4px solid #1A98D1;
	}
	.comSec .link .txtSpan {
		padding: 3px 0 0;
		font-size: 1.6rem;
		letter-spacing: 0;
	}
	.comSec .btmBox {
		padding: 0 20px;
	}
}
/*------------------------------------------------------------
	powergeneration
------------------------------------------------------------*/
@media all and (max-width: 896px) {
	.powergeneration .spListUl .li01 .current {
		background: #D3EDFF;
	}
}
/*------------------------------------------------------------
	microbial
------------------------------------------------------------*/
@media all and (max-width: 896px) {
	.microbial .spListUl li .current {
		background: #D3EDFF;
	}
}
/*------------------------------------------------------------
	smartagriculture
------------------------------------------------------------*/
.smartagriculture .listUl .li01 a {
	color: #1C9AFF;
	font-weight: 700;
	background: #EBEBEB;
}
.smartagriculture .listUl .li02 .current {
	background: #4AAE3B;
}
.smartagriculture .topBox {
	background-image: url("../images/smartagriculture/top_box_bg.jpg");
}
.smartagriculture .headLine05 .num {
	background: linear-gradient(0deg,#409627 0%, #55c950 100%);
}
.smartagriculture .headLine05 .ttl {
	background: linear-gradient(90deg,#409627 0%, #55c950 100%);
}
.smartagriculture .headLine05 .ttl .info {
	color: #3A9927;
}
.smartagriculture .headLine05 .ttl .btm {
	display: block;
	font-size: 2rem;
	color: #3A9927;
	padding: 3px 0 5px;
	letter-spacing: 0.04em;
}
.smartagriculture .imgBox .photoBox {
	margin: 82px -46px 0 0;
}
.smartagriculture .imgBox01 {
	margin: 0 40px 104px 30px;
}
.smartagriculture .imgBox01 .photoBox {
	float: left;
	margin: 110px -50px 0 0;
}
.smartagriculture .imgBox01 .textBox {
	float: right;
}
.smartagriculture .imgBox02 {
	margin-bottom: 80px;
}
.smartagriculture .imgBox02 .photoBox {
	margin: 36px -37px 0 0;
}
.smartagriculture .btmBox {
	width: 954px;
	margin: 0 auto;
	padding-top: 15px;
}
.smartagriculture .btmBox .title {
	margin-bottom: 30px;
	text-align: center;
}
.smartagriculture .btmBox .title .info {
	padding-bottom: 7px;
	color: #3A9927;
	position: relative;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 3.2rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	display: inline-block;
}
.smartagriculture .btmBox .title .info:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg,#409627 0%, #55c950 100%);
	content: "";
	height: 8px;
}
.smartagriculture .btmBox .txtP {
	margin-bottom: 120px;
	line-height: 1.8;
	text-align: justify;
	letter-spacing: 0.04em;
}
@media all and (min-width: 897px) {
	.smartagriculture .listUl .li01 a:hover {
		color: #fff;
		font-weight: 400;
		background: #1C9AFF;
	}	
}
@media all and (max-width: 896px) {
	.smartagriculture .topBox {
		padding: 70px 0 74px;
		background-image: url("../images/smartagriculture/sp_top_box_bg.jpg");
	}
	.smartagriculture .topBox p .infoSpan {
		padding: 0;
		line-height: 2.05;
	}
	.smartagriculture .imgBox {
		margin-bottom: 88px;
	}
	.smartagriculture .imgBox .textBox p {
		line-height: 2;
	}
	.smartagriculture .imgBox .photoBox {
		margin: 37px auto 0;
		width: 92%;
	}
	.smartagriculture .imgBox .photoBox img {
		width: 100%;
	}
	.smartagriculture .imgBox01 {
		margin: 0 0 90px;
	}
	.smartagriculture .imgBox01 .photoBox {
		margin: 40px auto 0;
		float: none;
	}
	.smartagriculture .imgBox01 .textBox {
		float: none;
	}
	.smartagriculture .headLine05 .ttl .btm {
		padding-top: 5px;
	}
	.smartagriculture .imgBox02 .photoBox {
		margin: 72px auto 0;
	}
	.smartagriculture .whiteBox .videoList li .txtSpan {
		text-align: left;
		margin: 10px 0 0;
	}
	.smartagriculture .btmBox {
		width: auto;
		margin: -12px auto 0;
		padding-top: 0;
	}
	.smartagriculture .btmBox .title {
		margin-bottom: 21px;
		text-align: center;
	}
	.smartagriculture .btmBox .title .info {
		padding-bottom: 7px;
		font-size: 2.4rem;
		line-height: 1.65
	}
	.smartagriculture .btmBox .title .info:before {
		display: none;
	}
	.smartagriculture .btmBox .txtP {
		margin: 0 20px 102px;
		font-size: 1.6rem;
		line-height: 2;
		letter-spacing: 0.04em;
	}
	.smartagriculture .spListUl .li02 .current {
		background: #CAEAC6;
	}
}
/*------------------------------------------------------------
	learningworcation
------------------------------------------------------------*/
.learningworcation .listUl .li01 a {
	color: #1C9AFF;
	font-weight: 700;
	background: #EBEBEB;
}
.learningworcation .listUl .li03 .current {
	background: #FAA63F;
}
.learningworcation .topBox {
	background-image: url("../images/learningworcation/top_box_bg.jpg");
}
.learningworcation .headLine05 .num {
	background: linear-gradient(0deg,#f78919 0%, #fcc264 100%);
}
.learningworcation .headLine05 .ttl {
	background: linear-gradient(90deg,#f78919 0%, #fcc264 100%);
}
.learningworcation .headLine05 .ttl .info {
	color: #FF9D00;
}
.learningworcation .imgBox {
	margin: 0 44px 86px 22px;
}
.learningworcation .imgBox .photoBox {
	margin: 110px 0 0 0;
	width: 510px;
}
.learningworcation .imgBox .photoBox .txtSpan {
	margin: 25px 0 0 0;
	color: #1A1311;
	display: block;
	text-align: center;
	font-family: 'M PLUS 1p', sans-serif;
	letter-spacing: 0.06em;
}
.learningworcation .banner {
	margin-bottom: 130px;
	text-align: center;
}
.learningworcation .banner a:hover {
	opacity: 0.7;
}
.learningworcation .imgBox01 {
	margin: 0 48px 130px 50px;
}
.learningworcation .imgBox01 .photoBox {
	float: left;
	margin: 126px 0 0;
}
.learningworcation .imgBox01 .textBox {
	float: right;
}
.learningworcation .h3Ttl {
	margin: 0 60px 20px 23px;
}
.learningworcation .txtP {
	margin: 0 70px 90px 130px;
	line-height: 1.75;
	letter-spacing: 0.04em;
}
.learningworcation .detailBox {
	position: relative;
}
.learningworcation .detailBox .img01 {
	position: absolute;
    left: 0px;
    top: 220px;
    width: 28%;
}
.learningworcation .detailBox .img02 {
    position: absolute;
    right: 0px;
    top: -10px;
    width: 38%;
}
.learningworcation .topTxt {
	color: #FF9D00;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 3.2rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	margin: 0 0 23px 188px;
}
.learningworcation .txt01 {
	margin: 0 0 48px 185px;
	width: 480px;
	letter-spacing: 0.04em;
	line-height: 1.8;
	position: relative;
	z-index: 1;
}
.learningworcation .linkImg {
	margin: 0 0 145px 185px;
	position: relative;
	z-index: 1;
}
.learningworcation .linkImg a:hover {
	opacity: 0.7;
}
.learningworcation .phoImg {
    margin: -90px 0 120px -90px;
	text-align: center;
	position: relative;
}
.learningworcation .subBox {
	margin: 0 50px 52px 40px;
}
.learningworcation .subBox .photoBox {
	float: left;
	width: 532px;
}
.learningworcation .subBox .photoBox .txtSpan {
	margin-top: 25px;
	display: block;
	font-family: 'M PLUS 1p', sans-serif;
	color: #1A1311;
	text-align: center;
}
.learningworcation .subBox .photoBox .txtSpan .notes {
	display: block;
	font-size: 1.2rem;
}
.learningworcation .subBox .textBox {
	float: right;
	width: 490px;
	padding-top: 10px;
}
.learningworcation .subBox .textBox .topTxt {
	margin: 0 0 18px;
}
.learningworcation .subBox .textBox p {
	line-height: 1.8;
	letter-spacing: 0.04em;
}
.learningworcation .subBox .photoBox .txtSpan {
	display: block;
}
.learningworcation .subBox01 {
	margin: 0 60px 110px 80px;
	padding-top: 45px;
}
.learningworcation .subBox01 .photoBox {
	float: right;
	margin-top: -20px;
	width: 536px;
}
.learningworcation .subBox01 .textBox {
	float: left;
}
.learningworcation .photoList li {
	width: 25%;
	float: left;
}
.learningworcation .photoList li img {
	width: 100%;
}
@media all and (min-width: 897px) {
	.learningworcation .listUl .li01 a:hover {
		color: #fff;
		font-weight: 400;
		background: #1C9AFF;
	}	
}
@media all and (max-width: 896px) {
	.learningworcation .listUl .li01 a {
		color: #1C9AFF;
		font-weight: 700;
		background: #EBEBEB;
	}
	.learningworcation .listUl .li03 .current {
		background: #FAA63F;
	}
	.learningworcation .topBox {
		padding: 69px 0 78px;
		background-image: url("../images/learningworcation/sp_top_box_bg.jpg");
	}
	.comSec .topBox p .infoSpan {
		line-height: 2;
		padding: 2px 0;
	}
	.learningworcation .headLine05 .num {
		background: linear-gradient(0deg,#f78919 0%, #fcc264 100%);
	}
	.learningworcation .headLine05 .ttl {
		background: linear-gradient(90deg,#f78919 0%, #fcc264 100%);
	}
	.learningworcation .headLine05 .ttl .info {
		color: #FF9D00;
	}
	.learningworcation .imgBox {
		margin: 0 0 39px;
	}
	.learningworcation .imgBox .photoBox {
		margin: 40px auto 0;
		width: 96%;
	}
	.learningworcation .imgBox .photoBox .txtSpan {
		margin: 15px 0 0 0;
		font-size: 1.2rem;
		letter-spacing: 0.06em;
	}
	.learningworcation .imgBox .textBox p {
		line-height: 2;
	}
	.learningworcation .banner {
		margin: 0 15px 88px;
	}
	.learningworcation .imgBox01 {
		margin: 0 0 90px;
	}
	.learningworcation .imgBox01 .photoBox {
		float: none;
		width: 91%;
		margin: 30px auto 0;
	}
	.learningworcation .imgBox01 .photoBox .txtSpan {
		font-size: 1.1rem;
	}
	.learningworcation .imgBox01 .textBox {
		float: none;
	}
	.learningworcation .h3Ttl {
		margin: 0 0 20px;
	}
	.learningworcation .txtP {
		margin: 0 17px 46px;
		font-size: 1.6rem;
		line-height: 2;
		letter-spacing: 0.04em;
	}
	.learningworcation .detailBox .img01 {
		position: static;
		margin: 0 -20px 89px;
		width: 110%;
	}
	.learningworcation .detailBox .img01 img {
		width: 100%;
	}
	.learningworcation .detailBox .img02 {
		position: static;
		margin: 0 -20px 29px;
		width: 110%;
	}
	.learningworcation .detailBox .img02 img {
		width: 100%;
	}
	.learningworcation .topTxt {
		font-size: 2.4rem;
		margin: 0 18px 25px;
	}
	.learningworcation .txt01 {
		margin: 0 20px 41px;
		width: auto;
		font-size: 1.6rem;
		line-height: 2;
	}
	.learningworcation .linkImg {
		margin: 0 15px 67px;
	}
	.learningworcation .linkImg img {
		width: 100%;
	}
	.learningworcation .phoImg {
		margin: 0 0 120px 50px;
		text-align: center;
	}
	.learningworcation .subBox {
		margin: 0 20px 52px;
	}
	.learningworcation .subBox .photoBox {
		float: none;
		width: auto;
		margin: 0 -12px;
	}
	.learningworcation .subBox .photoBox img {
		width: 100%;
	}
	.learningworcation .subBox .photoBox .txtSpan {
		margin-top: 16px;
	}
	.learningworcation .subBox .textBox {
		float: none;
		width: auto;
		padding: 10px 0 90px;
	}
	.learningworcation .subBox .textBox .topTxt {
		font-size: 2.4rem;
		margin: 0 0 18px;
	}
	.learningworcation .subBox .textBox p {
		font-size: 1.6rem;
		line-height: 1.95;
	}
	.learningworcation .subBox .photoBox .txtSpan {
		display: block;
	}
	.learningworcation .subBox01 {
		margin: -10px 0 0;
		padding-top: 0;
	}
	.learningworcation .subBox01 .photoBox {
		float: none;
		margin: 0 0 6px;
		width: auto;
	}
	.learningworcation .subBox01 .textBox {
		padding-bottom: 112px;
		float: none;
	}
	.learningworcation .subBox01 .textBox .topTxt {
		text-align: center;
	}
	.learningworcation .subBox01 .textBox p {
		font-size: 1.6rem;
		margin: 0 20px;
		line-height: 2;
	}
	.learningworcation .photoList li {
		width: 50%;
		float: left;
	}
	.learningworcation .photoList li img {
		width: 100%;
	}
	.learningworcation .comSec .videoSec {
		margin-bottom: 52px;
		padding-bottom: 40px;
	}
	.learningworcation .whiteBox .videoList li {
		text-align: left;
	}
	.learningworcation .whiteBox .videoList li .txtSpan {
		margin: 12px 0 0;
	}
	.learningworcation .spListUl .li03 .current {
		background-image: url("../images/powergeneration/sp_bg05.png");
	}
}
/*------------------------------------------------------------
	stakeholders
------------------------------------------------------------*/
.stakeholders .topSec {
    margin-bottom: 80px;
	padding-bottom: 68px;
	text-align: center;
	background: url("../images/stakeholders/bg.jpg") repeat-x left bottom;
	background-size: 1922px auto; 
}
.stakeholders .topSec .logoImg {
	margin: -13px 0 25px;
}
.stakeholders .topSec h2 {
	margin-bottom: 33px;
	font-size: 3.2rem;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
	letter-spacing: 0.08em;
}
.stakeholders .topSec .txt {
	line-height: 1.8;
	letter-spacing: 0.04em;
	text-align: center;
}
.stakeholders .detSec .content {
    width: 1178px;
}
.stakeholders .content section {
    margin-bottom: 238px;
}
.stakeholders .content section:last-child {
    margin-bottom: 0;
}
.stakeholders .colorH {
    margin-bottom: 106px;
    padding: 16px 22px 16px 45px;
    box-sizing: border-box;
    align-items: center;
    border-radius: 40px;
    background: linear-gradient(90deg,#109aff 0%, #12c9ea 100%);
}
.stakeholders .colorH span {
    color: #fff;
}
.stakeholders .colorH .lines {
    width: 776px;
    display: block;
    position: relative;
    font-size: 3.2rem;
}
.stakeholders .colorH .lines.special {
    width: 100%;
}
.stakeholders .colorH .lines::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 318px;
    height: 28px;
    background: url("../images/stakeholders/lines.png") repeat right center/49px;
}
.stakeholders .colorH .small {
    margin-left: 25px;
    display: block;
    width: 305px;
    font-size: 1.6rem;
	font-weight: 400;
}
.stakeholders .ttl {
    margin-bottom: 46px;
	font-family: 'M PLUS 1p', sans-serif;
    align-items: center;
}
.stakeholders .ttl .txt {
    width: 380px;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 700;
}
.stakeholders .ttl .line {
    padding-left: 10px;
    position: relative;
    width: 700px;
    display: inline-block;
    font-size: 1.8rem;
    text-align: right;
    z-index: 3;
}
.stakeholders .ttl .line::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 702px;
    height: 2px;
    z-index: -1;
    background-color: #707070;
}
.stakeholders .ttl .white {
    padding-left: 22px;
    background-color: #fff;
}
.stakeholders .ttl .bgTxt {
    margin-left: 15px;
    padding: 3px 12px;
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: -0.02em;
    border-radius: 16px;
    background-color: #3A9927;
}
.stakeholders .ttl .bgTxtBox {
    margin-left: 15px;
}
.stakeholders .ttl .bgTxtBox .bgTxt {
    margin-left: 8px;
}
.stakeholders .ttl .bgTxt.special {
    background-color: #ED6A02;
}
.stakeholders .box {
    margin: 0 auto 102px;
    width: 1126px;
}
.stakeholders .imgBox {
    align-items: center;
}
.stakeholders .imgBox .photoBox {
    margin-top: -22px;
    width: 398px;
}
.stakeholders .imgBox .photoBox img {
    width: 100%;
}
.stakeholders .imgBox .textBox {
    margin-top: -4px;
    width: calc(100% - 450px);
}
.stakeholders .imgBox .textBox p {
    margin-bottom: 60px;
    font-size: 2rem;
	font-family: 'M PLUS 1p', sans-serif;
    letter-spacing: 0.04em;
    line-height: 1.4;
}
.stakeholders .imgBox .textBox .notes {
	font-size: 1.6rem;
	margin-top: -48px;
}
.stakeholders .imgBox .textBox .intrudTxt {
    margin-bottom: 37px;
    color: #0E64AE;
	font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.06em;
}
.stakeholders .imgBox .intrudUl li {
    margin-right: 15px;
    display: inline-block;
    width: 280px;
}
.stakeholders .imgBox .intrudUl li:last-child {
    margin-right: 0;
}
.stakeholders .imgBox .intrudUl a {
    padding: 8px 22px 8px 52px;
    display: block;
    box-sizing: border-box;
    border-radius: 40px; 
    background: url("../images/stakeholders/icon01.png") no-repeat left 18px center/23px, url("../images/common/icon06.png") no-repeat right 17px center/7px, #1C9DFD;
}
.stakeholders .imgBox .intrudUl .movLink {
    padding: 8px 22px 8px 56px;
    background: url("../images/stakeholders/icon02.png") no-repeat left 21px center/23px, url("../images/common/icon06.png") no-repeat right 17px center/7px;
}
.stakeholders .imgBox .intrudUl .dataLink {
    background: url("../images/stakeholders/icon02.png") no-repeat left 21px center/19px, url("../images/common/icon06.png") no-repeat right 17px center/7px;
}
.stakeholders .imgBox .intrudUl .movLink,
.stakeholders .imgBox .intrudUl .dataLink {
    background-color: #0E64AE!important;
}
.stakeholders .imgBox .intrudUl li span {
    color: #fff;
	font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.8rem;
    line-height: 1.78;
    letter-spacing: -0.02em;
}
.stakeholders .introduBtn {
    margin: 0 auto;
    width: 560px;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.12;
}
.stakeholders .introduBtn a {
    margin: 0 auto;
	font-family: 'M PLUS 1p', sans-serif;
    padding: 0 40px;
	height: 120px;
    display: flex;
	align-items: center;
	justify-content: flex-start;
    box-sizing: border-box;
    color: #fff;
	position: relative;
	font-weight: 800;
    letter-spacing: 0.06em;
    border-radius: 60px;
    background: url("../images/stakeholders/btn_bg01.png") no-repeat center center;
	background-size: 100% 100%; 
}
.stakeholders .introduBtn a:before {
	position: absolute;
	right: 28px;
	top: 50%;
	margin-top: -11px;	
	background: url("../images/common/icon06.png") no-repeat left top;
	background-size: 14px auto;
	width: 14px;
	height: 23px;
	content: "";
}
.stakeholders .introduBtn .sm {
    margin-bottom: 6px;
    display: block;
    font-size: 2.1rem;
    font-weight: 400;
}
.stakeholders .introduBtn .middle {
   font-size: 2.4rem;
}
.stakeholders .detSec .green .colorH {
    background: linear-gradient(90deg,#409627 0%, #55c950 100%);
}
.stakeholders .detSec .green .ttl .bgTxt.blue {
    background-color: #0E64AE;
}
.stakeholders .detSec .green .imgBox .textBox .intrudTxt {
    color: #3A9927;
}
.stakeholders .detSec .green .imgBox .intrudUl a {
    background-color: #3A9927;
}
.stakeholders .detSec .orange .colorH {
    padding: 16px 53px 16px 45px;
    background: linear-gradient(90deg,#f78919 0%, #fcc264 100%);
}
.stakeholders .detSec .orange .imgBox .intrudUl a {
    background-color: #ED6A02;
}
.stakeholders .detSec .green .introduBtn a {
    background-image: url("../images/stakeholders/btn_bg02.png");
}
.stakeholders .detSec .orange .colorH .lines::after {
    width: 624px;
}
.stakeholders .detSec .orange .imgBox .textBox .intrudTxt {
    color: #ED6A02;
}
.stakeholders .detSec .orange .introduBtn a {
    background-image: url("../images/stakeholders/btn_bg03.png");
}
@media all and (min-width: 897px) {
    .stakeholders .imgBox .intrudUl a:hover {
        background-color: #21b9cc !important;
    }
    .stakeholders .introduBtn a:hover {
		background: #109aff;
    }
    .stakeholders .detSec .green .introduBtn a:hover {
		background: #3A9927;
    }
    .stakeholders .detSec .orange .introduBtn a:hover {
		background: #ED6A02;
    }
}
@media all and (max-width: 896px) {
    .stakeholders .topSec {
        margin-bottom: 40px;
        padding-bottom: 49px;
		background-image: url("../images/stakeholders/sp_bg.jpg");
        background-size: 390px auto; 
    }
    .stakeholders .topSec .logoImg {
        margin: -6px 34px 16px;
    }
    .stakeholders .topSec h2 {
        margin-bottom: 31px;
        font-size: 2rem;
    }
    .stakeholders .topSec .txt {
        padding: 0 13px;
        font-size: 1.6rem;
        line-height: 1.75;
        letter-spacing: 0;
    }
    .stakeholders .detSec .content {
        width: auto;
    }
    .stakeholders .content section {
        margin-bottom: 180px;
    }
    .stakeholders .colorH {
        margin: 0 0 62px;
        padding: 0!important;
        display: block;
        background: none;
    }
    .stakeholders .colorH .lines {
        margin-bottom: 9px;
        padding: 10px 44px 11px;
        width: auto;
        font-size: 2rem;
        border-radius: 40px;
        background: linear-gradient(90deg,#109aff 0%, #12c9ea 100%);
    }
    .stakeholders .colorH .lines::after {
        width: 0;
        height: 0;
    }
    .stakeholders .colorH .small {
        margin-right: 19px;
        padding-left: 0;
        width: auto;
        color: #333;
        font-size: 1.2rem;
        font-weight: 200;
        text-align: right;
    }
    .stakeholders .box {
        width: auto;
    }
    .stakeholders .ttl {
        margin-bottom: 28px;
        display: block;
    }
    .stakeholders .ttl .txt {
        margin-bottom: 9px;
        padding-bottom: 14px;
        width: auto;
        display: block;
        font-size: 2rem;
        border-bottom: 2px solid #707070;
    }
    .stakeholders .ttl .line {
        margin-right: 6px;
        padding-left: 0;
        width: auto;
        display: block;
        font-size: 1.2rem;
        letter-spacing: -0.02em;
    }
    .stakeholders .ttl .line::before {
        width: 0;
        height: 0;
    }
    .stakeholders .ttl .white {
        padding-left: 0;
        background: none;
    }
    .stakeholders .ttl .bgTxt {
        margin-left: 15px;
        padding: 3px 10px;
        font-size: 1.3rem;
        border-radius: 12px;
    }
    .stakeholders .ttl .bgTxtBox {
        margin-left: 2px;
    }
    .stakeholders .ttl .bgTxtBox .bgTxt {
        margin-left: 6px;
    }
    .stakeholders .imgBox {
        display: block;
    }
    .stakeholders .imgBox .photoBox {
        margin: 0 18px 26px;
        width: auto;
    }
    .stakeholders .imgBox .textBox {
        margin-top: 0;
        width: auto;
    }
    .stakeholders .imgBox .textBox p {
        margin-bottom: 29px;
        font-size: 1.8rem;
        line-height: 1.56;
    }
    .stakeholders .imgBox .textBox .intrudTxt {
        margin-bottom: 22px;
        font-size: 2rem;
        line-height: 1.6;
        letter-spacing: 0;
    }
    .stakeholders .imgBox .intrudUl li {
        margin: 0 auto 17px;
        display: block;
        width: 100%;
		max-width: 280px;
    }
    .stakeholders .imgBox .intrudUl li:last-child {
        margin: 0 auto;
    }
    .stakeholders .introduBtn {
        margin-top: -17px;
        width: auto;
        text-align: center;
        font-size: 1.8rem;
    }
    .stakeholders .introduBtn a {
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
		height: 80px;
		padding: 0 27px;
        text-align: left;
        background-image: url("../images/stakeholders/sp_btn_bg01.png");
    }
	.stakeholders .introduBtn a::before {
		margin-top: -6px;
		right: 16px;
		background-image: url("../images/common/sp_icon04.png");
		background-size: 10px auto;
		width: 10px;
		height: 15px;
	}
    .stakeholders .introduBtn .sm {
        margin-bottom: 6px;
        font-size: 1.2rem;
    }
    .stakeholders .introduBtn .middle {
       font-size: 1.2rem;
    }
    .stakeholders .detSec .green .colorH {
        background: none;
    }
    .stakeholders .detSec .green .colorH .lines {
        background: linear-gradient(90deg,#409627 0%, #55c950 100%);
    }
    .stakeholders .detSec .orange .colorH {
        background: none;
    }
    .stakeholders .detSec .orange .colorH .lines {
        background: linear-gradient(90deg,#f78919 0%, #fcc264 100%);
    }
    .stakeholders .detSec .green .introduBtn a {
        background: url("../img/common/icon06.png") no-repeat right 32px center/9px,url("../images/stakeholders/sp_btn_bg02.png") no-repeat center center/320px;
    }
    .stakeholders .colorH .lines.special {
        padding: 10px 44px 11px;
        width: auto;
    }
    .stakeholders .detSec .orange .introduBtn a {
        background: url("../img/common/icon06.png") no-repeat right 32px center/9px,url("../images/stakeholders/sp_btn_bg03.png") no-repeat center center/320px;
    }
    .stakeholders .detSec .notes.sp {
        padding-left: 0.5em;
        font-size: 1.6rem;
        line-height: 1.75;
        text-indent: -0.5em;
        letter-spacing: 0.04em;
    }
}
@media all and (max-width: 374px) {
    .stakeholders .colorH .lines {
        padding: 10px 24px 11px;
        font-size: 1.6rem;
    }
    .stakeholders .imgBox .textBox .intrudTxt {
        font-size: 1.7rem;
    }
    .stakeholders .imgBox .intrudUl a {
        padding: 8px 20px 8px 45px;
    }
    .stakeholders .imgBox .intrudUl li span {
        font-size: 1.5rem;
    }
	.stakeholders .introduBtn {
		font-size: 1.6rem;
	}
	.stakeholders .introduBtn a {
		padding: 0 20px;
	}
	.stakeholders .detSec .orange .colorH .lines {
		padding: 10px 24px 11px;
	}
}
/*------------------------------------------------------------
	logorecruitment
------------------------------------------------------------*/
.logoVisual {
	margin-bottom: 80px;
	position: relative;
	padding: 57px 0 70px;
	background: url("../images/logorecruitment/logo_visual_bg.jpg") no-repeat center top;
	background-size: 140% auto;
}
.logoVisual01 {
	margin-bottom: 23px;
	background: url("../images/logorecruitment/logo_visual_bg02.jpg") no-repeat center top;
	background-size: 100% auto;
}
.logoVisual02 {
	margin-bottom: 48px;
	padding-bottom: 0;
	background: none;
}
.logoVisual02 .infoBox {
	padding-top: 10px;
	align-items: center;
}
.logoVisual .title {
	margin-bottom: -13px;
	text-align: center;
}
.logoVisual02 .title {
	padding-top: 16px;
}
.logoVisual .txtP {
	margin: 0 0 17px 216px;
	position: relative;
	width: 664px;
	color: #fff;
	padding: 8px 10px;
	font-weight: 700;
	border-radius: 8px;
	text-align: center;
	background: #E01F10;
}
.logoVisual .txtP .info {
	display: inline-block;
	margin-right: 27px;
}
.logoVisual .inner {
	margin: 0 60px;
}
.logoVisual .inner .photoBox {
	float: right;
}
.logoVisual .inner .textBox {
	float: left;
	width: 584px;
	padding-top: 33px;
}
.logoVisual .inner .textBox p {
	line-height: 2.4;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.logoVisual .scroll {
	position: absolute;
	left: 0;
	font-weight: 700;
	font-size: 1.8rem;
	bottom: 121px;
	width: 100%;
	z-index: 100;
	text-align: center;
}
.logoVisual .scroll a {
	padding-bottom: 41px;
	display: inline-block;
	letter-spacing: 0.04em;
	background: url("../images/logorecruitment/icon02.png") no-repeat center bottom;
	background-size: 32px auto; 
}
.logorecruitment .content {
	width: 1080px;
}
.logorecruitment .sec01 .headLine03 {
	background: #1A98D1;
}
.logorecruitment .sec01 .headLine03 .info {
	background: #1A98D1;
}
.logorecruitment .sec01 .listUl {
	margin: 0 -37px 122px;
}
.logorecruitment .sec01 .listUl li {
	padding: 0 37px;
	width: 290px;
	position: relative;
}
.logorecruitment .sec01 .listUl li .num {
	position: absolute;
	left: 50px;
	bottom: 41px;
	color: #1A98D1;
	font-family: 'Oswald', sans-serif;
	font-size: 5.4rem;
	font-weight: 600;
	z-index: 10;
}
.logorecruitment .sec01 .listUl li:before {
	position: absolute;
	right: -30px;
	bottom: 23px;
	width: 62px;
	height: 33px;
	background: url("../images/logorecruitment/icon01.png") no-repeat left bottom;
	background-size: 62px auto; 
	content: "";
}
.logorecruitment .sec01 .listUl li:last-child:before {
	display: none;
}
.logorecruitment .sec01 .listUl li .pho {
	display: block;
	margin-bottom: 17px;
}
.logorecruitment .sec01 .listUl li .pho01 {
	margin: 0 -47px 17px;
}
.logorecruitment .sec01 .listUl li .txtSpan {
	margin: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 80px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-align: center;
	background: #053D76;
	border-radius: 10px;	
}
.logorecruitment .sec02 {
	margin-bottom: 140px;
}
.logorecruitment .sec02 .headLine03 {
	margin-bottom: 70px;
	background: #0C626B;
}
.logorecruitment .sec02 .headLine03 .info {
	background: #0C626B;
}
.logorecruitment .sec02 .listDl {
	margin: 0 40px 58px;
}
.logorecruitment .sec02 .listDl dt {
	float: left;
}
.logorecruitment .sec02 .listDl dt .infoTit {
	padding-left: 23px;
	font-weight: 700;
	position: relative;
	display: inline-block;
}
.logorecruitment .sec02 .listDl dt .infoTit:before {
	position: absolute;
	left: 4px;
	top: 0;
	height: 30px;
	background: #022555;
	width: 6px;
	content: "";
}
.logorecruitment .sec02 .listDl dt .infoTit01:before {
	background: #053D76;
}
.logorecruitment .sec02 .listDl dt .infoTit02:before {
	background: #3A9927;
}
.logorecruitment .sec02 .listDl dt .infoTit03:before {
	background: #0F64AE;
}
.logorecruitment .sec02 .listDl dt .infoTit04:before {
	background: #0F64AE;
}
.logorecruitment .sec02 .listDl dt .infoTit05:before {
	background: #3D6726;
}
.logorecruitment .sec02 .listDl dt .infoTit06:before {
	background: #CD7D00;
}
.logorecruitment .sec02 .listDl dt .infoTit07:before {
	background: #1A98D1;
}
.logorecruitment .sec02 .listDl dt .infoTit08:before {
	background: #1A98D1;
}
.logorecruitment .sec02 .listDl dd {
	padding: 0 0 40px 13.5em;
	margin-bottom: 30px;
	border-bottom: 1px dashed #707070;
	letter-spacing: 0.04em;
	line-height: 1.8;
}
.logorecruitment .sec02 .listDl dd:last-child {
	margin-bottom: 0;
}
.logorecruitment .sec02 .listDl dd .infoSpan {
	display: block;
	line-height: 1.4;
	padding: 2px 0 0 40px;
}
.logorecruitment .sec02 .listDl dd .txtList li {
	padding: 0 0 12px 2em;
	line-height: 1.4;
	text-indent: -2em;
}
.logorecruitment .sec02 .listDl dd .txtList01 li {
	padding-left: 0;
	text-indent: 0;
}
.logorecruitment .sec02 .listDl dd .txtList li:last-child {
	padding-bottom: 0;
}
.logorecruitment .sec02 .listDl dd .txtList li a {
	color: #2670AF;
	font-weight: 700;
}
.logorecruitment .sec02 .listDl dd .infoUl {
	margin-left: 35px;
}
.logorecruitment .sec02 .listDl dd .pclogomark {
	display: block;
}
.logorecruitment .sec02 .listDl dd .pclogomark img {

}
.logorecruitment .sec02 .listDl dd .splogomark {
	display: none;
}
.logorecruitment .sec02 .dltitle {
	margin: 0 40px 20px;
    font-size: 24px;
    font-weight: 500;
}
.logorecruitment .sec02 .borderBox {
	margin: 0 40px;
	padding: 80px 104px 78px 100px;
	box-sizing: border-box;
	border-radius: 12px;
	border: 1px solid #707070;
}
.logorecruitment .sec02 .borderBox .textBox {
	width: 490px;
}
.logorecruitment .sec02 .borderBox .textBox p {
	margin-bottom: 46px;
	line-height: 1.8;
}
.logorecruitment .sec02 .borderBox .comLink a {
	width: 420px;
	background-image: url("../images/common/icon09.png");
	background-size: 23px 11px; 
}
.logorecruitment .sec03 .infoSec {
	margin: 0 0 58px;
	background: #F8F8F8;
}
.logorecruitment .sec03 .headLine03 {
	position: relative;
	top: -50px;
	background: #CD0268;
}
.logorecruitment .sec03 .headLine03 .info {
	background: #CD0268;
}
.logorecruitment .sec03 th {
	padding-left: 26px;
	width: 24%;
}
.logorecruitment .sec03 td {
	padding-right: 20px;
}
.logorecruitment .sec03 .listUl li {
	float: left;
	width: 318px;
	margin-right: 40px;
}
.logorecruitment .sec03 .listUl li .topSpan {
	display: block;
	margin: 0 0 3px 5px;
}
.logorecruitment .sec03 .listUl li:last-child {
	margin-right: 0;
}
.logorecruitment .sec03 .uploadBtn {
	margin-bottom: 13px;
}
.logorecruitment .sec03 .uploadBtn label {
	display: inline-block;
}
.logorecruitment .sec03 .uploadBtn label input {
	display: none;
}
.logorecruitment .sec03 .uploadBtn .upload {
	margin-right: 25px;
	padding: 16px 10px;
	box-sizing: border-box;
	width: 175px;
	cursor: pointer;
	display: inline-block;
	font-size: 1.8rem;
	text-align: center;
	border-radius: 10px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", sans-serif;
	background: #fff;
   	box-shadow: -3px -3px 0 #D6D6D6 inset;
	border: 1px solid #707070;
	transition: .3s;
	-webkit-transition: .3s;
}
.logorecruitment .sec03 .uploadBtn .file_name {
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 0.04em;
}
.logorecruitment .sec03 .fileNotes {
	margin: 0 0 44px 8px;
	font-size: 1.6rem;
}
.logorecruitment .sec03 .whiteBox {
	padding: 10px 10px 16px 36px;
	background: #fff;
	border-radius: 10px;
}
.logorecruitment .sec03 .agreeTxt {
	margin-bottom: 80px;
}
.logorecruitment.confirm .comForm th {
	width: 27.6%
}
.logorecruitment.confirm .headLine03 {
	background: #25862A;
}
.logorecruitment.confirm .headLine03 .info {
	background: #25862A;
}
.logorecruitment.thanks .borderBox .txt03 {
	margin-bottom: 0;
}

.logorecruitment .decision {
	margin: 100px auto;
    width: 1080px;
}
.logorecruitment .decision h3 {
	font-size: 36px;
    text-align: center;
    color: #0C626B;
    font-weight: 500;
}
.logorecruitment .decision p {
	font-size: 18px;
    width: 880px;
    margin: 84px auto;
}
.logorecruitment .decision p a {
	color: #2670AF;
	font-weight: 600;
}
.logorecruitment .decision p a:hover {
	opacity: 0.7;
}
.logorecruitment h2.pctitle {
	display: block;
}
.logorecruitment h2.sptitle {
	display: none;
}

@media all and (min-width: 897px) {
	.logoVisual .scroll a:hover {
		color: #00B9CC;
	}
	.logorecruitment .sec02 .listDl dd a:hover {
		color: #00B9CC;
	}
	.logorecruitment .sec02 .listDl dd .txtList li a:hover {
		color: #00B9CC;
	}
	.logorecruitment .sec03 .uploadBtn .upload:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.logoVisual {
		margin-bottom: 80px;
		position: relative;
		padding: 75px 0 0;
		background: url("../images/logorecruitment/sp_logo_visual_bg.jpg") no-repeat center top;
		background-size: 100% auto;
	}
	.logoVisual01 {
		margin-bottom: 43px;
		padding-bottom: 30px;
	}
	.logoVisual02 {
		margin-bottom: 4px;
		padding-bottom: 30px;
	}
	.logoVisual .title {
		margin: 0 -3px 24px;
		text-align: center;
	}
	.logoVisual02 .infoBox {
		padding: 0;
		display: block;
	}
	.logoVisual02 .title {
		padding: 0;
	}
	.logoVisual02 .pho {
		margin: -7px -20px 0;
	}
	.logoVisual02 .pho img {
		width: 100%;
	}
	.logoVisual .txtP {
		margin: 0 15px 34px;
		position: relative;
		width: auto;
		font-size: 1.6rem;
		padding: 13px 10px 20px 76px;
		font-weight: 700;
		border-radius: 16px;
		text-align: left;
	}
	.logoVisual01 .txtP {
		margin-bottom: 0;
	}
	.logoVisual .txtP .info {
		position: absolute;
		left: 10px;
		top: 13px;
		display: block;
		margin: 0;
		padding: 7px 0;
		color: #E01F10;
		font-weight: 700;
		width: 55px;
		line-height: 1.3;
		font-size: 1.6rem;
		background: #fff;
		text-align: center;
		border-radius: 8px;
	}
	.logoVisual .inner {
		margin: 0;
	}
	.logoVisual .inner .photoBox {
		float: none;
		margin: 0 -20px 17px;
	}
	.logoVisual .inner .photoBox img {
		width: 100%;
	}
	.logoVisual .inner .textBox {
		float: none;
		width: auto;
		padding-top: 0;
	}
	.logoVisual .inner .textBox p {
		font-size: 2rem;
		line-height: 2;
		margin: 0 15px;
		letter-spacing: 0;
	}
	.logoVisual .scroll {
		margin-bottom: 70px;
		position: static;
		font-size: 1.2rem;
		width: 100%;
	}
	.logoVisual .scroll a {
		padding-bottom: 29px;
		background: url("../images/logorecruitment/sp_icon02.png") no-repeat center bottom;
		background-size: 23px auto; 
	}
	.logorecruitment .content {
		width: auto;
	}
	.logorecruitment .sec01 .headLine03 {
		margin-bottom: 88px;
	}
	.logorecruitment .sec01 .headLine03:before {
		width: 67px;
	}
	.logorecruitment .sec01 .headLine03:after {
		width: 67px;
	}
	.logorecruitment .sec01 .listUl {
		margin: 0 0 56px;
		display: block;
	}
	.logorecruitment .sec01 .listUl li {
		margin-bottom: 30px;
		padding: 0 0 70px;
		width: 100%;
		box-sizing: border-box;
		position: relative;
		background: url("../images/logorecruitment/sp_icon01.png") no-repeat center bottom;
		background-size: 33px auto; 
	}
	.logorecruitment .sec01 .listUl li:last-child {
		background: none;
	}
	.logorecruitment .sec01 .listUl li .pho {
		width: 149px;
		position: absolute;
		left: 5px;
		top: -36px;
		margin: 0;
		z-index: 10;
	}
	.logorecruitment .sec01 .listUl li .num {
		position: absolute;
		left: 6px;
		bottom: auto;
		top: -66px;
		font-size: 5.4rem;
	}
	.logorecruitment .sec01 .listUl li:before {
		display: none;
	}
	.logorecruitment .sec01 .listUl li:last-child:before {
		display: none;
	}
	.logorecruitment .sec01 .listUl li .pho01 {
		margin: 0 -70px 0 0;
		width: 173px;
		left: 2px;
	}
	.logorecruitment .sec01 .listUl li .txtSpan {
		margin: 0 7px 0 60px;
		padding-left: 84px;
		font-size: 1.8rem;
		height: 80px;
		line-height: 1.3;
	}
	.logorecruitment .sec02 {
		margin-bottom: 120px;
	}
	.logorecruitment .sec02 .headLine03 {
		margin-bottom: 36px;
	}
	.logorecruitment .sec02 .headLine03:before {
		width: 24px;
	}
	.logorecruitment .sec02 .headLine03:after {
		width: 24px;
	}
	.logorecruitment .sec02 .listDl {
		margin: 0 0 60px;
	}
	.logorecruitment .sec02 .listDl dt {
		float: none;
		margin: 0 15px 14px;
	}
	.logorecruitment .sec02 .listDl dt .infoTit {
		padding-left: 20px;
		font-size: 2rem;
	}
	.logorecruitment .sec02 .listDl dt .infoTit:before {
		position: absolute;
		left: 4px;
		top: 0;
		height: 30px;
		width: 6px;
		content: "";
	}
	.logorecruitment .sec02 .listDl dd {
		padding: 0 15px 32px 17px;
		margin-bottom: 24px;
		font-size: 1.6rem;
		line-height: 2;
		word-break: break-all;
	}
	.logorecruitment .sec02 .listDl dd:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}
	.logorecruitment .sec02 .listDl dd .infoSpan {
		line-height: 1.4;
		font-size: 1.8rem;
		padding: 2px 0 0 20px;
	}
	.logorecruitment .sec02 .listDl dd .txtList {
		margin-left: 17px;
	}
	.logorecruitment .sec02 .listDl dd .txtList li {
		padding: 0 0 18px 2em;
		line-height: 1.4;
		text-indent: -2em;
		font-size: 1.8rem;
	}
	.logorecruitment .sec02 .listDl dd .txtList01 li {
		padding-left: 0;
		text-indent: 0;
		font-size: 2rem;
	}
	.logorecruitment .sec02 .listDl dd .txtList li:last-child {
		padding-bottom: 0;
	}
	.logorecruitment .sec02 .listDl dd .infoUl {
		margin-left: 20px;
	}
	.logorecruitment .sec02 .listDl dd .infoUl li {
		font-size: 1.8rem;
		padding: 0 0 6px 1em;
		text-indent: -1em;
	}
	.logorecruitment .sec02 .listDl dd .spTxt {
		font-size: 2rem;
		margin-left: 15px;
		line-height: 1.2;
	}
	.logorecruitment .sec02 .listDl dd .spTxt .spTop {
		margin-bottom: 22px;
		display: block;
	}
	.logorecruitment .sec02 .listDl dd .pclogomark {
		display: none;
	}

	.logorecruitment .sec02 .listDl dd .splogomark {
		display: block;
	}
	.logorecruitment .sec02 .listDl dd .splogomark img {

	}		
	.logorecruitment .sec02 .dltitle {
		margin: 0 auto 15px;
		font-size: 21px;
	}	
	.logorecruitment .sec02 .borderBox {
		margin: 0;
		display: block;
		padding: 20px 20px 30px;
		box-sizing: border-box;
	}
	.logorecruitment .sec02 .borderBox .photoBox img {
		width: 180px;
		margin: 0 auto;
		display: block;
	}
	.logorecruitment .sec02 .borderBox .textBox {
		width: auto;
		padding-top: 13px;
	}
	.logorecruitment .sec02 .borderBox .textBox p {
		margin-bottom: 20px;
		font-size: 1.8rem;
		line-height: 2;
	}
	.logorecruitment .sec02 .borderBox .comLink {
		margin: 0 -5px;
	}
	.logorecruitment .sec02 .borderBox .comLink a {
		width: 100%;
		height: 80px;
		margin: 0 auto;
		padding-right: 50px;
		line-height: 1.4;
		max-width: 420px;
		letter-spacing: 0;
		background-position: right 22px center;
	}
	.logorecruitment .sec03 .infoSec {
		margin: 0 0 36px;
		padding: 0 16px;
	}
	.logorecruitment .sec03 .headLine03 {
		margin: 0 -15px 18px;
		top: -30px;
	}
	.logorecruitment .sec03 .headLine03:before {
		width: 50px;
	}
	.logorecruitment .sec03 .headLine03:after {
		width: 50px;
	}
	.logorecruitment .sec03 th {
		padding-left: 0;
		width: 100%;
	}
	.logorecruitment .sec03 td {
		padding-right: 0;
	}
	.logorecruitment .sec03 .listUl li {
		float: none;
		width: 100%;
		margin: 0 0 12px;
	}
	.logorecruitment .sec03 .listUl li:last-child {
		margin: 0;
	}
	.logorecruitment .sec03 .listUl li .topSpan {
		margin: 9px 0 0;
		font-size: 1.8rem;
		float: left;
	}
	.logorecruitment .sec03 .listUl li .inputSpan {
		display: block;
		padding-left: 50px;
	}
	.logorecruitment .sec03 .listUl li:last-child {
		margin-right: 0;
	}
	.logorecruitment .sec03 .uploadBtn {
		margin-bottom: 7px;
	}
	.logorecruitment .sec03 .uploadBtn label {
		display: block;
	}
	.logorecruitment .sec03 .uploadBtn .upload {
		margin: 0 0 16px;
		padding: 9px 10px;
		width: 170px;
		font-size: 1.8rem;
		box-shadow: -3px -3px 0 #D6D6D6 inset;
	}
	.logorecruitment .sec03 .uploadBtn .file_name {
		display: block;
		width: 100%;
		padding: 9px 10px;
		font-size: 1.8rem;
		border: 1px solid #707070;
		background: #fff;
		border-radius: 10px;
		text-align: left;
	}
	.logorecruitment .sec03 .fileNotes {
		margin: 0 0 29px;
		line-height: 1.3;
		padding-left: 1em;
		text-indent: -1em;
	}
	.logorecruitment .sec03 .whiteBox {
		margin: 0 -15px;
		padding: 19px 12px 16px;
		border-radius: 16px;
	}
	.logorecruitment .comForm td .notesTxt {
		margin-top: 0;
	}
	.logorecruitment .sec03 .agreeTxt {
		margin-bottom: 70px;
	}
	.logorecruitment.confirm .headLine03 {
		margin-bottom: -30px;
	}
	.logorecruitment.confirm .headLine03:before {
		width: 81px;
	}
	.logorecruitment.confirm .headLine03:after {
		width: 81px;
	}
	.logorecruitment.confirm .comForm th {
		width: auto;
	}
	.logorecruitment.confirm .comForm .infoSec {
		margin: 0 -20px 80px;
		padding: 77px 20px 20px;
		background: #F8F8F8;
	}
	.logorecruitment.confirm .comForm .infoSec table {
		margin-bottom: 0;
	}
	.logorecruitment.thanks .txtP {
		margin-bottom: 50px;
		letter-spacing: 0.1em;
	}
	.logorecruitment .decision {
		width: 90%;
		margin: 100px auto -50px;		
	}
	.logorecruitment .decision h3 {
		font-size: 21px;
	}
	.logorecruitment .decision p {
		font-size: 16px;
		width: 100%;
		margin: 50px auto;
	}
	.logorecruitment .decision p a {
	}
	.logorecruitment .decision p a:hover {
	}
	.logorecruitment h2.pctitle {
		display: none;
	}
	.logorecruitment h2.sptitle {
		display: block;
	}	
}
@media all and (max-width: 374px) {
	.logorecruitment .sec01 .listUl li .pho {
		width: 116px;
	}
	.logorecruitment .sec01 .listUl li .pho01 {
		width: 138px;
	}
	.logorecruitment .sec01 .listUl li .txtSpan {
		font-size: 1.4rem;
		padding-left: 50px;
	}
	.logorecruitment .sec02 .borderBox .comLink a {
		font-size: 1.8rem;
	}
}
/*------------------------------------------------------------
	attract
------------------------------------------------------------*/
.attractVisual {
	margin-bottom: 18px;
	min-height: 640px;
	padding: 34px 0;
	box-sizing: border-box;
	background: url("../images/attract/visual_bg.jpg") no-repeat center center;
	background-size: cover;
}
.attractVisual .infoBox {
	width: 1081px;
	height: 570px;
	padding: 5% 0;
	margin: 0 auto;
	box-sizing: border-box;
	background: url("../images/attract/bg01.png") no-repeat center center;
	background-size: cover;
}
.attractVisual .title {
	padding: 6px 0;
	margin: 0 auto 50px;
	width: 700px;
	color: #fff;
	font-size: 3.2rem;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	border-radius: 16px;
	background: #F68E00;
	letter-spacing: 0.04em;
}
.attractVisual .ttlImg {
	margin-bottom: 47px;
	text-align: center;
}
.attractVisual .txt {
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-align: center;
	line-height: 1.65;
}
.attract {
	padding-top: 32px;
}
.attract .comSec {
	margin-top: -86px;
}
.attract .videoSec {
	margin: 0 0 90px;
	padding-bottom: 65px;
}
.attract .videoSec .addTit {
	margin-bottom: 35px;
	text-align: center;
}
.attract .videoSec .addTit .info {
	padding: 20px 65px 0;
	display: inline-block;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.3;
	font-family: 'M PLUS 1p', sans-serif;
	letter-spacing: 0.04em;
	background: url("../images/attract/icon03.png") no-repeat left bottom 5px,url("../images/attract/icon02.png") no-repeat right bottom 5px;
	background-size: 47px auto; 
}
.attract .sec01 h2 {
	margin-bottom: 40px;
	padding: 28px 0;
	color: #fff;
	font-size: 3.2rem;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
	text-align: center;
	background: #1FAFAA;
	border-radius: 70px;
	letter-spacing: 0.04em;
}
.attract .sec01 .imgBox {
	margin: 0 60px 75px 63px;
	flex-direction: row-reverse;
}
.attract .sec01 .imgBox .textBox {
	width: 586px;
	padding-top: 75px;
}
.attract .sec01 .imgBox .textBox p {
	font-size: 3.6rem;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
	line-height: 1.65;
}
.attract .sec01 .ttlImg {
	margin-bottom: 120px;
	text-align: center;
}
.attract .sec01 .innerBox {
	padding: 82px 0 67px;
	margin-bottom: 46px;
	position: relative;
}
.attract .sec01 .innerBox01 {
	margin-bottom: 100px;
}
.attract .sec01 .innerBox:before {
	position: absolute;
	left: 0;
	top: 0;
	right: 120px;
	bottom: 0;
	background: #F5F5F5;
	content: "";
	border-radius: 0 590px 590px 0;
	z-index: -1;
}
.attract .sec01 .innerBox .photoBox {
	float: left;
	width: 43.8%;
	height: 320px;
	background: url("../images/attract/photo02.jpg") no-repeat left center;
	background-size: cover;
}
.attract .sec01 .innerBox .textBox {
	float: right;
	width: 56.2%;
}
.attract .sec01 .innerBox .textBox .infoBox {
	width: 690px;
	font-family: 'M PLUS 1p', sans-serif;
	margin: 0 0 0 60px;
}
.attract .sec01 .innerBox .textBox .title {
	margin-bottom: 22px;
	color: #1A98D1;
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.04em;
}
.attract .sec01 .innerBox .textBox .txt {
	letter-spacing: 0.04em;
	line-height: 1.8;
	width: 526px;
	margin-bottom: 40px;
}
.attract .sec01 .innerBox .textBox .comLink a {
	width: 362px;
	padding-right: 30px;
}
.attract .sec01 .innerBox01:before {
	left: 120px;
	right: 0;
	border-radius: 590px 0 0 590px;
}
.attract .sec01 .innerBox01 .photoBox {
	float: right;
	width: 50%;
	background: none;
}
.attract .sec01 .innerBox01 .photoBox img {
	margin: -190px 0 0;
}
.attract .sec01 .innerBox01 .textBox {
	float: left;
	width: 50%;
}
.attract .sec01 .innerBox01 .textBox .infoBox {
	margin: 0 10px 0 auto;
	width: 560px;
}
.attract .sec02 h2 {
	margin-bottom: 100px;
	text-align: center;
}
.attract .headLine06 {
	margin-bottom: 41px;
	color: #0E64AE;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
	font-size: 3rem;
	text-align: center;
}
.attract .headLine06 img {
	margin: -5px 19px 0 0;
	width: 37px;
	display: inline-block;
	vertical-align: middle;
}
.attract .sec02 .bgBox {
	margin-bottom: 95px;
	padding: 56px 86px;
	box-sizing: border-box;
	background: #F5F5F5;
	border-radius: 40px;
}
.attract .sec02 .bgBox01 {
	margin-bottom: 110px;
}
.attract .sec02 .photoList li {
	width: 490px;
	text-align: center;
}
.attract .sec02 .photoList li .top {
	margin-bottom: 20px;
	color: #1FAFAA;
	display: block;
	font-size: 3.2rem;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 800;
}
.attract .sec02 .photoList li .txtSpan {
	margin-top: 15px;
	display: block;
	color: #373433;
	font-size: 1.4rem;
}
.attract .sec02 .photoList .liStyle {
	text-align: left;
	width: 500px;
	padding-right: 20px;
	box-sizing: border-box;
}
.attract .sec02 .photoList li .topTxt {
	margin-bottom: 10px;
	font-weight: 800;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 3.2rem;
	color: #1FAFAA;
	margin-bottom: 20px;
}
.attract .sec02 .photoList li .txt {
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-family: 'M PLUS 1p', sans-serif;
	color: #373433;
}
.attract .sec02 .photoList li .txt .small {
	margin-top: -3px;
	display: block;
	font-size: 1.6rem;
}
.attract .sec02 .photoList li table {
	margin-bottom: 10px;
	width: 100%;
	font-family: 'M PLUS 1p', sans-serif;
	border-collapse: collapse;
}
.attract .sec02 .photoList li th,
.attract .sec02 .photoList li td {
	color: #373433;
	text-align: left;
	vertical-align: middle;
}
.attract .sec02 .photoList li th {
	padding: 12px 0;
	background: #83CFF5;
	text-align: center;
	font-weight: 400;
	border-right: 1px solid #fff;
	font-size: 1.7rem;
}
.attract .sec02 .photoList li th:last-child {
	border-right: none;
}
.attract .sec02 .photoList li td {
	padding: 16px 15px;
	font-size: 1.8rem;
	width: 37%;
	text-align: right;
	background: #EBEBEB;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.attract .sec02 .photoList li td:last-child {
	border-right: none;
}
.attract .sec02 .photoList li td:first-child {
	width: 16%;
	text-align: center;
}
.attract .sec02 .photoList li td .notes {
	font-size: 1.4rem;
}
.attract .sec02 .photoList li .notesList {
	margin: 0 20px 13px 0;
	display: block;
}
.attract .sec02 .photoList li .notesList li {
	width: auto;
	line-height: 1.4;
	font-size: 1.3rem;
	font-family: 'M PLUS 1p', sans-serif;
	color: #373433;
	text-align: left;
	padding-left: 2em;
	text-indent: -2em;
	transform: rotate(0.05deg);
}
.attract .sec02 .photoList li .btm {
	font-size: 1.4rem;
	color: #373433;
}
.attract .sec02 .bgBox .blueBox {
	margin: 26px -86px -56px;
	padding: 22px 0;
	position: relative;
	text-align: center;
	border-radius: 0 0 30px 30px;
	background: #1A98D1;
}
.attract .sec02 .bgBox .blueBox .img01 {
	position: absolute;
	right: 64px;
	top: -110px;
}
.attract .sec02 .bgBox .blueBox p {
	color: #fff;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 3.5rem;
}
.attract .sec02 .listUl {
	margin-bottom: 55px;
}
.attract .sec02 .listUl li {
	padding: 30px 0 0;
	width: 560px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 40px;
	background: #F5F5F5;
}
.attract .sec02 .listUl li .top {
	display: block;
	margin-bottom: 3px;
	color: #1FAFAA;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 800;
	font-size: 3.2rem;
}
.attract .sec02 .listUl li .pho {
	margin-bottom: 5px;
	display: block;
}
.attract .sec02 .listUl li .blueBox {
	padding: 23px 0;
	color: #fff;
	font-size: 3.5rem;
	font-family: 'M PLUS 1p', sans-serif;
	background: #1A98D1;
	border-radius: 0 0 40px 40px;
}
.attract .sec02 .listUl li .blueBox01 {
	padding: 15px 0 20px;
	font-size: 3rem;
}
.attract .sec02 .listUl li .blueBox01 .info01 {
	font-size: 2.1rem;
}
.attract .sec02 .listUl li .blueBox01 .info02 {
	font-size: 6.2rem;
	line-height: 60px;
}
.attract .sec02 .comLink a {
	padding-right: 30px;
	width: 363px;
	margin: 0 auto;
}
.attract .sec02 {
	margin-bottom: 120px;
}
.attract .sec03 {
	padding: 60px 0 70px;
	background: url("../images/attract/bg02.png") repeat left top;
	background-size: 16px auto; 
}
.attract .sec03 .headLine06 {
	margin-bottom: 90px;
}
.attract .sec04 {
	padding: 120px 0 172px;
	background: #F8F8F8;
}
.attract .sec04 .headLine06 {
	margin-bottom: 80px;
}
.attract .sec04 .title {
	margin-bottom: 63px;
	color: #707070;
	position: relative;
	font-size: 2.8rem;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
}
.attract .sec04 .title:before {
	position: absolute;
	right: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background: #707070;
	content: "";
	z-index: 1;
}
.attract .sec04 .title .infoSpan {
	display: inline-block;
	padding: 0 33px 0 0;
	background: #F8F8F8;
	position: relative;
	z-index: 2;
}
.attract .sec04 .title .imgSpan {
	display: inline-block;
	margin-right: 13px;
	vertical-align: middle;
}
.attract .sec04 .title .txtSpan {
	display: inline-block;
	vertical-align: middle;
}
.attract .sec04 .imgBox {
	margin-bottom: 50px;
}
.attract .sec04 .imgBox .textBox {
	float: left;
	width: 574px;
}
.attract .sec04 .imgBox .textBox .txt {
	line-height: 1.8;;
	letter-spacing: 0.04em;
}
.attract .sec04 .imgBox .photoBox {
	padding-top: 74px;
	float: right;
	position: relative;
	width: 596px;
}
.attract .sec04 .imgBox .photoBox .infoBox {
	position: absolute;
	right: 15px;
	top: 4px;
}
.attract .sec04 .imgBox .photoBox .txtInner {
	text-align: right;
}
.attract .sec04 .imgBox .photoBox .top {
	font-size: 1.4rem;
	padding: 9px 0 2px;
	font-family: 'Noto Sans JP', sans-serif;
}
.attract .sec04 .imgBox .photoBox .name {
	font-size: 2rem;
	font-family: 'Noto Sans JP', sans-serif;
}
.attract .sec04 .imgBox .photoBox .name .small {
	font-size: 1.2rem;
}
.attract .sec04 .ttl {
	margin-bottom: 30px;
	color: #0E64AE;
	font-size: 2.8rem;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 700;
}
.attract .sec04 .detailBox {
	margin-bottom: 100px;
}
.attract .sec04 .detailBox01 {
	margin-bottom: 0;
}
.attract .sec04 .detailBox .ttl {
	margin-bottom: 10px;
	color: #F68E00;
	font-size: 2.4rem;
}
.attract .sec04 .detailBox .infoInner {
	width: 565px;
}
.attract .sec04 .detailBox .infoInner01 {
	width: 561px;
}
.attract .sec04 .detailBox .infoInner01 .ttl {
	color: #3A9927;
}
.attract .sec04 .detailBox .infoInner .txt {
	line-height: 1.8;;
	letter-spacing: 0.04em;
}
.attract .sec05 {
	padding: 92px 0 0;
}
.attract .sec05 .content {
	width: 960px;
}
.attract .sec05 .title {
	margin-bottom: 6px;
	color: #0E64AE;
	font-size: 4rem;
	font-weight: 700;
	text-align: center;
}
.attract .sec05 p {
	margin-bottom: 82px;
	line-height: 1.9;
	letter-spacing: 0.04em;
}
.attract .sec05 .comLink a {
	width: 420px;
	padding-right: 55px;
	margin: 0 auto;
	background-image: url("../images/common/icon09.png");
	background-size: 23px auto; 
}
@media all and (max-width: 896px) {
	.attractVisual {
		margin-bottom: 18px;
		min-height: 742px;
		padding: 54px 10px 0 10px;
		box-sizing: border-box;
		background: url("../images/attract/sp_visual_bg.jpg") no-repeat center center;
		background-size: cover;
	}
	.attractVisual .infoBox {
		width: 100%;
		max-width: 363px;
		height: 590px;
		padding: 95px 0 50px;
		margin: 0 auto;
		box-sizing: border-box;
		background: url("../images/attract/sp_bg01.png") no-repeat center center;
		background-size: 100% 100%;
	}
	.attractVisual .title {
		padding: 9px 0;
		margin: 0 auto 24px;
		width: 274px;
		font-size: 2rem;
		line-height: 1.2;
		border-radius: 10px;
	}
	.attractVisual .ttlImg {
		margin-bottom: 26px;
	}
	.attractVisual .txt {
		font-size: 1.8rem;
		line-height: 1.55;
	}
	.attract {
		padding-top: 0;
	}
	.attract .comSec {
		margin: -39px 0 0;
	}
	.attract .videoSec {
		margin-bottom: 50px;
		padding: 16px 20px 50px;
	}
	.attract .videoSec .addTit {
		margin-bottom: 24px;
	}
	.attract .videoSec .addTit .info {
		padding: 10px 30px 0;
		font-size: 2.2rem;
		line-height: 1.15;
		background: url("../images/attract/sp_icon01.png") no-repeat left bottom,url("../images/attract/sp_icon02.png") no-repeat right bottom;
		background-size: 34px auto,34px auto;
	}
	.attract .comSec .whiteBox .videoList li .txtSpan {
		text-align: left;
	}
	.attract .sec01 h2 {
		margin-bottom: 40px;
		padding: 12px 0;
		font-weight: 500;
		font-size: 1.6rem;
	}
	.attract .sec01 h2 .info {
		font-size: 2.1rem;
		display: block;
		margin: -6px 0 -3px;
	}
	.attract .sec01 .imgBox {
		margin: 0 0 75px;
		display: block;
	}
	.attract .sec01 .imgBox .photoBox {
		width: 72%;
		margin: 0 auto;
		padding: 9px 0 20px;
		text-align: center;
	}
	.attract .sec01 .imgBox .textBox {
		width: auto;
		padding-top: 0;
		text-align: center;
	}
	.attract .sec01 .imgBox .textBox p {
		font-size: 1.8rem;
		line-height: 1.55;
		text-align: center;
	}
	.attract .sec01 .ttlImg {
		margin-bottom: 72px;
	}
	.attract .sec01 .innerBox {
		padding: 0 20px 88px;
		margin-bottom: 0;
		background: #F5F5F5;
	}
	.attract .sec01 .innerBox01 {
		padding-bottom: 0;
		margin-bottom: 127px;
	}
	.attract .sec01 .innerBox:before {
		display: none;
	}
	.attract .sec01 .innerBox .photoBox {
		float: none;
		width: 100%;
		height: auto;
		background: none;
		position: relative;
		top: -22px;
		margin-bottom: 20px;
	}
	.attract .sec01 .innerBox .photoBox img {
		width: 100%;
	}
	.attract .sec01 .innerBox .textBox {
		float: none;
		width: auto;
	}
	.attract .sec01 .innerBox .textBox .infoBox {
		width: auto;
		margin: 0;
	}
	.attract .sec01 .innerBox .textBox .title {
		margin-bottom: 23px;
		font-size: 2.1rem;
		line-height: 1.32;
		text-align: center;
		letter-spacing: 0.02em;
	}
	.attract .sec01 .innerBox .textBox .txt {
		letter-spacing: 0.04em;
		line-height: 1.8;
		width: auto;
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 40px;
	}
	.attract .sec01 .innerBox .textBox .comLink a {
		width: 100%;
		margin: 0 auto;
		max-width: 300px;
		font-size: 1.6rem;
		background-position: right 20px center;
		padding: 18px 30px 19px 20px;
	}
	.attract .sec01 .innerBox01 .photoBox {
		float: none;
		width: 100%;
		background: none;
	}
	.attract .sec01 .innerBox01 .photoBox img {
		margin: 0 0 -50px;
	}
	.attract .sec01 .innerBox01 .textBox {
		margin-bottom: 78px;
		float: none;
		width: 100%;
	}
	.attract .sec01 .innerBox01 .textBox .infoBox {
		margin: 0;
		width: auto;
	}
	.attract .sec02 h2 {
		margin-bottom: 143px;
	}
	.attract .headLine06 {
		margin-bottom: 34px;
		font-size: 3rem;
		line-height: 1.4;
	}
	.attract .headLine06 img {
		margin: -5px auto 16px;
		display: block;
	}
	.attract .sec02 .bgBox {
		margin: 0 -20px 130px;
		padding: 30px 20px 40px;
		border-radius: 0;
	}
	.attract .sec02 .bgBox01 {
		margin: 0 0 140px;
		border-radius: 20px;
	}
	.attract .sec02 .photoList {
		display: block;
	}
	.attract .sec02 .photoList li {
		margin-bottom: 63px;
		width: auto;
		text-align: center;
	}
	.attract .sec02 .photoList li:last-child {
		margin-bottom: 0;
	}
	.attract .sec02 .photoList li .top {
		margin-bottom: 18px;
		font-size: 2.4rem;
		line-height: 1.35;
	}
	.attract .sec02 .bgBox01 .photoList li {
		margin: 0 -5px 34px;
	}
	.attract .sec02 .photoList .liStyle {
		text-align: left;
		width: auto;
		padding-right: 0;
		box-sizing: border-box;
	}
	.attract .sec02 .photoList li .topTxt {
		margin-bottom: 17px;
		font-size: 2.4rem;
		text-align: center;
	}
	.attract .sec02 .photoList li .txt {
		margin: 0 -10px 10px 0;
		font-size: 1.6rem;
	}
	.attract .sec02 .photoList li .txt .small {
		margin-top: 0;
		font-size: 1.4rem;
	}
	.attract .sec02 .photoList li table {
		margin-bottom: 6px;
	}
	.attract .sec02 .photoList li th {
		padding: 7px 0 12px;
		background: #83CFF5;
		text-align: center;
		font-weight: 400;
		border-right: 1px solid #fff;
		font-size: 1.4rem;
	}
	.attract .sec02 .photoList li th:last-child {
		border-right: none;
	}
	.attract .sec02 .photoList li td {
		padding: 10px 15px;
		font-size: 1.4rem;
		width: 44%;
		text-align: right;
	}
	.attract .sec02 .photoList li td:first-child {
		width: 12%;
		font-size: 1.2rem;
		padding: 10px 0;
		text-align: center;
	}
	.attract .sec02 .photoList li td:nth-child(2) {
		text-align: center;
	}
	.attract .sec02 .photoList li td .notes {
		font-size: 0.8rem;
	}
	.attract .sec02 .photoList li .notesList {
		margin: 0 20px 13px 0;
		display: block;
	}
	.attract .sec02 .photoList li .notesList li {
		width: auto;
		margin-bottom: 0;
		line-height: 1.3;
		font-size: 1.4rem;
	}
	.attract .sec02 .photoList li .btm {
		margin-bottom: 89px;
	}
	.attract .sec02 .bgBox .blueBox {
		margin: 26px -20px -56px;
		padding: 16px 0 18px;
		position: relative;
		text-align: center;
		border-radius: 0 0 30px 30px;
		background: #1A98D1;
	}
	.attract .sec02 .bgBox .blueBox .img01 {
		position: absolute;
		right: 16px;
		top: -126px;
		width: 120px;
	}
	.attract .sec02 .bgBox .blueBox p {
		font-size: 2rem;
	}
	.attract .sec02 .listUl {
		padding-top: 4px;
		margin-bottom: 50px;
	}
	.attract .sec02 .listUl li {
		padding: 16px 0 0;
		width: 100%;
		border-radius: 27px;
		margin-bottom: 20px;
	}
	.attract .sec02 .listUl li:last-child {
		margin-bottom: 0;
	}
	.attract .sec02 .listUl li .top {
		margin-bottom: 3px;
		font-size: 2.4rem;
	}
	.attract .sec02 .listUl li .pho {
		margin-bottom: 5px;
		padding: 0 15px;
		display: block;
	}
	.attract .sec02 .listUl li .blueBox {
		padding: 17px 0;
		font-size: 2rem;
		border-radius: 0 0 27px 27px;
	}
	.attract .sec02 .listUl li .blueBox01 {
		padding: 5px 0 10px;
		font-size: 1.8rem;
	}
	.attract .sec02 .listUl li .blueBox01 .info01 {
		font-size: 1.3rem;
	}
	.attract .sec02 .listUl li .blueBox01 .info02 {
		font-size: 4.1rem;
		line-height: 60px;
	}
	.attract .sec02 .comLink a {
		padding-right: 36px;
		width: 100%;
		background-position: right 20px center;
		max-width: 363px;
	}
	.attract .sec02 {
		margin-bottom: 120px;
	}
	.attract .sec03 {
		padding: 90px 0 138px;
	}
	.attract .sec03 .headLine06 {
		margin-bottom: 60px;
	}
	.attract .sec03 .phoImg {
		text-align: center;
	}
	.attract .sec04 {
		padding: 78px 0 120px;
	}
	.attract .sec04 .headLine06 {
		margin-bottom: 88px;
	}
	.attract .sec04 .title {
		margin-bottom: 40px;
		font-size: 1.4rem;
	}
	.attract .sec04 .title:before {
		display: none;
	}
	.attract .sec04 .title .infoSpan {
		display: block;
		padding: 0;
	}
	.attract .sec04 .title .imgSpan {
		margin: 0 0 10px 6px;
	}
	.attract .sec04 .title .txtSpan {
		padding: 10px 0 0 4px;
		display: block;
		border-top: 1px solid #707070;
	}
	.attract .sec04 .imgBox {
		margin: 0 15px 50px;
	}
	.attract .sec04 .imgBox .textBox {
		float: none;
		width: 100%;
	}
	.attract .sec04 .imgBox .textBox .txt {
		line-height: 1.8;
		font-size: 1.8rem;
	}
	.attract .sec04 .imgBox .photoBox {
		padding-top: 0;
		float: none;
		position: relative;
		width: auto;
		margin-bottom: 43px;
	}
	.attract .sec04 .imgBox .photoBox img {
		width: 100%;
	}
	.attract .sec04 .imgBox .photoBox .infoBox {
		margin-bottom: 17px;
		position: static;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.attract .sec04 .imgBox .photoBox .infoBox .pho {
		width: 56%;
	}
	.attract .sec04 .imgBox .photoBox .txtInner {
		text-align: left;
		width: 40%;
	}
	.attract .sec04 .ttl {
		margin-bottom: 13px;
		padding: 0 30px 10px 0;
		font-size: 2.1rem;
		line-height: 1.52;
		border-bottom: 1px solid #707070;
	}
	.attract .sec04 .detailBox {
		margin: 0 15px 90px;
	}
	.attract .sec04 .detailBox01 {
		margin-bottom: 0;
	}
	.attract .sec04 .detailBox .ttl {
		margin-bottom: 14px;
		padding: 0 20px 15px 0;
		font-size: 2.1rem;
	}
	.attract .sec04 .detailBox .infoInner {
		width: auto;
		margin-bottom: 60px;
	}
	.attract .sec04 .detailBox .infoInner01 {
		width: auto;
		margin-bottom: 0;
	}
	.attract .sec04 .detailBox .infoInner .txt {
		font-size: 1.8rem;
		line-height: 1.8;
	}
	.attract .sec05 {
		padding: 72px 0 0;
	}
	.attract .sec05 .content {
		width: auto;
		padding: 0 36px;
	}
	.attract .sec05 .title {
		margin-bottom: 23px;
		font-size: 2.1rem;
		text-align: left;
		line-height: 1.53;
	}
	.attract .sec05 p {
		margin: 0 -10px 67px 0;
		font-size: 1.8rem;
		line-height: 1.75;
	}
	.attract .sec05 .comLink {
		margin: 0 -15px;	
	}
	.attract .sec05 .comLink a {
		width: 100%;
		padding: 18px 43px 18px 20px;
		max-width: 420px;
		font-size: 1.6rem;
		margin: 0 auto;
		background-position: right 17px center;
		background-image: url("../images/common/icon06.png");
		background-size: 14px auto; 
	}
}
@media all and (max-width: 374px) {
	.attractVisual .title {
		width: 240px;
	}
	.attractVisual .ttlImg img {
		width: 250px;
	}
	.attract .sec02 .photoList li td {
		padding: 10px 2px;
	}
	.attract .headLine06 {
		font-size: 2.8rem;
	}
	.attract .sec04 .imgBox .photoBox .infoBox .pho {
		width: 45%;
	}
	.attract .sec04 .imgBox .photoBox .txtInner {
		width: 50%;
	}
	.attract .sec04 .ttl {
		padding-right: 0;
	}
	.attract .sec04 .detailBox .ttl {
		padding-right: 0;
	}
}


/*YouTubeポップアップ設定*/
#main .ytube {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
	width: 100%;
}
#main .ytube01 {
	padding-top: 56%;
}
#main .ytube iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }
#main .ytube a {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }
@media all and (max-width: 896px) {
	#main .ytube {
		padding-top: 56.1%;
	}
}


/*sitemap*/
.sitemapPage {
    margin: -32px 0 0;
}
.sitemapPage .headLine04 {
    margin-bottom: 137px;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: 0.04em;
}
.sitemapPage .top {
    margin-bottom: 28px;
    width: 542px;
    padding: 0 0 15px 32px;
    border-bottom: 2px solid #0C626B;
}
.sitemapPage .top a {
    padding-left: 27px;
    font-size: 2.4rem;
    display: block;
    background: url("../images/sitemap/icon01.png") no-repeat left center;
    background-size: 11px auto; 
}
.sitemapPage .top a:hover {
    opacity: 0.7;
}
.sitemapPage .linkBox {
    margin: 0 22px;
    display: flex;
    justify-content: space-between;
}
.sitemapPage .linkBox a:hover {
    opacity: 0.7;
}
.sitemapPage .linkBox .linkList {
    width: 552px;
}
.sitemapPage .linkBox .linkList > li > a {
    padding: 24px 10px 17px 32px;
    display: block;
    font-size: 2.4rem;
    background: url("../images/sitemap/icon02.png") no-repeat left 10px top 36px;
    background-size: 11px auto; 
    border-bottom: 1px dashed #0C626B;
}
.sitemapPage .linkBox .linkList > li > ul {
    padding: 6px 0 15px 32px;
    border-bottom: 1px dashed #0C626B;
}
.sitemapPage .linkBox .linkList > li > ul li a {
    padding: 10px 10px 1px 0;
    display: block;
    font-size: 2.4rem;
    border-bottom: 1px dashed #0C626B;
}
.sitemapPage .linkBox .linkList > li > ul li:last-child a {
    border-bottom: none;
}
@media all and (max-width: 896px) {
    .sitemapPage {
        margin: 0;
    }
    .sitemapPage .spTop {
        margin-bottom: 8px;
        text-align: center;
    }
    .sitemapPage .headLine04 {
        margin-bottom: 22px;
        font-size: 2.8rem;
    }
    .sitemapPage .top {
        margin: 0 6px 15px;
        width: auto;
        padding: 0 0 19px 30px;
        border-bottom: 2px solid #0C626B;
    }
    .sitemapPage .top a {
        padding-left: 27px;
        font-size: 2rem;
    }
    .sitemapPage .linkBox {
        margin: 0;
        display: block;
    }
    .sitemapPage .linkBox .linkList {
        width: auto;
        margin: 0 0 17px 26px;
    }
    .sitemapPage .linkBox .linkList:last-child {
        margin-bottom: 0;
    }
    .sitemapPage .linkBox .linkList > li > a {
        padding: 16px 10px 10px 32px;
        background-position: left 10px top 25px;
        font-size: 2rem;
    }
    .sitemapPage .linkBox .linkList > li > ul {
        margin-bottom: 5px;
        padding: 6px 0 0 32px;
        border-bottom: 1px dashed #0C626B;
    }
    .sitemapPage .linkBox .linkList > li > ul li a {
        padding: 7px 10px 9px 3px;
        font-size: 2rem;
    }
    .sitemapPage .linkBox .linkList > li > ul li .small {
        display: block;
        font-size: 1.6rem;
    }
    .sitemapPage .linkBox .linkList > li > ul li:last-child a {
        border-bottom: none;
    }
}