@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 1000px;
	box-sizing: border-box;
	position: relative;
}
#wrapper {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
	position: relative;
}

#player {
    position: relative;
    z-index: 0;
}
#player_cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#loader {
    background:#000 url('http://jsrun.it/assets/K/1/9/U/K19UZ.gif') no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#wrapper #copy {
	background: url(../images/img_dot01.png) repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#wrapper #copy #inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	width: 1360px;
    height: 650px;
}
#wrapper #copy #inner #img01 {
	width: 60%;
	max-width: 836px;
}
#wrapper #copy #inner #img02 {
	position: absolute;
	right: 0;
	top: -50px;
	bottom: 0;
	width: 45%;
	max-width: 578px;
	margin: auto;
}
#wrapper #copy #inner img {
	width: 100%;
}
.sec01 {
	text-align: center;
}

.sec02 {
	overflow: hidden;
	border-top: 10px solid #C0FAFF;
	background: #A5E6EC;
}

.sec02 .bgBox {
	background: url(../images/sec02_bg.png) repeat center top;
}

.sec02 .photo {
	position: absolute;
	right: 0;
	top: 290px;
}

.sec03 {
	padding: 5.1em 0 6.1em;
}

.sec03 .content {
	border: 1px solid #C5C5C5;
}

.sec03 .photo {
	float: left;
	width: 219px;
}

.sec03 .text {
	float: right;
	width: 760px;
	box-sizing: border-box;
	padding: 38px 25px 0 0;
}

.sec03 .text p {
	font-size: 1.8rem;
	line-height: 1.7;
}

.sec03 .text .ttl {
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 7px;
}

.sec03 .link {
	text-align: right;
	padding: 6px 17px 0;
}

.sec03 .link a {
	display: inline-block;
	background: url(../common/img/icon01.png) no-repeat left center;
	padding-left: 32px;
}

.sec03 .link a:hover {
	text-decoration: underline;
}

.sec04 {
	padding: 8em 0;
	background: url(../images/sec04_bg.png) repeat 2px top;
}

.sec04 .content {
	padding: 6.8em 8.3em 6.3em;
	border: 5px solid #E3F7F9;
	background: #FFF;
	text-align: center;
	border-radius: 8px;
}

.sec04 h2 {
	font-size: 4rem;
	font-weight: normal;
	margin-bottom: 1.3rem;
}

.sec04 .photo {
	margin: 0 auto 2rem;
	width: 680px;
	border: 7px solid #22A9B5;
}

.sec04 .text01 {
	margin-bottom: 5rem;
	font-size: 1.5rem;
	line-height: 1.6;
}

.sec04 .text02 {
	margin-bottom: 0.7rem;
	font-size: 1.7rem;
}

.sec04 .text03 {
	font-size: 1.7rem;
}

.sec04 .text04 {
	margin-bottom: 0.3rem;
	font-size: 2.7rem;
	line-height: 1.3;
}

.sec04 .text05 {
	margin-bottom: 3.4rem;
	font-size: 3.3rem;
}

.sec04 .textBox {
	padding-top: 5em;
	box-sizing: border-box;
	border-top: 2px solid #E1E1E1;
}

.sec04 .textBox p {
	font-size: 2rem;
	line-height: 5rem;
}

.sec04 .textBox span {
	padding: 0 0.4em;
}

.sec04 .textBox .pink {
	color: #FFF;
	font-size: 2.5rem;
	background: #FE98AE;
}

.sec04 .textBox .blue {
	color: #FFF;
	font-size: 2.5rem;
	background: #A5E6EC;
}

.sec04 .textBox .yellow {
	font-size: 3rem;
	background: #FFE400;
}

.sec05 {
	padding: 9em 0 7.1em;
	background: #FFF url(../images/sec05_bg.png) no-repeat center top;
	text-align: center;
}

.sec05 h2 {
	margin-bottom: 4.4rem;
	font-size: 2.5rem;
	font-weight: bold;
	font-weight: normal;
}

.sec05 h2 span {
	display: inline-block;
	position: relative;
}

.sec05 h2 > span {
	padding-bottom: 8px;
}

.sec05 h2 > span:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #FD98AD;
}

.sec05 h2 .sup:before {
	content: "ラク";
	position: absolute;
	left: 0;
	top: -7px;
	font-size: 1rem;
	line-height: 1;
}

.sec05 .youtube {
	margin-bottom: 2.1rem;
}

.sec05 p {
	font-size: 2rem;
	text-align: center;
}

.sec06 {
	background: #f7f6f1 url(../images/sec06_bg.png) repeat-y center 200px;
}

.sec06 .content {
	background: #f7f6f1;
	padding: 8.1em 0 7.1em;
	text-align: center;
}

