@charset "utf-8";
/*===========================
main
===========================*/

/*----------------------------
import fonts
-----------------------------*/

/* 丸ゴシック font-family: 'Rounded Mplus 1c';*/
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

/* ゴシック体 font-family: 'Noto Sans Japanese';
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

/* 明朝体 font-family: 'Sawarabi Mincho';
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);*/

/* Noto Sans Japanese 
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap);*/



/*===========================
fonts
===========================*/

/*  Fonts  */

.fontPlusR {
	font-family: 'Rounded Mplus 1c';
	font-size: 3em;
}

/*
.fontStyle_NotoSansJP {
	font-family: 'Noto Sans JP', sans-serif;
}

.fontStyle_NotoSerifJP {
	font-family: 'Noto Serif JP', serif;
}
*/


/*===========================
header
===========================*/


/* header */
#headWrap {
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	z-index: 500;
	background-color: rgba(255, 255, 255, 0.95);
}

#headWrap a,
#headWrap {
	text-decoration: none;
}

#headContent {
	box-sizing: border-box;
	height: 115px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 1px;
	border-top: 2px dashed #ef6c70;
}



#headContent .logoArea {
	margin-left: 2%;
	/* TEL がない時　
	margin:0 auto;
	*/
}

#headContent .telArea {
	margin-right: 2%;
}

#headContent .telArea p {
	font-family: 'Rounded Mplus 1c';
	box-sizing: border-box;
	font-size: 32px;
}

#headContent .telArea p i {
	font-size: 29px;
}

#headContent .telArea p a {
	color: #ef6c70;
}


@media screen and (max-width: 768px) {
	#headWrap {
		background-color: rgba(255, 255, 255, 1);
	}

	#headContent {
		height: 115px;
		justify-content: start;
		/* アイテムを先頭に寄せる */
		margin-top: 1px;
	}

	#headContent .telArea {
		margin: 10px 0 0 50px;
	}

	#headContent .telArea p {
		font-size: 22px;
	}

	#headContent .telArea p i {
		font-size: 20px;
	}

}

@media screen and (max-width: 600px) {

	#headContent {
		justify-content: start;
		margin-top: 1px;
	}

	#headContent .logoArea {
		margin: 10px 0 10px 10px;
		display: block;
		width: 100%;
	}


	#headContent .logoArea img {
		max-width: 280px;
		max-height: 60px;
	}

	#headContent .telArea {
		margin: 0 auto;
	}

	#headContent .telArea p {
		font-size: 24px;
	}

	#headContent .telArea p i {
		font-size: 22px;
	}

}


/* ------------------ */
/* ナビ               */
/* ------------------ */

#headWrap a,
#headWrap {
	text-decoration: none;
}

.pcNaviWrap {
	border-top: 2px dashed #cccccc;
	border-bottom: 2px dashed #cccccc;
}

.pcNavi {
	box-sizing: border-box;
	height: 59px;
	text-align: center;
	background-color: #f8f8f8;
	margin: 1px 0;
}

.pcNavi ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	list-style-type: none;
	align-items: center;
}

.pcNavi li {
	text-align: center;
	box-sizing: border-box;
	padding: 0 1.5%;
	font-size: 1.15em;
	line-height: 1.1em;
}

.pcNavi li a {
	display: block;
	color: #444;
}

.pcNavi li.naviHome {
	padding-top: 0.1em;
	font-size: 1.4em;
}

.pcNavi li.naviHome a {
	color: #ef6c70;
}

.pcNavi a.awesome:before {
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	color: #ef6c70;
	padding-right: 5px;
}



.pcNavi ul.naviSNS {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	list-style-type: none;
	align-items: center;
}


.pcNavi ul.naviSNS li {
	padding: 0.1em 0.1em 0 0.1em;
	font-size: 1.6em;
}

li.twitter-c,
li.twitter-c a {
	color: #1DA1F2;
}

li.insta-c,
li.insta-c a {
	color: #CF2E92;
}

li.facebook-c,
li.facebook-c a {
	color: #1877f2;
}

li.line-c,
li.line-c a {
	color: #00B900;
}


.pcNavi li a.liActive {
	border-bottom: 2px solid #ef6c70;
}

.pcNavi li a:hover {
	cursor: pointer;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.pcNavi li:hover::before {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/* ------------------ */
/* ハンバーガーボタン */
/* ------------------ */

.Toggle p {
	display: none;
}




@media screen and (max-width: 1200px) {

	.pcNavi li {
		font-size: 1em;
		padding: 0 1%;
	}

}

@media screen and (max-width: 900px) {

	.pcNavi li {
		font-size: 0.9em;
		padding: 0 0.5%;
	}

}

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


	/* ------------------ */
	/* ハンバーガーボタン */
	/* ------------------ */


	/*ナビのスタイル*/
	nav.NavMenu {
		position: fixed;
		z-index: 12;
		top: 0;
		left: 0;
		background: rgba(255, 255, 255, .7);
		width: 100%;
		height: 100%;
		display: none;
		box-sizing: border-box;
		margin: 0;

	}

	nav.NavMenu ul {
		width: 100%;
		flex-direction: column;
		flex-wrap: wrap;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		box-sizing: border-box;
	}

	nav.NavMenu ul li {
		font-size: 16px;
		padding: 20px 10px;
		width: 100%;
		border-top: #dadada 1px solid;
		border-left: none;
		background-color: rgba(255, 255, 255, .95);
	}

	nav.NavMenu li.naviHome {
		padding: 20px 10px
	}


	nav.NavMenu ul li a.liActive {
		border: none;
	}

	nav.NavMenu ul li a:hover {
		border: none;
	}

	nav.NavMenu ul.naviSNS {
		position: relative;
	}

	ul.naviSNS {
		flex-direction: row !important;
		flex-wrap: wrap;
	}

	nav.NavMenu ul.naviSNS li {
		border-top: none;
		width: 1.4em;
	}


	/*ボタンのスタイル*/
	.Toggle {
		position: fixed;
		right: 3%;
		top: 40px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		z-index: 13;
		display: block;
	}

	.Toggle span {
		display: block;
		position: absolute;
		width: 20px;
		border-bottom: solid 2px #999999;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 6px;
	}

	.Toggle span:nth-child(1) {
		top: 7px;
	}

	.Toggle span:nth-child(2) {
		top: 14px;
	}

	.Toggle span:nth-child(3) {
		top: 21px;
	}

	.Toggle.active span:nth-child(1) {
		top: 18px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-bottom: solid 3px #C1C1C1;
	}

	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		border-bottom: solid 3px #C1C1C1;
	}

	.Toggle p {
		margin: 0;
		padding: 24px 0 0 2px;
		display: inline-block;
		text-align: center;
		font-size: 8px;
	}

	.pcNaviWrap {
		border-top: none;
	}

}

@media screen and (max-width: 600px) {

	/*ボタンのスタイル*/
	.Toggle {
		right: 16px;
		top: 20px;
	}

}



/*===========================
common
===========================*/



body {
	font-size: 16px;
	line-height: 1.8em;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #444;
}

.wrapper {
	width: 1100px;
	margin: 0 auto;
}

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

	body {
		min-width: 600px;
		/* iPadで横にしたときに背景が切れるバグ回避　*/
	}

	.wrapper {
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}

}

@media only screen and (max-width: 600px) {

	body {
		min-width: 320px;
		/* iPadで横にしたときに背景が切れるバグ回避　*/
	}

}

/* clear */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


.clear {
	clear: both;
}

div.clear {
	height: 0px;
	line-height: 0;
	font-size: 0;
}

/* Hx */
h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 1px;
	font-weight: normal;
}

h2 {
	font-family: 'Rounded Mplus 1c';
	font-size: 2.2em;
	line-height: 1.5em;
	text-align: center;
	position: relative;
	margin-bottom: 2em;
}


