@charset "UTF-8";

/*
*******************************************************************************************************
# reset
*******************************************************************************************************
*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
	font-feature-settings: "palt";
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

ul,ol{
	list-style:none;
}



/*
*******************************************************************************************************
# override
*******************************************************************************************************
*/

/* html */

html{
	font-size:62.5%;
	line-height:1.6;
}

/*body */

body{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color:#000000;
	font-size:16px;
	line-height:1.6;
    font-weight: 500;
	position:relative;
}

/* img */

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





/*
*******************************************************************************************************
# structure & contents
*******************************************************************************************************
*/

/* header */

.c-header{
	padding:0 40px;
	background:url('../img/bg-mainv.jpg') no-repeat center 0;
	background-size:cover;
}

#new2023 .c-header{
	background:url('../img/bg-mainv2023.jpg') no-repeat center 0;
	background-size:cover;
}

.c-header > .u-inner{
	width:100%;
	height:716px;
	max-width:1135px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#new2023 .c-header > .u-inner{
	height:710px;
}


.c-header-logo{
	position:absolute;
	top:30px;
	left:0;
	width:167px;
	height:110px;
}

.c-header-btns{
	position:fixed;
	top:40px;
	right:40px;
	display:table;
	width:316pcx;
	height:52px;
    z-index: 98;
}

.c-header-btn-00{
	display:table-cell;
	width:52px;
	height:52px;
	padding:0 22px 0 0;
	vertical-align:top;
}

.c-header-btn-00 > a > img{
	display:table;
	height:100%;
}

.c-header-btn-01{
	display:table-cell;
	width:148px;
	height:52px;
	padding:0 20px 0 0;
}

.c-header-btn-01 > a{
	display:table;
	width:100%;
	height:44px;
	background:#ea532c;
	border-radius:6px;
	text-decoration:none;
	color:#ffffff;
	box-shadow:3px 3px 0 0 #c54418;
}

.c-header-btn-01 > a > p{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	line-height:1.2;
    font-weight: bold;
}

.c-header-btn-02{
	display:table-cell;
	width:148px;
	height:52px;
}

.c-header-btn-02 > a{
	display:table;
	width:100%;
	height:44px;
	background:#007e92;
	border-radius:6px;
	text-decoration:none;
	color:#ffffff;
	box-shadow:3px 3px 0 0 #005e6d;
}

.c-header-btn-02 > a > p{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	line-height:1.2;
    font-weight: bold;
}

.c-header-mainv{
	position:absolute;
	bottom:30px;
	left:12.5991%;
	width:88.2819%;
}

.c-header-mainv > img {
    max-width: 900px;
}

.c-header-mainv > div{
	position:relative;
	width:100%;
	max-width:1002px;
	margin:0 auto;
}

.c-header-mainv > div > img{
	width:100%;
	max-width:1002px;
}

.c-header-mainv-btn{
	position:absolute;
	bottom:10%;
	left:17.9641%;
	width:100%;
}

.c-header-mainv-btn > a{
	display:block;
	width:49.0020%;
	max-width:491px;
}

.c-header-mainv-btn > a > img{

}

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

	.c-header{
		padding:0 0;
		background:url('../img/bg-mainv-sp.png') no-repeat center 0;
		background-size:cover;
	}
	#new2023 .c-header{
		background:url('../img/bg-mainv-sp2023-2.jpg') no-repeat center 0;
		background-size:cover;
	}
	
	
	.c-header > .u-inner{
		height:465px;
	}
	#new2023 .c-header > .u-inner{
	height:450px;
}

	.c-header-logo{
		position:absolute;
		top:20px;
		left:10px;
		width:80px;
		height:53px;
	}

	.c-header-btns{
		top:20px;
		right:10px;
	}


	.c-header-btn-01{
		display:none;
	}

	.c-header-btn-02{
		width:41px;
		height:42px;
	}

	.c-header-btn-02 > a{
		box-shadow:0 2px 0 0 #005e6d;
	}

	.c-header-btn-02 > a > p{
		background:url('../img/icn-menu-sp.png') no-repeat center center;
		background-size:18.5px 20px;
	}

	.c-header-btn-02 > a > p > span{
		display:none;
	}

	.c-header-mainv{
		position:absolute;
		box-sizing:border-box;
		bottom:5px;
		left:0;
		width:100%;
		padding:0 0 0 0;
		text-align:center;

	}
	
	#new2023 .c-header-mainv{
		display:none;
		/*position:absolute;
		box-sizing:border-box;
		bottom:5px;
		left:0;
		width:100%;
		padding:0 0 0 0;
		text-align:center;*/

	}


	.c-header-mainv .c-pc-none{
		width:100%;
		max-width:480px;
		margin:0 auto;
	}

}



/* nav */

.c-nav{
	position:fixed;
	top:0;
	left:100%;
	margin-left:0;
	width:50%;
	height:100vh;
	overflow-y:scroll;
	transition:all 0.5s ease-in-out;
	z-index:98;
}

.js-act .c-nav{
	margin-left:-50%;
}

.c-nav > div{
	background:#007e92;
	padding:60px 30px 30px 30px;
	position:relative;
    height: 100vh;
    box-sizing: border-box;
}

.c-nav > div > ul > li{
	border-bottom:solid 1px rgba(255,255,255,0.3);
}

.c-nav > div > ul > li > a{
	display:block;
	font-size:18px;
	line-height:1.2;
	color:#ffffff;
	text-decoration:none;
	padding:15px 10px;
}

.c-nav > div .u-btn{
	position:absolute;
	top:30px;
	right:30px;
}

.c-nav > div .u-btn > a{
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
}

.c-nav > div .u-btn > a:before,
.c-nav > div .u-btn > a:after{
	position: absolute;
	top: calc(14% - 1px);
	left: 14%;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
	transform-origin:0% 50%;
}

.c-nav > div .u-btn > a:after{
	left: auto;
	right: 14%;
	transform: rotate(-45deg);
	transform-origin:100% 50%;
}

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

	.c-nav{
		width:70%;
	}

	.js-act .c-nav{
		margin-left:-70%;
	}

	.c-nav > div{
		padding:40px 20px 20px 20px;
	}

	.c-nav > div > ul > li > a{
		font-size:14px;
		line-height:1.2;
	}

	.c-nav > div .u-btn{
		top:20px;
		right:20px;
	}

}



/* main */

.c-main{
	width:100%;
	overflow:hidden;
}

.p-index-bnr{
	margin-left:0.5286%;
}

.p-index-bnr img{

}

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

	.p-index-bnr{
		margin:0 -20px 0 0;
		text-align:center;
	}

	.p-index-bnr img{
		max-width:400px;
	}

}



/* c01 */

.p-index-c01{
	background:url('../img/bg-c01.png') #ffffff;
	padding:95px 0 80px 0;
	position:relative;
}


.p-index-c01:after{
	position:absolute;
	top:100%;
	left:0;
	margin:-40px 0 0 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-dblue-upper.png') repeat-x center 0;
	z-index:4;
}
.p-index-c01:after{
	margin:0 0 -20px 0;
		content:"";
		height:20px;
	repeat-x center 0;
		background-size:151px 20px;
		z-index:4;
	background:url('../img/bg-lblue2-bottom.png')
}

.p-index-c01 > .u-inner{
	width:100%;
	max-width:1600px;
	margin:0 auto;
}

.p-index-c01-ttl{
	width:100%;
	max-width:1135px;
	margin:0 auto;
	text-align:center;
}

.p-index-c01-ttl{
	width:90.8370%;
	margin:0 auto;
}

.p-index-c01-pic-01{
	margin:-25px 0 0 0;
	text-align:center;
}

.p-index-c01-pic-01{
	width:95.4375%;
	margin:0 auto;
}

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

	.p-index-c01{
		padding:40px 0 40px 0;
	}

	.p-index-c01:after{
		position:absolute;
		top:100%;
		left:0;
		margin:-20px 0 0 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-dblue-upper.png') repeat-x center 0;
		background-size:151px 20px;
		z-index:4;
	}


	.p-index-c01-ttl{
		min-width:280px;
		max-width:700px;
	}

	.p-index-c01-pic-01{
		width:100%;
		margin:0 auto;
	}

}

