@charset "utf-8";

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

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

body {
 color: #000000;

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

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

#top {
	overflow: hidden;
	min-width: 1140px;
}

#wrap {
	/*overflow: hidden;*/
	/*width: 640px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	/*min-width: 1000px;*/
}
#wrap.wrap02 {
	background-color: #ffffff;
}

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

a {
	display: inline-block;
}
.relative-wrap {
	position: relative;
}

.contDispN {
	display: none;
}

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


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

.anc {
	position: relative;
	font-size: 0px;
	line-height: 0px;
}
.ancIn {
	position: absolute;
	/*top: -66px;*/
}

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

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

.pc {
	display: block;
}

.sp {
	display: none;
}

.pcBr {
	display: inline;
}

.spBr {
	display: none;
}

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

.contIn1140 {
	width: 1140px;
	margin: 0px auto;
	position: relative;
}

.radius300 {
	-moz-border-radius: 300px;
	-webkit-border-radius: 300px;
	-o-border-radius: 300px;
	-ms-border-radius: 300px;
	border-radius: 300px;
}
.radius3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.radius2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}




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

/*デバイスwidth、～799px用のスタイルを記入*/

	body {

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

	}

	#top {
		/*overflow: hidden;*/
		min-width: 375px;
	}

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

	img {
		max-width: 700px;
		width: 100%;
		height: auto;
	}

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

	.anc {
		position: relative;
	}
	.ancIn {
		position: absolute;
		/*top: -66px;*/
	}

	#top {
		/*padding-top: 66px;*/
	/*position: relative;
	z-index: 1;
	min-width: 0px;*/
	}

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

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

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

	.contIn1140 {
		width: auto;
		padding: 0px 0px;
	}


}


/* -------------------------------------------------------------------- 
 header
-------------------------------------------------------------------- */

.headerWrap01 {
	position: relative;
}

@media screen and (min-width:800px) {

	.headerWrap01 {
		height: auto !important;
	}

}

.mainvisualMask01 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.headerTb01 {
		display: table;
		width: 100%;
		height: 64vw;
		min-height: 724px;
		position: absolute;
		top: 0px;
		left: 0px;
}
.headerCell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 13.2%;
}

.mainText01 {
	width: 392px;
	margin: auto;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}
.mainText02 {
	width: 221px;
	margin: auto;
	position: absolute;
	right: 0px;
	top: 14.8%;
	animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s;
}