h2:after {
	content: '';
	position: absolute;
	bottom: -17px;
	display: inline-block;
	width: 150px;
	height: 8px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ef6c70;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


h3 {
	font-size: 1.8em;
	line-height: 1.3em;
	text-align: center;
	position: relative;
	text-align: center;
	margin-bottom: 1.5em;
	font-family: 'Rounded Mplus 1c';
}

h3:after {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 120px;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ef6c70;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


h4 {
	font-size: 1.4em;
	line-height: 1.2em;
	text-align: center;
	position: relative;
	text-align: center;
	margin-bottom: 1em;
	font-family: 'Rounded Mplus 1c';
}

h4:after {
	content: '';
	position: absolute;
	bottom: -8px;
	display: inline-block;
	width: 100px;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ccc;
}

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

	h2 {
		font-size: 2em;
	}

	h3 {
		font-size: 1.7em;
	}

	h4 {
		font-size: 1.3em;
	}

}

@media screen and (max-width: 600px) {

	h2 {
		font-size: 1.7em;
	}

	h3 {
		font-size: 1.6em;
	}

	h4 {
		font-size: 1.1em;
	}


}


.telNoDeco a {
	text-decoration: none !important;
	color: #333 !important;
}

.telNoDeco a:hover {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}

.telNoDecoWhite a {
	text-decoration: none !important;
	color: #fff !important;
}

.telNoDecoWhite a:hover {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}

.txtBnr {
	display: inline-block;
}

.txtBnr a {
	display: inline-block;
	text-decoration: none;
	line-height: normal;
	padding: 0.2em 2em;
	margin: 0;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
}

.txtBnrBlock a {
	display: block;
	text-decoration: none;
	line-height: normal;
	padding: 0.2em 2em;
	margin: 0;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
}

.txtBnr2 {
	display: inline-block;
}

.txtBnr2 a {
	display: inline-block;
	text-decoration: none;
	line-height: normal;
	padding: 0.2em 2em;
	margin: 0;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
}

.txtBnr a:hover,
.txtBnrBlock a:hover,
.txtBnr2 a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}



/* contactBtn */

.contactBtnWrap {
	clear: both;
	padding: 0 0 0 0;
	text-align: center;
}

.contactBtn {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	margin: 0 10px 15px 10px;
}

.txtContacBnr a {
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: normal;
	padding: 0.4em 1em;
	min-width: 200px;
	box-sizing: border-box;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
}

.txtContacBnr a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.txtContacBnrPC {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: normal;
	padding: 0.4em 1em;
	min-width: 200px;
	box-sizing: border-box;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
}



/*===========================
mainVisual
===========================*/

#mainVisualWrap {
	padding-top: 181px;
}

#mainVisual {
	position: relative;
	background-image: url(../img/common/bg_lattice.png);
	background-repeat: repeat;
	background-position: center top;
	text-align: center;
	padding: 50px 5%;
}

#mainVisual img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5);
}

#mainVisual .mainCatch {
	position: absolute;
	font-family: 'Rounded Mplus 1c';
	text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff, 0 0 14px #fff;
}

#mainVisual .mainCatchSmall {
	margin-top: 4.3em;
	font-size: 80%;
}


/* 左寄せ */

#mainVisual .mainCatch {
	color: #333;
	text-align: left;
	line-height: 1.4em;
	letter-spacing: 0em;
	margin-top: -32%;
	margin-left: 4%;
	font-size: 3.1vw;
}



/* 右寄せ
#mainVisual .mainCatch {
	color: #333;
	text-align: right;
	line-height: 1.4em;
	letter-spacing: 0em;
	margin-top: -32%;
	margin-left:40%;
	font-size:3.1vw;
}



 
/* 中央上寄せ
#mainVisual .mainCatch {
	color: #333;
	text-align: center;
	line-height:1.4em;
	letter-spacing:0em;
	margin-top: -33%;
	margin-left:21%;
	font-size:3.1vw;
}
 */






/* 中央寄せ背景付き 
#mainVisual .mainCatch {
	color: #FFF;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 0em;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	padding-top: 1.8vw;
	padding-bottom: 1.8vw;
	margin-top: -26%;
	margin-left:21%;
	width:46vw;
	font-size: 2.3vw;
	text-shadow:none;
}
*/





/* 下寄せ背景付き 
#mainVisual .mainCatch {
	color: #FFF;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 0em;
	box-sizing: border-box;
	border-radius: 0 0 20px 20px;	
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
	background-color: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	padding-top: 1.8vw;
	padding-bottom: 1.8vw;
	margin-top: -13.4%;
	margin-left:0;
	width:90%;
	font-size: 2.3vw;
	text-shadow:none;
}

*/





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

	#mainVisualWrap {
		padding-top: 118px;
	}

	#mainVisual {
		padding: 6% 3%;
	}

	#mainVisual .mainCatch {
		text-shadow:
			white 1px 1px 2px, white -1px 1px 2px,
			white 1px -1px 2px, white -1px -1px 2px,
			0 0 1px #fff, 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff;
	}

	/* 中央寄せ背景付き 
#mainVisual .mainCatch {
	text-shadow:none;
}
*/

	/* 下寄せ背景付きの場合
#mainVisual .mainCatch {
	width:94%;
	margin-top: -13%;
	text-shadow:none;
}
 */


}



/*===========================
pageTitle
===========================*/

#pageTitleMover {
	padding-top: 181px;
}

#pageTitleWrap {
	background-image: url(../img/common/bg_lattice.png);
	background-repeat: repeat;
	background-position: center top;
	text-align: center;
	padding: 40px 5%;
	border-bottom: 1px solid #ececec;
}

#pageTitle {
	background-image: url(../img/common/page_title.jpg);
	background-position: center;
	background-size: cover;
	padding: 60px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5);
}

#pageTitle h1 {
	display: inline-block;
	font-family: 'Rounded Mplus 1c';
	font-size: 2.4em;
	line-height: 1.2em;
	color: #555;
}

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

	#pageTitleMover {
		padding-top: 118px;
	}

	#pageTitle h1 {
		font-size: 2.2em;
	}

}

@media screen and (max-width: 600px) {

	#pageTitleWrap {
		padding: 30px 10px;
	}

	#pageTitle {
		padding: 40px 5px;
	}


	#pageTitle h1 {
		font-size: 1.6em;
	}

}




/*===========================
main_area
===========================*/


/* コンテンツ画像は全部角丸 */
main img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

main img.imgBorder {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 1px solid #dcdcdc;
}

main img.imgShadow {
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
}


/* コンテンツ画像角丸解除 */
main .imgRadReset img {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}


.txtCenter {
	text-align: center !important;
}

.txtRight {
	text-align: right !important;
}

.txtLeft {
	text-align: left !important;
}

