@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url("ress_custom.min.css");
body {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:0.7058vw; /* 12px */

}

@media ( min-width: 1701px ) {
	body {
		font-size:12px;
	}
}


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

img {
	vertical-align:bottom;
}

a {
	color:#000;
	text-decoration:none;
}

a>img:hover {
	opacity:0.75;
}

li {
	list-style-position:inside;
}

.pc {
	display:block;
}
.pcil {
	display:inline;
}
.sp {
	display:none;
}
.spil {
	display:none;
}
@media ( max-width: 750px ) {
	.sp {
		display:block;
	}
	.spil {
		display:inline;
	}
	.pc {
		display:none;
	}
	.pcil {
		display:none;
	}
}


.defHide {
	opacity:0;
	margin-top:-100px;
}
.defHideUp {
	opacity:0;
	margin-top:100px;
}

.defHidePos {
	opacity:0;
}
.defHideShort {
	opacity:0;
	margin-top:-20px;
}
.defHideUpShort {
	opacity:0;
	margin-top:20px;
}
.defHideSide {
	opacity:0;
	margin-right:-20px;
}

.anim {
	transition:all 400ms ease;
}
.animSlow {
	transition:all 1000ms ease;
}
/* 背景用パネル */

.bgpanel {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background: url("../images/top_back01.jpg");
	background-size:100% auto;
	z-index:1;
}
.bgpanel img {
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
	max-width:1700px;
}

@media ( min-width: 1701px ) {
	.bgpanel {
		background-size:1700px auto;
	}
}
/* ヘッダー */
header {
	position:relative;
	background:url("../images/header_back.png") center center no-repeat;
	background-size:100% 100%;
	width:100%;
	max-width:1700px;
	height:8.5294vw;
	max-height:145px;
	margin:0 auto;
	z-index:100;


}

header h1 {
	position:absolute;
	width:36.9968%;
	max-width:445px;
	height:100%;
	top:0;
	left:50%;
	transform: translateX(-50%);
	line-height:10px;
}
header h1 img {
	width:100%;
	height:auto;
	display:inline-block;
	position:relative;
}

header .navi {
	width:70.7647vw;
	max-width:1203px;
	height:3.3529vw;
	max-height:57px;
	margin:0 auto;
	position:relative;
/*
	position:absolute;
	left:50%;
	transform: translateX(-50%);
*/
	top:2.2941vw;
	z-index:300;
}
@media ( min-width: 1701px ) {
	header .navi {
		top:39px;
	}
}
@media ( max-width: 750px ) {
	header {
		background:none;
		width:100%;
		max-width:750px;
		height:calc((118 / 750) * 100vw);
		max-height:118px;
		margin:0 auto;
		z-index:200;
	}
	header h1 {
		position:relative;
		width:calc((632 / 750) * 100vw);
		max-width:632px;
		height:auto;
		max-height:118px;
		left:0;
		top:0;
		transform:none;
	}
	header h1 img {
		width:100%;
		height:auto;
	}
	header .menu {
		position:absolute;
		width:calc((118 / 750) * 100vw);
		max-width:118px;
		height:auto;
		max-height:118px;
		right:0;
		top:0;
		transform:none;
	}
	header .menu img {
		width:100%;
		height:auto;
	}

}

header #gnavi {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:300;
}
header #gnavi li.gn_main {
	position:absolute;
	height:100%;
	display:block;
	top:0;
	line-height:10px;
}
header #gnavi li img {
	width:100%;
	height:auto;
}
header #gnavi li.gn01 {
	width:15.5444%;
	left:0;
}
header #gnavi li.gn02 {
	width:15.9601%;
	left:15.5444%;
}
header #gnavi li.gn03 {
	width:15.5444%;
	right:15.9601%;
}
header #gnavi li.gn04 {
	width:15.9601%;
	right:0%;
}


/* gnav プルダウン */
header .navi .gn_sub {
	opacity: 0;
	position:absolute;
	top:100%;
	left:50%;
	transform: translateX(-50%);
	width:99%;
	height:auto;
	margin-top:3px;
	margin-top:10px;
	transition:all 300ms ease;
}
header .navi .gn_sub.show {
	margin-top:3px;
	opacity: 1;
}
header .navi #gnavi li .gn_sub li {
	position:relative;
	margin:-1px auto 0;
	display:block;
	height:2.06vw;
	max-height:36px;
	border:1px solid #ea9a9f;
	font-size:100%;
	line-height:1.90vw;
	padding-left:19%;
	background:#fff url("../images/gn_sub_arrow05.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}
header .navi #gnavi li .gn_sub li.dbl {
	line-height:0.80vw;
	padding-top:0.1vw;
}

header .navi #gnavi li .gn_sub li a {
	display:block;
	width:100%;
	height:100%;
}

header .navi #gnavi li .gn_sub li a,
header .navi #gnavi li .gn_sub li a:hover,
header .navi #gnavi li .gn_sub li a:visited {
	color:#6a3906;
}
header .navi #gnavi li.gn02 .gn_sub li {
	border:1px solid #add598;
}
header .navi #gnavi li.gn03 .gn_sub li {
	border:1px solid #fcdc9e;
}
header .navi #gnavi li.gn04 .gn_sub li {
	border:1px solid #aed4f1;
}

/* gnav プルダウン ホバー */
header .navi #gnavi li.gn01 .gn_sub li:hover {
	background:#ea9a9f url("../images/gn_sub_arrow01.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}
header .navi #gnavi li.gn02 .gn_sub li:hover {
	background:#add598 url("../images/gn_sub_arrow02.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}
header .navi #gnavi li.gn03 .gn_sub li:hover {
	background:#fcdc9e url("../images/gn_sub_arrow03.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}
header .navi #gnavi li.gn04 .gn_sub li:hover {
	background:#aed4f1 url("../images/gn_sub_arrow04.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}


/* ヘッダー サブページ */
.subheader {
	position:relative;
	top:0;
	width:100%;
	height:calc((85 /1700) * 100vw);
	max-height:85px;
	padding-top:calc((26 / 1700) * 100vw);
	background: url("../images/top_back01.jpg");
	z-index:100;
}

@media ( min-width: 1701px ) {
	.subheader {
		padding-top:26px;
	}
}


.subheader .navi {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height:calc((36 / 1700) * 100vw);
	max-height:36px;
	display:flex;
}

.subheader .navi h1 {
	width:calc((418 / 1200) * 100vw);
	max-width:418px;
	height:calc((36 / 1200) * 100vw);
	max-height:36px;
}
.subheader .navi h1 img {
	width:100%;
	height:auto;
}

.subheader .navi .gnavi .gn01 {
	width:calc((195 / 1200) * 100vw);
	max-width:195px;
	height:calc((36 / 1200) * 100vw);
	max-height:36px;
}
.subheader .navi .gnavi .gn02 {
	width:calc((195 / 1200) * 100vw);
	max-width:195px;
	height:calc((36 / 1200) * 100vw);
	max-height:36px;
}
.subheader .navi .gnavi .gn03 {
	width:calc((194 / 1200) * 100vw);
	max-width:194px;
	height:calc((36 / 1200) * 100vw);
	max-height:36px;
}
.subheader .navi .gnavi .gn04 {
	width:calc((200 / 1200) * 100vw);
	max-width:200px;
	height:calc((36 / 1200) * 100vw);
	max-height:36px;
}
.subheader .navi .gnavi li img {
	width:100%;
	height:auto;
}

