@charset "utf-8";

/* ****************************************************
Title: layout.css
***************************************************** */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* -------------------------------------------------------------------- 
 body
-------------------------------------------------------------------- */

body {
 color: #333333;

	font-family: 'Noto Sans JP', sans-serif;
	
/* font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/

font-size: 13px;
 *font-size:small;
 *font:x-small;
 text-align: center;
	text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}

#top {
	/*overflow: hidden;*/
}

#wrap {
	overflow: hidden;
	/*width: 640px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	min-width: 1160px;
}


img {
	vertical-align: bottom;
	width: auto;
	max-width: 100%;
	height: auto;
}

.relative-wrap {
	position: relative;
}

.contDispN {
	display: none;
}

p, span, dt, dd, th, td, li, h1, h2, h3, h4 {
	max-height: 999999px;
	background-image: url(../img/spacer.gif);
}


/*-----------------------*/

.anc {
	position: relative;
}
.ancIn {
	position: absolute;
	top: -80px;
}

#top {
	/*padding-top: 69px;*/
}

/*-----------------------*/

.pc {
	display: block;
}

.sp {
	display: none;
}

.pcBr {
	display: inline;
}

.spBr {
	display: none;
}

.pcTable {
	display: table !important;
}
.spTable {
	display: none !important;
}

.contIn1000 {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}
.contIn1160 {
	width: 1160px;
	margin: 0px auto !important;
	position: relative;
}


.radius200 {
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}

/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	body {

	/* font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/

	}

	#wrap {
		overflow: hidden;
		width: auto;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		min-width: 200px;
	}

	/*-----------------------*/

	.anc {
		position: relative;
	}
	.ancIn {
		position: absolute;
		top: 0px;
	}

	#top {
		/*padding-top: 79px;*/
	}

	/*-----------------------*/

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.pcBr {
		display: none;
	}
	.spBr {
		display: inline;
	}

	.pcTable {
		display: none !important;
	}
	.spTable {
		display: table !important;
	}

	.contIn1000 {
		width: auto;
	}
	.contIn1160 {
		width: auto;
	}


}


/* -------------------------------------------------------------------- 
 main
-------------------------------------------------------------------- */

.mainTitWrap01 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	/*height: 100vh;*/
	height: 766px;
	width: 100%;
	background-color: #ffffff;
}
.mainTit01 {
		animation-duration: 1.0s;
}
.mainTit01 img {
	width: 632px;
	height: auto;
}

/*-------------*/

.contNaviBase {
	position: relative;
	height: 80px;
}
.contNaviWrap01 {
	background-color: #F5F5F5;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.contNaviWrap01.fixed {
	position: fixed;
}

.contAncNavi01 {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 80px;
}
.contAncNavi01 li {
	padding: 0px 40px;
}
.contAncNavi01 li a {
	display: inline-block;
	position: relative;
	font-size: 19px;
	line-height: 1.5em;
	font-weight: bold;
	padding: 2px 0px;
}
.contAncNavi01 li a::after {
	content: "";
	height: 1px;
	width: 0px;
	background-color: #28AAB3;
	position: absolute;
	left: 0px;
	bottom: 0px;
	transition-duration: 0.4s;
}
.contAncNavi01 li a:hover::after {
	width: 100%;
	transition-duration: 0.4s;
}

/*------------------*/

.contBlockBase01 {
	text-align: left;
	margin: 120px auto;
}

.contH201 {
	text-align: left;
	overflow: hidden;
	width: 0px;
	margin-bottom: 50px;
    -webkit-transition: all 2.0s ease;
    -moz-transition: all 2.0s ease;
    -o-transition: all 2.0s ease;
    transition: all  2.0s ease;
}
.contH201.inviewBox {
	width: 100%;
}


.contH201 .h201 {
	font-size: 36px;
	line-height: 1.0em;
	font-weight: bold;
	border-left: 10px solid #28AAB3;
	padding-left: 15px;
	white-space: nowrap;
}
.contH201 .h201 .s01 {
	color: #28AAB3;
	font-size: 20px;
	margin-left: 22px;
	text-transform: uppercase;
}

.contText24_16_b {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
}
.contTextGray01 {
	color: #A7A7A7;
	font-size: 18px;
	line-height: 1.88em;
	font-weight: 500;
	margin-top: 28px;
}

/*-----------------*/