/* c02 */

.p-index-c02{
	position:relative;
	background:#047e93;
	margin:0 -100px;
	padding:80px 100px 100px 100px;
	border-radius:0 0 50% 50% / 0 0 100px 100px;
	z-index:3;
	overflow:hidden;
}

.p-index-c02 > .u-inner{
	width:auto;
	max-width:1135px;
	padding:0 40px;
	margin:0 auto;
}

.p-index-c02-ttl{
	width:49.7797%;
	margin:0 auto;
}

.p-index-c02-ttl > span{
	display:block;
	position:relative;
}

.p-index-c02-ttl > span .p-index-c02-ttl-icn{
	position:absolute;
	top:0;
	left:100%;
	width:25.8407%;
	transform:translate(20px,-30%);
}

.p-index-c02-lead{
	margin:50px 0 0 0;
	padding:0 10.8370%;
	font-size:22px;
	line-height:1.63;
	letter-spacing:1px;
	color:#ffffff;
}

.p-index-c02-lead p > span{
	color:#ffe913;
}

.p-index-c02-movie{
	margin:25px 0 0 auto;
	width:56.9163%;
}

.p-index-c02-movie-box{
	width:100%;
	height:0;
	padding:56.25% 0 0 0;
	position:relative;
}

.p-index-c02-movie-box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.p-index-c02-movie-note p{
	width:100%;
	height:0;
	position:relative;
	font-size:10px;
	line-height:1.63;
	letter-spacing:1px;
	color:#ffffff;
}

.p-index-c02-p-01{
	position:absolute;
	top:100%;
	left:50%;
	width:calc(100% - 200px);
	max-width:1135px;
	transform: translateX(-50%);
	margin:0 0 0 -20px;
}

.p-index-c02-p-01 img{
	width:42.3788%;
	transform: translateY(-57.0687%);
}

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

	.p-index-c02{
		padding:40px 100px 50px 100px;
	}

	.p-index-c02 > .u-inner{
		padding:0 20px;
	}

	.p-index-c02-ttl{
		min-width:240px;
		transform:translateX(-30px);
	}

	.p-index-c02-lead{
		margin:30px 0 0 0;
		padding:0 0;
		font-size:16px;
		line-height:1.5;
		letter-spacing:0;
	}

	.p-index-c02-movie{
		width:auto;
		padding:150px 0 0 0;
		margin:10px 0 0 0;
		background:url('../img/p-c02-01.png') no-repeat center 0;
		background-size:210px auto;
	}
	.p-index-c02-movie-note p{
		font-size:8px;
	}

	.p-index-c02-p-01{
		display:none;
	}

}



/* c03 */

.p-index-c03{
	margin:-100px 0 0 0;
	padding:185px 40px 120px 40px;
	background:url('../img/bg-mark.png') #02424d;
	z-index:2;
}

.p-index-c03 > .u-inner{
	width:100%;
	max-width:1135px;
	margin:0 auto;
}

.p-index-c03-ttl{
	font-size:34px;
	line-height:36px;
	font-weight:700;
	color:#ffe913;
	text-align:center;
}

.p-index-c03-01{
	display:table;
	width:81.0572%;
	margin:24px auto 0 auto;
	position:relative;
}

.p-index-c03-01:before{
	position:absolute;
	top:30%;
	left:50%;
	width:131.4130%;
	height:0;
	padding:27.6087% 0 0 0;
	transform:translate(-50%,-50%);
	content:"";
	background:url('../img/p-c03-02.png') no-repeat center center;
	background-size:contain;
}

.p-index-c03-01-01{
	display:table-cell;
	width:43.4782%;
	vertical-align:middle;
}

.p-index-c03-01-01 img{
	width:92.5%;
}

.p-index-c03-01-02{
	display:table-cell;
	vertical-align:middle;
	font-size:20px;
	line-height:1.54;
	color:#ffffff;
}

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

	.p-index-c03{
		padding:140px 20px 60px 20px;
	}

	.p-index-c03-ttl{
		font-size:24px;
		line-height:30px;
	}

	.p-index-c03-01{
		display:block;
		width:auto;
		margin:20px auto 0 auto;
	}

	.p-index-c03-01:before{
		position:absolute;
		top:0;
		left:50%;
		width:90%;
		height:0;
		padding:32.6807% 0 0 0;
		margin:-5% 0 0 0;
		transform:translate(-50%,0);
		content:"";
		background:url('../img/p-c03-02-sp.png') no-repeat center center;
		background-size:contain;
	}

	.p-index-c03-01-01{
		display:block;
		width:60%;
		margin:0 auto;
	}

	.p-index-c03-01-01 img{
		width:100%;
	}

	.p-index-c03-01-02{
		display:block;
		width:100%;
		font-size:14px;
		line-height:1.5;
		margin:40px 0 0 0;
	}

}




/* c04 */

.p-index-c04{
	padding:80px 40px 60px 40px;
	background:#ffffff;
	position:relative;
}


.p-index-c04:before{
	position:absolute;
	top:0;
	left:0;
	margin:-40px 0 0 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-white-upper.png') repeat-x center 0;
}

.p-index-c04:after{
	position:absolute;
	top:100%;
	left:0;
	margin:0 0 -40px 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-white-bottom.png') repeat-x center 0;
	z-index:3;
}

.p-index-c04 > .u-inner{
	width:100%;
	max-width:1135px;
	margin:0 auto;
}

.p-index-c04-ttl{
	width:77.7973%;
	margin:0 auto;
}

.p-index-c04-01{
	position:relative;
	width:100%;
	height:0;
	padding:43.4361% 0 0 0;
	margin:45px 0 0 0;
}

.p-index-c04-01-01{
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 -5.0220%;
	width:39.6476%;
}

.p-index-c04-01-02{
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 29.6916%;
	width:42.0264%;
}

.p-index-c04-01-03{
	position:absolute;
	top:0;
	right:0;
	margin:-8px -6.3436% 0 0;
	width:42.0264%;
}

.p-index-c04 .p-index-bnr{
	margin:-30px 0 0 0;
}

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

	.p-index-c04{
		padding:30px 20px 30px 20px;
	}

	.p-index-c04:before{
		position:absolute;
		top:0;
		left:0;
		margin:-20px 0 0 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-white-upper.png') repeat-x center 0;
		background-size:151px 20px;
	}

	.p-index-c04:after{
		position:absolute;
		top:100%;
		left:0;
		margin:0 0 -20px 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-white-bottom.png') repeat-x center 0;
		background-size:151px 20px;
		z-index:3;
	}

	.p-index-c04-ttl{
		min-width:220px;
	}

	.p-index-c04-01{
		position:static;
		height:auto;
		padding:0 0 0 0;
		margin:20px 0 0 0;
	}

	.p-index-c04-01-01{
		position:static;
		margin:0 auto;
		width:100%;
		max-width:360px;
	}

	.p-index-c04-01-02{
		position:static;
		margin:20px auto 0 auto;
		width:100%;
		max-width:360px;
	}

	.p-index-c04-01-03{
		position:static;
		margin:20px auto 0 auto;
		width:100%;
		max-width:360px;
	}

	.p-index-c04 .p-index-bnr{
		margin:0 -20px 0 0;
	}


}



/* c05 */

.p-index-c05{
	background:url('../img/bg-mark.png') #047e93;
	padding:130px 40px 100px 40px;
}

.p-index-c05 > .u-inner{
	width:100%;
	max-width:1135px;
	margin:0 auto;
	position:relative;

}

.p-index-c05-ttl{
	width:43.4361%;
	margin:0 auto;
}

.p-index-c05-lead{
	font-size:20px;
	line-height:1.6;
	color:#ffffff;
	text-align:center;
	margin:30px 0 8px 0;
}