.sec06 h2 {
	box-sizing: border-box;
	padding: 1em 0 0;
	margin: 0 auto 5.4rem;
	width: 886px;
	height: 115px;
	font-size: 3.4rem;
	font-weight: normal;
	text-align: center;
	background: url(../images/sec06_h2_bg.png) no-repeat;
}

.sec06 .photo {
	margin-bottom: 6.3rem;
}

.sec06 .text {
	margin-bottom: 5.9rem;
	font-size: 2rem;
	line-height: 2.5;
}

.sec06 .text .pink {
	padding: 0.2em;
	color: #FFF;
	font-size: 2.4rem;
	background: #FD98AD;
}

.sec06 .text .blue {
	padding: 0.2em;
	color: #22a9b5;
	background: #A5E6EC;
}

.sec06 .photo02 {
	margin-bottom: 7.3rem;
}

.sec06 .text02 {
	font-size: 2rem;
	line-height: 2.5;
}

.sec07 {
	padding-bottom: 3.6em;
}

.sec07 .topTitle {
	background: url(../images/sec07_bg01.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	position: relative;
	padding: 12.5em 0 4.4em;
	margin-bottom: 4.2rem;
}

.sec07 .topTitle:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/sec07_bg02.png) repeat 2px 4px;
}

.sec07 .topTitle h2 {
	position: relative;
	margin-bottom: 2.4rem;
}

.sec07 .topTitle .arrow {
	position: relative;
}

.sec07 .text {
	margin: 0 auto 7.3rem;
	width: 670px;
	font-size: 2rem;
	line-height: 1.85;
}

.sec07 h3 {
	position: relative;
	font-weight: normal;
	font-size: 3rem;
	padding: 1.1em 0 0 130px;
	min-height: 99px;
	box-sizing: border-box;
	margin-bottom: 2rem;
	line-height: 1.2;
}

.sec07 h3 .font {
	display: inline-block;
	font-size: 4.5rem;
	position: relative;
	color: #1a3e89;
}

.sec07 h3 .font:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -4px;
	width: 85%;
	height: 9px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../images/sec07_bg03.png) repeat;
}
.sec07 h3.h305 .font:before {
	width: 100%;
}

.sec07 .merit {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 99px;
	height: 99px;
	box-sizing: border-box;
	font-size: 1.8rem;
	color: #FFF;
	background: #6DC6CE;
	text-align: center;
	line-height: 1;
	padding-top: 1em;
}

.sec07 .merit .num {
	font-size: 6rem;
}

.sec07 .imgBox {
	margin-bottom: 10.4rem;
	padding: 2.6em 0 0;
	border-top: 1px solid #E6E6E6;
}

.sec07 .imgBox:last-child {
	margin: 0;
}

.sec07 .imgBox .photoBox {
	float: left;
	width: 310px;
	margin: 0.8rem 4.2rem 1rem 0;
}

.sec07 .imgBox .textBox p {
	font-size: 2rem;
	line-height: 1.85;
	margin-bottom: 1rem;
}

.sec07 .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

.sec07 .h302 {
	padding-top: 0.2em;
}

.sec07 .h302 .font {
	color: #fd98ad;
}

.sec07 .h302 .font:before,
.sec07 .h304 .font:before,
.sec07 .h306 .font:before,
.sec07 .h304 .font:before,
.sec07 .h308 .font:before {
	background: url(../images/sec07_bg04.png) repeat;
}

.sec07 .h303 .font {
	color: #22a9b5;
}
.sec07 .h304 .font,
.sec07 .h308 .font {
	color: #ff9900;
}
.sec07 .h305 .font {
	color: #63c5bd;
}
.sec07 .h306 .font {
	color: #ed338b;
}
.sec08 {
	padding: 11.9em 0 12em;
	background: url(../images/sec08_bg.png) no-repeat center top;
}

.sec08 h2 {
	margin-bottom: 5.8rem;
	text-align: center;
	background: url(../images/sec08_h2_bg.png) no-repeat center top;
}

.sec08 .caseBox {
	overflow: hidden;
}

.sec08 .caseBox .caseList {
	width: 1005px;
}

.sec08 .caseBox li {
	float: left;
	width: 162px;
	margin: 0 25px 51px 14px;
	text-align: center;
}

.sec08 .caseBox li p {
	margin-bottom: 0.8rem;
	font-size: 2.6rem;
	color: #22a9b5;
}

.sec08 .caseBox li .arrow {
	margin: 1.6rem 0 1.5rem;
}

.sec09 {
	background: url(../images/sec09_bg.png) no-repeat center 26.8rem;
}

.sec09 .content {
	position: relative;
	padding: 19.9em 0 3em;
}

.sec09 h2 {
	position: absolute;
	left: 0;
	top: -39px;
	width: 100%;
	text-align: center;
}

.sec09 .cont {
	background: url(../images/sec09_bg02.png) repeat -2px top;
	border-radius: 50px;
	padding: 1.6em;
	box-sizing: border-box;
}

