/*----------------------------------------------------
	******RESET******
----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body, html {
	width: 100%;
	height: 100%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
body {
	background: #fff;
	color: #555;
	font-size: 13px;
	*font-size:small;
	*font:x-small;
	vertical-align: top;
}
p {
	font-size:100%;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
table {
	font-size:inherit;
	font-size:100%!important;
}
img {
	border: none;
}
ul, ol {
	list-style-type: none;
}
hr {
	display: none;
}
a {
	color: #3196f4;
	text-decoration: none;
	cursor: pointer;
	outline: none !important;
}
.transition{
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
a[href^="tel:"] {
	cursor: default;
}
a img:hover {
	opacity: 0.8;
}
a:link {
	color: #545454;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #e4b6cc !important;
}
ins{background-color: #ff9;color: #000;text-decoration: none;}
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 #000;cursor: help;}
li img {background-color: transparent;text-decoration: none;}
a img {background-color: transparent;}
a:hover img{background-color: transparent;text-decoration: none;}
p{line-height: 1.8;margin-bottom:1em;word-break: break-all;letter-spacing:0.05em;}
li{line-height: 1.6;}
::selection {background-color: #00A0E9;color:#FFF; /* Safari */}
::-moz-selection {background-color: #00A0E9;color: #FFF; /* Firefox */}

@media screen and (max-width: 770px) {
input[type="text"]  ,input[type="submit"]  ,input[type="reset"],input[type="hidden"]  ,input[type="search"]  ,input[type="tel"],input[type="url"]  ,input[type="email"]  ,input[type="password"],input[type="number"]  ,input[type="file"]  ,input[type="button"]{
	-webkit-appearance: none;
}
.sp *{
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
}
}





/*----------------------------------------------------
******CLEARFIX******
----------------------------------------------------*/
.clearfix:before, .clearfix:after {
 content: " ";
 display: table;
}
.clearfix:after {
 clear: both;
}
.clearfix {
 zoom: 1; /* for IE 6/7 only */
}
br.clear_noie, div.clear_noie {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}
br.clear_all {
	clear: both;
	line-height: 0px;
}





/*----------------------------------------------------
	******ETC******
----------------------------------------------------*/
.ancSet{
	padding-top:90px;
	margin-top:-90px;
}
.ancA{
	position:absolute;
	top:0;
	left:0;
	display:block;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	height:0;
	padding-top:90px;
	margin-top:-90px;
}
.underLine {
	text-decoration: underline !important;
}
#topcontrol {
	z-index: 10000;
}
#topcontrol img{
	vertical-align:bottom;
}
.floatingImgR{
	float:right;
	padding:0.5em 0 1em 1em;
	max-width:100%;
	width:30%;
	height:auto !important;
}
.floatingImgL{
	float:left;
	padding:0.5em 1em 1em 0;
	max-width:100%;
	width:30%;
	height:auto !important;
}
@media screen and (max-width: 770px) {
.ancSet , .ancA{
	margin-top:-45px;
	padding:45px;
}
/*ancSet*/
#topcontrol {
	display: none;
}
.floatingImgR ,.floatingImgL{
	width:40%;
}
/*floatingImgR floatingImgF*/
}





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





/*----------------------------------------------------
	******INPUT******
----------------------------------------------------*/
.imeOff {ime-mode: inactive;}
.error th{background:rgba(247,180,181,1.00) !important;}
.error td{background:rgba(252,230,230,1.00) !important;}
.error input[type="text"],.error input[type="tel"],.error input[type="mail"]{background:#fff;}

.inputS ,.inputM ,.inputL ,.inputX  ,.inputXX ,.textarea_1 ,.inputTel{
	background:#fff;
	font-size: 116%;
	padding: 6px 6px;
	border:1px solid #ccc;
	border-radius:3px;
	overflow:hidden;
}
.inputAdd {width: 8em;}
.inputTel {width: 13em;}
.inputS {width: 20%;}
.inputM {width: 40%;}
.inputL {width: 60%;}
.inputX {width: 80%;}
.inputXX {width: 100%;}
.textarea_1 {
	border:none !important;
	background:#efefef;
	height: 250px;
	width: 99%;
	resize: vertical;
}


/*css radio02*/
.radio02-input{
  display: none;
}
.radio02-input + label{
  display:inline-block;
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
  margin-bottom:1em;
}
.radio02-input + label:hover{
	cursor:pointer;
}
.radio02-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio02-input:checked + label{
  color: #009a9a;
}
.radio02-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}