.txtSUP {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

.txtSUB {
	font-size: 75.5%;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}

.txtVcenter {
	display: table-cell;
	vertical-align: middle;
}

.flexVcenter {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
}

/* font color */

.fcRed {
	color: #E92D05 !important;
}


.fcRedOrange {
	color: #FB5328 !important;
}

.fcBlue {
	color: #1A71B0 !important;
}

.fcOrange {
	color: #dc722b !important;
}

.fcYellow {
	color: #F3AB25 !important;
}

.fcYG {
	color: #A7B82C !important;
}

.fcGreen {
	color: #4a861e !important;
}

.fcSkyB {
	color: #6ABDE6 !important;
}

.fcBlue {
	color: #408BD0 !important;
}

.fcBlueP {
	color: #8B5FCF !important;
}

.fcRedP {
	color: #AF41B8 !important;
}

.fcWineR {
	color: #C62B71 !important;
}

/* マージン */

.mgb1em {
	margin-bottom: 1em !important;
}

.mgb2em {
	margin-bottom: 2em !important;
}

.mgb3em {
	margin-bottom: 3em !important;
}


.mgbS {
	margin-bottom: 20px !important;
}

.mgbM {
	margin-bottom: 50px !important;
}

.mgbL {
	margin-bottom: 100px !important;
}


.mgb1em {
	margin-bottom: 1em !important;
}

.mgb2em {
	margin-bottom: 2em !important;
}

.mgb3em {
	margin-bottom: 3em !important;
}

.mgbS {
	margin-bottom: 30px !important;
}

.mgbM {
	margin-bottom: 70px !important;
}

.mgbL {
	margin-bottom: 120px !important;
}

.mgb0 {
	margin-bottom: 0px !important;
}

.mgb10px {
	margin-bottom: 10px !important;
}

.mgb20px {
	margin-bottom: 20px !important;
}

.mgb30px {
	margin-bottom: 30px !important;
}

.mgb40px {
	margin-bottom: 40px !important;
}

.mgb50px {
	margin-bottom: 50px !important;
}

.mgb60px {
	margin-bottom: 60px !important;
}

.mgb70px {
	margin-bottom: 70px !important;
}

.mgb80px {
	margin-bottom: 80px !important;
}

.mgb100px {
	margin-bottom: 100px !important;
}

.mgbPC0SP20px {
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 600px) {
	.mgbPC0SP20px {
		margin-bottom: 20px !important;
	}
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}


/* padding */
.pt0 {
	padding-top: 0px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pr50 {
	padding-right: 50px !important;
}

/* margin top */
.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}



.fs60p {
	font-size: 60% !important;
}

.fs70p {
	font-size: 70% !important;
}

.fs80p {
	font-size: 80% !important;
}

.fs90p {
	font-size: 90% !important;
}

.fs110p {
	font-size: 110% !important;
}

.fs120p {
	font-size: 120% !important;
	line-height: 1.4em !important;
}

.fs130p {
	font-size: 130% !important;
	line-height: 1.4em !important;
}

.fs140p {
	font-size: 140% !important;
	line-height: 1.4em !important;
}

.fs140pM {
	font-size: 140% !important;
	line-height: 1.8em !important;
}

.fs150p {
	font-size: 150% !important;
	line-height: 1.4em !important;
}

.fs200p {
	font-size: 200% !important;
	line-height: 1.4em !important;
}

.fsM {
	font-size: 124% !important;
	line-height: 1.8em !important;
}

@media screen and (max-width: 600px) {

	.fsSP60p {
		font-size: 60% !important;
	}

	.fsSP70p {
		font-size: 70% !important;
	}

	.fsSP80p {
		font-size: 80% !important;
	}

	.fsSP90p {
		font-size: 90% !important;
	}

}

.mgr0_5em {
	margin-right: 0.5em !important;
}

.mgl0_5em {
	margin-left: 0.5em !important;
}

.mgt0 {
	margin-top: 0 !important;
}

.halfIndent {
	text-indent: -0.5em !important;
}

/*　蛍光下線　*/
.tx-em {
	background: linear-gradient(transparent 62%, rgba(255, 250, 137, 0.71) 0%);
}

/*　蛍光斜線　*/
.tx-diagoYel {
	margin: 0 2px;
	padding: 2px 5px;
	border-radius: 0 0 3px 9px;
	color: #2f2f2f;
	background-image: linear-gradient(2deg, #fbf8a7, #fbf8a7 25%, transparent 25.1%, transparent);
}

.tx-diagoRed {
	margin: 0 2px;
	padding: 2px 5px;
	border-radius: 0 0 3px 9px;
	color: #2f2f2f;
	background-image: linear-gradient(2deg, #FD86A0, #FD86A0 25%, transparent 25.1%, transparent);
}

.tx-diagoGreen {
	margin: 0 2px;
	padding: 2px 5px;
	border-radius: 0 0 3px 9px;
	color: #2f2f2f;
	background-image: linear-gradient(2deg, #8dedd0, #8dedd0 25%, transparent 25.1%, transparent);
}



/*===========================
onOff
===========================*/

.pcOFFtabletON {
	display: none;
}

.pcONtabletOFF {}

.pcONtabletOFFspON {}

.pcOFFspON {
	display: none;
}

.sp {
	display: none;
}


.pcONspOFF {}


.txtPCcenterSPLeft,
.txtPCcenterTabletLeft {
	text-align: center !important;
}

.txtPCLeftSPcenter {
	text-align: left !important;
}

.txtPCRightSPcenter {
	text-align: right !important;
}

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

	.txtPCcenterTabletLeft {
		text-align: left !important;
	}

	.pcONtabletOFF {
		display: none;
	}

	.pcOFFtabletON {
		display: block;
	}

	.pcONtabletOFFspON {
		display: none;
	}

	.gallery__pic {
		flex-wrap: wrap !important;
	}

	.gallery__pic a img {
		width: 100%;
		height: 250px !important;
		object-fit: cover;
		margin-bottom: 10px !important;
	}

	.wrapper__faq {
		width: 100% !important;
		margin: 0 auto;
	}

	.gallery__pic a {
		width: 45% !important;
	}
}

@media screen and (max-width: 600px) {

	.pcOFFspON {
		display: block;
	}

	.sp {
		display: block;
	}

	.pcONspOFF {
		display: none;
	}

	.pcONtabletOFFspON {
		display: block;
	}

	.txtPCcenterSPLeft {
		text-align: left !important;
	}

	.txtPCLeftSPcenter,
	.txtPCRightSPcenter {
		text-align: center !important;
	}

}



/*===========================
content
===========================*/

/* 背景パターン */

.bgGray {
	padding: 70px 10px;
	background-color: #f8f8f8;
}

.bgWhite {
	padding: 70px 10px;
	background-color: #fff;
}

.bgDot {
	padding: 70px 10px;
	background-image: url(../img/common/bg_dot.png);
	background-position: center;
	background-repeat: repeat;
}



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

	.bgGray {
		padding: 50px 10px;
	}

	.bgWhite {
		padding: 50px 10px;
	}

	.bgDot {
		padding: 50px 10px;
	}
}



/*===========================
footer
===========================*/


footer {}


.footerNaviWrap a,
.footerNaviWrap {
	text-decoration: none;
}

.footerNaviWrap {
	border-top: 2px dashed #cccccc;
	border-bottom: 2px dashed #cccccc;
}

.footNavi {
	box-sizing: border-box;
	height: 59px;
	text-align: center;
	background-color: #f8f8f8;
	margin: 1px 0;
}

.footNavi ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	list-style-type: none;
	align-items: center;
}

.footNavi li {
	text-align: center;
	box-sizing: border-box;
	padding: 0 1.5%;
	font-size: 1.15em;
	line-height: 1.1em;
}

.footNavi li a {
	display: block;
	color: #444;
}

.footNavi li a:hover {
	cursor: pointer;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footNavi a.awesome:before {
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	color: #ef6c70;
	padding-right: 5px;
}

@media screen and (max-width: 1200px) {

	.footNavi li {
		font-size: 1em;
		padding: 0 1%;
	}

}

@media screen and (max-width: 900px) {

	.footNavi li {
		font-size: 0.9em;
		padding: 0 0.5%;
	}
}


@media screen and (max-width: 768px) {
	.footNavi {
		height: auto;
		padding: 0.6em 1em;
	}

	.footNavi li {
		font-size: 1em;
		padding: 0.3em 1%;
	}

}



#footerDataWrap {
	padding: 0 10px;
}

.footDataArea {
	width: 1100px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 30px 0;
	text-align: center;

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	/* align-items: stretch; 随時対応　*/
}

.footDataArea a {
	text-decoration: none;
}


.footLogo {
	text-align: center;
	vertical-align: top;
	margin: 0 20px 5px 20px;
}

.footAdress {
	text-align: left;
	vertical-align: top;
	margin: 0 20px 5px 20px;
}

.footBnrWrap {
	width: 100%;
	text-align: center;
}

.footBnr {
	display: inline-block;
	text-align: center;
	line-height: normal;
	padding: 0.4em 1em;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	background-color: #ef6c70;
	font-size: 0.94em;
	width: 30%;
	box-sizing: border-box;
	margin: 0 1.2em 1.4em 1.2em;
}

.footBnr a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: #FFF;
}

.footBnr:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footBnrEx {
	display: inline-block;
	text-align: center;
	line-height: normal;
	padding: 0.4em 1em;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	background-color: #777777;
	/*　任意の色　*/
	font-size: 0.94em;
	width: 30%;
	/*　任意の数字　*/
	box-sizing: border-box;
	margin: 0 1.2em 1.4em 1.2em;
}

.footBnrEx a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: #FFF;
}

.footBnrEx:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footBnrTel {
	display: inline-block;
	text-align: center;
	line-height: normal;
	padding: 0.4em 1em;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	background-color: #ef6c70;
	font-size: 0.94em;
	width: 30%;
	box-sizing: border-box;
	margin: 0 1.2em 1.4em 1.2em;
}

.footBnrTel a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: #FFF;
}

ul.footerSNS {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	list-style-type: none;
	align-items: center;
	margin-bottom: 1em;
}


ul.footerSNS li {
	padding: 0.1em 0.1em 0 0.1em;
	font-size: 2em;
}