.sec09 .cont .inner {
	border-radius: 40px;
	background: #FFF;
	padding: 4.4em 4em 3.3em;
}

.sec09 h3 {
	font-size: 3.3rem;
	font-weight: normal;
	color: #22a9b5;
	border-bottom: 1px solid #A5E6EC;
	position: relative;
	padding: 0.4em 0 0 125px;
	box-sizing: border-box;
	min-height: 91px;
}

.sec09 h3:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	height: 75px;
	background: url(../images/sec09_img01.jpg) no-repeat;
}

.sec09 dl {
	padding: 1.8em 1.1em;
}

.sec09 dt {
	font-size: 2.1rem;
	color: #22a9b5;
	background: url(../images/sec09_icon.png) no-repeat left center;
	padding: 0.7em 0 0 75px;
	margin-bottom: 0.8rem;
	min-height: 55px;
	box-sizing: border-box;
}

.sec09 dd {
	font-size: 2.4rem;
	margin-bottom: 3.8rem;
}

.sec09 .inner dd:last-child {
	margin: 0;
}

.sec09 .blueBox,
.sec09 .pinkBox {
	margin-bottom: 5.9rem;
}

.sec09 .pinkBox {
	background: url(../images/sec09_bg03.png) repeat -2px top;
}

.sec09 .pinkBox h3 {
	color: #fd98ad;
	border-color: #fd98ad;
}

.sec09 .pinkBox h3:before {
	background: url(../images/sec09_img02.jpg) no-repeat;
}

.sec09 .pinkBox dt {
	color: #fd98ad;
}

.sec10 {
	overflow: hidden;
	position: relative;
	border-top: 10px solid #C0FAFF;
	border-bottom: 10px solid #C0FAFF;
	background: #A5E6EC url(../images/com_bg.png) repeat center top;
}

.sec10 .child {
	position: absolute;
	right: -400px;
	top: 0;
}
.youtubeBox {
	max-width: 1000px;
	margin: 50px auto ;
}
.youtubeBox iframe {
	width: 100%;
	height: 562px;
}

@media all and (min-width: 1800px) {
	.sec10 .content {
		position: static;
	}
	
	.sec10 .child {
		right: 0;
	}
}

.sec10 .content {
	padding: 6.7em 0 6.8em;
}

.sec10 .title {
	position: relative;
	margin: 0 auto;
	background: url(../images/sec10_h2_bg.png) no-repeat;
	width: 904px;
	height: 246px;
}

.sec10 .title h2 {
	font-size: 3.6rem;
	color: #6cc0c8;
	font-weight: normal;
	text-align: center;
	padding-top: 1.3em;
}

.sec10 .cont {
	position: relative;
	background: url(../images/sec10_bg.png) repeat -1px 1px;
	border-right: 10px solid #6CC0C8;
	border-bottom: 10px solid #6CC0C8;
	border-radius: 0 5px 5px 5px;
	padding: 10px;
	width: 980px;
}

.sec10 .cont .inner {
	background: #FFF;
	padding: 7.2em 0 6.2em;
}

.sec10 .cont .inner .txtBox {
	margin: 0 auto;
	width: 888px;
}

.sec10 h3 {
	background: url(../images/sec10_h3_bg.png) repeat-y;
	font-size: 3rem;
	font-weight: normal;
	color: #FFF;
	box-sizing: border-box;
	padding: 0.3em 0.9em 0;
	min-height: 58px;
	margin-bottom: 3.1rem;
}

.sec10 .cont p {
	font-size: 2rem;
	line-height: 1.8;
	margin: 0 1rem 5.3rem;
}

.sec10 .cont p:last-child {
	margin-bottom: 0;
}

.sec10 .cont p .pink {
	background: #FF99B0;
	color: #FFF;
}

.sec11 {
	background: url(../images/sec11_bg.png) repeat -6px 3px;
}

.sec11 .content {
	padding: 12.7em 0 7.1em;
}

.sec11 .photo01 {
	position: absolute;
	left: 0;
	top: -55px;
	width: 100%;
	text-align: center;
}

.sec12 {
	border-top: 10px solid #A5E6EC;
}

.sec12 h2 {
	text-align: center;
	background: #FFF;
	padding: 4.5em 0 4.4em;
}

.sec12 .bgBox {
	background: #A5E6EC url(../images/com_bg.png) repeat center top;
}

.sec12 .content {
	padding: 5.4em 0 9.8em;
}

.sec12 h3 {
	margin-bottom: 10rem;
	color: #6cc0c8;
	font-size: 3.6rem;
	font-weight: normal;
	background: #FFFACF;
	text-align: center;
	padding: 0.5em 0 0.3em;
}

.sec12 .qaBox {
	border: 3px solid #22A9B5;
	background: #FFF;
	margin-bottom: 10.9rem;
	position: relative;
	box-sizing: border-box;
	padding: 6.8em 5.5em 5.1em;
}