@media ( max-width: 750px ) {
	.subheader .navi {
		display:none;
	}

}
.subheader .navi .gnavi {
	display:flex;

}
.subheader .navi .gnavi li {
	list-style-type:none;
}

.subheader .navi .gn_main {
	position:relative;
}

.subheader .navi .gn_sub {

}


/* サブナビ　プルダウン */

.subheader .navi .gn_sub {
	opacity: 0;
	position:absolute;
	top:100%;
	left:50%;
	transform: translateX(-50%);
	width:99%;
	height:auto;
	margin-top:3px;
	margin-top:10px;
	transition:all 300ms ease;
	z-index:200;
}
.subheader .navi .gn_sub.show {
	margin-top:3px;
	opacity: 1;
}
.subheader .navi .gnavi li .gn_sub li {
	position:relative;
	margin:-1px auto 0;
	display:block;
	height:2.06vw;
	max-height:36px;
	border:1px solid #ea9a9f;
	font-size:100%;
	line-height:1.90vw;
	padding-left:19%;
	background:#fff url("../images/gn_sub_arrow05.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}
.subheader .navi .gnavi li .gn_sub li.dbl {
	line-height:0.80vw;
	padding-top:0.1vw;
}

.subheader .navi .gnavi li .gn_sub li a {
	display:block;
	width:100%;
	height:100%;
}

.subheader .navi .gnavi li .gn_sub li a,
.subheader .navi .gnavi li .gn_sub li a:hover,
.subheader .navi .gnavi li .gn_sub li a:visited {
	color:#6a3906;
}
.subheader .navi .gnavi li.gn02 .gn_sub li {
	border:1px solid #add598;
}
.subheader .navi .gnavi li.gn03 .gn_sub li {
	border:1px solid #fcdc9e;
}
.subheader .navi .gnavi li.gn04 .gn_sub li {
	border:1px solid #aed4f1;
}

/* gnav プルダウン ホバー */
.subheader .navi .gnavi li.gn01 .gn_sub li:hover {
	background:#ea9a9f url("../images/gn_sub_arrow01.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}
.subheader .navi .gnavi li.gn02 .gn_sub li:hover {
	background:#add598 url("../images/gn_sub_arrow02.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}
.subheader .navi .gnavi li.gn03 .gn_sub li:hover {
	background:#fcdc9e url("../images/gn_sub_arrow03.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}
.subheader .navi .gnavi li.gn04 .gn_sub li:hover {
	background:#aed4f1 url("../images/gn_sub_arrow04.png") no-repeat;
	background-position:10% center;
	background-size:auto 33.3333%;
}


/* sp サブページ　ヘッダー */
@media ( max-width: 750px ) {
	.subheader {
		background:none;
		width:100%;
		max-width:750px;
		height:calc((118 / 750) * 100vw);
		max-height:118px;
		margin:0 auto;
		z-index:200;
		background:url("../images/top_back01.jpg");
	}
	.subheader h1 {
		position:relative;
		width:calc((632 / 750) * 100vw);
		max-width:632px;
		height:auto;
		max-height:118px;
		left:0;
		top:0;
		transform:none;
	}
	.subheader h1 img {
		width:100%;
		height:auto;
	}
	.subheader .menu {
		position:absolute;
		width:calc((118 / 750) * 100vw);
		max-width:118px;
		height:auto;
		max-height:118px;
		right:0;
		top:0;
		transform:none;
	}
	.subheader .menu img {
		width:100%;
		height:auto;
	}

}





/* トップ　メインビジュアル スライダー */

.mainvisual {
	position:relative;
	width:100%;
	height:33.1176vw;
	max-height:563px;

	background: url("../images/top_mv_back.png") center top no-repeat;
	background-size:auto 100%;

	z-index:50;
}
.mainvisual .top_main_slider {
	height:100%;
	width:auto;
}
.mainvisual .top_main_slider .item {

}

.mainvisual .top_main_slider .item img {
	width:80%;
	height:auto;
/*	max-width:878px;*/
	max-width:628px;
/*	max-height:498px;*/
	max-height:352px;
	margin:0 auto;
	border-radius: 20px;

}

@media ( min-width: 1701px ) {
	.mainvisual .top_main_slider .item img {
		width:100%;
	}
}

.top_main_slider .slick-track {
	padding:10% 0;
}

.top_main_slider .slick-slide {
	transition:all 300ms ease;
}
.top_main_slider .slick-slide.slick-center {
	transform: scale(1.4);
	z-index:100;
}

.top_main_slider .slick-slide:not(.slick-center) {
/*
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
*/
	opacity:0.5;

}

/* メインビジュアル 矢印 */
.mainvisual .arrows {
	position:absolute;
	top:40%;
	left:0;
	width:100%;
}
.mainvisual .arrows .arrow {
	position:absolute;
	width:4.8823vw;
	max-width:83px;
	height:auto;
	cursor:pointer;
}
.mainvisual .arrows .arrow.prev {
	left:24%;
}
.mainvisual .arrows .arrow.next {
	right:24%;
}

/* メインビジュアル ドット */
.slick-dots {
	position:absolute;
	bottom:5%;
}
.slick-dots li {
	margin:0;
}
.slick-dots li button:before {
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	content: '○';
	font-size:11px;
	font-weight:bold;
}
.slick-dots li.slick-active button:before {
    content: '●';
}


/* 木 */
.tree {
	position:absolute;
	width:15vw;
	height:35.2941vw;
	right:0;
	top:0;
	z-index:250;
	overflow:hidden;
}
.tree img {
	position:absolute;
	width:34.4706vw;
	height:auto;
	right:-22vw;
	top:-3.5vw;
	animation: swing_tree 20s linear infinite;
}

@keyframes swing_tree {
	0% {
		transform: rotate(0deg) translateY(-1%) rotate(0deg) rotate(0deg);
	}
	25% {
		transform: rotate(90deg) translateY(-0.5%) rotate(-90deg) rotate(3deg);
	}
	50% {
		transform: rotate(180deg) translateY(1%) rotate(-180deg) rotate(0deg);
	}
	75% {
		transform: rotate(270deg) translateY(0.5%) rotate(-270deg) rotate(-3deg);
	}
	100% {
		transform: rotate(360deg) translateY(-1%) rotate(-360deg) rotate(0deg);
	}
}

/* sp メインビジュアル */
.sp_mainvisual {
	position:relative;
	width:100%;
	height:calc((490 / 750) * 100vw);
	z-index:100;
}

.sp_mainvisual .sp_top_main_slider .item img {
	width:100%;
	height:auto;
}
.sp_mainvisual .sp_top_main_slider .slick-dots li button:before {
	content: '●';
	font-size:11px;
	font-weight:bold;
}

/* 風船 */
.balloonBox {
	position:absolute;
	width:13vw;
	max-width:322px;
	height:40vw;
	max-height:639px;
	right:4.7059vw;
	top:8.5882vw;
	z-index:260;
	animation: swing_balloon 50s ease infinite;
}
@media ( min-width: 1701px ) {
	.balloonBox {
		top:140px;
	}
}
.balloonBox img.balloon {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
.balloonBox img.linkA {
	position:absolute;
	width:50%;
	height:auto;
	left:36%;
	top:10%;
}

.balloonBox img.linkB {
	position:absolute;
	width:50%;
	height:auto;
	left:36%;
	top:17%;
}

.balloonBox img.linkC {
	position:absolute;
	width:50%;
	height:auto;
	left:36%;
	top:24%;
}

@keyframes swing_balloon {
	0% {
		transform: translateY(-10%);
	}
	50% {
		transform: translateY(4%);
	}
	100% {
		transform:  translateY(-10%);
	}
}

/* ページトップBOX */
.pagetopBox {
	position:fixed;
	right:1.5vw;
/*	top:43vw;*/
	bottom:10vh;
	width:11.8235vw;
	height:12.9412vw;
	max-width:201px;
	max-height:220px;
	z-index:270;
}
.pagetopBox.stay {
	position:absolute;
}
@media ( min-width: 1701px ) {
	.pagetopBox {
/*		top:730px;*/
	}
}
.pagetopBox img.ichiji {
	width:100%;
	height:auto;
}
.pagetopBox img.pagetop {
	width:28.8557%;
	max-width:58px;
	height:auto;
	display:block;
	margin:8% auto;
}

/* トップ コンテンツ */
header .navi #gnavi li.gn01 .gn_sub li:hover a {
	font-weight:bold;
	color:#d70051;
}
header .navi #gnavi li.gn02 .gn_sub li:hover a {
	font-weight:bold;
	color:#22ac38;
}
header .navi #gnavi li.gn03 .gn_sub li:hover a {
	font-weight:bold;
	color:#f8b72e;
}
header .navi #gnavi li.gn04 .gn_sub li:hover a {
	font-weight:bold;
	color:#2ea8e1;
}

/*トップ コンテンツの背景処理 */
.section {
	width:100%;
	position:relative;

}
.section .layer_path {
	width:100%;
	max-width:1700px;
	margin:0 auto;
}

.section.sec01 {
	background:url("../images/top_sec1_back.png") center center no-repeat;
	background-size:100% 100%;
	z-index:5;
}
.section.sec02 {
	background:url("../images/top_sec2_back.png") center center no-repeat;
	background-size:100% 100%;
	z-index:5;
}
.section.sec03 {
	background:url("../images/top_sec3_back.png") center center no-repeat;
	background-size:100% 100%;
	z-index:5;
}
.section.sec04 {
	background:url("../images/top_sec4_back.png") center center no-repeat;
	background-size:100% 100%;
	z-index:5;
}

.section.sec01 .layer_path {
	height:39.2941vw;
	max-height:668px;
	background:url("../images/top_sec1_path.png");
	background-size:100% 100%;
}
.section.sec02 .layer_path {
	height:34.2941vw;
	max-height:583px;
	background:url("../images/top_sec2_path.png");
	background-size:100% 100%;
}
.section.sec03 .layer_path {
	height:35.5882vw;
	max-height:605px;
	background:url("../images/top_sec3_path.png");
	background-size:100% 100%;
}
.section.sec04 .layer_path {
	height:36.7058vw;
	max-height:624px;
	background:url("../images/top_sec4_path.png");
	background-size:100% 100%;
}

/*トップ コンテンツの背景 写真 */

.section .layer_back {
	position:relative;
	width:100%;
	max-width:1700px;
	margin:0 auto;
}
.section .layer_back img {
	width:100%;
	height:auto;
}
.section.sec03 .layer_back {
	top:-5.2641vw;
}
.section.sec04 .layer_back {
	top:-8.4705vw;
}

@media ( min-width: 1701px ) {
	.section.sec03 .layer_back {
		top:-90px;
	}
	.section.sec04 .layer_back {
		top:-144px;
	}
}

/*トップ コンテンツ 詳細はこちら */
.section .contents {
	position:absolute;
	top:0;
/*
	left:50%;
	transform: translateX(-50%);
*/
	width:100%;
	max-width:1700px;
	height:100%;
}
.section .go_detail img {
	width:100%;
	height:auto;
}

.section.sec01 .go_detail {
	position:absolute;
	top:19.8823vw;
	right:25.9412vw;
	width:21.3529vw;
	max-width:363px;
}

.section.sec02 .go_detail {
	position:absolute;
	top:16.1765vw;
	left:23.5294vw;
	width:20vw;
	max-width:340px;
}

.section.sec03 .go_detail {
	position:absolute;
	top:13.9412vw;
	right:18.5294vw;
	width:17.2353vw;
	max-width:293px;
}

.section.sec04 .go_detail {
	position:absolute;
	top:14.2353vw;
	left:10.1176vw;
	width:13.2353vw;
	max-width:225px;
}
.section.sec04 {

}
@media ( min-width: 1701px ) {
	.section.sec01 .go_detail {
		top:338px;
		right:441px;
	}

	.section.sec02 .go_detail {
		top:275px;
		left:400px;
	}

	.section.sec03 .go_detail {
		top:237px;
		right:315px;
	}

	.section.sec04 .go_detail {
		top:242px;
		left:172px;
	}
}
/*トップ コンテンツ メイン */
.section .contents .main {
	position:absolute;
}
.section .contents .main h2 {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.section .contents .main h2 img {
	width:100%;
	height:auto;
}


.section.sec01 .contents .main {
	top:0;
	right: 18.7059vw;
	right: calc((318 / 1700) * 100vw);
	width:34vw;
	max-width:578px;
}
.section.sec02 .contents .main {
	top:0;
	left:calc((180 / 1700) * 100vw);
	width:40.7059vw;
	max-width:692px;
}
.section.sec03 .contents .main {
	top:0;
	right:calc((245 / 1700) * 100vw);
	width:37vw;
	max-width:629px;
}
.section.sec04 .contents .main {
	top:0;
	left:calc((180 / 1700) * 100vw);
	width:39.1765vw;
	max-width:666px;
}

@media ( min-width: 1701px ) {
	.section.sec01 .contents .main {
		right:318px;
	}
	.section.sec02 .contents .main {
		left:180px;
	}
	.section.sec03 .contents .main {
		right:245px;
	}
	.section.sec04 .contents .main {
		left:180px;
	}
}

.section .contents .main p {
	position:absolute;
	font-size:133%;/* 16px */
	font-weight:bold;
	top:0;
	left:0;
}

.section.sec01 .contents .main p {
	top:84%;
	left:3.5%;
}

.section.sec02 .contents .main p {
	top:45%;
	left:3.2%;
	width:82%;
}
.section.sec03 .contents .main p {
	top:80%;
	left:5%;
	width:90%;
}
.section.sec04 .contents .main p {
	top:62%;
	left:3%;
	width:88%;
}
/* フッター */

.section.sec04 {

	margin-bottom:24.249vw;

}


footer {
	position:fixed;
	z-index:0;
	bottom:0;
	width:100%;
	height:35.2941vw;

	background:url("../images/build_img.jpg") center bottom no-repeat;
	background-size:100% 100%;

}

footer a:hover {
	text-decoration:underline;
}

footer .school {
	position:absolute;
	bottom:55px;
	right:135px;
	width:533px;
	height:140px;
}
footer .school .balloon {
	position:absolute;
	left:0;
}
footer .school .contact {
	position:absolute;
	right:0;
	background:url("../images/footer_boad.png");
	background-repeat:no-repeat;
	width:348px;
	height:170px;
}
footer .school .contact p {
	width:132px;
	padding-top:30px;
	line-height:1.4em;
}
footer .school .contact p.left {
	float:left;
	margin-left:20px;
}
footer .school .contact p.right {
	float:right;
	margin-right:20px;
}


@media ( max-width: 750px ) {
	footer {
		position:relative;
		background:none;
		width:100%;
		height:auto;
		z-index:10;
	}
	footer .spballoon {
		width:100%;
		height:auto;
	}
	footer .spballoon img {
		width:100%;
		height:auto;
	}
	footer .spballoon img {
		width:100%;
		height:auto;
	}

	footer .spcontact {
		position:relative;
		right:0;
		background:url("../images/sp_footer_boad.png");
		background-size:cover;
		width:100%;
		height:calc((330 / 750) * 100vw);
		max-height:330px;
	}
	footer .spcontact p {
		width:calc((286 / 750) * 100vw);
		max-width:285px;
		padding-top:10%;
		line-height:1.4em;
		font-size:calc((22 /750) * 100vw);
	}
	footer .spcontact p img {
		width:100%;
		height:auto;
		margin-top:2%;
		margin-bottom:2%;
	}
	footer .spcontact p.left {
		float:left;
		margin-left:20px;
	}
	footer .spcontact p.right {
		float:right;
		margin-right:20px;
	}
	footer .copy {
		font-size:calc((24 /750) * 100vw);
    text-align: left;
    line-height: 2em;
    padding-right: 5%;
    margin-bottom: 5%;
    margin-top: 5px;
    font-size: 10px;
    margin-left: 1em;
	}
}


/* sp コンテンツ */
.spsection {
	position:relative;
	width:100%;
	height:auto;
	z-index:100;
}
.spsection h2 {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.spsection h2 img {
	width:100%;
	height:auto;
}

.spsection .btn img {
	width:calc((671 / 750) * 100vw);
	max-width:671px;
	height:auto;
	display:block;
	margin:0 auto;
}
.spsection .twobtn img {
	width:calc((327 / 750) * 100vw);
	max-width:327px;
	height:auto;
	display:block;
	margin:0 auto;
}
.spsection.spsec01 {
	height:calc((804 / 750) * 100vw);
	background:url("../images/sp_top_sec01_backcolor.png");
}

.spsection.spsec02 {
	height:calc((934 / 750) * 100vw);
	background:url("../images/sp_top_sec02_backcolor.png");
}

.spsection.spsec03 {
	height:calc((956 / 750) * 100vw);
	background:url("../images/sp_top_sec03_backcolor.png");
}

.spsection.spsec04 {
	height:calc((698 / 750) * 100vw);
	background:url("../images/sp_top_sec04_backcolor.png");
}
.spsection p {
	font-size:calc((24 / 750) * 100vw);
}

.spsection.spsec01 p {
	position:absolute;
	top:calc((315 / 750) * 100vw);
	left:5%;
}
.spsection.spsec02 p {
	position:absolute;
	top:calc((255 / 750) * 100vw);
	left:5%;
	width:90%;
}
.spsection.spsec03 p {
	position:absolute;
	top:calc((250 / 750) * 100vw);
	left:5%;
	width:90%;
}
.spsection.spsec04 p {
	position:absolute;
	top:calc((248 / 750) * 100vw);
	left:5%;
	width:90%;
}

/* sp MENU */
#spmenu {
	position:absolute;
	width:100%;
	top:calc((118 / 750) * 100vw);
	height:300vh;
	background:#fff;
	z-index:1000;
	display:none;
}
#spmenu .navi li {
	width:100%;
	height:auto;
	margin:20% auto;
	list-style: none;
}
#spmenu .navi li img {
	width:100%;
	height:auto;
}
#spmenu .close {
	width:calc((118 / 750) * 100vw);
	max-width:118px;
	position:absolute;
	right:0;
	top:calc((118 / 750) * -100vw);
}
#spmenu .close img {
	width:100%;
	height:auto;
}