ul.footerSNS a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

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

	.footDataArea {
		width: 100%;
	}

	.footLogo {
		width: 80%;
		margin: 0 20px 20px 20px;
	}

	.footBnr,
	.footBnrTel,
	.footBnrEx {
		width: 45%;
		margin: 0 0 1em 0;
	}

}


@media screen and (max-width: 600px) {

	.footLogo {
		width: auto;
		max-width: 70%;
		margin: 0 20px 20px 20px;
	}

	.footBnr,
	.footBnrTel,
	.footBnrEx {
		width: 100%;
		margin: 0 0 1em 0;
	}

}


.copyright {
	text-align: center;
	padding: 1em 0 2em;
	background-color: #f9f9f9;
}


/*===========================
other
===========================*/


/* pagetop */

#pagetop {
	position: fixed;
	bottom: 100px;
	right: 10px;
	z-index: 100;
}

#pagetop a {
	display: block;
	color: #ef6c70;
	filter: alpha(opacity=95);
	-ms-filter: "alpha(opacity=95)";
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	text-shadow:
		white 1px 1px 2px, white -1px 1px 2px,
		white 1px -1px 2px, white -1px -1px 2px,
		0 0 1px #fff, 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff;
}

#pagetop a:hover {
	cursor: pointer;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/* 「※」付きなど用の文字インデント */

.txtInd {
	padding-left: 1em;
	text-indent: -1em;
}

.txtIcon {
	display: inline-block;
	color: #FFF;
	text-align: center;
	line-height: normal;
	padding: 0.2em 2.5em 0.2em 2.5em;
	background-color: #FABF67;
	margin: 0 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.txtIconBlock {
	display: block;
	color: #FFF;
	text-align: center;
	line-height: normal;
	padding: 0.2em 2.5em 0.2em 2.5em;
	background-color: #FABF67;
	margin: 0 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.txtIconPoint {
	display: block;
	color: #FFF;
	text-align: center;
	line-height: normal;
	font-size: 1.2em;
	padding: 0.2em 1.2em 0.2em 1.2em;
	background-color: #ABC853;
	border-radius: 1.1em;
	-webkit-border-radius: 1.1em;
	-moz-border-radius: 1.1em;
	margin-bottom: 5px;
}

.txtBA {
	display: block;
	text-align: center;
	font-size: 1em;
	line-height: normal;
	padding: 0.2em 1em 0.2em 1em;
	margin: 0.2em auto 0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	background-color: #9DBC41;
	width: 8em;
}



.dataArea {
	padding: 40px 0 40px 0;
	clear: both;
}

.topData {
	border-top: none;
}

.dataArea .data {
	float: left;
	margin-right: 20px;
}

.catch1 {
	font-size: 2em;
	margin-bottom: 0.5em;
	line-height: 1.8em;
}

.catch2 {
	font-size: 1.6em;
	margin-bottom: 0.5em;
	line-height: 1.6em;
}

.catch3 {
	font-size: 1.2em;
	margin-bottom: 0.5em;
	line-height: 1.4em;
}

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

	.catch1 {
		font-size: 1.8em;
	}

	.catch2 {
		font-size: 1.4em;
	}

	.catch3 {
		font-size: 1.1em;
	}


}

@media screen and (max-width: 600px) {

	.catch1 {
		font-size: 1.4em;
	}

	.catch2 {
		font-size: 1.2em;
	}

	.catch3 {
		font-size: 1em;
	}

	.txtIconPoint {
		font-size: 1em;
	}


}



.hoverTrans a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.hoverTrans Ex img {
	transition: 0.3s;
}


.hoverTransEx img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


.comingsoon {
	font-size: 3em;
	text-align: center;
	padding: 20% 0;
	line-height: normal;
	margin-bottom: 2em;
}

.comingsoon2 {
	font-size: 2em;
	text-align: center;
	padding: 20% 0;
	line-height: normal;
	margin-bottom: 2em;
	border: #ececec 1px solid;
}




/*===========================
content
===========================*/


.contPad {
	padding: 0 10px;
}


.contPad90p {
	width: 90%;
	margin: 0 auto;
}

.contPad80p {
	width: 80%;
	margin: 0 auto;
}

.contPad70p {
	width: 70%;
	margin: 0 auto;
}

.contPad70pUSU {
	width: 70%;
	margin: 0 auto;
}

.contPad60p {
	width: 60%;
	margin: 0 auto;
}

.contPad50p {
	width: 50%;
	margin: 0 auto;
}

.PC100pSP50p {}

.PC100pTAB50p {}

@media only screen and (max-width: 768px) {

	.PC100pTAB50p {
		width: 50%;
		margin: 0 auto;
	}

}

@media only screen and (max-width: 600px) {

	.contPad,
	.contPad90p,
	.contPad80p,
	.contPad70p,
	.contPad60p,
	.contPad50p {
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
	}

	.PC100pSP50p {
		width: 50%;
		margin: 0 auto;
	}

}

/* Flexboxレイアウト */

.f-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	/* アイテムを上揃えで配置します */
}

.f-wrap-AC {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	/* アイテムを上下中央で配置します */
}

.f-wrap-HU {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* アイテムの高さを揃える */
}

.f-item1 {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 30px;
}

.f-item1-2 {
	box-sizing: border-box;
	width: 47%;
	margin-bottom: 30px;
}

.f-item1-2-t1 {
	box-sizing: border-box;
	width: 47%;
	margin-bottom: 30px;
}

.f-item1-3 {
	box-sizing: border-box;
	width: 31%;
	margin-bottom: 30px;
}

.f-item1-3-t1 {
	box-sizing: border-box;
	width: 31%;
	margin-bottom: 30px;
}

.f-item1-3n2 {
	box-sizing: border-box;
	width: 30%;
}

.f-item2-3 {
	box-sizing: border-box;
	width: 64%;
	margin-bottom: 30px;
}

.f-item2-3-t1 {
	box-sizing: border-box;
	width: 64%;
	margin-bottom: 30px;
}


.f-item1-4 {
	box-sizing: border-box;
	width: 23%;
	margin-bottom: 30px;
}

.f-item3-4 {
	box-sizing: border-box;
	width: 72%;
	margin-bottom: 30px;
}

.f-item1-4-t1 {
	box-sizing: border-box;
	width: 23%;
	margin-bottom: 30px;
}

.f-item3-4-t1 {
	box-sizing: border-box;
	width: 72%;
	margin-bottom: 30px;
}

.f-item1-5 {
	box-sizing: border-box;
	width: 19%;
	margin-bottom: 30px;
}

.f-item1-5-t1 {
	box-sizing: border-box;
	width: 19%;
	margin-bottom: 30px;
}

.f-item2-5 {
	box-sizing: border-box;
	width: 38%;
	margin-bottom: 30px;
}

.f-item2-5-t1 {
	box-sizing: border-box;
	width: 38%;
	margin-bottom: 30px;
}

.f-item3-5 {
	box-sizing: border-box;
	width: 57%;
	margin-bottom: 30px;
}

.f-item4-5 {
	box-sizing: border-box;
	width: 76%;
	margin-bottom: 30px;
}

.f-item4-5-t1 {
	box-sizing: border-box;
	width: 76%;
	margin-bottom: 30px;
}

.f-item3-5-t1 {
	box-sizing: border-box;
	width: 57%;
	margin-bottom: 30px;
}

.f-item1-6 {
	box-sizing: border-box;
	width: 15%;
	margin-bottom: 30px;
}

.f-item1-6-t1 {
	box-sizing: border-box;
	width: 15%;
	margin-bottom: 30px;
}

.f-Vcenter {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
}

.f-row-reverse {
	flex-flow: row-reverse wrap;
}

/* 最後のコンテンツを左寄せにする指定 */
.f-wrap:after {
	content: "";
	display: block;
	width: 24%;
	/* f-itemに指定したwidthと同じ幅を指定する */
	height: 0;
}

.boxDummy {
	text-align: center;
	background-color: #CCC;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	padding: 1em;
}

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

	.f-item1-2-t1,
	.f-item1-3-t1,
	.f-item2-3-t1,
	.f-item1-4-t1,
	.f-item3-4-t1,
	.f-item1-5-t1,
	.f-item2-5-t1,
	.f-item3-5-t1,
	.f-item4-5-t1,
	.f-item1-6-t1 {
		width: 100%;
	}

	/* .f-item1-4 , .f-item1-5 , .f-item1-6 {
	width: 49%;
} */
}