/*Radio Check*/
label.checkbox_text {
	position      : relative;
	cursor        : pointer;
	display       : inline-block;
	overflow      : hidden;
	box-sizing    : border-box;
	margin-right: 20px;
  margin-bottom:1em;
}
label.checkbox_text {
	padding-left : calc(16px + 5px);
	line-height  : 16px;
}
/** before after **/
label.checkbox_text:before,label.checkbox_text:after{
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.checkbox_text:after{
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	border-right      : 2px solid #DD6655;
	border-bottom     : 2px solid #DD6655;
	top               : calc(50% - (((10px / 12 ) * 5) / 2));
	display           : block;
	margin-top        : calc(((13px / 12 ) * 5) * -1);
	width             : calc(((11px / 12 ) * 5));
	height            : 12px;
	z-index           : 1;
}
label.checkbox_text:before {
	width    : 16px;
	height   : 16px;
	left     : 0px;
	top      : 0;
	border   : 1px solid #B3B3B3;
	z-index  : 3;
	box-sizing: border-box;
}
label.checkbox_text:after {
	left : calc((20px / 2) - (((17px / 12 ) * 5) / 2));
}
/** input **/
label.checkbox_text input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	margin     : 0px;
	width      : 16px;
	height     : 16px;
	box-sizing    : border-box;
	outline       : none;
}
label.checkbox_text input[type="checkbox"]{
	left       : calc(16px * -1);
	padding    : 0;
}
label.checkbox_text input[type="checkbox"] {
	display    : block;
	box-shadow : 16px 0px #FFF;
}
/** checked forcus */
label.checkbox_text input[type="checkbox"]:checked{box-shadow : none;}
label.checkbox_text input[type="checkbox"]:checked:focus{opacity: 0.1;}
label.checkbox_text input[type="checkbox"]:checked:focus {box-shadow : 16px 0px #fff;}
label.checkbox_text input[type="checkbox"]:focus {box-shadow : 16px 0px #fff;}


:placeholder-shown {color: #ccc; }
::-webkit-input-placeholder {color: #ccc; }
:-moz-placeholder {color: #ccc; opacity: 1; }
::-moz-placeholder {color: #ccc; opacity: 1; }
:-ms-input-placeholder {color: #ccc; }

#contents input:focus::-webkit-input-placeholder { opacity:0; }
#contents input:focus:-moz-placeholder { opacity:0; }
#contents input:focus::-moz-placeholder { opacity:0;}





/*----------------------------------------------------
	******WIDTH******
----------------------------------------------------*/
.w10 {width: 10%!important;}
.w20 {width: 20%!important;}
.w25 {width: 25%!important;}
.w30 {width: 30%!important;}
.w33 {width:calc(100% / 3); width: 30%!important;}
.w40 {width: 40%!important;}
.w50 {width: 50%!important;}
.w60 {width: 60%!important;}
.w70 {width: 70%!important;}
.w80 {width: 80%!important;}
.w90 {width: 90%!important;}
.w100 {width: 100%!important;}
@media screen and (max-width: 770px) {
.spWidth100{width:100% !important;}
.spImg50{height:auto !important; width:50% !important;}
.spImg60{height:auto !important; width:60% !important;}
.spImg70{height:auto !important; width:70% !important;}
.spImg80{height:auto !important; width:80% !important;}
.spImg90{height:auto !important; width:90% !important;}
.spImg100{height:auto !important; width:100% !important;}
}





/*----------------------------------------------------
	******DISPLAY******
----------------------------------------------------*/
.block {display: block !important;}
.inline {display: inline !important;}
.inlineBlock {display: inline-block !important;}
.none {display: none !important;}
.noBorder {border: none !important;}
/*pc*/
.pcBlock {display: block;}
.pcInline {display: inline;}
.pcInlineBlock {display: inline-block;}
.pcTable {display: table;}
.pcInlineBlock {display: inline-block;}
/*sp*/
.spBlock {display: none;}
.spInline {display: none;}
.spTable_block {display: block;}
.spInlineBlock {display: none;}
@media screen and (max-width: 770px) {
/*pc*/
.pcBlock {display: none;}
.pcInline {display: none;}
.pcInlineBlock {display: none;}
.pcTable {display: block;}
.pcInlineBlock {display: none;}
/*sp*/
.spBlock {display: block;}
.spInline {display: inline;}
.spTable_block {display: table;}
.spInlineBlock {display: inline-block;}
}





/*----------------------------------------------------
	******CK-BOX******
----------------------------------------------------*/
.ckBox {
	overflow: hidden;
	margin-bottom:3em;
}
.ckBox img {
	max-width: 100%;
	height: auto !important;
}





/*----------------------------------------------------
	******TBL******
----------------------------------------------------*/
.baseTBL {
	margin-bottom:3em;
	border-collapse: collapse;
	width: 100%;
}
.baseTBL th {
	text-align: left;
	white-space: nowrap;
	background: rgba(0,0,0,0.10);
}
.baseTBL th, .baseTBL td {
	border: 1px solid #eee;
	padding: 0.8em 1em;
}
.baseTBL thead th, .baseTBL thead td {
	background: rgba(0,0,0,0.30);
}

.scrollTable .baseTBL {
	margin: 0 0 1em 0;
}
.scrollTable  .baseTBL th, .scrollTable  .baseTBL td {
	display: table-cell !important;
}
.scrollTable .scrollCaution {
	font-size:77%;
	margin-bottom:3em;
}
.scrollTable::-webkit-scrollbar {
height: 3px;
}
.scrollTable::-webkit-scrollbar-track {
background: #F1F1F1;
}
.scrollTable::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
/*table*/
@media screen and (max-width: 770px) {
.simpleTBL tr th , .simpleTBL tr td{
		display:block;
		width:100%;
}
.scrollTable {
	overflow: auto;
	white-space: nowrap;
}
}








/*----------------------------------------------------
	******UL OL******
----------------------------------------------------*/
ul.baseUL {
	margin-bottom:3em;
}
ul.baseUL > li {
	margin-left: 1em;
	text-indent: -1em;
	border-bottom: 1px dotted #ccc;
	padding: 0.8em 0;
}
ul.baseUL > li:before {
	content: "● ";
	color: rgba(14,98,231,1.00);
}

ul.simpleUL{
	margin-bottom:3em;
}
ul.simpleUL > li{
	padding: 0.6em 0;
}
/*ul*/

ol.baseOL {
	margin-bottom:3em;
}
ol.baseOL > li {
	list-style-type: decimal-leading-zero !important;
	margin-left: 1.8em;
	border-bottom: 1px dotted #ccc;
	padding: 0.8em 0;
}
/*ol*/











/*----------------------------------------------------
	******BOX SETTING******
----------------------------------------------------*/
.youtubeBox {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
  margin-bottom:5em;
}
.youtubeBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*youtubeBox*/

.box5-5 img ,.box6-3 img ,.box6-4 img ,.box4-6 img ,.box3-7 img ,.box7-3 img ,.box3-3-3 img ,.box4-4-4-4 img{
	height:auto;
	max-width:100%;
}
.box5-5 ,.box6-3 ,.box6-4 ,.box4-6 ,.box3-7 ,.box7-3 ,.box3-3-3 ,.box4-4-4-4{
	overflow:hidden;
	width:100%;
}
.box5-5 > .lBox ,.box6-3 > .lBox ,.box6-4 > .lBox ,.box4-6 > .lBox ,.box3-7 > .lBox ,.box7-3 > .lBox{
	float: left;
	margin-bottom:3em;
}
.box5-5 > .rBox ,.box6-3 > .rBox ,.box6-4 > .rBox ,.box4-6 > .rBox ,.box3-7 > .rBox ,.box7-3 > .rBox{
	float: right;
	margin-bottom:3em;
}

.box5-5 > .lBox {width: 48%;}
.box5-5 > .rBox {width: 48%;}
/*box5-5*/
.box6-3 > .lBox {width: 60%;}
.box6-3 > .rBox {width: 30%;}
/*box6-3*/
.box6-4 > .lBox {width: 60%;}
.box6-4 > .rBox {width: 36%;}
/*box6-4*/
.box4-6 > .lBox {width: 36%;}
.box4-6 > .rBox {width: 60%;}
/*box4-6*/
.box3-7 > .lBox {width: 30%;}
.box3-7 > .rBox {width: 66%;}
/*.box3-7*/
.box7-3 > .lBox {width: 66%;}
.box7-3 > .rBox {width: 30%;}
/*.box3-7*/
.box3-3-3 > ul {
	margin-left: -3.3%;
	margin-bottom:1em;
	overflow: hidden;
}
.box3-3-3 > ul > li {
	margin: 1em 0 1em 3.3%;
	float: left;
	width: 30%;
}
.box3-3-3 > ul > li > a{
	display:block;
	height:100%;
}
/*box3-3-3*/

.box4-4-4-4 > ul {
	margin-left: -4%;
	margin-bottom:1em;
	overflow: hidden;
}
.box4-4-4-4 > ul > li {
	margin: 1em 0 1em 4%;
	float: left;
	width: 21%;
}
.box4-4-4-4 > ul > li > a{
	display:block;
	height:100%;
}
/*box4-4-4-4*/

.fadeBlcok{
	opacity:0;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}
.fadeBlcokOn{
	opacity:1;
}
/*fadeBlcok*/

.strongUnder{
	background: linear-gradient(transparent 60%, #ffff66 40%);
}
/*strongUnder*/

.box1500-85-90 ,.box1250-85-90  ,.box1000-85-90 ,.box750-85-90 ,.box1500-100-90 ,.box1250-100-90 ,.box1000-100-90 ,.box750-100-90{
	margin: 0 auto 2em;
}
.box1500-85-90 {width: 85%;}
.box1250-85-90 {width: 85%;}
.box1000-85-90 {width: 85%;}
.box750-85-90 {width: 85%;}
.box1500-100-90 {width: 100%;}
.box1250-100-90 {width: 100%;}
.box1000-100-90 {width: 100%;}
.box750-100-90 {width: 100%;}
.max1500 {max-width: 1500px;}
.max1300 {max-width: 1300px;}
.max1250 {max-width: 1250px;}
.max1000 {max-width: 1000px;}
.max800 {max-width: 800px !important;}
.max750 {max-width: 750px;}
.max770 {max-width: 770px;}
.max500 {max-width: 500px;}
@media screen and (max-width: 1500px) {
.box1500-100-90 {width: 90%;}
.box1500-85-90 {width: 90%;}
}

@media screen and (max-width: 1250px) {
.box1250-100-90 {width: 90%;}
.box1250-85-90 {width: 90%;}
}

@media screen and (max-width: 1000px) {
.box1000-100-90 {width: 90%;}
.box1000-85-90 {width: 90%;}
}
@media screen and (max-width: 770px) {
	
.box5-5 > .lBox ,.box6-3 > .lBox ,.box6-4 > .lBox ,.box4-6 > .lBox ,.box3-7 > .lBox ,.box7-3 > .lBox , .box5-5 > .rBox ,.box6-3 > .rBox ,.box6-4 > .rBox ,.box4-6 > .rBox ,.box3-7 > .rBox ,.box7-3 > .rBox{
	float: none;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.box3-3-3 > ul {
	margin-left: -2%;
}
.box3-3-3 > ul > li {
	margin: 1em 0 1em 2%;
	width: 100%;
}
/*box3-3-3*/

.box4-4-4-4 > ul {
	margin-left: -2%;
	width: 100%;
}
.box4-4-4-4 > ul >	 li {
	margin: 1em 0 1em 2%;
	float: left;
	width: 48%;
}
/*box4-4-4-4*/

.box750-100-90 {
	width: 90%;
}
.box750-85-90 {
	width: 90%;
}
}




/*----------------------------------------------------
	******BTN******
----------------------------------------------------*/
.btnBox {
	text-align: center;
}
.btnBox a {
	border:3px solid rgba(93,188,147,1.00);
	color: #fff !important;
	display: inline-block;
	margin: 1em 1.5em;
	padding: 0.25em 1.5em;
	border-radius: 1000px;
	font-size:130%;
	text-align: center;
	background: rgba(93,188,147,1.00);
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
.btnBox a:hover {
	color: rgba(93,188,147,1.00) !important;
	background: #fff;
}
.btnBox button {
	color: #fff !important;
	font-size:123.1%;
	display: inline-block;
	margin: 1em 1.5em;
	padding: 0.5em 3em;
	border-radius: 1000px;
	text-align: center;
	background: #000;
	border: none;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}
.btnBox button.conf{background:#000;}
.btnBox button.submit{background:#000;}
.btnBox button.back{background:#999;}
.btnBox button:hover {background: rgba(50,154,198,1.00); cursor: pointer;}

@media screen and (max-width: 770px) {
.btnBox a {
	font-size:100%;
}
}


/*----------------------------------------------------
	******INDENT******
----------------------------------------------------*/
.centerLeftP{ text-align:center;}
.fLeft {float: left !important;}
.fRight {float: right !important;}
.center {text-align: center!important;}
.left {text-align: left!important;}
.right {text-align: right!important;}
.btm0{margin-bottom: 0 !important;}
.btm0_1em {margin-bottom: 0.1em !important;}
.btm0_2em {margin-bottom: 0.2em !important;}
.btm0_3em {margin-bottom: 0.3em !important;}
.btm0_4em {margin-bottom: 0.4em !important;}
.btm0_5em {margin-bottom: 0.5em !important;}
.btm1_0em {margin-bottom: 1.0em !important;}
.btm1_5em {margin-bottom: 1.5em !important;}
.btm2_0em {margin-bottom: 2.0em !important;}
.btm2_5em {margin-bottom: 2.5em !important;}
.btm3_0em {margin-bottom: 3.0em !important;}
.btm3_5em {margin-bottom: 3.5em !important;}
.btm4_0em {margin-bottom: 4.0em !important;}
.btm4_5em {margin-bottom: 4.5em !important;}
.btm5_0em {margin-bottom: 5.0em !important;}
.pT0 {padding-top: 0!important;}
.pL0 {padding-left: 0!important;}
.pR0 {padding-right: 0!important;}
.pB0 {padding-bottom: 0!important;}

@media screen and (max-width: 770px) {
.centerLeftP{ text-align:left;}
}



/*----------------------------------------------------
	******FONT******
----------------------------------------------------*/
.red {color: #c40000;}
.kon {color: rgba(0,87,164,1.00);}
.purple {color: #9455B4;}
.blue {color: #009FE9;}
.yellow {color: #FC0;}
.green {color: #090;}
.white {color: #fff;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.vAT {vertical-align: top!important;}
.vAM {vertical-align: middle!important;}
.vAB {vertical-align: bottom!important;}




/*----------------------------------------------------
	******scrollBTN******
----------------------------------------------------*/
#scrollBTN {
	color: #fff!important;
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate( -50%, -50%) scale(0.75);
  transform: translate( -50%, -50%) scale(0.75);
  text-decoration: none;
	padding-top: 60px;
}
#scrollBTN span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 4px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#scrollBTN span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media screen and (max-width: 770px) {
#scrollBTN {
	bottom:-30px;
}
}


/*----------------------------------------------------
	******FONTSIZE******
----------------------------------------------------*/
.size10 {font-size:77%!important; line-height:1.4;}
.size11 {font-size:85%!important; line-height:1.4;}
.size12 {font-size:93%!important;}
.size13 {font-size:100%!important;}
.size14 {font-size:108%!important;}
.size15 {font-size:116%!important;}
.size16 {font-size:123.1%!important;}
.size17 {font-size:131%!important;}
.size18 {font-size:138.5%!important;}
.size19 {font-size:146.5%!important;}
.size20 {font-size:153.9%!important;}
.size21 {font-size:161.6%!important;}
.size22 {font-size:167%!important;}
.size23 {font-size:174%!important;}
.size24 {font-size:182%!important;}
.size25 {font-size:189%!important;}
.size26 {font-size:197%!important;}




/*----------------------------------------------------
	******HEADER******
----------------------------------------------------*/
#header{
	background:rgba(255, 191, 228, 0.7);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out; /* firefox */
	-webkit-transition: all 0.2s ease-out; /* chrome, safari */
	-ms-transition: all 0.2s ease-out; /* ie */
}
#header .inr{
	margin:0 auto;
	max-width:1300px;
	position:relative;
	height:90px;
}
#header .inr #logo{
	position:absolute;
	top:0;
	left:15px;
}
#header .inr #logo a{
	display: inline-block;
	line-height:90px;
	width:235px;
}
#header .inr #logo a img{
	vertical-align:middle;
}
#header .inr #g-nav{
	position:absolute;
	bottom:0;
	right:0;
}
#header .inr #g-nav > ul{
	font-size:0;
	text-align:right;
}
#header .inr #g-nav > ul > li{
	font-size:13px;
	position:relative;
	display:inline-block;
}
#header .inr #g-nav > ul > li > a{
	position:relative;
	display:block;
	text-align:center;
	color:#000000 !important;
	font-size:108%;
	height:90px;
	line-height:90px;
	padding:0 1em;
}
#header .inr #g-nav > ul > li > a:after{
	content:url(../../img/arrow.png);
	display: inline;
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translate(-50%,0);
	height:10px !important;
	line-height:0;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
#header .inr #g-nav > ul > li > a:hover:after{
	bottom:3px;
	}
#header .inr #linkBTN{
	position:absolute;
	text-align:right;
	top:0;
	right:0;
}
#header .inr #linkBTN a{
	display: inline-block;
	text-align:center;
	margin-left:1px;
}
/*header*/

@media screen and (max-width:770px) {
	#header{
		display:none !important;
	}
}





/*----------------------------------------------------
	******SP SETTEING******
----------------------------------------------------*/
#spHeader {
	position: fixed;
	background:rgb(255, 169, 205);
	height: 45px;
	width: 100%;
	display: none;
	z-index: 1000;
	top: 0px;
	left: 0px;
}
#spHeader .spLOGO {
	width:170px;
	position:absolute;
	top:10px;
	left:10px;
	overflow:hidden;
	max-height:45px;
}
#spHeader .spBTN_NavR {
	position:absolute !important;
	transform:scale(0.4);
	top:0px;
	right:0px;
}
/*spHeader*/