.p-index-c05-pic{
	margin:0 -1.1454% 0 0;
}

.p-index-c05-movie{
	width:100%;
	margin:50px 0 0 0;
}

.p-index-c05-movie p{
	font-size:20px;
    font-weight: bold;
	line-height:1.3;
	color:#ffffff;
	text-align:center;
	margin:0 0 17px 0;
}

.p-index-c05-movie-01{
	float:left;
	width:45.8150%;
}

.p-index-c05-movie-02{
	float:right;
	width:45.8150%;
}

.p-index-c05-movie-box{
	width:100%;
	height:0;
	padding:56.25% 0 0 0;
	position:relative;
}

.p-index-c05-movie-01-note > p{
	width:100%;
	height:0;
	position:relative;
	font-size:10px;
	font-weight:initial;
	text-align:initial;
	line-height:1.63;
	letter-spacing:1px;
	color:#ffffff;
}

.p-index-c05-movie-box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.p-index-c05-01{
	margin:90px 0 0 0;
}

.p-index-c05-01-ttl{
	width:46.4317%;
	margin:0 auto;
}

.p-index-c05-01-01{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:40px 0 0 0;
}

.p-index-c05-01-01-01{
	width:22.6432%;
	padding-left:1.1454%;
	padding-right:1.1453%;
}

.p-index-c05-01-01-02{
	width:22.7312%;
	padding-left:1.1454%;
	padding-right:1.1453%;
	padding-top:5.0220%;
}

.p-index-c05-01-01-03{
	width:22.7312%;
	padding-left:1.1454%;
	padding-right:1.1453%;
}

.p-index-c05-01-01-04{
	width:22.7312%;
	padding-left:1.1454%;
	padding-right:1.1453%;
	padding-top:5.0220%;
}

.p-index-c05-01-02{
	width:17.6211%;
	margin:18px 1.9383% 0 auto;
}

.p-index-c05-02{
	margin:60px 0 0 0;
}

.p-index-c05-02-ttl{
	width:39.1189%;
	margin:0 auto;
}

.p-index-c05-02-01{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:25px 0 0 0;
}

.p-index-c05-02-01-01{
	order:1;
	width:51.6300%;
}

.p-index-c05-02-01-02{
	box-sizing:border-box;
	width:48.3700%;
	order:0;
	padding:9.6916% 20px 0 2.2026%;
}

.p-index-c05-02-01-02 h4{
	font-size:32px;
	line-height:40px;
	font-weight:700;
	color:#ffe913;
	margin:0 0 10px 0;
}

.p-index-c05-02-01-02 p{
	font-size:20px;
	line-height:1.6;
	color:#ffffff;
}

.p-index-c05-02-02{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:-13.3040% 0 0 0;
}

.p-index-c05-02-02-01{
	width:51.6300%;
}

.p-index-c05-02-02-02{
	box-sizing:border-box;
	width:48.3700%;
	padding:19.9119% 0 0 2.2026%;
}

.p-index-c05-02-02-02 h4{
	font-size:32px;
	line-height:1.25;
	font-weight:700;
	color:#ffe913;
	margin:0 0 10px 0;
}

.p-index-c05-02-02-02 p{
	font-size:20px;
	line-height:1.6;
	color:#ffffff;
}

.p-index-c05-02-03{
	position:absolute;
	top:100%;
	right:0;
	width:100%;
	max-width:1135px;
	text-align:right;
}

.p-index-c05-02-03 img{
	width:22.4669%;
	transform: translateY(-30%);
}


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

	.p-index-c05{
		padding:60px 20px 60px 20px;
	}

	.p-index-c05-ttl{
		min-width:240px;
	}

	.p-index-c05-lead{
		font-size:16px;
		line-height:1.5;
		text-align:left;
		margin:20px 0 10px 0;
	}

	.p-index-c05-pic{
		margin:0 auto;
		max-width:400px;
	}

	.p-index-c05-movie{
		margin:30px 0 0 0;
	}

	.p-index-c05-movie p{
		font-size:16px;
		line-height:1.3;
		margin:0 0 10px 0;
	}

	.p-index-c05-movie-01{
		float:none;
		width:100%;
	}

	.p-index-c05-movie-01-note > p{
		font-size:8px;
	}

	.p-index-c05-movie-02{
		float:none;
		width:100%;
		margin-top:30px;
	}


	.p-index-c05-01{
		margin:30px 0 0 0;
	}

	.p-index-c05-01-ttl{
		width:auto;
		margin:0 -20px;
		text-align:center;
	}

	.p-index-c05-01-ttl img{
		width:80%;
		min-width:300px;
		margin:0 auto;
	}

	.p-index-c05-01-01{
		margin:20px -10px 0 -10px;
	}

	.p-index-c05-01-01-01,
	.p-index-c05-01-01-02,
	.p-index-c05-01-01-03,
	.p-index-c05-01-01-04{
		box-sizing:border-box;
		width:50%;
		margin:0;
		padding:0 10px;
	}

	.p-index-c05-01-01-03,
	.p-index-c05-01-01-04{
		margin-top:20px;
	}

	.p-index-c05-01-02{
		min-width:120px;
		margin:10px 1.9383% 0 auto;
	}

	.p-index-c05-02{
		margin:30px 0 0 0;
	}

	.p-index-c05-02-ttl{
		width:auto;
		margin:0 -20px;
		text-align:center;
	}

	.p-index-c05-02-ttl img{
		width:80%;
		min-width:300px;
		margin:0 auto;
	}

	.p-index-c05-02-01{
		margin:20px 0 0 0;
	}

	.p-index-c05-02-01-01{
		order:0;
		width:100%;
		text-align:center;
	}

	.p-index-c05-02-01-01 img{
		max-width:300px;
	}

	.p-index-c05-02-01-02{
		order:1;
		width:100%;
		padding:0;
		margin:10px 0 0 0;
	}

	.p-index-c05-02-01-02 h4{
		font-size:18px;
		line-height:1.5;
		font-weight:700;
		color:#ffe913;
		margin:0 0 10px 0;
	}

	.p-index-c05-02-01-02 p{
		font-size:16px;
		line-height:1.5;
		color:#ffffff;
	}

	.p-index-c05-02-02{
		margin:20px 0 0 0;
	}

	.p-index-c05-02-02-01{
		width:100%;
		text-align:center;
	}

	.p-index-c05-02-02-01 img{
		max-width:300px;
	}

	.p-index-c05-02-02-02{
		width:100%;
		padding:0;
		marhin:10px 0 0 0;
	}

	.p-index-c05-02-02-02 h4{
		font-size:18px;
		line-height:1.5;
		font-weight:700;
		color:#ffe913;
		margin:0 0 10px 0;
	}

	.p-index-c05-02-02-02 p{
		font-size:16px;
		line-height:1.5;
		color:#ffffff;
	}

	.p-index-c05-02-03{
		display:none;
	}

}



/* c06 */

.p-index-c06{
	background:#5dbaca;
	padding:130px 40px 100px 40px;
	position:relative;
}

.p-index-c06:before{
	position:absolute;
	top:0;
	left:0;
	margin:-40px 0 0 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-lblue-upper.png') repeat-x center 0;
}

.p-index-c06:after{
	position:absolute;
	top:100%;
	left:0;
	margin:0 0 -40px 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-lblue-bottom.png') repeat-x center 0;
	z-index:4;
}

.p-index-c06 > .u-inner{
	width:100%;
	max-width:1135px;
	margin:0 auto;
	overflow:hidden;
}

.p-index-c06-ttl{
	width:52.3348%;
	margin:0 auto;
}

.p-index-c06-01{
	width:100%;
	display:table;
	margin:45px 0 0 0;
}

.p-index-c06-01-01{
	display:table-cell;
	vertical-align:top;
	padding:0 65px 0 0;
}

.p-index-c06-tbox{
	width:100%;
	overflow:hidden;
	position:relative;
	opacity:0;
}