@media only screen and (max-width: 600px) {

	.f-item1-2,
	.f-item1-3,
	.f-item1-3n2,
	.f-item2-3,
	.f-item1-4,
	.f-item3-4,
	.f-item1-5,
	.f-item2-5,
	.f-item3-5,
	.f-item4-5,
	.f-item1-6 {
		width: 100%;
		margin-bottom: 30px;
	}
}


/*　--------------- */
/* 以前のレイアウト */
/*　--------------- */

/* 2カラム */

.lay2F {
	width: 47%;
	float: left;
	margin: 0 6% 2em 0;
}

.lay2FR {
	width: 47%;
	float: left;
	margin: 0 0 0 0;
}


/* 3カラム */


.lay3 {
	width: 31%;
	float: left;
	margin: 0 3% 2% 0;
}

.lay3R {
	width: 31%;
	float: left;
	margin: 0 0 2% 0;
}


/* 4カラム */


.lay4 {
	width: 23%;
	display: inline-block;
	margin: 0 25px 30px 0;
	vertical-align: top;
	box-sizing: border-box;
}


/* 2カラム　複数 */

.lay2Plural {
	width: 46%;
	float: left;
	margin: 0 2% 1em 2%;
}

.lay2Inline {
	width: 45%;
	display: inline-block;
	margin: 0 2% 1em 2%;
	vertical-align: top;
	box-sizing: border-box;
}


/* 3カラム　複数 */

.lay3Plural {
	width: 31.3%;
	float: left;
	margin: 0 1% 4% 1%;
	position: relative;
}


/* 3カラム　複数 */

.lay3Plural {
	width: 31.3%;
	float: left;
	margin: 0 1% 4% 1%;
}

.lay3Inline {
	width: 29%;
	display: inline-block;
	margin: 0 1% 30px 1%;
	vertical-align: top;
	box-sizing: border-box;
}


/* 4カラム　複数 */

.lay4Plural2 {
	width: 23.8%;
	float: left;
	margin: 0 0.6% 15px 0.6%;
	text-align: center;
}

.lay4Inline {
	width: 21.25%;
	display: inline-block;
	margin: 0 1.5% 1em 1.5%;
	vertical-align: top;
	box-sizing: border-box;
}

@media only screen and (max-width: 600px) {

	/* インラインレイアウト */
	.lay2Inline,
	.lay3Inline,
	.lay3Inline2,
	.lay3InlineTab2,
	.lay4Inline,
	.lay4,
	.lay4Index {
		width: 100%;
		margin: 0 0 2em 0;
	}

	/* autoカラム　複数 */

	.layAuto {
		display: inline-block;
		margin: 0;
		width: auto;
	}

}



/*　1：2　*/

.lay1-2_1 {
	float: left;
	width: 32%;
	margin: 0 2% 1em 2%;
}

.lay1-2_2 {
	float: left;
	width: 60%;
	margin: 0 2% 1em 2%;
}


.layInline1-2_1 {
	display: inline-block;
	width: 32%;
	margin: 0 2% 1em 2%;
	vertical-align: top;
}

.layInline1-2_2 {
	display: inline-block;
	width: 58%;
	margin: 0 2% 1em 2%;
	vertical-align: top;
}



/*　2：1　*/

.lay2-1_1 {
	float: left;
	width: 60%;
	margin: 0 2% 1em 2%;
}

.lay2-1_2 {
	float: left;
	width: 32%;
	margin: 0 2% 1em 2%;
}


.layInline2-1_1 {
	display: inline-block;
	width: 58%;
	margin: 0 2% 1em 2%;
	vertical-align: top;
}

.layInline2-1_2 {
	display: inline-block;
	width: 32%;
	margin: 0 2% 1em 2%;
	vertical-align: top;
}

/* autoカラム　複数 */

.layAuto {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px;
}




/*circle-number*/

.circle-big-rel {
	position: relative;
}

.circle-big {
	padding-top: 6rem;
	font-size: 1.6em;
}

.circle-big::before {
	position: absolute;
	content: '';
	width: 5.4rem;
	height: 5.4rem;
	left: 50%;
	margin-left: -2.7rem;
	top: -0.5rem;
	border-radius: 2.7rem;
}

.circle-big.no1::before {
	content: '1';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}

.circle-big.no2::before {
	content: '2';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}

.circle-big.no3::before {
	content: '3';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}

.circle-big.no4::before {
	content: '4';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}

.circle-big.no5::before {
	content: '5';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}

.circle-big.no6::before {
	content: '6';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}

.circle-big.no7::before {
	content: '7';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}

.circle-big.no8::before {
	content: '8';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}

.circle-big.no9::before {
	content: '9';
	font-size: 3rem;
	padding: 1.3rem 0 0;
	line-height: 1;
	box-sizing: border-box;
}


@media only screen and (max-width: 600px) {
	.circle-big {
		padding-top: 4rem;
	}

	.circle-big::before {
		width: 3rem;
		height: 3rem;
		margin-left: -1.5rem;
		top: 0;
		border-radius: 1.5rem;
	}


	.circle-big.no1::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}

	.circle-big.no2::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}

	.circle-big.no3::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}

	.circle-big.no4::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}

	.circle-big.no5::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}

	.circle-big.no6::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}

	.circle-big.no7::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}

	.circle-big.no8::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}

	.circle-big.no9::before {
		font-size: 2rem;
		padding: 0.5rem 0 0;
	}
}

/* p タグ 丸数字 */

.numberCir {
	display: inline-block;
	background: #b5cb7b;
	border-radius: 50%;
	width: 1.6em;
	height: 1.6em;
	color: #fff;
	font-size: 1.8em;
	text-align: center;
	line-height: 1.6em;
	padding: 0;
	vertical-align: top;
	margin-bottom: 0.5em;
}



/* 枠  */

.boxSimple {
	border: solid 1px #CCC;
	padding: 1.5em;
	background: #fff;
}

.boxSimple2 {
	border: solid 1px #CCC;
	padding: 1.5em;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.boxFrame {
	padding: 2em;
	border: 3px solid #F1C03F;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 40px;
	background: rgba(255, 255, 255, .85);
}

.boxFrameDouble {
	padding: 2em;
	border: 3px double #F1C03F;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 40px;
	background: rgba(255, 255, 255, .85);
}

.boxDot {
	padding: 2em;
	border: dotted 2px #E3AA24;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 40px;
	background: #FEFDE9;

}

.boxFablic {
	padding: 2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 40px;
	background: #FEFDE9;
	box-shadow: 0px 0px 0px 10px #FEFDE9;
	border: dotted 2px #E3AA24;
}



@media only screen and (max-width: 600px) {

	.boxFrame {
		box-sizing: border-box;
		width: 100%;
		padding: 1em 1em;
	}

	.boxFrameDouble {
		box-sizing: border-box;
		width: 100%;
		padding: 1em 1em;
	}

	.boxDot {
		box-sizing: border-box;
		width: 100%;
		padding: 1em 1em
	}

	.boxFablic {
		box-sizing: border-box;
		width: 100%;
		padding: 1em 1em;
	}

}



/* table */


.nowrap {
	white-space: nowrap;
}

.tdCenter {
	text-align: center !important;
	vertical-align: middle !important;
}

.tdRight {
	text-align: right !important;
	vertical-align: middle !important;
}

.tdW90p {
	width: 90%;
	box-sizing: border-box;
}

.tdW80p {
	width: 80%;
	box-sizing: border-box;
	    margin: 0 auto;
}

.tdW70p {
	width: 70%;
	box-sizing: border-box;
}

.tdW60p {
	width: 60%;
	box-sizing: border-box;
}

.tdW50p {
	width: 50%;
	box-sizing: border-box;
}

.tdW50Usu {
	width: 50%;
	box-sizing: border-box;
}

.tdW40p {
	width: 40%;
	box-sizing: border-box;
}


.tdW30p {
	width: 30%;
	box-sizing: border-box;
}

.tdW20p {
	width: 20%;
	box-sizing: border-box;
}

.tdW10p {
	width: 10%;
	box-sizing: border-box;
}


/* 普通のtable */

table.table2 {
	width: 100%;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-collapse: collapse;
	box-sizing: border-box;
}

table.table2 th {
	padding: 0.35em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	letter-spacing: 0;
	font-weight: normal;
	vertical-align: middle;
	background: #E48A41;
	color: #fff;
}

table.table2 td {
	padding: 0.35em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	font-weight: normal;
	letter-spacing: 0;
	background: rgba(255, 255, 255, .85);
}

/* 普通のtableドットver */

table.table2Dot {
	width: 100%;
	border-top: 2px #cdcdcd dotted;
	border-collapse: collapse;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, .6);
}