#spHeader .menu-trigger {
	position: absolute;
	transform:scale(0.4,0.4);
	width: 50px;
	height: 44px;
}
#spHeader .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
#spHeader .menu-trigger.active span:nth-of-type(2) {
	left: 200%;
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
#spHeader .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}
/*menu-trigger*/

#spNav{
	background:rgba(0,0,0,0.0);
	visibility:hidden;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:99;
	opacity:0;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#spNav #inrBox{
	width:65%;
	height:100%;
	margin-left:65%;
	overflow:scroll;
	padding-top:45px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}



@media screen and (max-width:770px) {
#spNav.open{
	background:rgba(0,0,0,0.7);
	visibility: visible;
	opacity:1;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}

#spNav.open #inrBox{
	margin-left:35%;
	background:#fff;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#spNav.open #inrBox .spUL{
	width:100%;
	height:100%;
	background:#fff;
}
}



#spNav .spUL li a {
	background:#fff;
	font-size:85%;
	display: block;
	color: #000;
	border-bottom: 1px dotted #bbb;
	padding: 1.5em 1em;
}
#spNav .spUL li.li00 a {
	text-align:center;
	background:rgba(93,188,147,1.00);
	padding:5% 10%;
}
#spNav .spUL li.li_search{
	background:#bed8e6;
	padding:5% 10%;
}
#spNav .spUL li.li_search #headerSearch #headerSearchText{
	padding:0.5em;
}
#spNav .spUL li.li_search #headerSearch #headerSearchBTN{
	border:none;
	color:#fff;
	background:#0F7BB9;
	padding:0.5em;
}
/*spNav*/
@media screen and (max-width:770px) {
#spHeader {
	display: block;
}
}