.p-index-c06-tbox:after{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30%;
	content:"";
	background: -moz-linear-gradient(top,  rgba(93,186,202,0) 0%, rgba(93,186,202,0.02) 2%, rgba(93,186,202,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(93,186,202,0) 0%,rgba(93,186,202,0.02) 2%,rgba(93,186,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(93,186,202,0) 0%,rgba(93,186,202,0.02) 2%,rgba(93,186,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005dbaca', endColorstr='#5dbaca',GradientType=0 ); /* IE6-9 */
}

.p-index-c06-tbox.js-act:after{
	display:none;
}

.p-index-c06-tbox > p{
	font-size:18px;
	line-height:1.8;
	margin-top:1em;
}


.p-index-c06-tbox > h3 {
    font-weight: bold;
    font-size:120%;
    margin: 1em 0 0 0;
}

a.p-index-c06-tbox-btn{
	background:#ffffff;
	box-shadow:3px 2px 0 0 #047e93;
	border-radius:6px;
	width:197px;
	height:50px;
	display:table;
	margin:35px auto 0 auto;
	font-size:18px;
	color:#000000;
	text-decoration:none;
}

.p-index-c06-tbox-btn > span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.p-index-c06-01-02{
	display:table-cell;
	vertical-align:top;
	width:40.8811%;
}

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

	.p-index-c06{
		padding:30px 20px 40px 20px;
	}

	.p-index-c06:before{
		position:absolute;
		top:0;
		left:0;
		margin:-20px 0 0 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-lblue-upper.png') repeat-x center 0;
		background-size:151px 20px;
	}

	.p-index-c06:after{
		position:absolute;
		top:100%;
		left:0;
		margin:0 0 -20px 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-lblue-bottom.png') repeat-x center 0;
		background-size:151px 20px;
		z-index:4;
	}

	.p-index-c06-ttl{
		min-width:280px;
	}

	.p-index-c06-01{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin:20px 0 0 0;
	}

	.p-index-c06-01-01{
		order:1;
		display:block;
		width:100%;
		padding:0 0 0 0;
		margin:20px 0 0 0;
	}

	.p-index-c06-tbox > p{
		font-size:16px;
		line-height:1.5;
	}

	a.p-index-c06-tbox-btn{
		margin:30px auto 0 auto;
		font-size:16px;
	}

	.p-index-c06-01-02{
		order:0;
		display:block;
		width:100%;
	}

}



/* c07 */

.p-index-c07{
	position:relative;
	background:#047e93;
	margin:0 -100px;
	padding:110px 100px 100px 100px;
	border-radius:0 0 50% 50% / 0 0 100px 100px;
	z-index:3;
	overflow:hidden;
}

.p-index-c07 > .u-inner{
	width:auto;
	max-width:1135px;
	padding:0 40px;
	margin:0 auto;
}

.p-index-c07-ttl{
	width:38.7665%;
	margin:0 auto;
}

.p-index-c07-01{
	width:97.6330%;
	margin:60px auto 0 auto;
	display:table;
}

.p-index-c07-01-01,
.p-index-c07-02-01,
.p-index-c07-03-01{
	display:table-cell;
	vertical-align:top;
	width:40.6504%;
}

.p-index-c07-01-02,
.p-index-c07-02-02,
.p-index-c07-03-02{
	display:table-cell;
	vertical-align:top;
	padding:15px 0 0 45px;
}

.p-index-c07-02,
.p-index-c07-03{
	width:97.6330%;
	margin:70px auto 0 auto;
	display:table;
}

.p-index-c07-subt .u-point{
	display:block;
}

.p-index-c07-01 .p-index-c07-subt .u-point{
	width:71px;
}

.p-index-c07-02 .p-index-c07-subt .u-point{
	width:73px;
}

.p-index-c07-03 .p-index-c07-subt .u-point{
	width:74px;
}

.p-index-c07-subt .u-txt{
	display:block;
	font-size:24px;
	line-height:1.42;
	font-weight:700;
	margin:6px 0 20px 0;
	color:#ffffff;
}

.p-index-c07 .u-mtxt{
	font-size:18px;
	line-height:1.8;
	color:#ffffff;
}

.p-index-c07 .u-stxt{
	font-size:15px;
	line-height:1.8;
	color:#ffffff;
}

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

	.p-index-c07{
		padding:40px 100px 50px 100px;
	}

	.p-index-c07 > .u-inner{
		padding:0 20px;
	}

	.p-index-c07-ttl{
		min-width:260px;
	}

	.p-index-c07-01{
		width:100%;
		margin:30px 0 0 0;
		display:block;
	}

	.p-index-c07-01-01,
	.p-index-c07-02-01,
	.p-index-c07-03-01{
		display:block;
		width:100%;
	}

	.p-index-c07-01-02,
	.p-index-c07-02-02,
	.p-index-c07-03-02{
		display:block;
		padding:15px 0 0 0;
	}

	.p-index-c07-02,
	.p-index-c07-03{
		width:100%;
		margin:30px 0 0 0;
		display:block;
	}

	.p-index-c07-01 .p-index-c07-subt .u-point{
		width:50px;
	}

	.p-index-c07-02 .p-index-c07-subt .u-point{
		width:50px;
	}

	.p-index-c07-03 .p-index-c07-subt .u-point{
		width:50px;
	}

	.p-index-c07-subt .u-txt{
		font-size:18px;
		line-height:1.42;
		font-weight:700;
		margin:6px 0 10px 0;
	}

	.p-index-c07 .u-mtxt{
		font-size:16px;
		line-height:1.5s;
		color:#ffffff;
	}

	.p-index-c07 .u-stxt{
		font-size:12px;
		line-height:1.8;
		color:#ffffff;
	}

	.p-index-c07 .p-index-bnr{
		margin-top:30px;
	}

}



/* c08 */

.p-index-c08{
	background:url('../img/bg-c08.png') #ffffff;
	padding:200px 40px 12px 40px;
	margin:-100px 0 0 0;
}

.p-index-c08 > .u-inner{
	width:100%;
	max-width:1135px;
	margin:0 auto;
}

.p-index-c08-ttl{
	width:39.8238%;
	margin:0 auto;
}

.p-index-c08-01{
	position:relative;
	width:100%;
	height:0;
	padding:64.4934% 0 0 0;
	margin:45px 0 0 0;
}

.p-index-c08-01-01{
	position:absolute;
	top:12.1585%;
	left:0;
	margin:0 0 0 -8.0176%;
	width:38.1498%;
}

.p-index-c08-01-02{
	position:absolute;
	top:0;
	left:29.7797%;
	width:38.1498%;
}

.p-index-c08-01-03{
	position:absolute;
	top:14.2076%;
	right:0;
	margin:0 -5.6388% 0 0;
	width:38.1498%;
}


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

	.p-index-c08{
		background:url('../img/bg-c08.png') #ffffff;
		padding:130px 20px 30px 20px;
		margin:-100px 0 0 0;
	}

	.p-index-c08-ttl{
		min-width:280px;
	}

	.p-index-c08-01{
		height:auto;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}

	.p-index-c08-01-01{
		position:static;
		top:initial;
		width:100%;
		max-width:360px;
		margin:30px auto 0 auto;
	}

	.p-index-c08-01-02{
		position:static;
		top:initial;
		width:100%;
		max-width:360px;
		margin:20px auto 0 auto;
	}

	.p-index-c08-01-03{
		position:static;
		top:initial;
		width:100%;
		max-width:360px;
		margin:20px auto 0 auto;
	}

}



/* c09 */

.p-index-c09{
	background:#047e93;
	padding:75px 40px 90px 40px;
}

.p-index-c09 > .u-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}

.p-index-c09-ttl{
	width:45.6388%;
	margin:0 auto;
}

.p-index-c09-01{
	margin:45px 0 0 0;
}

.p-index-c09-01 > dl{
	padding:0 0 15px 0;
	font-size:18px;
	line-height:1.8;
	color:#ffffff;
}