/* サブページ　コンテンツ */
/* 大切にしていること */


.subsection {
	position:relative;
	z-index:5;
}

#taisetsu {

}

#taisetsu .subsection {
	width:100%;
	height:auto;
	background:url("../images/subpage_back01.png");
	font-size:calc((1.20 * 0.7058)*1vw); /* 15px */
	letter-spacing:0.03em;

}
@media ( min-width: 1701px ) {
	#taisetsu .subsection {
		font-size:15px; /* 15px */

	}
}
#taisetsu .subsection img.area {
	display:block;
	width:100%;
	margin:0 auto;
	height:auto;
}
#taisetsu .subsection .contents_back {
	width:100%;
	max-width:1700px;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:10;
}

#taisetsu .subsection .contents_back.flex {
	display:flex;
}
#taisetsu .subsection .contents_back h2 {
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}
#taisetsu .subsection.sec01 .contents_back h2 {
	width:calc((587 / 1700)*100vw);
	max-width:587px;
	height:auto;
	position:absolute;
	top:0;
	left:calc((230 / 1700)*100vw);;
}
#taisetsu .subsection.sec01 .contents_back h2 img {
	width:100%;
	height:auto;
}
#taisetsu .subsection.sec01 .contents_back img.img01 {
	display:block;
	position:absolute;
	top:0;
	width:calc((596 / 1700)*100vw);
	max-width:596px;
	right:calc((287 / 1700)*100vw);
}
#taisetsu .subsection.sec01 .contents_back p {
	position:absolute;
	top:calc((248 / 1700)*100vw);
	left:calc((249 / 1700)*100vw);
	width:calc((556 / 1700)*100vw);
	max-width:556px;
	height:auto;

}