/*----------------------------------------------------
	******loopslider******
----------------------------------------------------*/

#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 334px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 334px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 500px;
    height: 334px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}




/*----------------------------------------------------
	******MV******
----------------------------------------------------*/
#mvTop{
	height:100% !important;
	width:100%;
}
#catch{
	display:inline-block;
	text-align:center;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	position:absolute;
	z-index:9;
	margin-top:45px;
	width:90%;
	max-width:700px;
}
.vegas-overlay{
	display:none !important;
}
.vegas-timer-progress{
	background:#557FD3 !important;
}
@media screen and (max-width: 770px) {
#mvTop{
	height:75% !important;
}
#catch{
	margin-top:22px;
}
}




/*----------------------------------------------------
	******inrBoxW90******
----------------------------------------------------*/
.titleBar{
	color:rgb(168, 115, 148);
	position:relative;
	text-align:center;
	font-size:300%;
	padding-bottom: 100px;
    margin-bottom: 60px;
	font-family:"Times","Times New Roman","Minion Web","游明朝体","YuMincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","HG明朝E",Meiryo,メイリオ,serif;
}
.titleBar:after{
	background:rgba(0,0,0,0.20);
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:1px;
	height:80px;
	transform:translate(0,0);
}


.inrBoxW90{
	padding:90px 0;
	margin:0 auto;
	width:90%;
	max-width:1300px;
}
@media screen and (max-width: 770px) {
.titleBar{
	font-size:160%;
	padding-bottom: 50px;
    margin-bottom: 30px;
}
.titleBar:after{
	height:40px;
}
.inrBoxW90{
	padding:60px 0;
	}
}