table.table2Dot th {
	padding: 0.35em 0.5em;
	border-bottom: 2px #cdcdcd dotted;
	letter-spacing: 0;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
}

table.table2Dot td {
	padding: 0.35em 0.5em;
	border-bottom: 2px #cdcdcd dotted;
	font-weight: normal;
	letter-spacing: 0;
}



/* 縦に並ぶtable */

table.table3 {
	width: 100%;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-collapse: collapse;
	margin-bottom: 1.5em;
	box-sizing: border-box;
}

table.table3 th {
	padding: 0.35em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	letter-spacing: 0;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	background-color: #7aa832;
	color: #fff;
}

table.table3 td {
	padding: 0.35em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	font-weight: normal;
	letter-spacing: 0;
	background: rgba(255, 255, 255, .85);
}

/* 縦に並ぶtableドットver */

table.table3Dot {
	width: 100%;
	border-top: 2px #cdcdcd dotted;
	border-collapse: collapse;
	margin-bottom: 1.5em;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, .6);
}

table.table3Dot th {
	padding: 0.35em 0.5em;
	border-bottom: 2px #cdcdcd dotted;
	letter-spacing: 0;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	vertical-align: middle;
}

table.table3Dot td {
	padding: 0.35em 0.5em;
	border-bottom: 2px #cdcdcd dotted;
	font-weight: normal;
	letter-spacing: 0;
}


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

	/* タブレット以下用　TableScroll スクロール　スライド　*/

	.tableScrollTablet {
		border-right: 3px solid #4f4d47;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

}


@media screen and (max-width: 600px) {

	.tdW90p,
	.tdW80p,
	.tdW70p,
	.tdW60p,
	.tdW50p,
	.tdW40p,
	.tdW30p,
	.tdW20p {
		width: 100%;
	}


	/* スマホ用 TableScroll スクロール　スライド　*/

	.tableScrollSp {
		border-right: 3px solid #4f4d47;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.tableScrollWrap {
		border-right: 3px solid #4f4d47;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	/* 縦に並ぶtable */

	table.table3 {
		width: 100%;
		margin: 0 0 3% 0;
		padding: 10px;
		background-color: #FFF;
		border: 1px solid #EBEBEB;
	}

	table.table3 tr {}

	table.table3 th {
		display: list-item;
		padding: 1em;
		border: none;
		font-weight: normal;
		vertical-align: top;
		width: auto;
		line-height: 1em;
		color: #FFF;
	}


	table.table3 td {
		display: list-item;
		width: auto;
		border: none;
		font-weight: normal;
		padding: 1em;
	}

	/* 縦に並ぶtableドットver */

	table.table3Dot {
		width: 100%;
		margin: 0 0 3% 0;
		padding: 10px;
	}

	table.table3Dot tr {}

	table.table3Dot th {
		display: list-item;
		padding: 1em;
		border-bottom: 2px #eee dotted;
		font-weight: 600;
		vertical-align: top;
		width: auto;
		line-height: 1em;
	}


	table.table3Dot td {
		display: list-item;
		width: auto;
		border-bottom: 2px #cdcdcd dotted;
		font-weight: normal;
		padding: 1em;
	}

}



/*===========================
フロー
===========================*/


/* フローCenter */

.area_flowC {}

.area_flowC2 {
	padding: 0 1em;
}

.area_flowC .inner_flow {
	border: 1px solid #E1E1E1;
	padding: 24px 30px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	min-height: 1em;
	background: rgba(255, 255, 255, .7);
}


.area_flowC .inner_flow .largeTxt {
	font-size: 1.6em;
	text-align: center;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
	color: #E48F43;
	border-bottom: 2px dotted #CCC;
}



.area_flowC .inner_flow .txtWrap {
	/* padding:24px 30px; */
	padding: 0 2em;
}

.area_flowC .inner_flow p.flowImg {
	text-align: center;
	margin: 0.5em auto;
}


.area_flowC .arrow {
	margin: 5px 0;
	text-align: center;
	font-size: 2.8em;
	color: #ababab;
}


/* フローSmall */

.area_flowS {
	padding: 0 0px;
}

.area_flowS .inner_flow {
	padding: 2px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-height: 1em;
}


.area_flowS .inner_flow .largeTxtOra {
	font-size: 1.1em;
	text-align: center;
}

.area_flowS .inner_flow .largeTxtGre {
	font-size: 1.1em;
	text-align: center;
}

.area_flowS .inner_flow .txtWrap {}


.area_flowS .arrow {
	margin: 5px 0;
	text-align: center;
	font-size: 1.6em;
	color: #ababab;
}




/* 単語フロー */

.flowTxt {
	display: block;
	float: left;
	margin: 0 10px 10px 10px;
	border: 1px solid #CCC;
	padding: 0.5em 2em;
}

.flowTxtArrow {
	display: block;
	float: left;
	background-image: url(../img/common/flowtxt_arrow.png);
	width: 8px;
	height: 2.5em;
	background-position: center;
	text-indent: -7777px;
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
	.area_flowC {
		padding: 0 1em;
	}

	.area_flowC .inner_flow {
		padding: 1em 2em;
	}

	.area_flowC .inner_flow .largeTxt {
		font-size: 1.4em;
		padding-bottom: 0.2em;
		margin-bottom: 0.4em;
	}


	.area_flowC .inner_flow .txtWrap {
		/* padding:24px 30px; */
		padding: 0 1em;
	}

	.area_flowC .inner_flow p.flowImg {
		text-align: center;
		margin: 0.5em auto;
	}

}

@media screen and (max-width: 600px) {
	/* フローCenter */

	.area_flowC {
		padding: 0;
	}

	.area_flowC .inner_flow {
		padding: 0.5em 1em;
	}

	.area_flowC .inner_flow .largeTxt {
		font-size: 1.2em;
		padding-bottom: 0.1em;
		margin-bottom: 0.2em;
	}

	.area_flowC .inner_flow .txtWrap {
		padding: 0 0.5em;
	}

	.area_flowC .inner_flow p.flowImg {
		text-align: center;
		margin: 0.3em auto;
	}


}



/* リスト */


ul.liReseter,
ul.liReseterFloat,
ul.liReseter2Div,
ul.liReseter3Div,
ul.liReseter4Div {
	line-height: 1.8em;
	margin-left: 18px;
}

ul.liReseter li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
}


ul.liReseterFloat li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
	float: left;
	padding-right: 3em;
}

ul.liReseter2Div li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
	float: left;
	padding-right: 1em;
	width: 45%;
	box-sizing: border-box;
}

ul.liReseter3Div li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
	float: left;
	padding-right: 1em;
	width: 31%;
	box-sizing: border-box;
}

ul.liReseter4Div li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
	float: left;
	padding-right: 3em;
	width: 22%;
	box-sizing: border-box;
}


ol.liReseter {
	line-height: 1.8em;
	margin-left: 20px;
}

ol.liReseter li {
	display: list-item;
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: -10px;
}

ul.liCircle {
	margin-left: 0;
}

ul.liCircle li {
	padding: 0 0 0 20px;
	position: relative;
}

ul.liCircle li::before,
ul.liInline li::before,
ul.liInline2Div li::before,
ul.liInline3Div li::before,
ul.liInline4Div li::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	left: 3rem;
	margin-left: -3rem;
	top: 7px;
	padding: 0;
	border-radius: 5px;
}

ul.liInline {}

ul.liInline li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
}


ul.liInline2Div {}

ul.liInline2Div li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
	width: 48%;
	box-sizing: border-box;
	vertical-align: top;
}

ul.liInline3Div {}

ul.liInline3Div li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
	width: 31%;
	box-sizing: border-box;
	vertical-align: top;
}

ul.liInline4Div {}

ul.liInline4Div li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
	width: 24%;
	box-sizing: border-box;
	vertical-align: top;
}