@media ( min-width: 1701px ) {
	#taisetsu .subsection.sec01 .contents_back h2 {
		left:230px;
	}
	#taisetsu .subsection.sec01 .contents_back img.img01 {
		right:287px;
	}
	#taisetsu .subsection.sec01 .contents_back p {
		top:248px;
		left:249px;
	}

}
#taisetsu .subsection.sec02 .contents_back img.img02 {
	display:block;
	position:absolute;
	bottom:0;
	width:calc((970 / 1700)*100vw);
	max-width:970px;
	right:calc((169 / 1700)*100vw);
}
#taisetsu .subsection.sec02 .contents_back p {
	position:absolute;
	top:calc((150 / 1700)*100vw);
	left:calc((249 / 1700)*100vw);
	width:calc((556 / 1700)*100vw);
	max-width:556px;
	height:auto;

}
@media ( min-width: 1701px ) {
	#taisetsu .subsection.sec02 .contents_back img.img02 {
		right:169px;
	}
	#taisetsu .subsection.sec02 .contents_back p {
		top:150px;
		left:249px;
	}
}


#taisetsu .subunit.sec03 {
	width:calc((833 / 1700)*100vw);
	max-width:833px;
	height:auto;
	position:relative;
}
#taisetsu .subunit.sec03 img.img03 {
	display:block;
	position:absolute;
	bottom:0;
	width:calc((555 / 1700)*100vw);
	max-width:555px;
	right:0;
}

#taisetsu .subunit.sec03 p {
	position:absolute;
	top:calc((164 / 1700)*100vw);
	left:calc((297 / 1700)*100vw);
	width:calc((470 / 1700)*100vw);
	max-width:470px;
	height:auto;

}
@media ( min-width: 1701px ) {
	#taisetsu .subunit.sec03 p {
		top:164px;
		left:297px;
	}
}