/*----------------------------------------------------
	******art_01******
----------------------------------------------------*/
#art_01{
	position:relative;
	text-align:center;}
#art_01 .tate{
	color:#888;
	text-align:left;
	line-height:2.4;
	display: inline-block;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-size:123.1%;
	padding:90px 0;
}
#art_01 .tate .tateTitle{
	color:rgb(177, 124, 161);
	font-size:123.6%;
}

@media screen and (max-width: 770px) {
#art_01 .tate{
	line-height:1.5;
	font-size:108%;
	padding:60px 0;
}
}



/*----------------------------------------------------
	******art_02******
----------------------------------------------------*/
#art_02{
	position:relative;
	background:#f5f5f5;
}
#art_02 .rBox .txt{
	font-size:130%;
	margin-bottom:15px !important;
}
#art_02 .rBox .txt strong{
	color:rgb(163, 115, 141);
	margin-bottom:15px !important;
}
#art_02 .rBox .nameP{
	text-align:right;
}
@media screen and (max-width: 770px) {
#art_02 .rBox .txt{
	font-size:100%;
}
}


/*----------------------------------------------------
	******art_03******
----------------------------------------------------*/
#art_03{
	position:relative;
}
art_03 .tokutyo .tokutyoSpan img{
	width:80%;
}
#art_03 .tokutyo .tokutyoSpan .txt{
	color:#557fd3;
	font-size:150%;
}
.mess{
	color:rgba(93,188,147,1.00);
	text-align:center;
	font-size:250%;
	line-height:1.3;
}
.messIMG_SP{
	display:none;
}