.p-index-c09-01 > dl > dt{
	background:#3d9fb0;
	padding:10px 20px 10px 50px;
	font-weight:700;
	position:relative;
}

.p-index-c09-01 > dl > dt:before{
	position:absolute;
	top:10px;
	left:14px;
	width:23px;
	height:32px;
	content:"";
	background:url('../img/icn-c09-q.png') no-repeat 0 0;
	background-size:contain;
}

.p-index-c09-01 > dl > dd{
	margin:15px 0 0 0;
	padding:10px 20px 10px 50px;
	position:relative;
}

.p-index-c09-01 > dl > dd:before{
	position:absolute;
	top:10px;
	left:14px;
	width:22px;
	height:28px;
	content:"";
	background:url('../img/icn-c09-a.png') no-repeat 0 0;
	background-size:contain;
}

.p-index-c09-01 > dl > dd a{
	color:#ffffff;
	text-decoration:underline;
}

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

	.p-index-c09{
		padding:40px 20px 20px 20px;
	}

	.p-index-c09-ttl{
		min-width:280px;
	}

	.p-index-c09-01{
		margin:20px 0 0 0;
	}

	.p-index-c09-01 > dl{
		font-size:16px;
		line-height:1.8;
	}

	.p-index-c09-01 > dl > dt:before{
		top:10px;
		width:20px;
		height:28px;
		content:"";
		background:url('../img/icn-c09-q.png') no-repeat 0 0;
		background-size:contain;
	}

	.p-index-c09-01 > dl > dd:before{
		width:20px;
		height:25px;
		content:"";
		background:url('../img/icn-c09-a.png') no-repeat 0 0;
		background-size:contain;
	}

}



/* c10 */

.p-index-c10{
	padding:20px 40px 25px 40px;
}

.p-index-c10 > .u-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}

.p-index-c10-bnr{
	margin-left:1.4097%;
}

.p-index-c10-bnr img{
	max-width:1119px;
}

.p-index-c10-pic{
	width:90.3083%;
	margin:60px auto 0 auto;
}

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

	.p-index-c10{
		padding:40px 20px 40px 20px;
	}

	.p-index-c10 > .u-inner{
		overflow:visible;
	}

	.p-index-c10-pic{
		width:auto;
		margin:30px -20px 0 -20px;
		text-align:center;
	}

	.p-index-c10-pic img{
		width:100%;
		max-width:500px;
	}

}
/** new2023**/
/* c01_new */
.p-index-c01-new{
	background:url('../img/bg-c01_new.png') #a1dae3;
	padding:70px 40px 70px 40px;
	position:relative;
}
.p-index-c01-new-ttl{
	width:90.8370%;
	margin:0 auto;
	
}

.p-index-c01-new:after{
	position:absolute;
	top:100%;
	left:0;
	margin:0 0 -40px 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-lblue2-bottom.png') repeat-x center 0;
	z-index:4;
}

.p-index-c01-new > .u-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}
@media screen and (max-width:896px) {

	.p-index-c01-new{
		padding:30px 20px 40px 20px;
	}

	.p-index-c01-new:after{
		position:absolute;
		top:100%;
		left:0;
		margin:0 0 -20px 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-lblue2-bottom.png') repeat-x center 0;
		background-size:151px 20px;
		z-index:4;
	}

}
/* c02_new */
.p-index-c02-new{
	background:url('../img/bg-c01.png') #a1dae3;
	padding:100px 40px 100px 40px;
	position:relative;
}

.p-index-c02-new:after{
	position:absolute;
	top:100%;
	left:0;
	margin:0 0 -40px 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-white-bottom.png') repeat-x center 0;
	z-index:4;
}

.p-index-c02-new > .u-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}
.p-index-c02-new-ttl{
	width:82.3788%;
	margin:0 auto;
	
}
.p-index-c02-new-subttl{
	width:65%;
	margin:5% auto 1%;
}
.p-index-c02-new ul.awardbox {
  display: flex;
  justify-content: center;

}
.p-index-c02-new ul.awardbox li{
width:48%;
margin:2%;
text-align: center;
}
.p-index-c02-new ul.awardbox h4{
color:#f75d35;
	text-align: center;
	padding: 2% 0;
	line-height:1.2em;
	font-size:150%;
}
.p-index-c02-new ul.awardbox p{

	text-align:left;
}
.p-index-c02-new ul.awardbox li .ew{
width:80%;
	margin:3% 0 ;
}
.p-index-c02-new ul.awardbox li .rc{
width:40%;
	margin:0 auto 3%;
}
.p-index-c02-new p.strong{
	font-weight:bold;
	text-align: center;
	color:#047e93;
	font-size: 250%;
	margin:3% 0 0 0;
	
}
.p-index-c02-new p.strong .small{
	font-size: 80%;
}
.p-index-c02-new .award_all{
	margin:3% auto 5%;
	width:87%;

}
.p-index-c02-new ul.award_ja{
	width:65%;
	margin:3% auto;
		color:#f75d35;
	
}
.p-index-c02-new ul.award_ja li{
	padding: 0 0 0 35px;
	line-height: 2.0em;
	font-size:150%;
	font-weight:bold;
	background:url('../img/ic_lst.png') no-repeat left 4px;
}
	.p-index-c02-new .award_all_ja{
	margin:0 auto;
	width:67%;

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

	.p-index-c02-new{
		padding:30px 20px 40px 20px;
	}

	.p-index-c02-new:after{
		position:absolute;
		top:100%;
		left:0;
		margin:0 0 -20px 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-white-bottom.png') repeat-x center 0;
		background-size:151px 20px;
		z-index:4;
	}
.p-index-c02-new-ttl{	
	width:100%;
	margin:5% 0 0;
}
.p-index-c02-new-subttl{
	width:80%;
	margin:3% auto 0;
}
	.p-index-c02-new ul.awardbox h4{
font-size:85%;
}
	.p-index-c02-new ul.awardbox p{
font-size:85%
}
	.p-index-c02-new p.strong{
	font-size:150%;
}
	
	.p-index-c02-new ul.award_ja{
	width:100%;
		font-size:70%;
		
	}
	.p-index-c02-new .award_all_ja{
	width:100%;
}
}
/* c11 */
.p-index-c11{
	background:url('../img/bg-c01_new.png') #a1dae3;
	padding:100px 40px 100px 40px;
	position:relative;
}
.c11_new{
	padding-top:50px;
}
.p-index-c11-ttl{
	width:62%;
	margin:0 auto;
}

.p-index-c11:after{
	position:absolute;
	top:100%;
	left:0;
	margin:0 0 -40px 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-lblue2-bottom.png') repeat-x center 0;
	z-index:4;
}

.p-index-c11 > .u-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	/*overflow:hidden;*/
}

.p-index-c11 p.txt{
	width:80%;
	color:#004955;
	font-weight: bold;
	margin: 5% auto 3%;
}
.p-index-c11 p.txt span{
	color:#e44b24;
}
.p-index-c11 ul.video_box{
	margin:0 auto;
	display: flex;
	justify-content: center;
}
.p-index-c11 ul.video_box li.maiku{
	width:40%;
	margin-right:5%;
}
.p-index-c11 ul.video_box li.video01{
	width:55%;
	margin-top:20px;
	height:0;
	position:relative;
}




.p-index-c11 p.subtit{
	width:36%;
	margin:7% auto 5%;
}
.p-index-c11-01{
	position:relative;
	width:100%;
	height:0;
	padding:43.4361% 0 0 0;
	margin:45px 0 5% 0;
}
.p-index-c11-01-01{
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 -5.0220%;
	width:35%;
}

.p-index-c11-01-02{
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 29.6916%;
	width:38%;
}

.p-index-c11-01-03{
	position:absolute;
	top:0;
	right:0;
	margin:-8px -6.3436% 0 0;
	width:38%;
}


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

	.p-index-c11{
		padding:50px 20px 50px 20px;
	}
.c11_new{
	padding-top:20px;
}
	.p-index-c11:after{
		position:absolute;
		top:100%;
		left:0;
		margin:0 0 -20px 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-lblue2-bottom.png') repeat-x center 0;
		background-size:151px 20px;
		z-index:4;
	}