ul.liCheck,
ul.liCheckInline,
ul.liCheck2Div,
ul.liCheck3Div,
ul.liCheck4Div {
	padding-left: 1em;
}

ul.liCheck li,
ul.liCheckInline li,
ul.liCheck2Div li,
ul.liCheck3Div li,
ul.liCheck4Div li {
	position: relative;
	padding-left: 0.4em;
}

ul.liCheck li:before,
ul.liCheckInline li:before,
ul.liCheck2Div li:before,
ul.liCheck3Div li:before,
ul.liCheck4Div li:before {
	font-family: "Font Awesome 5 Free";
	content: '\f14a';
	color: #ED8D18;
	position: absolute;
	left: -1em;
	top: 0;
}

ul.liCheckInline li {
	display: inline-block;
	margin-right: 1.5em;
	vertical-align: top;
}

ul.liCheck2Div li {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

ul.liCheck3Div li {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

ul.liCheck4Div li {
	display: inline-block;
	width: 22%;
	vertical-align: top;
}

ul.liPDF,
ul.liPDFInline,
ul.liPDF2Div,
ul.liPDF3Div,
ul.liPDF4Div {
	padding-left: 1em;
}

ul.liPDF li,
ul.liPDFInline li,
ul.liPDF2Div li,
ul.liPDF3Div li,
ul.liPDF4Div li {
	position: relative;
	padding-left: 0.4em;
}


ul.liPDF li:before,
ul.liPDFInline li:before,
ul.liPDF2Div li:before,
ul.liPDF3Div li:before,
ul.liPDF4Div li:before {
	font-family: "Font Awesome 5 Free";
	content: '\f1c1';
	color: #C00505;
	position: absolute;
	left: -1em;
	top: 0;
}

ul.liPDFInline li {
	display: inline-block;
	margin-right: 1.5em;
	vertical-align: top;
}

ul.liPDF2Div li {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

ul.liPDF3Div li {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

ul.liPDF4Div li {
	display: inline-block;
	width: 22%;
	vertical-align: top;
}

ol.liFeature li {
	list-style-type: none;
	list-style-position: outside;
	padding: 12px 0 12px 55px;
	margin-bottom: 7px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 1.2em;
	font-size: 1.3em;
	position: relative;
}

ol.liFeature li::before {
	position: absolute;
	content: '';
	width: 2.7rem;
	height: 2.7rem;
	left: 3rem;
	margin-left: -2.7rem;
	top: 0;
	border-radius: 2.7rem;
	font-size: 1.8rem;
	padding: 0.5rem 0.8rem 0;
	line-height: 1;
	box-sizing: border-box;
}

ol.liFeature .no1::before {
	content: '1';
}

ol.liFeature .no2::before {
	content: '2';
}

ol.liFeature .no3::before {
	content: '3';
}

ol.liFeature .no4::before {
	content: '4';
}

ol.liFeature .no5::before {
	content: '5';
}

ol.liNum {
	counter-reset: number;
	list-style-type: none;
}

ol.liNum li {
	border-bottom: dotted 1px #ccc;
	position: relative;
	padding: 0.5em 0.5em 0.5em 34px;
	line-height: 1.5em;
	font-size: 1.2em;
}

ol.liNum li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	background: #EEB853;
	color: white;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 0.8em;
	/*以下 上下中央寄せのため
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}

ol li:last-of-type {
	border-bottom: none;
	/*最後のliの線だけ消す*/
}





@media only screen and (max-width: 768px) {

	ul.liInline4Div li,
	ul.liReseter4Div li,
	ul.liPDF4Div li {
		box-sizing: border-box;
		width: 48%;
	}
}

@media only screen and (max-width: 600px) {

	ul.liReseterFloat li,
	ul.liReseter2Div li,
	ul.liReseter3Div li,
	ul.liReseter4Div li {
		width: 100%;
		box-sizing: border-box;
	}

	ul.liInline2Div li,
	ul.liInline3Div li,
	ul.liInline4Div li {
		width: 100%;
		box-sizing: border-box;
	}

	ul.liCheckInline li,
	ul.liCheck2Div li,
	ul.liCheck3Div li,
	ul.liCheck4Div li,
	ul.liPDFInline li,
	ul.liPDF2Div li,
	ul.liPDF3Div li,
	ul.liPDF4Div li {
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
	}



	ol.liFeature li {
		background-size: 30px;
		padding: 8px 0 8px 40px;
		margin-bottom: 7px;
		line-height: 1.1em;
		font-size: 1.1em;
	}

	ol.liFeature li::before {
		position: absolute;
		content: '';
		width: 1.8rem;
		height: 1.8rem;
		left: 2.4rem;
		margin-left: -2.7rem;
		top: 0;
		border-radius: 2.7rem;
		font-size: 1.2rem;
		padding: 0.4rem 0.6rem 0 0.5rem;
	}


}

.boxArea {
	border: double 3px #b5cb7b;
	padding: 3em 4em;
}


.plusUnderLine {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 12px;
}



/* faq */

dl.faq dt {
	padding: 5px 0 10px 38px;
	font-size: 1.2rem;
	;
	position: relative;
}

dl.faq dd {
	padding: 5px 15px 20px 38px;
	color: #444;
	position: relative;
	border-bottom: #CCC 4px dotted;
	margin-bottom: 30px;
}


dl.faq dt::before {
	position: absolute;
	content: 'Q.';
	font-style: oblique;
	width: 1.8rem;
	height: 1.8rem;
	left: 2rem;
	padding: 0 0 0 0.4rem;
	margin-left: -1.8rem;
	top: 0.15rem;
	border-radius: 0.9rem;
	color: #FFF;
	background: #8CAC2D;
	box-sizing: border-box;
	font-size: 1rem;
}

dl.faq dd::before {
	position: absolute;
	content: 'A.';
	font-style: oblique;
	width: 1.8rem;
	height: 1.8rem;
	left: 2rem;
	padding: 0 0 0 0.5rem;
	margin-left: -1.8rem;
	top: 0.15rem;
	border-radius: 0.9rem;
	color: #FFF;
	background: #79CC8E;
	box-sizing: border-box;
	font-size: 1rem;
}

.infoWrap {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #FFF;
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	padding: 1.5em 2.4em;
	display: inline-block;
	width: auto;
	text-align: left;
	min-width: 60%;
}

/* インフォメーション　履歴 */

dl.info {
	overflow: auto;
}

dl.info dt {
	float: left;
	clear: left;
	width: 6em;
	margin: 0;
	padding: 1.2em 0 1.2em 0.5em;
}

dl.info dd {
	margin: 0;
	padding: 1.2em 0 1.2em 6.5em;
	border-bottom: #cccccc dashed 2px;
}


dl.info dd:last-child {
	border-bottom: none;
}

dl.history {
	overflow: auto;
}

dl.history dt {
	float: left;
	clear: left;
	width: 6em;
	margin: 0;
	padding: 1.2em 0 1.2em 0.5em;
}

dl.history dd {
	margin: 0;
	padding: 1.2em 0 1.2em 6.5em;
	border-bottom: #cccccc dotted 2px;
}


dl.history dd:last-child {
	border-bottom: none;
}



@media only screen and (max-width: 768px) {

	dl.info dt {
		width: 8em;
		padding: 1.4em 0 1.4em 0.5em;
	}

	dl.info dd {
		padding: 1.4em 0 1.4em 8.5em;
	}

	dl.history dt {
		width: 8em;
		padding: 1.4em 0 1.4em 0.5em;
	}

	dl.history dd {
		padding: 1.4em 0 1.4em 8.5em;
	}

}

@media only screen and (max-width: 600px) {

	.infoWrap {
		padding: 1em 1.5em;
		width: 100%;
	}

	dl.info dt {
		float: none;
		margin: 0;
		padding: 0.3em 0 0.3em 0;
	}

	dl.info dd {
		margin: 0;
		padding: 0 0 0.3em 0;
		margin-bottom: 0.5em;
	}

	dl.history dt {
		float: none;
		margin: 0;
		padding: 0.3em 0 0.3em 0;
	}

	dl.history dd {
		margin: 0;
		padding: 0 0 0.3em 0;
		margin-bottom: 0.5em;
	}


}



.imgFloatRight {
	float: right;
	margin: 0 0 1em 2em;
}

.imgFloatRightTabletCenter {
	float: right;
	margin: 0 0 1em 2em;
}

.imgFloatLeft {
	float: left;
	margin: 0 2em 1em 0;
}

.imgFloatLeftTabletCenter {
	float: left;
	margin: 0 2em 1em 0;
}

@media only screen and (max-width: 768px) {

	.imgFloatRightTabletCenter,
	.imgFloatLeftTabletCenter {
		float: none;
		margin: 0 0 1em 0;
		text-align: center;
	}

}

@media only screen and (max-width: 600px) {

	.imgFloatRight,
	.imgFloatLeft {
		float: none;
		margin: 0 0 1em 0;
		text-align: center;
	}


}





/*===========================
ページ内リンク
===========================*/


.boxAnch {
	border: dotted 4px #CCC;
	box-sizing: border-box;
	padding: 2em 2em 1.8em 2em;
	background: rgba(253, 253, 253, .9);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
}

ul.pageAnch li {
	display: inline-block;
	margin-bottom: 0.2em;
}

ul.pageAnch a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	line-height: normal;
	padding: 0.2em 2em 0.2em 2em;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	color: #FFF;
	background-color: #ef6c70;
	font-size: 0.94em;
	box-sizing: border-box;
}


ul.pageAnch a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


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

	/*===========================
ページ内リンク
===========================*/

	ul.pageAnch li {
		display: block;
		margin-bottom: 0.2em;
	}

	.boxAnch {
		padding: 1.4em 1.5em 1.4em 1.4em;
	}

	ul.pageAnch a {
		width: 100%;
		font-size: 0.9em;
	}



}

/*===========================
ページ内リンク直し
===========================*/

#anch01,
#anch02,
#anch03,
#anch04,
#anch05 {
	margin-top: -181px;
	padding-top: 181px;
}

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

	#anch01,
	#anch02,
	#anch03,
	#anch04,
	#anch05 {
		margin-top: -116px;
		padding-top: 116px;
	}

}