.contBasicUl01 li {
	position: relative;
	padding-left: 32px;
	font-size: 18px;
	line-height: 1.88em;
	font-weight: bold;
	margin-top: 35px;
}
.contBasicUl01 li::before {
	content: "";
	background-image: url("../img/cont_check01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 10px;
}
.businessFlex01 {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.businessFlex01.num01::after {
	content: "";
	background-image: url("../img/business_num01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 161px auto;
	width: 161px;
	height: 185px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.businessFlex01.num02::after {
	content: "";
	background-image: url("../img/business_num02.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 166px auto;
	width: 166px;
	height: 185px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}


.businessFlexBox01 {
	width: 500px;
	flex-shrink: 0
}
.businessFlexBox02 {
	width: 50%;
}

.businessDl01 dt {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 35px;
}
.businessDl01 dd {
	font-size: 18px;
	line-height: 1.88em;
	font-weight: bold;
}

a.textLink01:link {	color: #28AAB3;	text-decoration: none;}
a.textLink01:visited {	color: #28AAB3;	text-decoration: none;}
a.textLink01:hover {	color:#28AAB3;	text-decoration: underline;}
a.textLink01:active {	color:#28AAB3;	text-decoration: none;}

.businessBlock01 {
	background-color: #e9f6f7;
	box-sizing: border-box;
	/*height: 500px;*/
	padding: 0px 0px 0px 0px;
	margin-top: 80px;
}

.dumy {
	height: 2000px;
}

.contIn1160.js-area {
	/*overflow: hidden;*/
}

.businessFlex02 {
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
	box-sizing: border-box;
	height: 100vh;
	/*width: 2500px;
	position: absolute;
	left: 0px;
	top: 0px;*/
}
.businessFlex02Box01 {
	display: flex;
	/*justify-content: space-between;*/
	width: 780px;
	box-sizing: border-box;
	padding-right: 80px;
}
.flex02Box01In01 {
	padding-right: 30px;
}
.flex02Box01In02 {
	padding-top: 35px;
	/*width: 400px;*/
	width: 250px;
	flex-shrink: 0
}
.businessH301 {
	/*font-size: 40px;*/
	font-size: 32px;
	line-height: 1.35em;
	font-weight: bold;
	margin-bottom: 28px;
}
.businessH301 .s01 {
	display: block;
	margin-bottom: 5px;
}
.businessH301 .s01 img {
	width: auto;
	height: 36px;
}
.contText18_18_m {
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 500;
}
.businessFlex02Box01 .contText18_18_m {
	/*font-size: 22px;*/
}

/*----------------*/

.contBlockBase01.base02 {
	margin-bottom: 40px;
}

.featuresTable01 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 80px;
}
.featuresTable01 th {
	position: relative;
	text-align: right;
	vertical-align: top;
	width: 100px;
	white-space: nowrap;
	font-size: 22px;
	line-height: 1.7em;
	font-weight: bold;
	box-sizing: border-box;
	padding: 8px 15px 8px 0px;
}
.featuresTable01 th::before {
	content: "";
	width: 100vw;
	height: 100%;
	background-color: #28AAB3;
	position: absolute;
	top: 0px;
	right: 0px;
}
.featuresTable01 th p {
	position: relative;
	color: #ffffff;
}

.featuresTable01 td {
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 30px;
}
.featuresTable01 td li {
	font-size: 18px;
	line-height: 1.6em;
	font-weight: bold;
	margin: 1.0em auto 1.0em auto;
}
.featuresTable01 td li .s01 {
	color: #28AAB3;
}

/*-------------------------*/

.contBlockBase02 {
	background-color: #e9f6f7;
	padding: 80px 0px;
}

.historyTable01 {}
.historyTable01 th {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	padding: 0px 20px 1em 0px;
}
.historyTable01 td {
	position: relative;
	text-align: left;
	vertical-align: top;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 500;
	padding: 0px 0px 1em 35px;
}
.historyTable01 td::before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #28AAB3;
	position: absolute;
	top: 10px;
	left: 7px;
}
.historyTable01 tr:last-child td::before {
	display: none;
}

.historyTable01 td::after {
	content: "";
	width: 15px;
	height: 15px;
	background-color: #28AAB3;
	border-radius: 15px;
	position: absolute;
	top: 8px;
	left: 0px;
}

/*--------------------*/

.companyFlex01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.companyFlex01 dl {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	margin-top: 20px;
}
.companyFlex01 dt {
	color: #A7A7A7;
	margin-bottom: 10px;
}
.companyFlex01 dd {
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.mainTitWrap01 {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-sizing: border-box;
		height: 100vh;
		width: 100%;
		padding: 20px;
		background-color: #ffffff;
	}
	.mainTit01 {
			animation-duration: 1.0s;
	}
	.mainTit01 img {
		width: 632px;
		height: auto;
	}

	/*-------------*/

	.contNaviBase {
		position: relative;
		height: 80px;
	}
	.contNaviWrap01 {
		background-color: #F5F5F5;
		width: 100%;
		position: relative;
		left: 0px;
		top: 0px;
		z-index: 100;
	}
	.contNaviWrap01.fixed {
		position: relative;
	}

	.contAncNavi01 {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: 80px;
	}
	.contAncNavi01 li {
		padding: 0px 40px;
	}
	.contAncNavi01 li a {
		display: inline-block;
		position: relative;
		font-size: 19px;
		line-height: 1.5em;
		font-weight: bold;
		padding: 2px 0px;
	}
	.contAncNavi01 li a::after {
		content: "";
		height: 1px;
		width: 0px;
		background-color: #000000;
		position: absolute;
		left: 0px;
		bottom: 0px;
		transition-duration: 0.4s;
	}
	.contAncNavi01 li a:hover::after {
		width: 100%;
		transition-duration: 0.4s;
	}

	/*------------------*/

	.contBlockBase01 {
		text-align: left;
		margin: 30px auto 50px auto;
	}

	.contH201 {
		text-align: left;
		overflow: hidden;
		width: 0px;
		margin-bottom: 30px;
			-webkit-transition: all 2.0s ease;
			-moz-transition: all 2.0s ease;
			-o-transition: all 2.0s ease;
			transition: all  2.0s ease;
	}
	.contH201.inviewBox {
		width: 100%;
	}


	.contH201 .h201 {
		font-size: 30px;
		line-height: 1.0em;
		font-weight: bold;
		border-left: 6px solid #28AAB3;
		padding-left: 15px;
		white-space: nowrap;
	}
	.contH201 .h201 .s01 {
		display: block;
		color: #28AAB3;
		font-size: 14px;
		margin-left: 0px;
		margin-top: 5px;
		text-transform: uppercase;
	}

	.contText24_16_b {
		font-size: 22px;
		line-height: 1.7em;
		font-weight: bold;
	}
	.contTextGray01 {
		color: #A7A7A7;
		font-size: 16px;
		line-height: 1.85em;
		font-weight: 500;
		margin-top: 24px;
	}

	/*-----------------*/

	.contBasicUl01 li {
		position: relative;
		padding-left: 32px;
		font-size: 16px;
		line-height: 1.88em;
		font-weight: bold;
		margin-top: 35px;
	}
	.contBasicUl01 li::before {
		content: "";
		background-image: url("../img/cont_check01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0px;
		top: 10px;
	}
	.businessFlex01 {
		position: relative;
		display: block;
	}

	.businessFlex01.num01::after {
		content: "";
		background-image: url("../img/business_num01.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 95px auto;
		width: 95px;
		height: 90px;
		position: absolute;
		right: 0px;
		bottom: auto;
		top: 60.0vw;
	}
	.businessFlex01.num02::after {
		content: "";
		background-image: url("../img/business_num02.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100px auto;
		width: 100px;
		height: 100px;
		position: absolute;
		right: 0px;
		bottom: auto;
		top: 60.0vw;
	}


	.businessFlexBox01 {
		width: auto;
	}
	.businessFlexBox02 {
		width: auto;
	}

	.businessDl01 {
		margin-top: 30px;
	}
	.businessDl01 dt {
		font-size: 22px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 0px;
		height: 100px;
	}
	.businessDl01 dd {
		font-size: 16px;
		line-height: 1.88em;
		font-weight: bold;
	}

	a.textLink01:link {	color: #28AAB3;	text-decoration: none;}
	a.textLink01:visited {	color: #28AAB3;	text-decoration: none;}
	a.textLink01:hover {	color:#28AAB3;	text-decoration: underline;}
	a.textLink01:active {	color:#28AAB3;	text-decoration: none;}

	.businessBlock01 {
		background-color: #e9f6f7;
		box-sizing: border-box;
		/*height: 500px;*/
		padding: 0px 0px 0px 0px;
		margin-top: 50px;
	}
	.businessBlock01 .contIn1160 {
		padding: 0px;
	}
	
	.dumy {
		height: 2000px;
	}

	.contIn1160.js-area {
		/*overflow: hidden;*/
	}

	.businessFlex02 {
		display: flex;
		/*justify-content: space-between;*/
		align-items: flex-start;
		box-sizing: border-box;
		height: 100vh;
		padding: 40px 0px 40px 0px;
		/*width: 2500px;

		position: absolute;
		left: 0px;
		top: 0px;*/
	}
	.businessFlex02Box01 {
		display: block;
		/*justify-content: space-between;*/
		width: auto;
		box-sizing: border-box;
		padding-right: 20px;
		padding-left: 20px;
	}
	.flex02Box01In01 {
		padding-right: 0px;
	}
	.flex02Box01In02 {
		padding-top: 35px;
		width: auto;
		text-align: center;
	}
	.flex02Box01In02 img {
		width: 250px;
		height: auto;
	}
	
	.businessH301 {
		font-size: 22px;
		line-height: 1.35em;
		font-weight: bold;
		margin-bottom: 15px;
		min-height: 100px;
	}
	.businessH301 .s01 {
		display: block;
		margin-bottom: 5px;
	}
	.businessH301 .s01 img {
		width: auto;
		height: 36px;
	}
	.contText18_18_m {
		font-size: 14px;
		line-height: 1.8em;
		font-weight: 500;
		letter-spacing: -0.05em;
	}
	
	.businessFlex02Box01 .contText18_18_m {
		min-height: 9em;
		/*font-size: 14px;*/
	}

	/*----------------*/

	.contBlockBase01.base02 {
		margin-bottom: 40px;
	}

	.featuresTable01 {
		display: block;
		width: 100vw;
		margin-left: -20px;
		border-spacing: 0px 0px;
	}

	.featuresTable01 th {
		display: block;
		position: relative;
		text-align: left;
		width: auto;
		white-space: normal;
		font-size: 18px;
		line-height: 1.8em;
		font-weight: bold;
		box-sizing: border-box;
		padding: 15px 20px 15px 20px;
		background-color: #28AAB3;
		margin-right: 20px;
		margin-top: 48px;
	}
	.featuresTable01 th::before {
		display: none;
	}
	.featuresTable01 th p {
		position: relative;
		color: #ffffff;
	}

	.featuresTable01 td {
		display: block;
		text-align: left;
		vertical-align: top;
		padding: 0px 20px 0px 20px;
	}
	.featuresTable01 td li {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		margin: 1.0em auto 1.0em auto;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	.featuresTable01 td li .s01 {
		color: #28AAB3;
	}

	/*-------------------------*/

	.contBlockBase02 {
		background-color: #e9f6f7;
		padding: 30px 0px 45px 0px;
	}

	.historyTable01 {
		display: block;
	}
	.historyTable01 th {
		display: none;
		text-align: right;
		vertical-align: top;
		white-space: nowrap;
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
		padding: 0px 20px 1em 0px;
	}
	.historyTable01 td {
		display: block;
		position: relative;
		text-align: left;
		vertical-align: top;
		font-size: 14px;
		line-height: 1.6em;
		font-weight: 500;
		padding: 0px 0px 1em 35px;
	}
	.historyTable01 td::before {
		content: "";
		width: 1px;
		height: 100%;
		background-color: #28AAB3;
		position: absolute;
		top: 9px;
		left: 7px;
	}
	.historyTable01 tr:last-child td::before {
		display: block;
		height: calc( 100% - 1em - 10px );
	}
	
	.historyDaySp {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 8px;
	}

	.historyTable01 td::after {
		content: "";
		width: 15px;
		height: 15px;
		background-color: #28AAB3;
		border-radius: 15px;
		position: absolute;
		top: 7px;
		left: 0px;
	}

	/*--------------------*/

	.companyFlex01 {
		display: block;
	}

	.companyFlex01 dl {
		font-size: 14px;
		line-height: 1.6em;
		font-weight: bold;
		margin-top: 18px;
	}
	.companyFlex01 dt {
		color: #A7A7A7;
		margin-bottom: 5px;
	}
	.companyFlex01 dd {
	}


	/*----------------------------*/

	.menuBtn01 {
		position: fixed !important;
		top: 15px;
		right: 30px;
		z-index: 999999;
	}
	
	.headerMenuWrap01 {
		/*display: none;*/
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 99999;
		visibility: hidden;
		opacity: 1;
		/*transition-duration: 0.6s;*/
		transition: all 0.6s;
	}
	.headerMenuWrap01.contOpen {
		visibility: visible;
		opacity: 1;
		/*transition-duration: 0.2s;*/
		transition: all 0.6s;
	}

	.headerMenuBg01 {
		width: 110vw;
		height: 100%;
		background-color: #ffffff;
		filter: alpha(opacity=50);
		-moz-opacity:0.5;
		opacity:0.5;
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.headerMenu01 {
		overflow: hidden;
		width: 100%;
		position: relative;
		top: 0px;
		/*left: -110vw;*/
		right: -110vw;
		transition: all 0.6s;
		padding-top: 0px;
	}
	.contOpen .headerMenu01 {
		width: 100%;
		transition: all 0.6s;
		/*left: 0px;*/
		right: 0px;
	}

	.headerMenuIn01 {
		box-sizing: border-box;
		background-color: #28AAB3;
		width: 86%;
		height: 100vh;
		overflow: auto;
		text-align: left;
		padding: 140px 50px 50px 50px;
		position: relative;
		margin: auto 0px auto auto;
		color: #ffffff;
	}
	.headerMenuClose01 {
		position: absolute;
		top: 14px;
		right: 22px;
	}
	.headerMenuClose01 img {
		width: 22px;
		height: auto;
	}
	.headerMenuClose01 img:hover {
		cursor: pointer;
	}

	.menuBtnWrap01 li {
		margin-bottom: 50px;
		font-size: 20px;
		line-height: 1.3em;
		font-weight: bold;
		color: #ffffff;
	}
	.menuBtnWrap01 li a:link {	color: #ffffff;	text-decoration: none;}
	.menuBtnWrap01 li a:visited {	color: #ffffff;	text-decoration: none;}
	.menuBtnWrap01 li a:hover {	color:#ffffff;	text-decoration: none;}
	.menuBtnWrap01 li a:active {	color:#ffffff;	text-decoration: none;}

	.menuBtnWrap02 {
		margin-top: 65px;
		text-align: center;
	}
	.menuBtnWrap02 img {
		width: 70%;
		height: auto;
	}

	/*==================================================
	 5-2-2 2本線が×に
	===================================*/

	/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
	.openbtn2{
		position: relative;/*ボタン内側の基点となるためrelativeを指定*/
		width: 50px;
			height:50px;
		cursor: pointer;
	}

	/*ボタン内側*/

	.openbtn2 span{
			display: inline-block;
			transition: all .4s;/*アニメーションの設定*/
			position: absolute;
			left: 13px;
			height: 2px;
		background-color: #28AAB3;
		}


	.openbtn2 span:nth-of-type(1) {
		top:20px; 
			width: 100%;
	}

	.openbtn2 span:nth-of-type(2) {
		top:32px;
			width: 100%;
	}

	/*activeクラスが付与されると線が回転して×に*/

	.openbtn2.active span:nth-of-type(1) {
			top: 20px;
			left: 16px;
			transform: translateY(6px) rotate(-45deg);
			width: 100%;
		background-color: #ffffff;
	}

	.openbtn2.active span:nth-of-type(2) {
			top: 32px;
			left: 16px;
			transform: translateY(-6px) rotate(45deg);
			width: 100%;
		background-color: #ffffff;
	}

	.contIn1160 {
		padding: 0px 20px;
	}


}



/* -------------------------------------------------------------------- 
 footer
-------------------------------------------------------------------- */

.pagetopButton {
	display: none;
	width: 56px;
	position: fixed;
	bottom: 110px;
	right: 30px;
	z-index: 200;
}

/*-----------------*/

.footerBlock01 {
	background-color: #28AAB3;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 100px;
	padding: 20px 0px;
}
.copyright01 {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 500;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.pagetopButton {
		width: 56px;
		bottom: 50px;
		right: 0px;
	}

	/*-----------------*/

	.footerBlock01 {
		background-color: #28AAB3;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: 40px;
		padding: 5px 0px;
	}
	.copyright01 {
		color: #ffffff;
		font-size: 12px;
		line-height: 1.6em;
		font-weight: 500;
	}


}


/* -------------------------------------------------------------------- 
 修正 2024/03/22
-------------------------------------------------------------------- */

.detailHeader01 {
	padding: 30px;
}
.detailLogo01 {
	text-align: left;
}
.detailLogo01 img {
	width: 77px;
	height: auto;
}

.detailBlock01 {
	text-align: left;
	margin: 20px auto 150px auto;
}
.detailBox01 {
	font-size: 16px;
	line-height: 1.75em;
	font-weight: 500;
	margin-bottom: 50px;
}

.detailH301 {
	color: #28AAB3;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: bold;
	margin-bottom: 18px;
}
.detailH401 {
	font-weight: bold;
}

.mt16em {
	margin-top: 1.6em;
}


/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.detailHeader01 {
		padding: 20px;
	}
	.detailLogo01 img {
		width: 56px;
	}

	.detailBlock01 {
		margin: 20px auto 80px auto;
	}
	.detailBox01 {
		font-size: 14px;
		line-height: 1.8em;
		margin-bottom: 30px;
	}

	.detailH301 {
		font-size: 18px;
		margin-bottom: 18px;
	}


}

/*-----*/