@media screen and (max-width: 900px) {
#art_03 .messIMG_PC {
	display:none;
}
.messIMG_SP{
	display: block;
}
}

@media screen and (max-width: 770px) {
.mess{
	font-size:116%;
}
}






/*----------------------------------------------------
	******art_04******
----------------------------------------------------*/
#art_04{
	position:relative;
	background:#f5f5f5;
}
#art_04 .telP{
	margin-bottom:10px;
}
#art_04 .dottedBox{
	border:5px dotted rgba(93,188,147,1.00);
	padding:80px 50px;
	background:#fff;
	margin:0 auto;
	max-width:1000px;
	border-radius:20px;
}
#art_04 .dottedBox h2{
	color:rgba(93,188,147,1.00);
	font-size:300%;
	text-align:center;
	margin-bottom:60px;
}
@media screen and (max-width: 770px) {
#art_04 .dottedBox{
	border:3px dotted rgba(93,188,147,1.00);
	padding:20px 15px;
	border-radius:10px;
}
#art_04 .dottedBox h2{
	font-size:160%;
	margin-bottom:20px;
}
}





/*----------------------------------------------------
	******art_05******
----------------------------------------------------*/
#art_05{
	position:relative;
	background:#f5f5f5;
}

    
    





/*----------------------------------------------------
	******art_06******
----------------------------------------------------*/
#art_06{
	position:relative;
}
#art_06 h3{
	color:rgba(93,188,147,1.00);
	font-size:150%;
	margin-bottom:1em;
}
@media screen and (max-width: 770px) {
}