@media screen and (max-width: 600px) {

	#anch01,
	#anch02,
	#anch03,
	#anch04,
	#anch05 {}

}




/*===========================
index top
===========================*/

.top3ConWrap {
	/* padding:70px 10px 70px 10px; */
	padding: 50px 5%;
	background-color: #f8f8f8;
}

.top3Con {
	box-sizing: border-box;
	max-width: 1400px;
	margin: 0 auto;
}

.top3Con img {
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5);
}

.top3ConBnr {
	display: flex;
	align-items: center;
	text-align: center;
	line-height: normal;
	padding: 0.4em 1em;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	background-color: #ef6c70;

	font-size: 1.05em;
	margin-bottom: 0.5em;
}

.top3ConBnr a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: #FFF;
}


.top3ConBnr:hover {
	transform: scale(1.04);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

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

	#top3ConWrap {
		padding: 6% 3%;
	}

	.top3ConBnr {
		padding: 0.3em 0.5em;
		font-size: 0.95em;
	}

}

@media screen and (max-width: 600px) {

	.top3ConBnr {
		font-size: 1em;
	}

}

/*===========================
contact
===========================*/

.contactTel {
	font-family: 'Rounded Mplus 1c';
	font-size: 3.3em;
	line-height: 1.2em;
	margin-top: 0.6em;
	text-align: center;
}

.contactTel a {
	text-decoration: none;
	display: block;
	color: #ef6c70;
}



.contact table {
	width: 100%;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-collapse: collapse;
	color: #444;
	margin-bottom: 1.5em;
}

.contact table th {
	padding: 0.5em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	letter-spacing: 0;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	background-color: #f9f9f9;
}

.contact table td {
	padding: 0.5em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	font-weight: normal;
	background-color: #FFFFFF;
	letter-spacing: 0;
}

.contact table td .select {
	margin-bottom: 0.5em;
}

.contact table td .select li {
	float: left;
	margin-right: 20px;
}

.contact table td .select li input {
	vertical-align: middle;
}

.contact table td label {
	padding: 0 0 0px 5px;
}

.contact table input {
	margin: 2px 0 2px 0;
	height: 1.6em;
	border: 1px solid #CCC;
}

.contact .formBtn {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.contact .btnSend {
	background-color: #999999;
	color: #FFF;
	padding: 8px 0;
	margin: 0 5px 0 5px;
	border: 0;
	width: 160px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.contact .btnReset {
	background-color: #FFF;
	color: #333;
	padding: 7px 0;
	margin: 0 5px 0 5px;
	border: 0;
	border: 1px solid #cccccc;
	width: 160px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.contact .forml {
	width: 90%;
}

.contact .formm {
	width: 50%;
}


.contact .noborder {
	border: none;
}

.contact label {}

.contact .checkBox {
	margin: 2px 0 4px 0;
	vertical-align: middle;
}

/*  privacy */

.privacy h3 {
	font-size: 1.3em;
	color: #444;
	border: none;
	padding: 0.6em 0 0.2em 0;
	margin: 0;
	background-image: none;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align: left;
}

.privacy h3:after {
	content: none;
}

.privacy p {
	padding: 0 0.3em 1em 0.3em;
}

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

	.contactTel {
		font-size: 2.8em;
		margin-top: 0.4em;
	}

	/*  privacy */

	.privacy h3 {
		font-size: 1.2em;
	}

	.privacy p {
		padding: 0 0.2em 1em 0.2em;
	}


}

@media only screen and (max-width: 600px) {

	.contactTel {
		font-size: 2em;
		margin-top: 0.4em;
	}

	.contact table {
		width: 100% margin: 0 0 3% 0;
		padding: 10px;
		background-color: #FFF;
		border: 1px solid #EBEBEB;
	}

	.contact table tr {
		display: block;
	}

	.contact table th {
		display: list-item;
		padding: 1em;
		border: none;
		text-align: left;
		font-weight: normal;
		vertical-align: top;
		width: auto;
		line-height: 1em;
	}

	.contact table td {
		display: list-item;
		width: auto;
		border: none;
		font-weight: normal;
		padding: 1em;
	}

	.contact .forml {
		width: 100%
	}

	.contact .formm {
		width: 100%
	}


	.contact .btnSend {
		width: 100px;
	}

	.contact .btnReset {
		width: 100px;
	}

}

/*///////////////////////////////////////////////
写真を隙間なく交互に配置
///////////////////////////////////////////////*/
.content_full {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.content_full h3 {
	/* 要調整 */
	font-size: 1.6em;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 2em;
	position: relative;
}

.content_full h3::after {
	/* 要調整 */
	position: absolute;
	bottom: -16px;
	left: 50%;
	z-index: 1;
	content: '';
	display: block;
	height: 3px;
	background: #dcdcdc;
	width: 120px;
	margin-left: -60px;
}

/* h3左寄せ */
.content_full h3.tx-left {
	/* 要調整 */
	text-align: left;
}

.flex_box {
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}

.flex_box h3 {
	font-size: 1.6em;
	text-align: left;
	color: #E7972C;
}

.flex_box h3:after {
	content: none;
}

.flex_box.row_reverse {
	flex-flow: row-reverse wrap;
}

.item {
	width: 50%;
	box-sizing: border-box;
	min-height: 20em;
	/* 要調整 */
}

.txt_area {
	background: rgba(252, 252, 252, 0.92);
	padding: 60px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
}

.txt_box {
	width: 70%;
	margin: 0 auto;
	text-align: left;
}

.photo_area {
	background-position: 50% 50%;
	background-size: cover;
}

.photo01 {
	background-image: url(../img/content/sample/size4.jpg);
}

.photo02 {
	background-image: url(../img/content/sample/takeout1.jpg);
}

.photo03 {
	background-image: url(../img/content/sample/takeout2.jpg);
}

.photo04 {
	background-image: url(../img/content/sample/02.jpg);
}


@media screen and (max-width: 600px) {

	.content_full {
		width: 100%;
	}

	.flex_box {
		flex-flow: column wrap;
	}

	.item {
		width: 100%;
		min-height: 12em;
		/* 要調整 */
	}

	.txt_area {
		padding: 30px 0;
	}

	.txt_box {
		width: 85%;
	}

	.photo_area {
		min-height: 30vh;
	}

	.photo03 {
		background-position: top left;
	}



}

/* /写真を隙間なく交互に配置 */