#taisetsu .subunit.sec04 {
	width:calc((866 / 1700)*100vw);
	max-width:866px;
	height:auto;
	position:relative;
}
#taisetsu .subunit.sec04 img.img04 {
	display:block;
	position:absolute;
	bottom:calc((41 / 1700)*-100vw);
	width:calc((679 / 1700)*100vw);
	max-width:679px;
	left:0;
}
#taisetsu .subunit.sec04 ol {
	position:absolute;
	top:calc((164 / 1700)*100vw);
	left:calc((55 / 1700)*100vw);
	width:calc((564 / 1700)*100vw);
	max-width:564px;
	height:auto;
	padding:0;

}
#taisetsu .subunit.sec04 ol li {
	list-style-image: url('../images/listmark01.png');
	list-style-position:inside;
	padding-left:1.4em;
	text-indent:-1.4em;
	margin-bottom:2.6%;
}
@media ( min-width: 1701px ) {
	#taisetsu .subsection.sec04 .contents_back img.img04 {
		bottom:-41px;
	}
	#taisetsu .subunit.sec04 ol {
		top:164px;
		left:55px;
	}
}
#taisetsu .subsection.sec05 {
	z-index:4;
}

#taisetsu .subsection.sec05 .contents_back ol.list {
	position:absolute;
	height:auto;
	padding:0;
}
#taisetsu .subsection.sec05 .contents_back ol.list li {
	list-style-image: url('../images/listmark02.png');
	list-style-position:inside;
	padding-left:1.4em;
	text-indent:-1.4em;
	margin-bottom:2.6%;
}

#taisetsu .subsection.sec05 .contents_back ol.list1 {
	top:calc((420 / 1700)*100vw);
	left:calc((315 / 1700)*100vw);
	width:calc((420 / 1700)*100vw);
}
#taisetsu .subsection.sec05 .contents_back ol.list2 {
	top:calc((540 / 1700)*100vw);
	left:calc((920 / 1700)*100vw);
	width:calc((421 / 1700)*100vw);
}
#taisetsu .subsection.sec05 .contents_back ol.list3 {
	top:calc((935 / 1700)*100vw);
	left:calc((420 / 1700)*100vw);
	width:calc((460 / 1700)*100vw);
}

@media ( min-width: 1701px ) {

	#taisetsu .subsection.sec05 .contents_back ol.list1 {
		top:420px;
		left:315px;
		width:420px;
	}
	#taisetsu .subsection.sec05 .contents_back ol.list2 {
		top:540px;
		left:920px;
		width:421px;
	}
	#taisetsu .subsection.sec05 .contents_back ol.list3 {
		top:935px;
		left:420px;
		width:460px;
	}
}

#taisetsu .subsection.sec06 .contents_back p {
	position:absolute;
	top:calc((172 / 1700)*100vw);
	left:calc((388 / 1700)*100vw);
	width:calc((484 / 1700)*100vw);
	max-width:484px;
	height:auto;

}
@media ( min-width: 1701px ) {
	#taisetsu .subsection.sec06 .contents_back p {
		top:172px;
		left:388px;
	}

}
#taisetsu .subsection.sec07 {
	margin-bottom:24.249vw;
	background:none;
}
#taisetsu .subsection.sec07 img {
	max-width:none;
}



#seikatsu .subsection {
	width:100%;
	height:auto;
	background:url("../images/subsec_back02.png");
	position:relative;

	font-size:calc((1.20 * 0.7058)*1vw); /* 15px */
	letter-spacing:0.03em;

}

#seikatsu .subsection img.area {
	display:block;
	width:100%;
	max-width:1700px;
	margin:0 auto;
	height:auto;
	margin-top:-1px;
}
#seikatsu .subsection .contents_back {
	width:100%;
	max-width:1700px;
	height:auto;
	position:absolute;
	top:0;
	margin:0 auto;
	right:50%;
	transform: translateX(50%);

}

#seikatsu .subsection.sec01 {
	z-index:50;
}
#seikatsu .subsection.sec01 .contents_back p {
	position:absolute;
	top:calc((210 / 1700)*100vw);
	left:calc((249 / 1700)*100vw);
	width:calc((556 / 1700)*100vw);
}
#seikatsu .subsection.sec01 .contents_back .main_img {
	position:absolute;
	top:0;
	left:calc((868 / 1700)*100vw);
	width:calc((545 / 1700)*100vw);
	max-width:545px;
}


#seikatsu .subsection.sec03 .contents_back p.col01 {
	position:absolute;
	top:calc((1520 / 1700)*100vw);
	left:calc((384 / 1700)*100vw);
	width:calc((410 / 1700)*100vw);
}

#seikatsu .subsection.sec03 .contents_back p.col02 {
	position:absolute;
	top:calc((1490 / 1700)*100vw);
	left:calc((1036 / 1700)*100vw);
	width:calc((410 / 1700)*100vw);
}

#seikatsu .subsection.sec03 .contents_back p.col03 {
	position:absolute;
	top:calc((1660 / 1700)*100vw);
	left:calc((384 / 1700)*100vw);
	width:calc((410 / 1700)*100vw);
}

#seikatsu .subsection.sec03 .contents_back ol.list {
	position:absolute;
	top:calc((1835 / 1700)*100vw);
	left:calc((251 / 1700)*100vw);
	width:calc((597 / 1700)*100vw);
}
#seikatsu .subsection.sec03 .contents_back ol.list li {
	list-style:none;
	padding-left:1em;
	text-indent:-1em;
}
#seikatsu .subsection.sec03 .contents_back ol.list li span {
	color:#18ad5e;
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

}

#seikatsu .subsection.sec04 {
	margin-bottom:24.249vw;
	background:none;
}
#seikatsu .subsection.sec04 img {
	max-width:none;
}

@media ( min-width: 1701px ) {

	#seikatsu .subsection {

		font-size:15px; /* 15px */
		letter-spacing:0.03em;

	}

	#seikatsu .subsection.sec01 .contents_back p {
		top:210px;
		left:249px;
		width:556px;
	}

	#seikatsu .subsection.sec01 .contents_back .main_img {
		left:868px;
	}

	#seikatsu .subsection.sec03 .contents_back p.col01 {
		top:1540px;
		left:384px;
		width:410px;
	}

	#seikatsu .subsection.sec03 .contents_back p.col02 {
		top:1540px;
		left:1036px;
		width:410px;
	}

	#seikatsu .subsection.sec03 .contents_back p.col03 {
		top:1700px;
		left:384px;
		width:410px;
	}

	#seikatsu .subsection.sec03 .contents_back ol.list {
		top:1835px;
		left:251px;
		width:597px;
	}
}

#setsubi .subsection {
	width:100%;
	height:auto;
	background:url("../images/subsec_back03.png");
	font-size:calc((1.20 * 0.7058)*1vw); /* 15px */
	letter-spacing:0.03em;
	position:relative;
}
@media ( min-width: 1701px ) {
	#setsubi .subsection {
		font-size:15px; /* 15px */

	}
}

#setsubi .subsection img.area {
	display:block;
	width:100%;
	max-width:1700px;
	margin:0 auto;
	height:auto;
	margin-top:-1px;
}
#setsubi .subsection .contents_back {
	width:100%;
	max-width:1700px;
	height:auto;
	position:absolute;
	top:0;
	right:50%;
	transform: translateX(50%);
}
#setsubi .subsection .contents_back p {
	letter-spacing:0;
	line-height:1.3em;

}