.p-index-c11-ttl{
	width:80%;
}
	.p-index-c11 p.txt{
	width:100%;
	}
.p-index-c11 ul.video_box{
	width:100%;
	max-width:560px;
	margin:0 auto;
	display: inline-block;
}
.p-index-c11 ul.video_box li.maiku{
	width:100%;
	text-align: center;	
	margin-right:0;
}
	.p-index-c11 ul.video_box li.maiku img{
		margin:0 auto;
	width:53%;
}
.p-index-c11 ul.video_box li.video01{

	width:100%;
	margin:0 auto;
}
.p-index-c11 ul.video_box li.video01 iframe{
	width:100%;
	margin-top:0px;
}
	.p-index-c11 p.subtit{
	width:61%;
}
.p-index-c11-01{
		position:static;
		height:auto;
		padding:0 0 0 0;
		margin:2% 0 5% 0;
	}

	.p-index-c11-01-01{
		position:static;
		margin:0 2% 0 auto;
		width:100%;
		max-width:470px;
	}

	.p-index-c11-01-02{
		position:static;
		margin:-50px auto 0 2%;
		width:100%;
		max-width:470px;
	}

	.p-index-c11-01-03{
		position:static;
		margin:-50px 2% 0 auto;
		width:100%;
		max-width:470px;
	}
	
}

/* c12 */

.p-index-c12{
	background:url('../img/bg-mark.png') #047e93;
	padding:130px 40px 100px 40px;
}



.p-index-c12 > .u-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	position:relative;

}

.p-index-c12-ttl{
	text-align: center;
	font-size:120%;
	color:#fff;
	margin:0 auto;
}
.p-index-c12-ttl span{
	font-size:180%;
	color:#ffe913;
}


.p-index-c12-lead{
	font-size:20px;
	line-height:1.6;
	color:#ffffff;
	text-align:center;
	margin:30px 0 3% 0;
}

.p-index-c12-pic{
	margin:0 -1.1454% 0 0;
}

.p-index-c12-movie{
	width:100%;
	max-width: 900px;
	margin:50px auto 0 ;
}

.p-index-c12-movie p{
	font-size:20px;
    font-weight: bold;
	line-height:1.3;
	color:#ffffff;
	text-align:center;
	margin:0 0 17px 0;
}

.p-index-c12-movie-01{
	float:left;
	width:45.8150%;
}

.p-index-c12-movie-02{
	float:right;
	width:45.8150%;
}

.p-index-c12-movie-box{
	width:100%;
	height:0;
	padding:56.25% 0 0 0;
	position:relative;
}

.p-index-c12-movie-01-note > p{
	width:100%;
	height:0;
	position:relative;
	font-size:10px;
	font-weight:initial;
	text-align:initial;
	line-height:1.63;
	letter-spacing:1px;
	color:#ffffff;
}

.p-index-c12-movie-box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.p-index-c12-01{
	margin:90px auto 0 ;
	max-width:900px;
}

.p-index-c12-01-ttl{
	width:46.4317%;
	margin:0 auto;
}

.p-index-c12-01-01{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:40px 0 0 0;
}

.p-index-c12-01-01-01{
	width:22.6432%;
	padding-left:1.1454%;
	padding-right:1.1453%;
}

.p-index-c12-01-01-02{
	width:22.7312%;
	padding-left:1.1454%;
	padding-right:1.1453%;
	padding-top:5.0220%;
}

.p-index-c12-01-01-03{
	width:22.7312%;
	padding-left:1.1454%;
	padding-right:1.1453%;
}

.p-index-c12-01-01-04{
	width:22.7312%;
	padding-left:1.1454%;
	padding-right:1.1453%;
	padding-top:5.0220%;
}

.p-index-c12-01-02{
	width:17.6211%;
	margin:18px 1.9383% 0 auto;
}

.p-index-c12-02{
	margin:60px 0 0 0;
}

.p-index-c12-02-ttl{
	width:39.1189%;
	margin:0 auto;
}

.p-index-c12-02-01{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:25px 0 0 0;
}

@media screen and (min-width:897px) {
	.p-index-c12-02-01,
	.p-index-c12-02-02{
		max-width:1200px;
		margin:0 auto 20px;
	}
}

.p-index-c12-02-01-01{
	order:1;
	width:51.6300%;
}

.p-index-c12-02-01-02{
	box-sizing:border-box;
	width:48.3700%;
	order:0;
	padding:9.6916% 20px 0 2.2026%;
}

.p-index-c12-02-01-02 h4{
	font-size:32px;
	line-height:40px;
	font-weight:700;
	color:#ffe913;
	margin:0 0 10px 0;
}

p.p-index-c12-02-01_tit{
	margin:0 0 5%;
	max-width: 460px;
}


.p-index-c12-02-01-02 p{
	font-size:20px;
	line-height:1.6;
	color:#ffffff;
}

.p-index-c12-02-02{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:-5% 0 0 0;
}

.p-index-c12-02-02-01{
	width:51.6300%;
}

.p-index-c12-02-02-02{
	box-sizing:border-box;
	width:48.3700%;
	padding:19.9119% 0 0 2.2026%;
}

.p-index-c12-02-02-02 h4{
	font-size:32px;
	line-height:1.25;
	font-weight:700;
	color:#ffe913;
	margin:0 0 10px 0;
}

.p-index-c12-02-02-02 p{
	font-size:20px;
	line-height:1.6;
	color:#ffffff;
}

.p-index-c12-02-03{
	position:absolute;
	top:100%;
	right:0;
	width:100%;
	max-width:1135px;
	text-align:right;
}

.p-index-c12-02-03 img{
	width:22.4669%;
	transform: translateY(-30%);
}

.p-index-c12-03{
	max-width:900px;
	margin:7% auto 0;
}

.p-index-c12-03-ttl{
	width:38%;
	margin:7% auto 0;
}


 ul.p-index-c12-03-txt{
		color:#fff;
	display:flex;
	justify-content: center;
	  flex-direction: row-reverse;
	}
ul.p-index-c12-03-txt li.txt{
		width:55%;
	color:#fff;
	margin-right:5%;
	
	}