.headerLogoWrap {
	position: absolute;
	top: 6.8%;
	left: 4.7%;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
.headerLogoWrap .logo01 {
	width: 140px;
	float: left;
}
.headerLogoWrap .logo02 {
	width: 150px;
	float: left;
	margin-right: 16px;
}

.footerRight.headerSns {
	float: none;
	position: absolute;
	/*top: 6.4%;*/
	top: 53px;
	right: 10%;
	-webkit-animation-delay: 2.0s;
}
.footerRight.headerSns .snsBtn {
	height: auto;
}

.foot_bnr{
	text-align: center;
	padding-top: 50px;
}
.foot_bnr img{
	width: 700px;
	height: auto;
}

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


	.headerWrap01 {
		position: relative;
		height: 480px;
		background-image: url("../img/mainvisual_img01.jpg");
		background-repeat: no-repeat;
		background-position: 70% top;
		background-size: auto 115%;
	}
	
	.mainvisual01 {
		display: none;
	}
	
	.mainvisualMask01 {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
	}
	.mainvisualMask01 img {
		width: 100%;
		height: 100%;
	}
	
	.mainvisualMask01.line {
		box-sizing: border-box;
		width: 100%;
		border: 3px solid #ffffff;
		transform: scale3d(0.96, 0.97, 0.96);
	}
	.mainvisualMask01.line img {
		display: none;
	}

	
	.headerTb01 {
		display: table;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.headerCell01 {
		display: table-cell;
		text-align: center;
		vertical-align: top;
		padding-bottom: 0px;
		padding-top: 37%;
		padding-right: 4%;
	}

	.mainText01 {
		width: 58%;
		margin: auto;
		animation-delay: .5s;
		-webkit-animation-delay: .5s;
	}
	.mainText02 {
		width: 94px;
		margin: auto;
		position: absolute;
		right: 0px;
		top: 17.8%;
		animation-delay: 1.0s;
		-webkit-animation-delay: 1.0s;
	}

	.headerLogoWrap {
		position: absolute;
		top: 26px;
		left: 5.7%;
		animation-delay: 1.5s;
		-webkit-animation-delay: 1.5s;
	}
	.headerLogoWrap .logo01 {
		width: 66px;
		float: left;
	}
	.headerLogoWrap .logo02 {
		width: 34px;
		float: left;
		margin-right: 16px;
	}

	.footerRight.headerSns {
		float: none;
		position: absolute;
		top: 26px;
		right: 16%;
		-webkit-animation-delay: 2.0s;
	}
	.footerRight.headerSns .snsBtn {
		height: auto;
		width: 32px;
	}
	.footerRight.headerSns .snsBtn img {
		width: 25px;
		height: auto;
	}
.foot_bnr{
	 	margin: 40px 0;
    	width: auto;
   		padding: 0px 10px;
		text-align: center;
}
.foot_bnr img{
		width: 100%;
		
}


}



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

.anc01Wrap {
	position: relative;
}
.anc01WrapBg01 {
	background-image: url("../img/cont_bg01.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 815px auto;
	width: 815px;
	height: 572px;
	position: absolute;
	top: 150px;
	right: 50%;
	margin-right: 55px;
}
.anc01WrapBg02 {
	background-color: #fff1f1;
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 50%;
}
.anc01WrapBg02Img01 {
	width: 258px;
	position: absolute;
	top: 96px;
	left: 385px;
}

.anc01WrapCont {
	position: relative;
	padding: 38px 0px 0px 0px;
	width: 960px;
	margin: auto;
}

.contH2Wrap01 {
	text-align: center;
	font-size: 30px;
	line-height: 1.45em;
	font-weight: bold;
	letter-spacing: 0.05em;
	background-image: url("../img/tit_icon01.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 115px auto;
	padding-top: 84px;
}
.anc01WrapText01 {
	text-align: left;
	font-size: 16px;
	line-height: 2.1em;
	letter-spacing: 0.07em;
	width: 410px;
	margin: 0px 0px auto auto;
}

.anc01WrapCenter {
	text-align: center;
	padding-top: 50px;
}
.anc01WrapPointBase {
	margin-top: 160px;
}
.contH301 {
	margin-bottom: 30px;
}
.contH301 .span01 {
	display: block;
	margin: 0px auto 30px auto;
}
.contH301 .span01 img {
	width: auto;
	height: 53px;
}
.contH301 .span02 {
	display: block;
	font-size: 31px;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.anc01WrapBlock01Base {
	position: relative;
}
.anc01WrapBlock01Base::after {
	content: "";
	background-image: url("../img/point_bg05.png");
	background-repeat: repeat;
	background-position: center top;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}

.anc01WrapBlock01 {
	background-image: url("../img/point_bg04.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	position: relative;
	z-index: 2;
}
.anc01WrapBlock01In {}

.anc01WrapUl01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.anc01WrapUl01 li {
	box-sizing: border-box;
	width: 360px;
	height: 574px;
	text-align: center;
	padding: 30px 40px 10px 40px;
	background-repeat: repeat;
	background-position: center top;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;

}
.anc01WrapUl01 li.li01 {
	background-image: url("../img/point_bg01.png");
}
.anc01WrapUl01 li.li02 {
	background-image: url("../img/point_bg02.png");
	border: 3px solid #d4d4d4;
	margin-top: 35px;
}

.anc01WrapUl01 .tit01 {
	margin-bottom: 24px;
}
.anc01WrapUl01 .tit01 .h401 {
	font-family: 'Niconne', cursive;
	font-size: 25px;
	line-height: 1.2em;
	display: inline-block;
	position: relative;
	padding: 0px 22px;
}
.anc01WrapUl01 .tit01 .h401 span {
	color: #ff9c81;
	font-size: 54px;
}
.anc01WrapUl01 .tit01 .h401::before {
	content: "";
	background-image: url("../img/point_line01.png");
	background-repeat: repeat-x;
	background-position: left center;
	background-size: 4px auto;
	width: 52px;
	height: 2px;
	position: absolute;
	top: 50%;
	margin-top: 3px;
	left: -52px;
}
.anc01WrapUl01 .tit01 .h401::after {
	content: "";
	background-image: url("../img/point_line01.png");
	background-repeat: repeat-x;
	background-position: left center;
	background-size: 4px auto;
	width: 52px;
	height: 2px;
	position: absolute;
	top: 50%;
	margin-top: 3px;
	right: -52px;
}

.anc01WrapUl01 .text01 {
	width: 280px;
}
.anc01WrapUl01 .text02 {
	text-align: left;
	font-size: 15px;
	line-height: 2.0em;
	margin-top: 20px;
}

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

.anc02Wrap {
	padding: 100px 0px 40px 0px;
}
.anc02Block01 {
	background-image: url("../img/experience_bg_top.png");
	background-repeat: repeat-x;
	background-position: center top;
	background-size: 50px auto;
	background-color: #ff8d8d;
	padding: 70px 0px 165px 0px;
	position: relative;
}

.anc02Block01.anc03Block01 {
	background-image: url("../img/active_bg_top.png");
	background-repeat: repeat-x;
	background-position: center top;
	background-size: 50px auto;
	background-color: #29aec2;
	padding: 70px 0px 165px 0px;
	position: relative;
}


.colWhite {
	color: #ffffff;
}

.contTextBase {
	font-size: 16px;
	line-height: 1.85em;
}

.anc02Block02 {
	position: relative;
	margin-top: -110px;
}


.anc02Ul01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	width: 750px;
	margin: auto;
}
.anc02Ul01 li {
	display: table;
	width: 210px;
	height: 210px;
	position: relative;
}

.anc02Ul01.anc03Ul01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	width: 960px;
	margin: auto;
}
.anc02Ul01.anc03Ul01 li {
	display: table;
	width: 210px;
	height: 210px;
	position: relative;
}

.anc02Ul01.anc03Ul01 li .liIn {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	padding-bottom: 0px;
}

.anc02Ul01 li .liIn {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	padding-bottom: 46px;
}
.anc02Ul01 a:link {	color: #2d0505;	text-decoration: none;}
.anc02Ul01 a:visited {	color: #2d0505;	text-decoration: none;}
.anc02Ul01 a:hover {	color:#2d0505;	text-decoration: none;}
.anc02Ul01 a:active {	color:#2d0505;	text-decoration: none;}

.anc02Ul01 li .liIn:hover {
  animation-name: bounce;
  transform-origin: center bottom;
	transition-duration: 0s !important;
}

.anc02Ul01 li.li01 {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}
.anc02Ul01 li.li02 {
	animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s;
}
.anc02Ul01 li.li03 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
.anc02Ul01 li.li04 {
	animation-delay: 2.0s;
	-webkit-animation-delay: 2.0s;
}


.anc02Ul01 li.li01 .liIn {
	background-color: #ffefe9;
}
.anc02Ul01 li.li01 .liIn p.text01 {
	color: #ff8d8d;
}
.anc02Ul01 li.li01 .liIn::after{
  content: '';
  width: 18px;
  height: 18px;
  border: 0px;
  border-top: solid 2px #ff8d8d;
  border-right: solid 2px #ff8d8d;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
	bottom: 26px;
  left: 50%;
  margin-left: -9px;
}

.anc02Ul01.anc03Ul01 li .liIn{
	background-color: transparent !important;
}
.anc02Ul01.anc03Ul01 li .liIn::after{
	display: none;
}


.anc02Ul01 li.li02 .liIn {
	background-color: #f1f8cd;
}
.anc02Ul01 li.li02 .liIn p.text01 {
	color: #b1ce28;
}
.anc02Ul01 li.li02 .liIn::after{
  content: '';
  width: 18px;
  height: 18px;
  border: 0px;
  border-top: solid 2px #b1ce28;
  border-right: solid 2px #b1ce28;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
	bottom: 26px;
  left: 50%;
  margin-left: -9px;
}

.anc02Ul01 li.li03 .liIn {
	background-color: #e6f7f6;
}
.anc02Ul01 li.li03 .liIn p.text01 {
	color: #4dd9d1;
}
.anc02Ul01 li.li03 .liIn::after{
  content: '';
  width: 18px;
  height: 18px;
  border: 0px;
  border-top: solid 2px #4dd9d1;
  border-right: solid 2px #4dd9d1;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
	bottom: 26px;
  left: 50%;
  margin-left: -9px;
}

.anc02Ul01 li .liIn p.text01 {
	font-size: 25px;
	line-height: 1.2em;
	margin-bottom: 12px;
}
.anc02Ul01 li .liIn p.text02 {
	font-size: 40px;
	line-height: 1.2em;
	color: #2d0505;
	margin-bottom: 12px;
}
.anc02Ul01 li .liIn p.text03 {
	font-size: 15px;
	line-height: 1.33em;
	color: #2d0505;
}

.webFont01 {
		font-family: 'Niconne', cursive;
}

.anc02Block03  {
	position: relative;
	margin-top: 120px;
}
.anc02Block03.block01 {
}

.anc02Block03.block01 .anc02Block03BgRight {
	background-image: url("../img/experience_bg01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1035px 752px;
	width: 1035px;
	height: 752px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.anc02Block03.block01 .anc02Block03BgLeft {
	background-image: url("../img/experience_bg02.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1035px 752px;
	width: 1035px;
	height: 752px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.anc02Block03.block01 .anc02Block03BgRight02 {
	background-image: url("../img/experience_bg03.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1035px 752px;
	width: 1035px;
	height: 752px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.anc02Tb01 {
	position: relative;
}
.anc02Tb01 .cell01 {
	width: 50%;
	height: 460px;
	float: left;
}

.anc02Tb01 .cell01.cont03Cell {
	width: 50%;
	height: 765px;
	float: left;
}

.anc02Tb01 .cell01 img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 50%;
}
.anc02Tb01 .cell02 {
	text-align: left;
	box-sizing: border-box;
	width: 50%;
	float: right;
	padding: 0px 50px 0px 45px;
}

.anc02Tb01.tb02 .cell01 {
	float: right;
}
.anc02Tb01.tb02 .cell01 img {
	left: 50%;
}
.anc02Tb01.tb02 .cell02 {
	width: 50%;
	float: left;
	padding: 0px 75px 0px 50px;
}

.contH302 {
	margin-bottom: 48px;
}
.contH302 .span01 {
	font-size: 100px;
	line-height: 1.0em;
}
.contH302 .span02 {
	color: #ff8d8d;
	font-size: 30px;
	line-height: 1.0em;
}
.tb02 .contH302 .span02 {
	color: #b1ce28;
	font-size: 30px;
	line-height: 1.0em;
}
.tb03 .contH302 .span02 {
	color: #4dd9d1;
	font-size: 30px;
	line-height: 1.0em;
}

.contDl01 dt {
	font-size: 30px;
	line-height: 1.16em;
	font-weight: 500;
	margin-bottom: 25px;
}
.contDl01 dd {
	font-size: 16px;
	line-height: 2.1em;
	text-align: justify;
	letter-spacing: -0.01em;
}

.contFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	width: 1008px;
	margin: auto;
	position: relative;
	margin-top: 70px;
}
.flexBox01 {
	width: 305px;
	text-align: left;
}
.flexBox01 dl {
	padding: 20px  0px 34px 0px;
}
.flexBox01 dt .span01 {
	display: block;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
}
.flexBox01 dt .span02 {
	display: block;
	font-size: 12px;
	line-height: 1.2em;
}
.flexBox01 dd {
	font-size: 15px;
	line-height: 2.0em;
	margin-top: 16px;
}

.contH303 {
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 500;
	margin-bottom: 15px;
}
.contText01 {
	font-size: 16px;
	line-height: 2.0em;
	font-weight: 500;
}
.anc03H401 {
	margin: 20px 0px 0px 0px;
}

.anc03Box01 {
	margin-top: 40px;
}
.anc03tit01 {
	font-size: 18px;
	line-height: 1.75em;
	font-weight: bold;
} 

.anc03Tb01 {
	position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.anc03Tb01 .cell03 {
	text-align: left;
	width: 190px;
	position: relative;
}
.anc03Tb01 .cell03 img {
	width: 190px;
	height: auto;
}

.anc03Tb01 .cell04 {
	text-align: left;
	width: 310px;
	position: relative;
}

.anc03Tb01 .cell04 .text01 {
	font-size: 14px;
	line-height: 1.92em;
	font-weight: 500;
	letter-spacing: -0.05em;
	margin-top: -5px;
}

.anc03Btn01 {
	display: table;
	width: 100%;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.anc03Btn01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 45px;
	background-color: #fae609;
}
.anc03Btn01 a span {
	display: inline-block;
	background-image: url("../img/03_index_active_29.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 21px auto;
	padding-left: 26px;
	font-size: 15px;
	line-height: 1.6em;
	font-weight: bold;
}
.anc03Btn01 a:link {	color: #000033;	text-decoration: none;}
.anc03Btn01 a:visited {	color: #000033;	text-decoration: none;}
.anc03Btn01 a:hover {	color:#000033;	text-decoration: none;}
.anc03Btn01 a:active {	color:#000033;	text-decoration: none;}


.anc02Tb0102 {
	position: relative;
}
.anc02Tb0102 .cell01 {
	width: 45%;
	height: 460px;
	float: left;
}
.anc02Tb0102 .cell01.cont03Cell {
	width: 45%;
	height: 765px;
	float: left;
}
.anc02Tb0102 .cell01 img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 55%;
}
.anc02Tb0102 .cell02 {
	text-align: left;
	box-sizing: border-box;
	width: 55%;
	float: right;
	padding: 0px 50px 0px 45px;
}

.anc02Tb0102.tb02 .cell01 {
	float: right;
}
.anc02Tb0102.tb02 .cell01 img {
	left: 55%;
}
.anc02Tb0102.tb02 .cell02 {
	width: 55%;
	float: left;
	padding: 0px 45px 0px 50px;
}

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

.anc04BlockBase {
}
.anc04BlockIn {
	width: 1054px;
	margin: auto;
	background-image: url("../img/route_bg01.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 316px auto;
	padding: 60px 0px 70px 0px;
}

.anc04RouteWrap {
	position: relative;
	margin-top: 55px;
}
.anc04RouteWrap li {
	position: absolute;
}
.routeBtn01 {
	display: table;
	width: 30.99%;
	position: absolute;
	top: 80.53%;
	left: 26.2%;
}
.routeBtn01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 41px;
	background-color: #ff8e7c;
}
.routeBtn01 a:link {	color: #ffffff;	text-decoration: none;}
.routeBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
.routeBtn01 a:hover {	color:#ffffff;	text-decoration: none;}
.routeBtn01 a:active {	color:#ffffff;	text-decoration: none;}

.routeBtn01.routeBtn02 {
	width: 44.67%;
	top: 84.95%;
	left: 42.85%;
}
.routeBtn01.routeBtn02 a {
	background-color: #28c4dc;
}

.anc04RouteWrap .route01 {
	width: 33.2%;
	top: 0px;
	left: 9.67%;
}
.anc04RouteWrap .route02 {
	width: 52.65%;
	top: 9.64%;
	left: 47.34%;
}
.anc04RouteWrap .route03 {
	width: 36.52%;
	top: 27.77%;
	left: 9.67%;
}
.anc04RouteWrap .route04 {
	width: 38.14%;
	top: 49.79%;
	left: 58.25%;
}
.anc04RouteWrap .route05 {
	width: 31.59%;
	top: 64.02%;
	left: 8.918%;
}
.anc04RouteWrap .route06 {
	width: 34.63%;
	top: 79.9%;
	left: 31.59%;
}
.anc04RouteWrap .route07 {
	width: 24.76%;
	top: 79.89%;
	left: 71.63%;
}

.routeText01 {
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	margin-top: 82px;
}

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

.anc05BlockBase {
	position: relative;
}
.anc05Bg01 {
	background-image: url("../img/info_bg_mask01.png");
	background-repeat: no-repeat;
	background-position: center 160px;
	background-size: 114% auto;
	background-color: #eeeeee;
	height: 500px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.anc05Cont01 {
	width: 890px;
	padding: 68px 0px 35px 0px;
	margin: 0px auto 0px auto;
	position: relative;
}

.anc05InfoCont01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	width: 100%;
	margin: 80px 0 30px 0;
}
.anc05InfoCont01 dl {
	width: 406px;
	margin-bottom: 50px;
}
.anc05InfoCont01 dt {
	text-align: center;
	margin-bottom: 23px;
}
.anc05InfoCont01 dt img {
	height: 80px;
	width: auto;
}
.anc05InfoCont01 dd {
	text-align: left;
	font-size: 16px;
	line-height: 1.85em;
}
.anc05InfoCont01 a:link {	color: #ff8d8d;	text-decoration: underline;}
.anc05InfoCont01 a:visited {	color: #ff8d8d;	text-decoration: underline;}
.anc05InfoCont01 a:hover {	color:#ff8d8d;	text-decoration: none;}
.anc05InfoCont01 a:active {	color:#ff8d8d;	text-decoration: none;}

.anc05Cont02 {
	background-color: #e6e6e6;
	padding: 1px 0px 0px 0px;
	position: relative;
}
.anc05H401 {
	text-align: center;
	margin-top: -50px;
}
.anc05H401 img {
	height: 80px;
	width: auto;
}
.anc05Img01 {
	width: 874px;
	margin: 0px auto;
	padding: 70px 0px 54px 0px;
}

.spCopyWrap {
	display: none;
}

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

.anc06BlockBase {
	position: relative;
	padding: 215px 0px 45px 0px;
}
.anc06BlockBaseBg01 {
	background-image: url("../img/experience_bg_top.png");
	background-repeat: repeat-x;
	background-position: center top;
	background-size: 50px auto;
	background-color: #ff8d8d;
	height: 415px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.anc06Box01 {
	background-image: url("../img/campaign_bg01_02.png");
	background-repeat: repeat;
	background-position: center top;
	background-size: 100% 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 70px 70px 75px 70px;
	position: relative;
}

.anc06H301 {
	background-image: url("../img/campaign_tit_top.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 410px auto;
	padding-top: 64px;
	/*margin-top: -190px;*/
	width: 100%;
	position: absolute;
	left: 0px;
	top: -120px;
}
.anc06H301 .text01 {
	display: block;
	font-size: 30px;
	line-height: 1.0em;
	color: #ff8d8d;
	margin-bottom: 12px;
}
.anc06H301 .text02 {
	display: block;
	font-size: 32px;
	line-height: 1.0em;
	font-weight: bold;
}

.anc06BoxIn01 {
	position: relative;
	display: table;
	width: 100%;
}
.anc06BoxIn01Cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 80px;
	border-top: 2px solid #333333;
	/*border-bottom: 2px solid #333333;*/
}
.anc06BoxIn01Cell01::after {
	content: "";
	background-image: url("../img/campaign_tit_bottom_02.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 19px;
	width: 100%;
	height: 19px;
	position: absolute;
	bottom: -12px;
	left: 0px;
}
.anc06BoxIn01Cell01 .text01 {
	font-size: 21px;
	line-height: 1.4em;
	width: 150px;
	text-align: center;
	position: absolute;
	top: -13px;
	left: 50%;
	margin-left: -75px;
	background-image: url("../img/campaign_bg01.png");
	background-repeat: repeat;
	background-position: center top;
}
.anc06BoxIn01Cell01 .text02 {
	font-size: 18px;
	line-height: 1.6em;
	text-align: center;

}

.anc06Flex01 {
	width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: 60px auto 55px auto;
}
.anc06Flex01 dl {
	width: 33.3%;
	text-align: center;
}
.anc06Flex01 dt img {
	width: auto;
	height: 150px;
}
.anc06Flex01 dd {
	margin-top: 30px;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	color: #ff6868;
}

.anc06ContactWrap {
	text-align: center;
	
}
.anc06Tb01 {
	display: table;
	margin: 0px auto 8px auto;
	border: 2px solid #ff6868;
}
.anc06Tb01Cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #ff6868;
	box-sizing: border-box;
	width: 118px;
	height: 47px;
	padding-left: 8px;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
	-moz-border-radius: 300px 0px 0px 300px;
	-webkit-border-radius: 300px 0px 0px 300px;
	-o-border-radius: 300px 0px 0px 300px;
	-ms-border-radius: 300px 0px 0px 300px;
	border-radius: 300px 0px 0px 300px;
}
.anc06Tb01Cell02 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 1.3em;
	font-weight: bold;
	padding: 5px 15px;
}

.anc06Text01 {
	font-size: 15px;
	line-height: 2.0em;
}
.anc06Text01 a:link {	color: #333333;	text-decoration: underline;}
.anc06Text01 a:visited {	color: #333333;	text-decoration: underline;}
.anc06Text01 a:hover {	color:#333333;	text-decoration: none;}
.anc06Text01 a:active {	color:#333333;	text-decoration: none;}

.anc06Text01 span {
	font-weight: bold;
}

.anc06Btn01 {
	display: table;
	width: 420px;
	margin: 30px auto 4px auto;
}
.anc06Btn01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 82px;
	background-color: #ff6868;
	color: #ffffff;
	font-size: 22px;
	line-height: 1.3em;
	font-weight: bold;
}
.anc06Btn01 a:link {	color: #ffffff;	text-decoration: none;}
.anc06Btn01 a:visited {	color: #ffffff;	text-decoration: none;}
.anc06Btn01 a:hover {	color:#ffffff;	text-decoration: none;}
.anc06Btn01 a:active {	color:#ffffff;	text-decoration: none;}

/*------モーダルウィンドウ用---------------------------------------*/

#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	/*box-shadow: 0 0 5px rgba(0, 0, 0, .25);*/
	margin: 0 auto;
	position: relative;
	z-index: 9991;
	display: inline-block;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9990;
	cursor: pointer;
}

.click {
	display: none;
}

/*------モーダルウィンドウ用　ここまで---------------------------------------*/

.clickContWrap {
	background-color: #ffffff;
	box-sizing: border-box;
	width: 860px;
	margin: auto;
	padding: 35px 20px 55px 50px;
}
.clickTit01 {
	color: #ff6868;
	font-size: 21px;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
}
.clickBlockWrap01 {
	overflow: auto;
	width: 100%;
	height: 460px;
	margin: 25px 0px 35px 0px;
}
.clickBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	box-sizing: border-box;
	padding-right: 35px;
	width: 100%;
}
.clickBlockFlexBox {
	width: 46%;
	padding: 10px 0px;
}
.clickBlockFlexBox h4 {
	border-top: 2px solid #333333;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}
.clickBlockFlexBox h4 span {
	display: inline-block;
	padding: 0px 10px;
	background-color: #ffffff;
	/*margin-top: -8px;*/
	font-size: 16px;
	line-height: 1.0em;
	font-weight: bold;
	position: relative;
	top: -10px;
}

.clickBlockFlexBox dl {
	margin-bottom: 15px;
	text-align: left;
}
.clickBlockFlexBox dt {
	color: #ff6868;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: bold;
}
.clickBlockFlexBox dd li {
	font-size: 15px;
	line-height: 1.7em;
	margin-bottom: 5px;
	text-indent: -1em;
	padding-left: 1em;
}

.clickClose {
	font-size: 15px;
	line-height: 1.2em;
}
.clickClose a:link {	color: #333333;	text-decoration: underline;}
.clickClose a:visited {	color: #333333;	text-decoration: underline;}
.clickClose a:hover {	color:#333333;	text-decoration: none;}
.clickClose a:active {	color:#333333;	text-decoration: none;}

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

.bottomWrap {
	padding: 60px 0px 55px 0px;
	text-align: center;
}
.bottomWrap .logo01 {
	margin-bottom: 44px;
}
.bottomWrap .logo01 img {
	width: 296px;
	height: auto;
}
.bottomWrap .logo02 img {
	width: 117px;
	height: auto;
}




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


	.anc01Wrap {
		position: relative;
	}
	.anc01WrapBg01 {
		display: none;
		/*background-image: url("../img/cont_bg01.png");
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 100% auto;
		width: 65vw;
		height: a65vw;
		position: absolute;
		top: 150px;
		right: 50%;
		margin-right: 20px;*/
	}
	.spMap01 {
		
	}
	.anc01WrapBg02 {
		background-color: #fff1f1;
		width: 60%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 50%;
	}
	.anc01WrapBg02Img01 {
		width: 258px;
		position: absolute;
		top: 96px;
		left: 385px;
	}

	.anc01WrapCont {
		position: relative;
		padding: 30px 15px 0px 15px;
		width: auto;
		margin: auto;
	}

	.contH2Wrap01 {
		text-align: center;
		font-size: 20px;
		line-height: 1.45em;
		font-weight: bold;
		letter-spacing: 0.05em;
		background-image: url("../img/tit_icon01.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 90px auto;
		padding-top: 70px;
	}
	.anc01WrapText01 {
		text-align: left;
		font-size: 14px;
		line-height: 2.1em;
		letter-spacing: 0.07em;
		width: auto;
		margin: 0px 0px auto auto;
	}

	.anc01WrapCenter {
		text-align: center;
		padding-top: 20px;
	}
	.anc01WrapPointBase {
		margin-top: 40px;
	}
	.contH301 {
		margin-bottom: 25px;
	}
	.contH301 .span01 {
		display: block;
		margin: 0px auto 20px auto;
	}
	.contH301 .span01 img {
		width: auto;
		height: 24px;
	}
	.contH301 .span02 {
		display: block;
		font-size: 20px;
		line-height: 1.5em;
		font-weight: bold;
		letter-spacing: 0.05em;
	}

	.anc01WrapBlock01Base {
		position: relative;
	}
	.anc01WrapBlock01Base::after {
		content: "";
		background-image: url("../img/point_bg05.png");
		background-repeat: repeat;
		background-position: center top;
		width: 100%;
		height: 50%;
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 1;
	}

	.anc01WrapBlock01 {
		background-image: url("../img/point_bg04.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
		position: relative;
		z-index: 2;
	}
	.anc01WrapBlock01In {}

	.anc01WrapUl01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
	}
	.anc01WrapUl01 li {
		box-sizing: border-box;
		width: auto;
		height: auto;
		text-align: center;
		padding: 20px 15px 25px 15px;
		background-repeat: repeat;
		background-position: center top;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
		border-radius: 8px;
		margin:0 10px 25px 10px;
		/*margin-bottom: 25px;*/
	}
	.anc01WrapUl01 li.li01 {
		background-image: url("../img/point_bg01.png");
	}
	.anc01WrapUl01 li.li02 {
		background-image: url("../img/point_bg02.png");
		border: 3px solid #d4d4d4;
		margin-top: 0px;
	}

	.anc01WrapUl01 .tit01 {
		margin-bottom: 24px;
	}
	.anc01WrapUl01 .tit01 .h401 {
		font-family: 'Niconne', cursive;
		font-size: 25px;
		line-height: 1.2em;
		display: inline-block;
		position: relative;
		padding: 0px 22px;
	}
	.anc01WrapUl01 .tit01 .h401 span {
		color: #ff9c81;
		font-size: 54px;
	}
	.anc01WrapUl01 .tit01 .h401::before {
		content: "";
		background-image: url("../img/point_line01.png");
		background-repeat: repeat-x;
		background-position: left center;
		background-size: 4px auto;
		width: 52px;
		height: 2px;
		position: absolute;
		top: 50%;
		margin-top: 3px;
		left: -52px;
	}
	.anc01WrapUl01 .tit01 .h401::after {
		content: "";
		background-image: url("../img/point_line01.png");
		background-repeat: repeat-x;
		background-position: left center;
		background-size: 4px auto;
		width: 52px;
		height: 2px;
		position: absolute;
		top: 50%;
		margin-top: 3px;
		right: -52px;
	}

	.anc01WrapUl01 .text01 {
		width: auto;
	}
	.anc01WrapUl01 .text02 {
		text-align: left;
		font-size: 15px;
		line-height: 2.0em;
		margin-top: 20px;
	}

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

	.anc02Wrap {
		padding: 30px 0px 0px 0px;
	}
	.anc02Block01 {
		background-image: url("../img/experience_bg_top.png");
		background-repeat: repeat-x;
		background-position: center top;
		background-size: 50px auto;
		background-color: #ff8d8d;
		padding: 70px 15px 90px 15px;
		position: relative;
	}

	.anc02Block01.anc03Block01 {
		background-image: url("../img/active_bg_top.png");
		background-repeat: repeat-x;
		background-position: center top;
		background-size: 50px auto;
		background-color: #29aec2;
		padding: 40px 15px 80px 15px;
		position: relative;
	}


	.colWhite {
		color: #ffffff;
	}

	.contTextBase {
		font-size: 15px;
		line-height: 1.85em;
		text-align: left;
	}

	.anc02Block02 {
		position: relative;
		margin-top: -54px;
	}


	.anc02Ul01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		width: auto;
		margin: auto;
		width: 90%;
	}
	.anc02Ul01 li {
		display: table;
		width: 27vw;
		height: 27vw;
		position: relative;
	}

	.anc02Ul01.anc03Ul01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
		width: auto;
		margin: auto;
		width: 72%;
	}
	.anc02Ul01.anc03Ul01 li {
		display: table;
		width: 32vw;
		height: 20vw;
		position: relative;
		margin-bottom: 4vw;
	}

	.anc02Ul01.anc03Ul01 li .liIn {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
		padding-bottom: 0px;
	}

	.anc02Ul01 li .liIn {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
		padding-bottom: 10px;
	}
	.anc02Ul01 a:link {	color: #2d0505;	text-decoration: none;}
	.anc02Ul01 a:visited {	color: #2d0505;	text-decoration: none;}
	.anc02Ul01 a:hover {	color:#2d0505;	text-decoration: none;}
	.anc02Ul01 a:active {	color:#2d0505;	text-decoration: none;}

	.anc02Ul01 li .liIn:hover {
		animation-name: bounce;
		transform-origin: center bottom;
	}

	.anc02Ul01 li.li01 {
		animation-delay: .5s;
		-webkit-animation-delay: .5s;
	}
	.anc02Ul01 li.li02 {
		animation-delay: 1.0s;
		-webkit-animation-delay: 1.0s;
	}
	.anc02Ul01 li.li03 {
		animation-delay: 1.5s;
		-webkit-animation-delay: 1.5s;
	}
	.anc02Ul01 li.li04 {
		animation-delay: 2.0s;
		-webkit-animation-delay: 2.0s;
	}


	.anc02Ul01 li.li01 .liIn {
		background-color: #ffefe9;
	}
	.anc02Ul01 li.li01 .liIn p.text01 {
		color: #ff8d8d;
	}
	.anc02Ul01 li.li01 .liIn::after{
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #ff8d8d;
		border-right: solid 2px #ff8d8d;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -5px;
	}

	.anc02Ul01.anc03Ul01 li .liIn::after{
		display: none;
	}


	.anc02Ul01 li.li02 .liIn {
		background-color: #f1f8cd;
	}
	.anc02Ul01 li.li02 .liIn p.text01 {
		color: #b1ce28;
	}
	.anc02Ul01 li.li02 .liIn::after{
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #b1ce28;
		border-right: solid 2px #b1ce28;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -5px;
	}

	.anc02Ul01 li.li03 .liIn {
		background-color: #e6f7f6;
	}
	.anc02Ul01 li.li03 .liIn p.text01 {
		color: #4dd9d1;
	}
	.anc02Ul01 li.li03 .liIn::after{
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #4dd9d1;
		border-right: solid 2px #4dd9d1;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -5px;
	}

	.anc02Ul01 li .liIn p.text01 {
		font-size: 16px;
		line-height: 1.2em;
		margin-bottom: 4px;
	}
	.anc02Ul01 li .liIn p.text02 {
		font-size: 16px;
		line-height: 1.2em;
		color: #2d0505;
		margin-bottom: 4px;
	}
	.anc02Ul01 li .liIn p.text03 {
		font-size: 10px;
		line-height: 1.33em;
		color: #2d0505;
	}

	.webFont01 {
			font-family: 'Niconne', cursive;
	}

	.anc02Block03  {
		position: relative;
		margin-top: 30px;
	}
	.anc02Block03.block01 {
	}

	.anc02Block03.block01 .anc02Block03BgRight {
		background-image: url("../img/experience_bg01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1035px 752px;
		width: auto;
		height: 752px;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	.anc02Block03.block01 .anc02Block03BgLeft {
		background-image: url("../img/experience_bg02.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1035px 752px;
		width: auto;
		height: 752px;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	.anc02Block03.block01 .anc02Block03BgRight02 {
		background-image: url("../img/experience_bg03.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1035px 752px;
		width: auto;
		height: 752px;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

	.anc02Tb01 {
		position: relative;
	}
	.anc02Tb01 .cell01 {
		width: auto;
		height: auto;
		float: none;
	}

	.anc02Tb01 .cell01.cont03Cell {
		width: 50%;
		height: 765px;
		float: left;
	}

	.anc02Tb01 .cell01 img {
		width: 100%;
		height: auto;
		position: relative;
		top: 0px;
		right: 0px;
	}
	.anc02Tb01 .cell02 {
		text-align: left;
		box-sizing: border-box;
		width: auto;
		float: none;
		padding: 15px 15px 15px 15px;
	}

	.anc02Tb01.tb02 .cell01 {
		float: none;
	}
	.anc02Tb01.tb02 .cell01 img {
		left: 0px;
	}
	.anc02Tb01.tb02 .cell02 {
		width: auto;
		float: none;
		padding: 15px 15px 15px 15px;
	}

	.contH302 {
		margin-bottom: 20px;
	}
	.contH302 .span01 {
		font-size: 35px;
		line-height: 1.0em;
	}
	.contH302 .span02 {
		color: #ff8d8d;
		font-size: 24px;
		line-height: 1.0em;
	}
	.tb02 .contH302 .span02 {
		color: #b1ce28;
		font-size: 24px;
		line-height: 1.0em;
	}
	.tb03 .contH302 .span02 {
		color: #4dd9d1;
		font-size: 30px;
		line-height: 1.0em;
	}

	.contDl01 dt {
		font-size: 20px;
		line-height: 1.16em;
		font-weight: 500;
		margin-bottom: 15px;
	}
	.contDl01 dd {
		font-size: 15px;
		line-height: 2.1em;
	}

	.contFlex01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		width: auto;
		margin: auto;
		position: relative;
		margin-top: 20px;
		padding: 0px 15px;
	}
	.flexBox01 {
		width: auto;
		text-align: left;
	}
	.flexBox01 dl {
		padding: 15px 0px 30px 0px;
	}
	.flexBox01 dt .span01 {
		display: block;
		font-size: 20px;
		line-height: 1.5em;
		font-weight: bold;
	}
	.flexBox01 dt .span02 {
		display: block;
		font-size: 15px;
		line-height: 1.2em;
	}
	.flexBox01 dd {
		font-size: 15px;
		line-height: 2.0em;
		margin-top: 16px;
	}

	.contH303 {
		font-size: 24px;
		line-height: 1.2em;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.contText01 {
		font-size: 15px;
		line-height: 2.0em;
		font-weight: 500;
	}
	.anc03H401 {
		margin: 20px 0px 0px 0px;
	}

	.anc03Box01 {
		margin-top: 30px;
	}
	.anc03tit01 {
		font-size: 18px;
		line-height: 1.75em;
		font-weight: bold;
	} 

	.anc03Tb01 {
		position: relative;
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;*/
		 justify-content: space-between;
	}
	.anc03Tb01 .cell03 {
		text-align: left;
		width: auto;
		position: relative;
	}
	.anc03Tb01 .cell03 img {
		width: 100%;
		height: auto;
	}

	.anc03Tb01 .cell04 {
		text-align: left;
    width: 150%;
    position: relative;
    margin-left: 5%;
        
	}

	.anc03Tb01 .cell04 .text01 {
		font-size: 14px;
		line-height: 1.92em;
		font-weight: 500;
		letter-spacing: -0.05em;
	}

	.anc03Btn01 {
		display: table;
    width: 183%;
    position: relative;
    right: 83%;
    bottom: 0;
    margin-top: 15px;
	}
    .anc03Btn01.btm10{
        bottom: -10px;
    }
	.anc03Btn01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 45px;
		background-color: #fae609;
	}
	.anc03Btn01 a span {
		display: inline-block;
		background-image: url("../img/03_index_active_29.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 21px auto;
		padding-left: 26px;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.anc03Btn01 a:link {	color: #000033;	text-decoration: none;}
	.anc03Btn01 a:visited {	color: #000033;	text-decoration: none;}
	.anc03Btn01 a:hover {	color:#000033;	text-decoration: none;}
	.anc03Btn01 a:active {	color:#000033;	text-decoration: none;}


	.anc02Tb0102 {
		position: relative;
	}
	.anc02Tb0102 .cell01 {
		width: 45%;
		height: 460px;
		float: left;
	}
	.anc02Tb0102 .cell01.cont03Cell {
		width: auto;
		height: auto;
		float: none;
		position: relative;
	}
	.anc02Tb0102 .cell01 img {
		width: 100%;
		height: auto;
		position: relative;
		top: 0px;
		right: 0px;
	}
	.anc02Tb0102 .cell02 {
		text-align: left;
		box-sizing: border-box;
		width: auto;
		float: none;
		padding: 15px 15px 0px 15px;
	}

	.anc02Tb0102.tb02 .cell01 {
		float: none;
	}
	.anc02Tb0102.tb02 .cell01 img {
		left: 0;
	}
	.anc02Tb0102.tb02 .cell02 {
		width: auto;
		float: none;
		padding: 15px 15px 0px 15px;
	}

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

	.anc04BlockBase {
	padding-top: 40px;
	}
	.anc04BlockIn {
		width: auto;
		margin: auto;
		background-image: url("../img/route_bg01.png");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 140px auto;
		padding: 40px 0px 40px 0px;
	}

	.anc04RouteWrap {
		position: relative;
		margin-top: 55px;
	}
	.anc04RouteWrap li {
		position: absolute;
	}
	.routeBtn01 {
		display: table;
		width: 70.99%;
		position: absolute;
		top: 105.53%;
		left: 14.2%;
	}
	.routeBtn01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 38px;
		background-color: #ff8e7c;
		font-size: 16px;
	}
	.routeBtn01 a:link {	color: #ffffff;	text-decoration: none;}
	.routeBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
	.routeBtn01 a:hover {	color:#ffffff;	text-decoration: none;}
	.routeBtn01 a:active {	color:#ffffff;	text-decoration: none;}

	.routeBtn01.routeBtn02 {
		width: 76.67%;
		top: 84.95%;
		left: 30.85%;
	}
	.routeBtn01.routeBtn02 a {
		background-color: #28c4dc;
	}

	.anc04RouteWrap .route01 {
		width: 33.2%;
		top: 0px;
		left: 9.67%;
	}
	.anc04RouteWrap .route02 {
		width: 52.65%;
		top: 28.0%;
		left: 9.34%;
	}
	.anc04RouteWrap .route03 {
		width: 50.52%;
		top: 45.77%;
		left: 27.67%;
	}
	.anc04RouteWrap .route04 {
		width: 38.14%;
		top: 49.79%;
		left: 58.25%;
	}
	.anc04RouteWrap .route05 {
		width: 31.59%;
		top: 64.02%;
		left: 8.918%;
	}
	.anc04RouteWrap .route06 {
		width: 34.63%;
		top: 79.9%;
		left: 31.59%;
	}
	.anc04RouteWrap .route07 {
		width: 24.76%;
		top: 79.89%;
		left: 71.63%;
	}

	.routeText01 {
		font-size: 12px;
		line-height: 1.4em;
		text-align: left;
		margin-top: 25px;
		padding: 0px 15px;
	}

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

	.anc05BlockBase {
		position: relative;
	}
	.anc05Bg01 {
		background-image: url("../img/info_bg_mask01.png");
		background-repeat: no-repeat;
		background-position: center 80px;
		background-size: 114% auto;
		background-color: #eeeeee;
		height: 180px;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.anc05Cont01 {
		width: auto;
		padding: 30px 0px 40px 0px;
		margin: 0px auto 0px auto;
		position: relative;
	}

	.anc05InfoCont01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		width: auto;
		margin-top: 30px;
		padding: 0px 15px;
	}
	.anc05InfoCont01 dl {
		width: auto;
		margin-bottom: 30px;
	}
	.anc05InfoCont01 dt {
		text-align: center;
		margin-bottom: 15px;
	}
	.anc05InfoCont01 dt img {
		height: 64px;
		width: auto;
	}
	.anc05InfoCont01 dd {
		text-align: left;
		font-size: 15px;
		line-height: 1.85em;
	}
	.anc05InfoCont01 a:link {	color: #ff8d8d;	text-decoration: underline;}
	.anc05InfoCont01 a:visited {	color: #ff8d8d;	text-decoration: underline;}
	.anc05InfoCont01 a:hover {	color:#ff8d8d;	text-decoration: none;}
	.anc05InfoCont01 a:active {	color:#ff8d8d;	text-decoration: none;}

	.anc05Cont02 {
		background-color: #e6e6e6;
		padding: 1px 0px 0px 0px;
		position: relative;
	}
	.anc05H401 {
		text-align: center;
		margin-top: -40px;
	}
	.anc05H401 img {
		height: 64px;
		width: auto;
	}
	.anc05Img01 {
		width: auto;
		margin: 0px auto;
		padding: 30px 15px 40px 15px;
		overflow: auto;
	}
	.anc05Img01 img {
		width: 160%;
		height: auto;
	}
	
	.spCopyWrap {
		display: block;
		position: absolute;
		bottom: 10px;
		right: 10px;
		color: #ffffff;
		font-size: 10px;
		line-height: 1.0em;
	}
	
	
	/*------------------------------*/

	.anc06BlockBase {
		position: relative;
		padding: 100px 15px 45px 15px;
	}
	.anc06BlockBaseBg01 {
		background-image: url("../img/experience_bg_top.png");
		background-repeat: repeat-x;
		background-position: center top;
		background-size: 25px auto;
		background-color: #ff8d8d;
		height: 415px;
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	.anc06Box01 {
		background-image: url("../img/campaign_bg01_02.png");
		background-repeat: repeat;
		background-position: center top;
		background-size: 100% 100%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 40px 15px 40px 15px;
		position: relative;
	}

	.anc06H301 {
		background-image: url("../img/campaign_tit_top.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 260px auto;
		padding-top: 40px;
		/*margin-top: -190px;*/
		width: 100%;
		position: absolute;
		left: 0px;
		top: -82px;
	}
	.anc06H301 .text01 {
		display: block;
		font-size: 20px;
		line-height: 1.0em;
		color: #ff8d8d;
		margin-bottom: 12px;
	}
	.anc06H301 .text02 {
		display: block;
		font-size: 21px;
		line-height: 1.0em;
		font-weight: bold;
	}

	.anc06BoxIn01 {
		position: relative;
		display: table;
		width: 100%;
	}
	.anc06BoxIn01Cell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 80px;
		border-top: 2px solid #333333;
		/*border-bottom: 2px solid #333333;*/
	}
	.anc06BoxIn01Cell01::after {
		content: "";
		background-image: url("../img/campaign_tit_bottom_02.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 19px;
		width: 100%;
		height: 19px;
		position: absolute;
		bottom: -12px;
		left: 0px;
	}
	.anc06BoxIn01Cell01 .text01 {
		font-size: 20px;
		line-height: 1.4em;
		width: 150px;
		text-align: center;
		position: absolute;
		top: -13px;
		left: 50%;
		margin-left: -75px;
		background-image: url("../img/campaign_bg01.png");
		background-repeat: repeat;
		background-position: center top;
	}
	.anc06BoxIn01Cell01 .text02 {
		font-size: 15px;
		line-height: 1.6em;
		text-align: center;

	}

	.anc06Flex01 {
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin: 40px auto 40px auto;
	}
	.anc06Flex01 dl {
		width: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	.anc06Flex01 dt img {
		width: 86px;
		height: auto;
	}
	.anc06Flex01 dd {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.5em;
		font-weight: bold;
		color: #ff6868;
		display: table;
		width: 100%;
	}
	.anc06Flex01 dd .spCam01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 30%;
	}
	.anc06Flex01 dd .spCam01 img {
		height: 50px;
		width: auto;
	}
	.anc06Flex01 dd .spCam02 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
	}

	
	
	.anc06ContactWrap {
		text-align: center;

	}
	.anc06Tb01 {
		display: table;
		margin: 0px auto 8px auto;
		border: 2px solid #ff6868;
	}
	.anc06Tb01Cell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		background-color: #ff6868;
		box-sizing: border-box;
		width: 100px;
		height: 47px;
		padding-left: 4px;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.3em;
		font-weight: bold;
		-moz-border-radius: 300px 0px 0px 300px;
		-webkit-border-radius: 300px 0px 0px 300px;
		-o-border-radius: 300px 0px 0px 300px;
		-ms-border-radius: 300px 0px 0px 300px;
		border-radius: 300px 0px 0px 300px;
	}
	.anc06Tb01Cell02 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 1.3em;
		font-weight: bold;
		padding: 5px 10px;
	}

	.anc06Text01 {
		font-size: 15px;
		line-height: 2.0em;
	}
	.anc06Text01 a:link {	color: #333333;	text-decoration: underline;}
	.anc06Text01 a:visited {	color: #333333;	text-decoration: underline;}
	.anc06Text01 a:hover {	color:#333333;	text-decoration: none;}
	.anc06Text01 a:active {	color:#333333;	text-decoration: none;}

	.anc06Text01 span {
		font-weight: bold;
	}

	.anc06Btn01 {
		display: table;
		width: 100%;
		margin: 30px auto 4px auto;
	}
	.anc06Btn01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 60px;
		background-color: #ff6868;
		color: #ffffff;
		font-size: 20px;
		line-height: 1.3em;
		font-weight: bold;
	}
	.anc06Btn01 a:link {	color: #ffffff;	text-decoration: none;}
	.anc06Btn01 a:visited {	color: #ffffff;	text-decoration: none;}
	.anc06Btn01 a:hover {	color:#ffffff;	text-decoration: none;}
	.anc06Btn01 a:active {	color:#ffffff;	text-decoration: none;}

	/*------モーダルウィンドウ用---------------------------------------*/

	#modal-win {
		width: 100%;
		position: absolute;
	}
	#modal-win-inner {
		/*box-shadow: 0 0 5px rgba(0, 0, 0, .25);*/
		margin: 0 auto;
		position: relative;
		z-index: 9991;
		display: inline-block;
	}
	#modal-bg {
		width: 100%;
		height: 100%;
		background-color: #000000;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9990;
		cursor: pointer;
	}

	.click {
		display: none;
	}

	/*------モーダルウィンドウ用　ここまで---------------------------------------*/

	.clickContWrap {
		background-color: #ffffff;
		box-sizing: border-box;
		width: 95%;
		margin: auto;
		padding: 20px 15px 30px 15px;
	}
	.clickTit01 {
		color: #ff6868;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		text-align: center;
	}
	.clickBlockWrap01 {
		overflow: auto;
		width: 100%;
		height: 400px;
		margin: 20px 0px 20px 0px;
	}
	.clickBlock {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		box-sizing: border-box;
		padding-right: 35px;
		width: 100%;
	}
	.clickBlockFlexBox {
		width: 100%;
		padding: 10px 0px;
	}
	.clickBlockFlexBox h4 {
		border-top: 2px solid #333333;
		text-align: center;
		position: relative;
		margin-bottom: 10px;
	}
	.clickBlockFlexBox h4 span {
		display: inline-block;
		padding: 0px 10px;
		background-color: #ffffff;
		/*margin-top: -8px;*/
		font-size: 16px;
		line-height: 1.0em;
		font-weight: bold;
		position: relative;
		top: -10px;
	}

	.clickBlockFlexBox dl {
		margin-bottom: 15px;
		text-align: left;
	}
	.clickBlockFlexBox dt {
		color: #ff6868;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.clickBlockFlexBox dd li {
		font-size: 14px;
		line-height: 1.7em;
		margin-bottom: 5px;
		text-indent: -1em;
		padding-left: 1em;
	}

	.clickClose {
		font-size: 15px;
		line-height: 1.2em;
	}
	.clickClose a:link {	color: #333333;	text-decoration: underline;}
	.clickClose a:visited {	color: #333333;	text-decoration: underline;}
	.clickClose a:hover {	color:#333333;	text-decoration: none;}
	.clickClose a:active {	color:#333333;	text-decoration: none;}

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

	.bottomWrap {
		padding: 40px 0px 45px 0px;
		text-align: center;
	}
	.bottomWrap .logo01 {
		margin-bottom: 30px;
	}
	.bottomWrap .logo01 img {
		width: 210px;
		height: auto;
	}
	.bottomWrap .logo02 img {
		width: 117px;
		height: auto;
	}



}



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


#gfooter {
	border-top: 1px solid #ebf1f3;
}
.footer {
	padding: 0px 24px 0px 30px;
}
.footerRight {
	display: table;
	float: right;
}
.footerRight .snsBtn {
	height: 65px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-left: 10px;
}
.footerRight .footerLogo img {
	width: 120px;
	height: auto;
}
.footerRight .snsBtn img {
	width: 35px;
	height: auto;
}

.footerLeft {
	display: table;
	float: left;
}
.footerLeftIn {
	height: 65px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.4em;
	letter-spacing: 0.075em;
}



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


	#gfooter {
		border-top: 1px solid #ebf1f3;
	}
	.footer {
		padding: 0px 20px 0px 20px;
	}
	.footerRight {
		display: table;
		float: none;
		width: auto;
		margin: auto;
	}
	.footerRight .snsBtn {
		height: 65px;
		width: 36px;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		padding-left: 5px;
	}
	.footerRight .footerLogo img {
		width: 100px;
		height: auto;
	}
	.footerRight .snsBtn img {
		width: 30px;
		height: auto;
	}

	.footerLeft {
		display: table;
		float: none;
		width: 100%;
	}
	.footerLeftIn {
		height: 40px;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 12px;
		line-height: 1.4em;
		letter-spacing: 0.075em;
	}



}








/* -------------------------------------------------------------------- 
 メニュー表示用
-------------------------------------------------------------------- */

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 32px;
  height: 25px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

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

.menu-open .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(12px) rotate(-315deg);
  transform: translateY(12px) rotate(-315deg);
}
.menu-open .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
.menu-open .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-12px) rotate(315deg);
  transform: translateY(-12px) rotate(315deg);
}






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

/*デバイスwidth、～799px用のスタイルを記入*/



}



.menu-btn-pos {
  position: fixed;
  top: 45px;
  right: 45px;
  z-index: 2500;
}
/*.menu-btn-pos.scroll {
	background-color: #ff9c81;
}*/

@media screen and (max-width: 767px) {
  .menu-btn-pos {
    top: 16px;
    right: 3%;
  }
}

.menu-btn {
  width: auto;
  height: 46px;
  position: relative;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
	background-color: #91d4ea;
	transition: background .3s;
}
.menu-btn.scroll {
	background-color: transparent;
	transition: background .3s;
}

@media screen and (max-width: 767px) {
  .menu-btn {
    width: auto;
    height: 46px;
  }
}

.menu-container {
  position: fixed;
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  pointer-events: none;
	top: 0px;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100vh;
  width: 100vw;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  visibility: hidden;
}

.menu ul {
  list-style: none;
  margin: auto;
  padding: 0;
	display: table;
  width: 1040px;
}

.menu ul li {
  color: white;
  padding: 20px 40px 20px 110px;
 /* font: 600 30px/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
  font: 600 3rem/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;*/
  letter-spacing: 2px;
  text-indent: 2px;
	font-size: 21px;
	font-weight: bold;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	background-image: url("../img/meganavi_icon01.png");
	background-repeat: no-repeat;
	background-position: 40px center;
	background-size: 48px auto;
  box-sizing: border-box;
  width: 50%;
}


@media screen and (max-width: 767px) {
  .menu ul li {
    padding: 15px 10px;
   /* font: 600 26px/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
    font: 600 2.6rem/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;*/
		font-size: 18px;
  }


.menu-container {
  position: fixed;
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  pointer-events: none;
	top: 0px;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100vh;
  width: 100vw;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  visibility: hidden;
}

.menu ul {
  list-style: none;
  margin: auto;
  padding: 0;
	display: block;
  width: auto;
}

.menu ul li {
  color: white;
  padding: 20px 40px 20px 40px;
 /* font: 600 30px/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
  font: 600 3rem/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;*/
  letter-spacing: 2px;
  text-indent: 2px;
	font-size: 21px;
	font-weight: bold;
	display: block;
	text-align: left;
	vertical-align: middle;
	background-image: url("../img/meganavi_icon01.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 24px auto;
  box-sizing: border-box;
  width: auto;
}


}

@media screen and (max-width: 479px) {
  .menu ul li {
    padding: 10px 0px 10px 28px;
   /* font: 600 22px/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
    font: 600 2.2rem/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;*/
		font-size: 14px;
  }
}


.menu ul li a {
  position: relative;
  display: inline-block;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  text-decoration: none;
  color: #ffffff;
}

.menu ul li a:hover {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.menu ul li a:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: -2px;
  background: #ffffff;
  height: 2px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

@media screen and (max-width: 999px) {
  .menu ul li a:after {
    bottom: -1px;
  }
}

.menu ul li a:hover {
  color: #ffffff;
  opacity: 1;
}

.menu ul li a:hover:after {
  left: 0;
  right: 0;
}

.menu ul li a.active {
  color: #000;
}

.menu ul li a.active:after {
  left: 0;
  right: 0;
}

.menu-sliders {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: -webkit-box-flex 0.45s;
  transition: -webkit-box-flex 0.45s;
  -o-transition: flex 0.45s;
  transition: flex 0.45s;
  transition: flex 0.45s, -webkit-box-flex 0.45s, -ms-flex 0.45s;
}

.menu-sliders:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  background: transparent;
}

.menu-sliders:nth-child(odd) {
	background-image: url("../img/meganavi_bg01.png");
	background-repeat: repeat;
	background-position: center top;
  /*background: rgba(255, 255, 255, 0.9);*/
	/*background-color: #04bfbf;*/
	/*opacity: 0.9;*/
}

body.menu-open .menu-btn-pos {
  position: fixed;
}

body.menu-open .menu-sliders:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0%;
          flex: 0 0 0%;
}

body.menu-open .menu {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  visibility: visible;
  pointer-events: all;
}

body.menu-open .menu-btn div {
  background: transparent;
}

body.menu-open .menu-btn div:before {
  -webkit-transform: translateY(10px) rotate(-45deg);
      -ms-transform: translateY(10px) rotate(-45deg);
          transform: translateY(10px) rotate(-45deg);
}

body.menu-open .menu-btn div:after {
  -webkit-transform: translateY(-10px) rotate(-135deg);
      -ms-transform: translateY(-10px) rotate(-135deg);
          transform: translateY(-10px) rotate(-135deg);
}



/*-----*/