#setsubi .subsection.sec01 {
	z-index:50;
}

#setsubi .subsection.sec01 .contents_back p {
	position:absolute;
	top:calc((268 / 1700)*100vw);
	left:calc((249 / 1700)*100vw);
	width:calc((475 / 1700)*100vw);
}

#setsubi .subsection.sec01 .contents_back .main_img {
	position:absolute;
	top:0;
	left:calc((767 / 1700)*100vw);
	width:calc((708 / 1700)*100vw);
	max-width:708px;
}

#setsubi .subsection.sec02 .contents_back p {
	position:absolute;
	top:calc((227 / 1700)*100vw);
	left:calc((249 / 1700)*100vw);
	width:calc((600 / 1700)*100vw);
}

#setsubi .subsection.sec03 .contents_back p.col01 {
	position:absolute;
	top:calc((638 / 1700)*100vw);
	left:calc((249 / 1700)*100vw);
	width:calc((245 / 1700)*100vw);
}

#setsubi .subsection.sec03 .contents_back p.col02 {
	position:absolute;
	top:calc((434 / 1700)*100vw);
	left:calc((571 / 1700)*100vw);
	width:calc((245 / 1700)*100vw);
}
#setsubi .subsection.sec03 .contents_back p.col03 {
	position:absolute;
	top:calc((434 / 1700)*100vw);
	left:calc((890 / 1700)*100vw);
	width:calc((245 / 1700)*100vw);
}
#setsubi .subsection.sec03 .contents_back p.col04 {
	position:absolute;
	top:calc((624 / 1700)*100vw);
	left:calc((1206 / 1700)*100vw);
	width:calc((245 / 1700)*100vw);
}
#setsubi .subsection.sec03 .contents_back p.col05 {
	position:absolute;
	top:calc((676 / 1700)*100vw);
	left:calc((320 / 1700)*100vw);
	width:calc((245 / 1700)*100vw);
}
#setsubi .subsection.sec03 .contents_back p.col06 {
	position:absolute;
	top:calc((738 / 1700)*100vw);
	left:calc((723 / 1700)*100vw);
	width:calc((245 / 1700)*100vw);
}
#setsubi .subsection.sec03 .contents_back p.col07 {
	position:absolute;
	top:calc((686 / 1700)*100vw);
	left:calc((1112 / 1700)*100vw);
	width:calc((245 / 1700)*100vw);
}

#setsubi .subsection.sec04 .contents_back p {
	position:absolute;
	top:calc((284 / 1700)*100vw);
	left:calc((249 / 1700)*100vw);
	width:calc((1160 / 1700)*100vw);
}

#setsubi .subsection.sec05 {
	padding-bottom:5%;
}
#setsubi .subsection.sec05 .gmap {
	width:100%;
	max-width:1200px;
	height:calc((600 / 1200)*100vw);
	max-height:600px;
	margin:0 auto;
	padding-top:2%;
	position:relative;
}

#setsubi .subsection.sec05 .gmap embet,
#setsubi .subsection.sec05 .gmap object,
#setsubi .subsection.sec05 .gmap iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#setsubi .subsection.sec06 {
	background:none;
	margin-bottom:24.249vw;
}
#setsubi .subsection.sec06 img.area{
	max-width:none;
}


@media ( min-width: 1701px ) {


	#setsubi .subsection.sec01 .contents_back p {
		position:absolute;
		top:268px;
		left:249px;
		width:475px;
	}

	#setsubi .subsection.sec01 .contents_back .main_img {
		left:767px;
	}

	#setsubi .subsection.sec02 .contents_back p {
		position:absolute;
		top:227px;
		left:249px;
		width:600px;
	}

	#setsubi .subsection.sec03 .contents_back p.col01 {
		position:absolute;
		top:638px;
		left:249px;
		width:245px;
	}

	#setsubi .subsection.sec03 .contents_back p.col02 {
		position:absolute;
		top:434px;
		left:571px;
		width:245px;
	}
	#setsubi .subsection.sec03 .contents_back p.col03 {
		position:absolute;
		top:434px;
		left:890px;
		width:245px;
	}
	#setsubi .subsection.sec03 .contents_back p.col04 {
		position:absolute;
		top:624px;
		left:1206px;
		width:245px;
	}
	#setsubi .subsection.sec03 .contents_back p.col05 {
		position:absolute;
		top:676px;
		left:320px;
		width:245px;
	}
	#setsubi .subsection.sec03 .contents_back p.col06 {
		position:absolute;
		top:738px;
		left:723px;
		width:245px;
	}
	#setsubi .subsection.sec03 .contents_back p.col07 {
		position:absolute;
		top:686px;
		left:1112px;
		width:245px;
	}

	#setsubi .subsection.sec04 .contents_back p {
		position:absolute;
		top:284px;
		left:249px;
		width:1160px;
	}

}













#shitsumon .subsection {
	width:100%;
	height:auto;
	background:url("../images/subsec_back04.png");
	font-size:calc((1.20 * 0.7058)*1vw); /* 15px */
	letter-spacing:0.03em;
	position:relative;
}
@media ( min-width: 1701px ) {
	#shitsumon .subsection {
		font-size:15px; /* 15px */

	}
}
#shitsumon .subsection img.area {
	display:block;
	width:100%;
	max-width:1700px;
	margin:0 auto;
	height:auto;
}
#shitsumon .subsection .contents_back {
	width:100%;
	max-width:1700px;
	height:auto;
	position:absolute;
	top:0;
	right:50%;
	transform: translateX(50%);
	padding: 0 calc((250 / 1700)*100vw);
}
#shitsumon .subsection .contents_back p {
	letter-spacing:0;
	line-height:1.6em;

}
#shitsumon .subsection.sec05 {
	margin-bottom:24.249vw;
	background:none;
}
#shitsumon .subsection.sec05 img {
	max-width:none;
}

#shitsumon .subsection.sec01 {
	z-index:50;
}
#shitsumon .subsection.sec01 .contents_back p {
	position:relative;
	top:calc((235 / 1700)*100vw);
	left:0;
	width:calc((550 / 1700)*100vw);
	text-align: justify;
}
#shitsumon .subsection.sec01 .contents_back .main_img {
	position:absolute;
	top:0;
	left:calc((762 / 1700)*100vw);
	width:calc((671 / 1700)*100vw);
	max-width:671px;
}


#shitsumon .subsection .contents_back .txt_box {
	border:2px solid #ccc;
	width:calc((537 / 1700)*100vw);
	max-width:537px;
	margin-left:calc((28 / 1700)*100vw);
	margin-bottom:calc((20 / 1700)*100vw);
	padding:calc((30 / 1700)*100vw) calc((26 / 1700)*100vw) calc((30 / 1700)*100vw) calc((46 / 1700)*100vw);
	font-weight:bold;
	border-radius:10px;
	background:#fff;
	position:relative;
}
#shitsumon .subsection .contents_back .txt_box span {
	font-size:calc((1.08 * 0.7058)*1vw); /* 13px */

}

#shitsumon .subsection .contents_back .txt_box.txt_q {
	border-color:#f19ca6;
	color:#f19ca6;
}
#shitsumon .subsection .contents_back .txt_box.txt_q:before {
	content:"";
	position:absolute;
	top:calc((5 / 1700)*100vw);
	left:calc((30 / 1700)* -100vw);
	width:calc((68 / 1700)*100vw);
	height:calc((65 / 1700)*100vw);
	max-width:68px;
	max-height:65px;
	background:url("../images/shitsumon_Q.png") ;
	background-size:cover;
}