/*----------------------------------------------------
	******art_07******
----------------------------------------------------*/
#art_07{
	position:relative;
	background:#f5f5f5;
}
#art_07 .addTitle{
	font-size:138.5%;
}
#art_07 .addTxt{
	font-size:116%;
	border-left:1px solid #c4c4c4;
	padding-left:30px;
}
#map01{
	border:8px solid #fff;
}
@media screen and (max-width: 770px) {
#art_07 .addTitle{
	font-size:100%;
}
#art_07 .addTxt{
	font-size:85%;
	border-left: none !important;
	padding-left:0px;
}
}




/*----------------------------------------------------
	******art_08******
----------------------------------------------------*/
#art_08{
	position:relative;
	background:#e6d0d7;
}
#art_08 .box4-4-4-4 li , #art_08 .box4-4-4-4 li p{
	margin-bottom:0 !important;
}








/*----------------------------------------------------
	******ETC******
----------------------------------------------------*/
.txtBlack{
	font-size:167%;
	margin-bottom:20px;
}
.blueTitle{
	color:rgba(85,127,211,1.00);
	font-size:167%;
	text-align:center;
	margin-bottom:15px;
}
.readTxt{
	font-size:108%;
}
.numIcon{
	display:inline-block;
	width:1.6em;
	height:1.6em;
	text-align:center;
	border-radius:1000px;
	border:1px solid #000;
	margin-right:5px;
}
.max1000{
	max-width:1000px !important;
}