.sec12 .qaBox:last-child {
	margin: 0;
}

.sec12 .qaBox .num {
	position: absolute;
	left: 50%;
	top: -2px;
	width: 98px;
	height: 98px;
	color: #FFF;
	font-size: 3.6rem;
	background: #22A9B5;
	border-radius: 50%;
	text-align: center;
	line-height: 98px;
	overflow: hidden;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.sec12 .qaBox dt {
	margin-bottom: 2.4rem;
	font-size: 3rem;
	color: #22a9b5;
	padding: 0 0.1em 0.7em;
	background: url(../images/sec12_line.png) repeat-x center bottom;
}

.sec12 .qaBox dd {
	padding: 0 0.1em;
	font-size: 2.4rem;
}

.sec12 .qaBox dd .pink {
	color: #FFF;
	background: #FE98AE;
}

.sec13 {
	padding: 8.4em 0 9.3em;
}

.sec13 .hope {
	margin: 0 auto;
	width: 836px;
	position: relative;
	padding: 5.9em 6.5em 7.2em;
	box-sizing: border-box;
	background: url(../images/sec13_bg03.png) repeat-y;
}

.sec13 .hope:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 41px;
	background: url(../images/sec13_bg01.png) no-repeat;
}

.sec13 .hope:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 43px;
	background: url(../images/sec13_bg02.png) no-repeat;
}

.sec13 h2 {
	margin: 0 0 2.5rem 2.7rem;
	position: relative;
}

.sec13 .photo {
	position: absolute;
	right: 37px;
	top: 33px;
	z-index: 1;
}

.sec13 p {
	font-size: 2.4rem;
	width: 450px;
}

.sec14 {
	background: url(../common/img/h_bg.png) repeat-x left top;
	text-align: center;
	padding: 9px 0 0;
}

.sec14 .bgBox {
	padding: 6.5em 0;
	position: relative;
	background: url(../images/sec14_bg.jpg) no-repeat center center;
	background-size: cover;
}

.sec14 .bgBox:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/sec14_bg02.png) repeat 2px top;
}

.sec14 .content {
	background: url(../images/sec14_bg03.png) repeat;
	color: #FFF;
	padding: 6em 0 7.5em;
}

.sec14 p {
	font-size: 2.4rem;
}

.sec14 .name {
	margin-bottom: 2rem;
}

.sec14 .name span {
	display: block;
	font-size: 2.8rem;
	margin-bottom: 0.8rem;
}

.sec14 .tel {
	margin-bottom: 2.8rem;
}

.sec14 dl {
	overflow: hidden;
	clear: both;
	text-align: left;
	margin: 0 auto;
	width: 376px;
	font-size: 2.4rem;
	line-height: 1.25;
	margin-bottom: 1.8rem;
}

.sec14 dt {
	float: left;
	width: 4em;
}

.sec14 dd {
	padding-left: 5em;
}

.sec14 .date {
	margin: 3rem 0 4.1rem;
}

.sec14 .link {
	margin: 0 auto 2.8rem;
	width: 406px;
}

.sec14 .link a {
	display: block;
	background: #A5E6EC;
	border: 4px solid #FFF;
	border-radius: 60px;
	font-size: 2.4rem;
	color: #22a9b5;
	padding: 1em 0 0.7em;
}

.sec14 .link a span {
	position: relative;
	padding-left: 45px;
	display: inline-block;
}

.sec14 .link a span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -3px;
	width: 28px;
	height: 36px;
	background: url(../images/sec14_icon.png) no-repeat left top;
}

.sec14 .link a:hover {
	opacity: 0.7;
}

.sec14 .text01 {
	line-height: 1.8;
}

.sec14 .text02 {
	margin: 0.8rem 0 2.2rem;
	line-height: 1.25;
}

.sec14 .text03 {
	line-height: 1.8;
}

.mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 500;
	display: none;
}

.mask .maskCover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}