#shitsumon .subsection .contents_back .txt_box.txt_a {
	border-color:#86b3e0;
	color:#86b3e0;
	margin-bottom:calc((40 / 1700)*100vw);
}
#shitsumon .subsection .contents_back .txt_box.txt_a:before {
	content:"";
	position:absolute;
	top:calc((5 / 1700)*100vw);
	left:calc((30 / 1700)* -100vw);
	width:calc((68 / 1700)*100vw);
	height:calc((65 / 1700)*100vw);
	max-width:68px;
	max-height:65px;
	background:url("../images/shitsumon_A.png") ;
	background-size:cover;

}

#shitsumon .subsection .contents_back .txt_box ul {
	width:100%;
	height:auto;
}
#shitsumon .subsection .contents_back .txt_box ul li {
	padding-left:1.2em;
	text-indent:-1.2em;
}


#shitsumon .subsection .contents_back .left {
	float:left;
}
#shitsumon .subsection .contents_back .right {
	float:right;
}
#shitsumon .subsection .contents_back .clear {
	clear:both;
}


#shitsumon .subsection.sec02 .contents_back {
	padding-top:calc((294 /1700)*100vw);
}

#shitsumon .subsection.sec03 .contents_back {
	padding-top:calc((80 /1700)*100vw);
}

#shitsumon .subsection.sec04 .contents_back {
	padding-top:calc((149 /1700)*100vw);
}

#shitsumon .subsection .contents_back .txt_box .img01 {
	margin:calc((30 /1700)*100vw) 0 calc((10 /1700)*100vw);
	width:calc((456 /1700)*100vw);
	height:auto;
}
#shitsumon .subsection .contents_back .txt_box .img02 {
	margin:calc((10 /1700)*100vw) 0 0 calc((280 /1700)*100vw);
	width:calc((185 /1700)*100vw);
	height:auto;
}
#shitsumon .subsection .contents_back .txt_box .img03 {
	margin:calc((8 /1700)*100vw) auto 0;
	width:calc((458 /1700)*100vw);
	height:auto;
}
#shitsumon .subsection .contents_back .txt_box .img04 {
	margin:calc((8 /1700)*100vw) auto 0;
	width:calc((458 /1700)*100vw);
	height:auto;
}
#shitsumon .subsection .contents_back .txt_box .img05 {
	margin:calc((8 /1700)*100vw) auto;
	width:calc((456 /1700)*100vw);
	height:auto;
}
#shitsumon .subsection .contents_back .img06 {
	margin:0 auto;
	display:block;
	width:calc((527 /1700)*100vw);
	height:auto;
}

@media ( min-width: 1701px ) {
	#shitsumon .subsection .contents_back {
		padding: 0 250px;

	}


	#shitsumon .subsection.sec01 .contents_back p {
		top:235px;
		left:0px;
		width:550px;
	}
	#shitsumon .subsection.sec01 .contents_back .main_img {
		left:762px;
	}

	#shitsumon .subsection .contents_back .txt_box {
		margin-left:28px;
		margin-bottom:20px;
		padding:30px 26px 30px 42px;
	}
	#shitsumon .subsection .contents_back .txt_box.txt_a {
		margin-bottom:50px;
	}

	#shitsumon .subsection .contents_back .txt_box.txt_q:before {
		top:5px;
		left:-30px;
	}
	#shitsumon .subsection .contents_back .txt_box.txt_a:before {
		top:5px;
		left:-30px;
	}
	#shitsumon .subsection .contents_back .txt_box span {
		font-size:13px; /* 13px */

	}

	#shitsumon .subsection.sec02 .contents_back {
		padding-top:294px;
	}

	#shitsumon .subsection.sec03 .contents_back {
		padding-top:80px;
	}

	#shitsumon .subsection.sec04 .contents_back {
		padding-top:149px;
	}

	#shitsumon .subsection .contents_back .txt_box .img01 {
		margin:30px 0 10px;
		width:456px;
		height:auto;
	}
	#shitsumon .subsection .contents_back .txt_box .img02 {
		margin:10px 0 0 280px;
		width:185px;
		height:auto;
	}
	#shitsumon .subsection .contents_back .txt_box .img03 {
		margin:8px auto 0;
		width:458px;
		height:auto;
	}
	#shitsumon .subsection .contents_back .txt_box .img04 {
		margin:8px auto 0;
		width:458px;
		height:auto;
	}
	#shitsumon .subsection .contents_back .txt_box .img05 {
		margin:5px auto;
		width:463px;
		height:auto;
	}
	#shitsumon .subsection .contents_back .img06 {
		width:527px;
		height:auto;
	}


}



/* sp サブページ　コンテンツ */