ul.p-index-c12-03-txt li.img{
		width:25%;
	margin-top:-5px;

	}
	.p-index-c12-03-txt li.txt .enfki{
		width:30%;
	}
	.p-index-c12-03-txt h4{
			color:#fff;
		width:100%;
		font-size:120%;
		margin-left:2%;
		margin-bottom:2%;
	}
	.p-index-c12-03-txt .txt{
			
	}
	.p-index-c12-03-txt .txt span{
		font-size:80%;
	}
	

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

	.p-index-c12{
		padding:60px 20px 60px 20px;
	}
	
	.p-index-c12-ttl{
		min-width:240px;
	}
	.p-index-c12-ttl span{
		min-width:240px;
		font-size:150%;
	}

	.p-index-c12-lead{
		font-size:16px;
		line-height:1.5;
		text-align:left;
		margin:20px 0 5% 0;
	}

	.p-index-c12-pic{
		margin:0 auto;
		max-width:400px;
	}

	

	.p-index-c12-movie p{
		]
		
		font-size:16px;
		line-height:1.3;
		margin:0 0 10px 0;
	}

	.p-index-c12-movie-01{
		float:none;
		width:100%;
	}

	.p-index-c12-movie-01-note > p{
		font-size:8px;
	}

	.p-index-c12-movie-02{
		float:none;
		width:100%;
		margin-top:30px;
	}


	.p-index-c12-01{
		margin:30px 0 0 0;
	}

	.p-index-c12-01-ttl{
		width:auto;
		margin:0 -20px;
		text-align:center;
	}


	.p-index-c12-01-ttl img{
		width:80%;
		min-width:300px;
		margin:0 auto;
	}

	.p-index-c12-01-01{
		margin:20px -10px 0 -10px;
	}

	.p-index-c12-01-01-01,
	.p-index-c12-01-01-02,
	.p-index-c12-01-01-03,
	.p-index-c12-01-01-04{
		box-sizing:border-box;
		width:50%;
		margin:0;
		padding:0 10px;
	}

	.p-index-c12-01-01-03,
	.p-index-c12-01-01-04{
		margin-top:20px;
	}

	.p-index-c12-01-02{
		min-width:120px;
		margin:10px 1.9383% 0 auto;
	}

	.p-index-c12-02{
		margin:30px 0 0 0;
	}

	.p-index-c12-02-ttl{
		width:auto;
		margin:0 -20px;
		text-align:center;
	}

	.p-index-c12-02-ttl img{
		width:80%;
		min-width:300px;
		margin:0 auto;
	}

	.p-index-c12-02-01{
		margin:10% 0 0 0;
	}
	
	
	
	.p-index-c12-02-01-01{
		order:0;
		width:100%;
		text-align:center;
	}

	.p-index-c12-02-01-01 img{
		max-width:300px;
	}

	.p-index-c12-02-01-02{
		order:1;
		width:100%;
		padding:0;
		margin:10px 0 0 0;
	}

	p.p-index-c12-02-01_tit{
		
	margin:0 auto;
	max-width: 460px;
}
	.p-index-c12-02-01-02 h4{
		font-size:18px;
		line-height:1.5;
		font-weight:700;
		color:#ffe913;
		margin:0 0 10px 0;
		text-align: center;
	}

	.p-index-c12-02-01-02 p{
		font-size:16px;
		line-height:1.5;
		color:#ffffff;
	}

	.p-index-c12-02-02{
		margin:10% 0 10% 0;
	}

	.p-index-c12-02-02-01{
		width:100%;
		text-align:center;
	}

	.p-index-c12-02-02-01 img{
		max-width:300px;
	}

	.p-index-c12-02-02-02{
		width:100%;
		padding:0;
		margin:10px 0 0 0;
	}

	.p-index-c12-02-02-02 h4{
		text-align: center;
		font-size:18px;
		line-height:1.5;
		font-weight:700;
		color:#ffe913;
		margin:0 0 10px 0;
	}

	.p-index-c12-02-02-02 p{
		font-size:16px;
		line-height:1.5;
		color:#ffffff;
	}

	.p-index-c12-02-03{
		display:none;
	}
	.p-index-c12-03-ttl{
	width:58%;
}
	ul.p-index-c12-03-txt{
	display:inline-block;
	
	}
	
ul.p-index-c12-03-txt li.img{
		width:50%;
	margin:5% auto -2%;

	}
	ul.p-index-c12-03-txt li.txt{
		width:100%;

	}
	.p-index-c12-03-txt li.txt .enfki{
		width:40%;
	}
	.p-index-c12-03-txt h4{
		text-align: center;
	}
	.p-index-c12-03-txt .txt{
		
		margin-left:0;
	}
	.p-index-c12-03-txt .txt span{
		font-size:80%;
	}
}
	


.p-index-c13{
	background:url('../img/bg-c01.png') #a1dae3;
	padding:100px 40px 100px 40px;
	position:relative;
}

.p-index-c13:before{
	position:absolute;
	top:0;
	left:0;
	margin:-40px 0 0 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-white-upper.png') repeat-x center 0;
}

.p-index-c13:after{
	position:absolute;
	top:100%;
	left:0;
	margin:0 0 -40px 0;
	content:"";
	width:100%;
	height:40px;
	background:url('../img/bg-white-bottom.png') repeat-x center 0;
	z-index:4;
}

.p-index-c13 > .u-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}

.p-index-c13-ttl{
	width:52.3348%;
	margin:0 auto;
}

.p-index-c13-01{
	width:100%;	
}

.p-index-c13-01 ul{
	width:100%;
	margin:5% auto 0 ;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap; 
}
.p-index-c13-01 ul li.txt{
	width:60%;
}
.p-index-c13-01 ul li.txt h3{
	font-size:150%;
	color:#047e93;
	font-weight:bold;
	text-decoration: underline;
	margin-bottom:10px;
}
.p-index-c13-01 ul li.txt p{
	font-size:120%;
	margin-bottom: 5%;
}
.p-index-c13-01 ul li.txt span.strong{
	text-decoration: underline;
	font-weight:bold;
}
.p-index-c13-01 ul li.txt span.att{
	font-size:80%;
}
.p-index-c13-01 ul li.txt2{
	margin-top:-50px;
}

.p-index-c13-01 ul li.img{
	width:35%;
	padding-left:5%;
}
.p-index-c13-01 ul li.img2{
	margin-top:50px;
}

.p-index-c13-02{
	width:100%;
	margin:5% auto 0;
}

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

	.p-index-c13{
		padding:30px 20px 40px 20px;
	}

	
	.p-index-c13:after{
		position:absolute;
		top:100%;
		left:0;
		margin:0 0 -20px 0;
		content:"";
		width:100%;
		height:20px;
		background:url('../img/bg-white-bottom.png') repeat-x center 0;
		background-size:151px 20px;
		z-index:4;
	}

	.p-index-c13-ttl{
		min-width:280px;
	}
.p-index-c13-01 ul{
	width:100%;
	margin:5% auto 0 ;
	display:inline-block;
}
.p-index-c13-01 ul li.txt{
	width:100%;
}
.p-index-c13-01 ul li.txt h3{
	font-size:120%;
	text-align: center;
}

.p-index-c13-01 ul li.txt2{
	margin-top:0;
}
.p-index-c13-01 ul li.txt p{
	font-size:100%;
}
.p-index-c13-01 ul li.img{
	width:60%;
	margin:3% auto;
	padding-left:0;
}
.p-index-c13-01 ul li.img2{
	margin-top:3%;
}
	
}
/* C14 */
.p-index-c14{
	background:url('../img/bg-mark.png') #047e93;
	position:relative;
	margin:0 -100px;
	padding:110px 100px 100px 100px;
	border-radius:0 0 50% 50% / 0 0 100px 100px;
	z-index:3;
	overflow:hidden;
}

.p-index-c14 > .u-inner{
	width:auto;
	max-width:900px;
	padding:0 40px;
	margin:0 auto;
}

.p-index-c14-ttl{
	width:66%;
	margin:0 auto 5%;
}

.p-index-c14-01 dl{
	width:100%;
	margin:0 auto 5%;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap; 
	color:#fff;
}
.p-index-c14-01 dl dt{
	width:59%;
	
}
.p-index-c14-01 dl dt h3{
	font-size:150%;	
	padding:0 0 0 50px;
	line-height: 2.5em;
	background:url('../img/ic_pencil.png') no-repeat left 0px;)
}

.p-index-c14-01 dl dt h3 span{
	font-size:120%;	
}
.p-index-c14-01 dl dt p {
	font-size:120%;
	margin-bottom:5%;
}

.p-index-c14-01 dl dt p span{
	color:#ffe913;	
}

.p-index-c14-01 dl dd{
	width:36%;
	padding:0 0 5% 5%;
}
.p-index-c14-subttl{
	width:31%;
	margin:0 auto 5%;
}

.p-index-c14-02 dl{
	width:100%;
	margin:0 auto 5%;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap; 
	color:#fff;
}
.p-index-c14-02 dt{
	width:41%;
	margin:0 3% 5% 0;
	
}

.p-index-c14-02 dd{
	width:56%;
	
}




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

	.p-index-c14{
		padding:70px 100px 50px 100px;
	}

	.p-index-c14 > .u-inner{
		padding:0 20px;
	}

	.p-index-c14-ttl{
		width:92.5%;
	}
.p-index-c14 dl{
	width:100%;
	margin:0 auto 5%;
	display:inline-block;
	
}
.p-index-c14 dl dt{
	width:100%;
	
}
.p-index-c14 dl dt h3{
	font-size:120%;	
	padding:0 0 10px 25px;
	line-height: 1.4em;
	background:url('../img/ic_pencil_sp.png') no-repeat left 0px;)
}