.mask .videoBox {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 90%;
	max-width: 1000px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.mask .videoBox .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.mask .videoBox iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#footerFloatingMenu,
#footerFloatingMenu a {
	display: none;
}
@media screen and (max-width: 1360px) {
	#wrapper #copy #inner {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
	}

}
@media screen and (max-width: 768px) {
	.content {
		margin: 0 2rem;
		width: auto;
	}
	#wrapper #copy #inner #img01 {
		width: 94%;
		margin: 0 auto;
	}
	#wrapper #copy #inner #img02 {
		position: relative;
		right: inherit;
		left: inherit;

		bottom: inherit;
		width: 100%;
	}
	.sec01 .contact .mobile {
		display: none;
	}
	
	.sec01 .contact {
		margin: 0 2rem;
	}
	.sec01 .contact .ipad {
		display: none;
	}
	.sec01 .contact .mobile {
		display: inherit;
	}
	
	.sec01 .contact img {
		width: 100%;
	}
	
	.sec02 {
		border-top: 5px solid #C0FAFF;
	}
	
	.sec02 .bgBox {
		background: none;
	}
	.sec02 .photo {
		position: inherit;
		right: inherit;
		top: inherit;
		text-align: center;
		margin-bottom: 2em;
	}
	
	.sec02 .photo img {
		width: 50%;
	}
	.sec02 .content.none {
		margin: 0;
	}	
	
	.sec03 {
		padding: 0;
	}
	
	.sec03 .content {
		border: none;
	}
	
	.sec03 .photo {
		float: none;
		width: 45%;
		margin: 0 auto;
	}
	
	.sec03 .text {
		float: none;
		width: auto;
		padding: 0;
	}
	
	.sec03 .text p {
		font-size: 1.3rem;
	}
	
	.sec03 .text .ttl {
		font-size: 1.3rem;
		margin: -15px 0 7px;
		text-align: center;
	}
	
	.sec03 .text .link {
		font-size: 1.6rem;
		text-align: center;
		padding: 15px 0 20px;
	}
	
	.sec03 .link a {
		display: inline-block;
		width: 50%;
		border: solid 5px #a5e6ec;
		box-sizing: border-box;
		border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		background: url(../common/img/icon01.png) no-repeat 0.5em center;
		background-size: 15px auto;
		padding: 0.3em 0;
	}
	
	.sec03 .link a:hover {
		text-decoration: none;
	}
	
	.sec04 {
		padding: 3em 0;
		background-size: 8px auto;
	}
	
	.sec04 .content {
		padding: 2rem;
		border: 2px solid #E3F7F9;
		border-radius: 2px;
	}
	
	.sec04 h2 {
		font-size: 1.6rem;
		margin-bottom: 1.3rem;
	}
	
	.sec04 .photo {
		margin: 0 0 1rem;
		width: auto;
		border: 4px solid #22A9B5;
	}
	
	.sec04 .photo img {
		width: 100%;
	}
	
	.sec04 .text01 {
		margin-bottom: 2rem;
		font-size: 1.3rem;
		line-height: 1.6;
		text-align: left;
	}
	.sec04 .text01 br {
		display: none;
	}

	.sec04 .text02 {
		margin-bottom: 0;
		font-size: 1.2rem;
	}
	
	.sec04 .text03 {
		font-size: 1.2rem;
	}
	
	.sec04 .text04 {
		margin-bottom: 0.3rem;
		font-size: 1.5rem;
	}
	
	.sec04 .text05 {
		margin-bottom: 1rem;
		font-size: 1.8rem;
	}
	
	.sec04 .textBox {
		text-align: left;
		padding-top: 1em;
		border-top: 1px solid #E1E1E1;
	}
	
	.sec04 .textBox p {
		font-size: 1.5rem;
		line-height: 2;
	}
	.sec04 .textBox p br {
		display: none;
	}	
	.sec04 .textBox span {
		padding: 0;
	}
	
	.sec04 .textBox .pink {
		font-size: 1.5rem;
	}
	
	.sec04 .textBox .blue {
		font-size: 1.5rem;
	}
	
	.sec04 .textBox .yellow {
		font-size: 1.5rem;
	}
	
	.sec05 {
		padding: 3em 0 2em;
		background: #FFF url(../images/sec05_bg.png) no-repeat center top;
		text-align: center;
	}
	
	.sec05 h2 {
		margin-bottom: 1.5rem;
		font-size: 1.6rem;
		text-align: left;
	}
	
	.sec05 h2 > span {
		padding-bottom: 5px;
	}
	
	.sec05 h2 > span:before {
		height: 3px;
	}
	
	.sec05 h2 .sup:before {
		content: "ラク";
		left: 50%;
		top: -7px;
		font-size: 1rem;
		width: 20px;
		margin-left: -10px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}
	
	.sec05 .youtube {
		margin-bottom: 1rem;
	}
	
	.sec05 .youtube img {
		width: 100%;
	}
	
	.sec05 p {
		font-size: 1.3rem;
	}
	
	.sec06 {
		background: #f7f6f1;
	}
	
	.sec06 .content {
		padding: 3em 0;
		text-align: left;
	}
	
	.sec06 h2 {
		padding: 1em;
		margin: 0 0 2rem;
		width: 100%;
		height: auto;
		font-size: 1.8rem;
		background-size: 100% 100%;
	}
	
	.sec06 .photo {
		margin: 0 auto 2rem;
		width: 40%;
	}
	
	.sec06 .photo img {
		width: 100%;
	}
	
	.sec06 .text {
		margin-bottom: 2rem;
		font-size: 1.5rem;
		line-height: 1.85;
	}
	.sec06 .text br {
		display: none;
	}	
	.sec06 .text .pink {
		padding: 0;
		font-size: 1.5rem;
	}
	
	.sec06 .text .blue {
		padding: 0;
	}
	
	.sec06 .photo02 {
		margin: 0 auto 2rem;
		width: 60%;
	}
	
	.sec06 .photo02 img {
		width: 100%;
	}
	
	.sec06 .text02 {
		font-size: 1.5rem;
		line-height: 1.85;
	}
	.sec06 .text02 br {
		display: none;
	}
	.sec07 {
		padding-bottom: 0;
	}
	
	.sec07 .topTitle {
		padding: 4em 0 2em;
		margin-bottom: 1rem;
	}
	
	.sec07 .topTitle:before {
		background-size: 5px auto;
	}
	
	.sec07 .topTitle h2 {
		margin: 0 auto 2rem;
		width: 80%;
	}
	
	.sec07 .topTitle .arrow {
		margin: 0 auto;
		width: 7%;
	}
	
	.sec07 .topTitle .arrow img {
		width: 100%;
	}
	
	.sec07 .text {
		margin: 0 0 2rem;
		width: auto;
		font-size: 1.5rem;
	}
	
	.sec07 h3 {
		position: relative;
		font-weight: normal;
		font-size: 1.7rem;
		padding: 0 0 0 3em;
		min-height: 2em;
		box-sizing: border-box;
		margin-bottom: 0.5rem;
		line-height: 1.2;
	}
	.sec07 h3.oneline {
		padding: 0.5em 0 0 3.5em;
	}
	.sec07 h3 .font {
		font-size: 1.7rem;
	}
	
	.sec07 h3 .font:before {
		bottom: -1px;
		width: 85%;
		height: 4px;
		background-size: 3px auto;
	}
	.sec07 .merit {
		width: 5em;
		height: 4.4em;
		font-size: 1.3rem;
		padding-top: 0.5em;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}
	
	.sec07 .merit .num {
		display: block;
		font-size: 3rem;
	}
	
	.sec07 .imgBox {
		margin-bottom: 3rem;
		padding: 1.5em 0 0;
		border-top: 1px solid #E6E6E6;
	}
	
	.sec07 .imgBox:last-child {
		margin: 0;
	}
	
	.sec07 .imgBox .photoBox {
		float: none;
		margin: 0 auto 1.5rem;
		width: 60%;
	}
	
	.sec07 .imgBox .photoBox img {
		width: 100%;
	}
	
	.sec07 .imgBox .textBox p {
		font-size: 1.5rem;
		line-height: 1.85;
		margin-bottom: 0.3rem;
	}
	
	.sec07 .imgBox .textBox p:last-child {
		margin-bottom: 0;
	}
	.sec07 .imgBox .textBox p br {
		display: none;
	}
	
	.sec07 .h302 {
		padding-top: 0.2em;
	}
	
	.sec07 .h302 .font {
		color: #fd98ad;
	}
	
	.sec07 .h302 .font:before {
		background: url(../images/sec07_bg04.png) repeat;
		background-size: 3px auto;
	}
	
	.sec08 {
		padding: 3em 0;
		background: #FFF;
	}
	
	.sec08 h2 {
		margin-bottom: 2rem;
		text-align: center;
		background: url(../images/sec08_h2_bg.png) no-repeat center top;
		background-size: auto 100%;
	}
	
	.sec08 h2 img {
		width: 40%;
	}
	
	.sec08 .caseBox {
		overflow: hidden;
	}
	
	.sec08 .caseBox .caseList {
		width: auto;
	}
	
	.sec08 .caseBox li {
		float: left;
		width: 45%;
		margin: 0 0 2rem;
	}
	
	.sec08 .caseBox li:nth-child(2n) {
		float: right;
	}
	
	.sec08 .caseBox li p {
		margin-bottom: 0.5rem;
		font-size: 1.6rem;
	}
	
	.sec08 .caseBox li .arrow {
		margin: 1rem auto;
		width: 15%;
	}
	
	.sec08 .caseBox li .arrow img {
		width: 100%;
	}
	
	.sec09 {
		padding-bottom: 0;
		background: none;
	}
	
	.sec09 .content {
		position: relative;
		padding: 0;
	}
	
	.sec09 h2 {
		position: static;
		left: auto;
		top: auto;
		width: 100%;
		text-align: center;
		margin-bottom: 2rem;
	}
	
	.sec09 h2 img {
		width: 100%;
	}
	
	.sec09 .cont {
		background: url(../images/sec09_bg02.png) repeat -2px top;
		background-size: 5px auto;
		border-radius: 30px;
		padding: 1em;
		box-sizing: border-box;
	}
	
	.sec09 .cont .inner {
		border-radius: 30px;
		background: #FFF;
		padding: 2em;
	}
	
	.sec09 h3 {
		font-size: 1.5rem;
		padding: 0.5em 0 0 60px;
		min-height: 38px;
		border: none;
	}
	
	.sec09 h3:before {
		width: 55px;
		height: 38px;
		background: url(../images/sec09_img01.jpg) no-repeat;
		background-size: 55px auto;
	}
	
	.sec09 h3:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -5px;
		width: 100%;
		height: 1px;
		background: #a5e6ec;
	}
	
	.sec09 dl {
		padding: 1.8em 0 0.3em;
	}
	
	.sec09 dt {
		font-size: 1.5rem;
		background: url(../images/sec09_icon.png) no-repeat left center;
		background-size: 30px auto;
		padding: 0.7em 0 0.5em 40px;
		margin-bottom: 0.5rem;
		min-height: 30px;
	}
	
	.sec09 dd {
		font-size: 1.5rem;
		margin-bottom: 0.8rem;
	}
	
	.sec09 .inner dd:last-child {
		margin: 0;
	}
	
	.sec09 .blueBox {
		margin-bottom: 3rem;
	}
	
	.sec09 .pinkBox {
		background: url(../images/sec09_bg03.png) repeat -2px top;
		background-size: 3px auto;
	}
	
	.sec09 .pinkBox h3:before {
		background: url(../images/sec09_img02.jpg) no-repeat;
		background-size: 55px auto;
	}
	
	.sec09 .pinkBox h3:after {
		background: #fd98ad;
	}
	.sec09 .blueBox,
	.sec09 .pinkBox {
		margin-bottom: 2rem;
	}
	.sec10 {
		border-top: 5px solid #C0FAFF;
		border-bottom: 5px solid #C0FAFF;
		background: #A5E6EC;
	}
	
	.sec10 .child {
		display: none;
	}
	
	.sec10 .content {
		padding: 3em 0;
	}
	
	.sec10 .title {
		position: relative;
		margin: 0 auto;
		background: url(../images/sec10_h2_bg.png) no-repeat;
		background-size: 100% auto;
		width: 100%;
		height: 24vw;
	}
	
	.sec10 .title h2 {
		font-size: 1.8rem;
		padding-top: 4vw;
	}
	
	.sec10 .cont {
		background-size: 5px auto;
		border-right: 3px solid #6CC0C8;
		border-bottom: 3px solid #6CC0C8;
		border-radius: 0 2px 2px 2px;
		padding: 3px;
		width: auto;
	}
	
	.sec10 .cont .inner {
		padding: 2em;
	}
	
	.sec10 .cont .inner .txtBox {
		margin: 0;
		width: auto;
	}
	
	.sec10 h3 {
		background: url(../images/sec10_h3_bg.png) repeat-y;
		background-size: 100% 100%;
		font-size: 1.5rem;
		padding: 0.5em 0.9em;
		min-height: inherit;
		margin-bottom: 1rem;
	}
	
	.sec10 .cont p {
		font-size: 1.5rem;
		margin: 0 0 2rem;
	}
	
	.sec10 .cont p:last-child {
		margin-bottom: 0;
	}
	.sec10 .cont p br {
		display: none;
	}
	
	.sec11 {
		background-size: 8px auto;
	}
	
	.sec11 .content {
		padding: 6.8em 0 3.5em;
	}
	
	.sec11 .photo01 {
		position: absolute;
		left: 50%;
		top: 0;
		width: 40%;
		text-align: center;
		-webkit-transform: translate(-50%,-20%);
		transform: translate(-50%,-20%);
	}
	
	.sec11 .photo01 img {
		width: 100%;
	}
	
	.sec12 {
		border-top: 5px solid #A5E6EC;
	}
	
	.sec12 h2 {
		margin: 0 auto;
		width: 40%;
		padding: 2em 0;
	}
	
	.sec12 h2 img {
		width: 100%;
	}
	
	.sec12 .bgBox {
		background: #A5E6EC;
	}
	
	.sec12 .content {
		padding: 3em 0;
	}
	
	.sec12 h3 {
		margin-bottom: 4rem;
		font-size: 1.6rem;
		padding: 0.3em 0 0.3em;
	}
	
	.sec12 .qaBox {
		border: 2px solid #22A9B5;
		margin-bottom: 4rem;
		padding: 3em 1.5em 2em;
	}
	
	.sec12 .qaBox:last-child {
		margin: 0;
	}
	
	.sec12 .qaBox .num {
		top: 0;
		width: 40px;
		height: 40px;
		font-size: 1.3rem;
		line-height: 40px;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	
	.sec12 .qaBox dt {
		margin-bottom: 1rem;
		font-size: 1.5rem;
		padding: 0 0 0.3em;
		background-size: 8px auto;
	}
	
	.sec12 .qaBox dd {
		padding: 0;
		font-size: 1.5rem;
	}
	
	.sec12 .qaBox dd .pink {
		color: #FFF;
		background: #FE98AE;
	}
	
	.sec13 {
		padding: 3em 0;
	}
	
	.sec13 .hope {
		margin: 0 2rem;
		width: auto;
		padding: 6vw 3em;
		background-size: 100% auto;
	}
	
	.sec13 .hope:before {
		height: 5vw;
		background: url(../images/sec13_bg01.png) no-repeat;
		background-size: 100% auto;
	}
	
	.sec13 .hope:after {
		height: 4.5vw;
		background: url(../images/sec13_bg02.png) no-repeat;
		background-size: 100% auto;
	}
	
	.sec13 h2 {
		margin: 0 auto 2rem;
		width: 75%;
	}
	
	.sec13 h2 img {
		width: 100%;
	}
	
	.sec13 .photo {
		position: static;
		right: auto;
		top: auto;
		z-index: 1;
		margin: 0 auto;
		width: 50%;
	}
	
	.sec13 .photo img {
		width: 100%;
	}
	
	.sec13 p {
		font-size: 1.5rem;
		width: auto;
	}
	
	.sec14 {
		padding: 5px 0 0;
		background-size: 140px auto;
	}
	
	.sec14 h2 {
		margin: 0 auto;
		width: 60%;
	}
	
	.sec14 h2 img {
		width: 100%;
	}
	
	.sec14 .bgBox {
		padding: 2em 0;
	}
	
	.sec14 .bgBox:before {
		background-size: 8px auto;
	}
	
	.sec14 .content {
		padding: 2em;
	}
	
	.sec14 p {
		font-size: 1.5rem;
	}
	
	.sec14 .name {
		margin-bottom: 1.3rem;
	}
	
	.sec14 .name span {
		display: block;
		font-size: 1.5rem;
		margin-bottom: 0.8rem;
	}
	
	.sec14 .tel {
		margin: 0 auto 1.5rem;
		width: 100%;
	}
	
	.sec14 .tel img {
		width: 100%;
	}
	
	.sec14 dl {
		width: 85%;
		font-size: 1.5rem;
		line-height: 1.25;
		margin-bottom: 1rem;
	}
	
	.sec14 dt {
		float: left;
		width: 4em;
	}
	
	.sec14 dd {
		padding-left: 5em;
	}
	
	.sec14 .date {
		margin: 2rem 0;
	}
	
	.sec14 .link {
		margin: 0 auto 1.5rem;
		width: 75%;
	}
	
	.sec14 .link a {
		border: 2px solid #FFF;
		border-radius: 2em;
		font-size: 1.5rem;
		padding: 1em 0 0.8em;
	}
	
	.sec14 .link a span {
		padding-left: 20px;
	}
	
	.sec14 .link a span:before {
		top: -1px;
		width: 14px;
		height: 18px;
		background-size: 14px auto;
	}
	
	.sec14 .link a:hover {
		opacity: 1;
	}
	
	.sec14 .text02 {
		margin: 0.5rem 0 1.5rem;
	}
	
	.mask {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 500;
		display: none;
	}
	
	.mask .maskCover {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
	}
	
	.mask .videoBox {
		position: fixed;
		left: 50%;
		top: 50%;
		width: 90%;
		max-width: 740px;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	
	.mask .videoBox .video {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.mask .videoBox iframe {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
}
@media screen and (max-width: 767px) {
	#player,
	#player_cover {
		display: none;
	}
	#wrapper #copy {
		background: url(../images/img_dot01.png) repeat;
		position: inherit;
		width: inherit;
		height: inherit;
		top: inherit;
		left: inherit;
	}

	#wrapper #copy #inner {
		position: relative;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		margin: inherit;
		width: inherit;
		height: inherit;
		padding-top: 3rem;
	}
	#footerFloatingMenu {
		display: block;
		background: #cefbff;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 40;
		text-align: center;
		padding: 0 auto;
	}
 	#footerFloatingMenu a {
		display: block;
	}
	#footerFloatingMenu a img {
		width: 90%;
		max-width: 400px;
		padding: 1rem 0;
	}

}

.spcontact {
	display:none;
}
@media screen and (max-width: 767px) {
	.spcontact {
		display:block;
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		z-index:4;
	}
	.spcontact .tit {
		text-align:center;
		padding:4px 10px;
		color:#fff;
		background:#71cbd3;
	}
	.spcontact .tit img {
		max-width:300px;
		vertical-align: middle;
	}
	.spcontact ul {
		overflow:hidden;
		background:#fff;
	}
	.spcontact li {
		float:left;
		width:50%;
	}
	.spcontact li a {
		box-sizing: border-box;
		display:block;
		text-align:center;
		padding:14px 5px;
	}
	.spcontact li a img {
		height:25px;
	}
	.spcontact li:nth-child(1) a {
		border: solid 3px #9bec9b;
		background: #00b900;
	}
	.spcontact li:nth-child(2) a {
		border: solid 3px #fff4b5;
		background: #ffe400;
	}
	.pagetop {
		display: none;
	}
	.youtubeBox {
		margin: 20px auto ;
	}
	.youtubeBox iframe {
		height: 315px;
	}
}