@media ( max-width: 750px ) {
	.spsubsection {
		width:100%;
		height:auto;
		position:relative;

	}
	.spsubsection img {
		width:100%;
		height:auto;
	}
	.spsubsection h3,
	.spsubsection p,
	.spsubsection ol {
		position:absolute;
		top:0;
		width:100%;
/*
		left:50%;
		transform: translateX(-50%);
*/
		padding:0 3%;
	}
	.spsubsection h3,
	.spsubsection p,
	.spsubsection li {
		font-size:calc((24 / 750)*100vw);
	}

	#taisetsu {
		background:url("../images/sp_sub_back01.png");
	}

	#taisetsu .spsubsection.spsec01 p {
		top:calc((790 / 750) * 100vw);
	}

	#taisetsu .spsubsection.spsec02 p {
		top:calc((205 / 750) * 100vw);
	}
	#taisetsu .spsubsection.spsec03 p {
		top:calc((194 / 750) * 100vw);
	}
	#taisetsu .spsubsection.spsec04 ol {
		top:calc((185 / 750) * 100vw);
	}
	#taisetsu .spsubsection.spsec04 ol.li {

	}
	#taisetsu .spsubsection.spsec04 ol li {
		list-style-image: url('../images/listmark01.png');
		list-style-position:inside;
		padding-left:1.4em;
		text-indent:-1.4em;
		margin-bottom:2.6%;
	}
	#taisetsu .spsubsection.spsec05 ol.list li {
		font-size:calc((18 / 750)*100vw);
		list-style-image: url('../images/listmark02.png');
		list-style-position:inside;
		padding-left:1.4em;
		text-indent:-1.4em;
		margin-bottom:1.4%;
	}
	#taisetsu .spsubsection.spsec05 ol.list1 {
		top:calc((560 / 750) * 100vw);
		left:calc((80 / 750) * 100vw);
		width:calc((450 / 750) * 100vw);
	}
	#taisetsu .spsubsection.spsec05 ol.list2 {
		top:calc((1210 / 750) * 100vw);
		left:calc((154 / 750) * 100vw);
		width:calc((550 / 750) * 100vw);
	}
	#taisetsu .spsubsection.spsec05 ol.list3 {
		top:calc((1831 / 750) * 100vw);
		left:calc((30 / 750) * 100vw);
		width:calc((620 / 750) * 100vw);
	}
	#taisetsu .spsubsection.spsec06 p {
		top:calc((229 / 750) * 100vw);
	}


	#seikatsu {
		background:url("../images/sp_sub_back02.png");
	}
	#seikatsu .spsubsection.spsec01 p {
		top:calc((680/ 750) * 100vw);
	}

	#seikatsu .spsubsection.spsec03.div02 p.col01 {
		font-size:calc((20 / 750)*100vw);
		top:calc((110/ 750) * 100vw);
		padding-left:25%;
	}
	#seikatsu .spsubsection.spsec03.div02 p.col02 {
		font-size:calc((20 / 750)*100vw);
		top:calc((280/ 750) * 100vw);
		padding-left:25%;
	}
	#seikatsu .spsubsection.spsec03.div02 p.col03 {
		font-size:calc((20 / 750)*100vw);
		top:calc((480/ 750) * 100vw);
		padding-left:25%;
	}
	#seikatsu .spsubsection.spsec03.div02 ol.list {
		top:calc((655/ 750) * 100vw);
	}
	#seikatsu .spsubsection.spsec03.div02 ol.list li {
		font-size:calc((15 / 750)*100vw);
		list-style:none;
		padding-left:1em;
		text-indent:-1em;
	}
	#seikatsu .spsubsection.spsec03.div02 ol.list li span {
		color:#18ad5e;
		font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	}



	#setsubi {
		background:url("../images/sp_sub_back03.png");
	}
	#setsubi .spsubsection.spsec01 p {
		top:calc((720/ 750) * 100vw);
	}
	#setsubi .spsubsection.spsec02 p {
		top:calc((252/ 750) * 100vw);
	}

	#setsubi .spsubsection.spsec03 p {
		font-size:calc((22 / 750)*100vw);
		width:calc((302 / 750)*100vw);
		padding:0;
	}
	#setsubi .spsubsection.spsec03 p.left {
		left:5%;
	}
	#setsubi .spsubsection.spsec03 p.right {
		right:5%;
	}

	#setsubi .spsubsection.spsec03 p.col01 {
		top:calc((410/ 750) * 100vw);
	}
	#setsubi .spsubsection.spsec03 p.col02 {
		top:calc((410/ 750) * 100vw);
	}

	#setsubi .spsubsection.spsec03 p.col03 {
		top:calc((1090/ 750) * 100vw);
	}
	#setsubi .spsubsection.spsec03 p.col04 {
		top:calc((1090/ 750) * 100vw);
	}

	#setsubi .spsubsection.spsec03 p.col05 {
		top:calc((266/ 750) * 100vw);
	}
	#setsubi .spsubsection.spsec03 p.col06 {
		top:calc((266/ 750) * 100vw);
	}

	#setsubi .spsubsection.spsec03 p.col07 {
		top:calc((990/ 750) * 100vw);
	}

	#setsubi .spsubsection.spsec04 p {
		top:calc((400/ 750) * 100vw);
	}



	#setsubi .spsubsection.spsec05 h3,
	#setsubi .spsubsection.spsec05 p {
		position:relative;
	}

	#setsubi .spsubsection.spsec05 .gmap {
		width:94%;
		max-width:600px;
		height:calc((705 / 750)*100vw);
		max-height:600px;
		margin:0 auto 4%;;
		padding-top:2%;
		position:relative;
	}

	#setsubi .spsubsection.spsec05 .gmap embet,
	#setsubi .spsubsection.spsec05 .gmap object,
	#setsubi .spsubsection.spsec05 .gmap iframe {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#shitsumon {
		background:url("../images/sp_sub_back04.png");
	}
	#shitsumon .spsubsection.spsec01 p {
		top:calc((670/ 750) * 100vw);
	}

	#shitsumon .spsubsection .contents_back {
		width:100%;
		max-width:750px;
		height:auto;
		position:absolute;
		top:0;
		left:0;
	}

	#shitsumon .spsubsection .contents_back .txt_box {
		border:2px solid #ccc;
		width:calc((648 / 750)*100vw);
		max-width:648px;
		margin-left:calc((57 / 750)*100vw);
		margin-bottom:calc((18 / 750)*100vw);
		padding:calc((34 / 750)*100vw) calc((32 / 750)*100vw) calc((34 / 750)*100vw) calc((60 / 750)*100vw);
		font-weight:bold;
		border-radius:10px;
		background:#fff;
		position:relative;
		font-size:calc((1.5 * 1.6)*1vw); /* 18px */
		text-align: justify;
	}

	#shitsumon .spsubsection .contents_back .txt_box p,
	#shitsumon .spsubsection .contents_back .txt_box li {
		font-size:calc((1.5 * 1.6)*1vw); /* 18px */
	}
	#shitsumon .spsubsection .contents_back .txt_box li {
		padding-left:1.2em;
		text-indent:-1.2em;
	}
	#shitsumon .spsubsection .contents_back .txt_box span {
		font-size:calc((1.33 * 1.6)*1vw); /* 16px */
	}

	#shitsumon .spsubsection .contents_back .txt_box.txt_q {
		border-color:#f19ca6;
		color:#f19ca6;
	}
	#shitsumon .spsubsection .contents_back .txt_box.txt_q:before {
		content:"";
		position:absolute;
		top:calc((5 / 750)*100vw);
		left:calc((30 / 750)* -100vw);
		width:calc((82 / 750)*100vw);
		height:calc((72 / 750)*100vw);
		max-width:82px;
		max-height:72px;
		background:url("../images/shitsumon_Q.png") ;
		background-size:cover;
	}

	#shitsumon .spsubsection .contents_back .txt_box.txt_a {
		border-color:#86b3e0;
		color:#86b3e0;
		margin-bottom:calc((40 / 750)*100vw);
	}
	#shitsumon .spsubsection .contents_back .txt_box.txt_a:before {
		content:"";
		position:absolute;
		top:calc((5 / 750)*100vw);
		left:calc((30 / 750)* -100vw);
		width:calc((82 / 750)*100vw);
		height:calc((72 / 750)*100vw);
		max-width:82px;
		max-height:72px;
		background:url("../images/shitsumon_A.png") ;
		background-size:cover;

	}



	#shitsumon .spsubsection.spsec02 .contents_back:first-of-type {
		margin-top:calc((242 / 750) * 100vw);
	}

	#shitsumon .spsubsection.spsec03 .contents_back:first-of-type {
		margin-top:calc((60 / 750) * 100vw);
	}
	#shitsumon .spsubsection.spsec04 .contents_back:first-of-type {
		margin-top:calc((63 / 750) * 100vw);
	}


	#shitsumon .spsubsection .contents_back .txt_box .img01 {
		margin:calc((20 /750)*100vw) auto;
		width:100%;
		height:auto;
	}
	#shitsumon .spsubsection .contents_back .txt_box .img02 {
		margin:calc((10 /750)*100vw) 0 0 calc((350 /750)*100vw);
		width:calc((220 /750)*100vw);
		height:auto;
	}
	#shitsumon .spsubsection .contents_back .txt_box .img03 {
		margin:calc((20 /750)*100vw) auto 0;
		width:100%;
		height:auto;
	}
	#shitsumon .spsubsection .contents_back .txt_box .img04 {
		margin:calc((20 /750)*100vw) auto 0;
		width:100%;
		height:auto;
	}
	#shitsumon .spsubsection .contents_back .txt_box .img05 {
		margin:calc((10 /750)*100vw) auto calc((10 /750)*100vw);
		width:100%;
		height:auto;
	}
	#shitsumon .spsubsection .contents_back .img06 {
		margin:0 auto;
		display:block;
		width:90%;
		height:auto;
	}


}