.p-index-c14-01 dl dt p {
	font-size:100%;
	margin-bottom:3%;
}


.p-index-c14 dl dd{
	width:100%;
	padding:5% 0 10% 0;
}
	
.p-index-c14-subttl{
	width:51%;
	margin:0 auto 5%;
}

.p-index-c14-02 dl{
	width:100%;
	margin:0 auto 5%;
	display:inline-block;
}
.p-index-c14-02 dt{
	width:100%;
	margin:0 0 3% 0;
	
}

.p-index-c14-02 dd{
	width:100%;
	
}	
	
	
}

/* c15 */

.p-index-c15{
	background:url('../img/bg-c15.png') #ffffff;
	padding:200px 40px 12px 40px;
	margin:-100px 0 0 0;
}

.p-index-c15 > .u-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
}

.p-index-c15-ttl{
	width:39.8238%;
	margin:0 auto 5%;
}
.p-index-c15-01 dl{
	width:90%;
	margin:0 auto 3%;
	padding:2%;
	background:#c1ecf3;
	border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap; 
	color:#333;
	font-weight: bold;
	font-size:120%;
	
}
.p-index-c15-01 dl.d-left{
	flex-direction:row-reverse;
	
}
	
.p-index-c15-01 dl dd{
	width:60%;
	padding-left:7%;
	padding-right:3%;
	
	justify-content: left;
	
}
.p-index-c15-01 dl.d-left dd{
	padding-left:3%;
	padding-right:7%;
	
}

.p-index-c15-01 dl dt{
	width:30%
}



.p-index-c15-01 dl dd p.person{
	width:40%;
		margin:2% 0 2% 0;
}
.p-index-c15-01 dl dd p.person2{
	width:25%;
		margin:2% 0 2% 0;
}



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

	.p-index-c15{
		background:url('../img/bg-c15.png') #ffffff;
		padding:130px 20px 30px 20px;
		margin:-100px 0 0 0;
	}

	.p-index-c15-ttl{
		min-width:280px;
	}
.p-index-c15-01 dl{
	width:90%;
	margin:0 auto 3%;
	padding:5%;
	display:inline-block;	
	color:#333;
	font-weight: bold;
	font-size:100%;
	
}
.p-index-c15-01 dl dt{
	width:100%;
	margin:0 auto 3%;
}
	
.p-index-c15-01 dl dd{
	width:100%;
	padding-left:0%;
	padding-right:0%;
	justify-content: left;
	font-size:90%;
	
}
.p-index-c15-01 dl.d-left dd{
	padding-left:0%;
	padding-right:0%;
	
}



	
}


/* footer */

.c-footer{
	background:#02424d;
	padding:40px 40px 115px 40px;
}

.c-footer > .u-inner{
	width:100%;
	max-width:1135px;
	margin:0 auto;
	position:relative;
}

.c-footer-logo{
	position:absolute;
	top:0;
	left:0;
	width:106px;
	height:70px;
}

.c-footer-link{
	font-size:16px;
	line-height:1.5;
	text-align:right;
	padding:15px 0 0 16%;
}

.c-footer-link li{
	display:inline-block;
	margin:0 0 1em 1em;
}

.c-footer-link li > a{
	color:#ffffff;
	text-decoration:none;
}

.c-footer-copyroght{
	text-align:right;
	margin-top:10px;
}

.c-footer-copyroght img{
	width:291px;
}

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

	.c-footer{
		padding:20px 20px 110px 20px;
	}

	.c-footer-logo{
		position:static;
		width:80px;
		height:auto;
		margin:0 auto;
	}

	.c-footer-link{
		font-size:12px;
		line-height:1.5;
		text-align:left;
		padding:0 0 0 0;
		margin:30px 0 0 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.c-footer-link li{
		width:50%;
		height:50px;
		margin:0 0 0 0;
	}

	.c-footer-copyroght{
		text-align:center;
		margin-top:10px;
	}

	.c-footer-copyroght img{
		width:274px;
	}

}
/* offerbox */
.offer_box{
	position:relative;
	width:100%;
	max-width:900px;
	margin:0 auto;
}

.offer_box ul{
	position:absolute;
	width:60%;
	right:3.524%;
	z-index: 10;
}
.offer_box ul.btn01{
	top:24%;
}
.offer_box ul.btn01_02{
	top:32%;
}
.offer_box ul.btn02{
	top:68%;
}
.offer_box ul.btn02_02{
	top:75%;
}
.offer_box p.offerbg{
	z-index: 0;
}
.offer_box ul li a:hover{
	opacity:0.6;
}
.offer_box p.offer_att{
	position:absolute;
	bottom:1%;
   right:1%;
font-size:18px;
color:#fff;
}

@media screen and (max-width:896px) {
	.offer_box{
	margin:0 auto;
		width:100%;
}
	
.offer_box ul{
	position:absolute;
	width:90%;
	left:5%;
}
.offer_box ul.btn01{
	top:30%;
}
.offer_box ul.btn02{
	top:77%;
}
.offer_box ul.btn01_02{
	top:36%;
}
.offer_box ul.btn02_02{
	top:80%;
}
	.offer_box p.offer_att{
	position:absolute;
	bottom:0.5%;
   right:1%;
font-size:13px;
color:#fff;
}
}

/* overlay */

.c-overlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:100vh;
	background:rgba(255,255,255,0.3);
}

.js-act .c-overlay{
	display:block;
    z-index: 97;
}



/* pc-btn */

.c-pc-btn{
	display:none;
	position:fixed;
	bottom:10px;
	width:605px;
    /*left:50%;
	transform:translateX(-50%);*/
    left:20px;
	z-index:99;
}

.c-pc-btn a{
	display:block;
	width:605px;
	margin:0 auto;
}

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

	.c-pc-btn{
		display:none !important;
	}

}



/* sp-btn */

.c-sp-btn{
	display:none;
}
.c-sp-btn-new{
	display:none;
}

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

	.c-sp-btn{
		display:block;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		/*height:90px;*/
		/*background:rgba(255,255,255,0.6);*/
		z-index:99;
	}

	.c-sp-btn > div{
		display:table;
		width:100%;
		height:90px;
	}

	.c-sp-btn > div > p{
		display:table-cell;
		text-align:left;
		vertical-align:middle;
	}

	.c-sp-btn > div > p > a > img{
		max-width: calc(100% - 80px);
	}
	
	.c-sp-btn-new{
		display:block;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		text-align: center;
		z-index:100;
		background:rgba(255,255,255,0.5);
		padding: 2%;
	
	
}
.c-sp-btn-new .ttl_banner{
	width:63%;
	max-width:469px;
	margin:0 auto 2%;
}
	.c-sp-btn-new ul{
	width:89%;
	max-width:670px;
	margin:0 auto 2%;
		display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		justify-content: center;
}
.c-sp-btn-new ul li{
	width:49%;
}

}


/*
*******************************************************************************************************
# others
*******************************************************************************************************
*/

/* clearfix */

.c-cfx{
	display: block;
	zoom:1;
}

.c-cfx:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* text */

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

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

.c-text-bold{
	font-weight:700 !important;
}

.c-text{
	font-size:16px;
}

.c-text-s{
	font-size:14px;
}

.c-text-ss{
	font-size:12px;
}

.c-text-l{
	font-size:18px;
}

.c-text-ll{
	font-size:20px;
}

/* margin */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-mb-100{
	margin-bottom:100px !important;
}
.att{
	margin:2% auto 0;
	font-size:80%;
	line-height:1.2em;
	max-width:1110px;
}
.attw{
	color:#fff;
	margin:2% auto 0;
	font-size:80%;
	line-height:1.2em;
	max-width:1110px;
}

.attw a{
	color:#fff590;
}


/* pc / sp */

.c-pc-none{
	display:none !important;
}

.c-sp-none{

}

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

	.c-pc-none{
		display:block !important;
	}

	.c-sp-none{
		display:none !important;
	}

}