@media screen and (max-width: 770px) {
#contents .txtBlack, #contents .blueTitle{
	font-size:100%;
}
}

/*----------------------------------------------------
	******FOOTER******
----------------------------------------------------*/	
#footer{
color:#fff;
background: rgb(194, 157, 176);
clear:both;
}
#footer .inr{
	margin:0 auto;
	max-width:1300px;
	padding:60px 5%;
}
#footer .inr h6{
	margin-bottom:30px;
}
#footer .inr .txt_1{
	font-size:116%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#footer .inr .txt_2{
	font-size:100%;
	margin-bottom:30px;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#footer .inr .txt_2 a{
	color:#fff !important;
}
#footer .btnBox{
	text-align:left;
}
#footer .btnBox a{
	color:rgba(93,188,147,1.00) !important;
	background:#fff;
	border:3px solid #fff;
	margin:0;
}
#footer .btnBox a:hover{
	color:#fff !important;
	background:rgba(93,188,147,1.00);
}
#footer .inr .copy{
	text-align:right;
	color:#fff;
	margin-bottom:0 !important;
}
	
	
@media screen and (max-width: 770px) {
#footer .inr{
	padding:30px 5%;
}
#footer .inr .txt_1{
	font-size:100%;
}
#footer .inr .txt_2{
	font-size:85%;
}
#footer .btnBox{
	text-align:center;
}
#footer .inr .copy{
	text-align:center;
	font-size:77%;
}
}