@charset "utf-8";
/* CSS Document */

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

body {
	line-height:1;
}
.fnt-swrb { font-family: "Sawarabi Mincho"; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

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

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

.loading{
	z-index:9999999999999999;
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.loader-bg {
	z-index:9999999999999999;
	display:block;
	background-image:url(img/loading_001.svg),url(img/logo.png);
	background-position:top center,50px 80px;
	background-repeat:no-repeat,no-repeat;
	background-size:contain,100px auto;
	width:200px;
	height:200px !important;
}


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

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

del {
	text-decoration: line-through;
}

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

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

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

input, select {
	vertical-align:middle;
}
#mainbody {
	background-color:#fff;
}
/********************************************************************/



/****************************/
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 80px;
	background:rgba(255,255,255,0.7);
	transition: .3s;
}
header h1 {
	color: #fff;
	width:117px;
	height:48px;
	margin:16px;
	transition: .3s;
	float:left;
}
header h1 img {
	height:100%;
	transition: .3s;
}
.is-animation {
	height: 58px;
	transition: .3s;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
	background:rgba(255,255,255,0.9);
}
.is-animation h1 {
	margin:10px;
	transition: .3s;
}
.is-animation img {
	height: 40px;
	transition: .3s;
}
.is-animation h1 {
	color: #000;
}


.my-parts-hidden {
  display: none;
}

#my-parts-icon {
  cursor: pointer;
  display: block;
  height: 27px;
  position: relative;
  width: 40px;
  margin:17px 25px 10px 25px;
}

#my-parts-icon span {
  background:  #333;
  display: block;
  height: 3px;
  position: absolute;
  top: 12px;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
#my-parts-icon p {
	font-size:0.5em;
	padding-top:35px;
  transition: all 0.3s ease-in-out;
}
#my-parts-icon span::before,
#my-parts-icon span::after {
  -webkit-transform: rotate(0);
  background: #333;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 0;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 100%;
}

#my-parts-icon span::before {
  margin-top: 12px;
}

#my-parts-icon span::after {
  margin-top: -12px;
}

#my-parts-checkbox:checked ~ #my-parts-icon span {
  background: rgba(51, 51, 51, 0);
}

#my-parts-checkbox:checked ~ #my-parts-icon p {
	color:#f60;
}


#my-parts-checkbox:checked ~ #my-parts-icon span::before,
#my-parts-checkbox:checked ~ #my-parts-icon span::after {
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 100%;
}

#my-parts-checkbox:checked ~ #my-parts-icon span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left:16px;background:  #f60;
}

#my-parts-checkbox:checked ~ #my-parts-icon span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left:16px;background:  #f60;
}


.is-animation .gnav .gn01  {height:53px;}



.is-animation .gnav .gn01 #my-parts-icon {
  cursor: pointer;
  display: block;
  height: 20px;
  position: relative;
  width: 36px;
  margin:17px 25px 10px 25px;
}

.is-animation .gnav .gn01 #my-parts-icon span {
  top: 1px;
}
.is-animation #my-parts-icon p {
	font-size:0.5em;
	padding-top:20px;
	letter-spacing:-1px;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
}
.is-animation .gnav .gn01 #my-parts-icon span::before,
.is-animation .gnav .gn01 #my-parts-icon span::after {
  -webkit-transform: rotate(0);
  background: #333;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 0;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 100%;
}

.is-animation .gnav .gn01 #my-parts-icon span::before {
  margin-top: 8px;
}

.is-animation .gnav .gn01 #my-parts-icon span::after {
  margin-top: -8px;
}























.gnav {
	float:right;
}
.gnav ul {list-style:none;}
.gnav li {
	display:block;
	margin:0;
	padding:0;
	float:left;
}
.gnav li a {
	display: block;
    height: 75px;
    line-height: 75px;
    border-bottom: 5px solid #000;
    border-left: 1px solid #ccc;
    color: #000;
    font-size: 16px;
    text-decoration: none;
	padding:0 20px;
	transition: .3s;
	overflow:hidden;
	text-align:center;
}
.gnav li a:hover {
	color:#F60;
	border-bottom-color:#f60;
}
.is-animation li a {
	transition: .3s;
    height: 53px;
    line-height: 53px;
}
.gnav li:last-child a {border-right:none;}




.gnav .gn01 {
	line-height:1;
	font-size:13px;
	transition: .3s;
  border-left:1px solid #ccc;
  border-bottom:5px solid #000;
  height:75px;
  overflow:hidden;
}
.is-animation .gnav .gn01 {height:53px;}











.gnav .gn02 a:before,
.gnav .gn03 a:before,
.gnav .gn04 a:before {
	display:inline-block;
	content:"";
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	position: relative;
    top: 13px;
	margin-right:11px;
	transition: .3s;
}

.gnav .gn02 a:before {width:45px; height:39px; background-image:url(../img/gn02.png);}
.gnav .gn03 a:before {width:55px; height:39px; background-image:url(../img/gn03.png);}
.gnav .gn04 a:before {width:41px; height:39px; background-image:url(../img/gn04.png);}






.is-animation .gnav .gn01 a {
	line-height:1;
	font-size:11px;
	transition: .3s;
}
.is-animation .gnav .gn01 a:before {
	content:"";
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	position: relative;
	display:block;
	margin-bottom:13px;
	transition: .3s;
}
.is-animation .gnav .gn02 a:before,
.is-animation .gnav .gn03 a:before,
.is-animation .gnav .gn04 a:before {
	display:inline-block;
	content:"";
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	position: relative;
    top: 9px;
	margin-right:11px;
	transition: .3s;
}

.is-animation .gnav .gn01 a:before {width:31px; height:17px; background-image:url(../img/gn01.png); margin: 10px auto 10px auto; }
.is-animation .gnav .gn02 a:before {width:35px; height:30px; background-image:url(../img/gn02.png);}
.is-animation .gnav .gn03 a:before {width:42px; height:30px; background-image:url(../img/gn03.png);}
.is-animation .gnav .gn04 a:before {width:32px; height:30px; background-image:url(../img/gn04.png);}



.gnav .gn01 a:hover:before {background-image:url(../img/gn01a.png);}
.gnav .gn02 a:hover:before {background-image:url(../img/gn02a.png);}
.gnav .gn03 a:hover:before {background-image:url(../img/gn03a.png);}
.gnav .gn04 a:hover:before {background-image:url(../img/gn04a.png);}





.gnav .gn01 a {}
.gnav .gn02 a {}
.gnav .gn03 a {}
.gnav .gn04 a {}

.gnav {}


/****************************/





.masthead {
    position: relative;
    min-width: 720px;
}
.masthead img {
	width:100%;
}
.masthead-video {
    z-index: 0;
}
.masthead-arrow {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    opacity: 0.4;
}


.masthead h1 {
    position: absolute;
    width: 100%;
    font-weight: 200;
    font-size: 3rem;
    text-align: center;
    height: 120px;
    line-height: 1.5;
	text-shadow:0px 0px 10px #000000;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
}
.masthead h1 span {
    display: block;
    font-size: 18px;
    letter-spacing: 0.43em;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 7px;
    opacity: 0.5;
}





/****************************/
.content01 {
	background-image:url(../img/div_bg.jpg);
	background-position:left bottom;
	background-size:cover;
	background-repeat:no-repeat;
	padding-bottom:10%;
}
.content01 h2 {
	padding:140px 0 100px 0;
	text-align:center;
	font-size:60px;
	font-weight:100;
	line-height:1.4;
}
#divisionbox {padding-top:100px;}
#divisionbox ul {list-style:none; text-align:center;}
#divisionbox li {display:inline-block;width:20%; margin-bottom:5%;}
#divisionbox li {}
#divisionbox a {
	display:block;
	width:90%;
	margin:0 auto;
	text-decoration:none;
	color:#fff;
	text-shadow:0px 0px 5px #000,0px 0px 10px #000;
}
#divisionbox a div {
	width:100%;
	display:block;
	overflow:hidden;
	border-radius:50%;
}
#divisionbox a div img {
	display:block;
	padding:0;
	margin:0;
	width:100%;
}
#divisionbox a div img {
	transition-duration: 0.3s;
}
#divisionbox a:hover div img {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#divisionbox a p {
	text-align:center;
	font-size:1.8vw;
	font-weight:100;
	padding:20px 0px 10px 0px;
}
#divisionbox a span {
	display:block;
	font-size:1.2vw;
	line-height:1.4;
	text-align:center;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:italic;
}

/****************************/

.content02 {
	width:calc(50% - 10px);
	float:left;
	margin-right:10px;
}
.content02 ul {list-style:none;}
.content02 ul li.left {
	width:100%;
}
/*
.content02 ul li.right {
	width:30%;
	float:left;
	padding-top:80px;
}
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
	height:500px !important;
}
*/
.infobox {}
.infobox h3 {
	font-weight:100;
	font-size:5vh;
	text-align:center;
	margin-bottom:60px;
}
.infobox h3:before {
	content:"";
	width:40px;
	height:40px;
	margin:60px auto 20px auto;
	display:block;
	background-image:url(../img/info.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
}
.infobox ul {
	list-style:none;
	padding:0 30px;
	
}
.infobox li {
	line-height:2.8;
	background:#f1f1f1;
	display:block;
	width:100%;
	padding:5px 0 0 0;
	margin-bottom:5px;
	font-size:1vw;
}
.infobox span {
	display:inline-block;
	padding:0 0 0 30px;
}
.infobox span:after {
	content:"＞";
	display:inline-block;
	padding:0 25px;
}
.infobox {}



/****************************/


.con2col {
	width:calc(50% - 10px);
	float:left;
	margin-left:10px;
}
.con2col ul {list-style:none;}
.con2col li {
	height:15vh;
	overflow:hidden;
	background-color:#fff;
	/**/
	margin-right:10px;
	
	margin-top:10px;
}
/*
.con2col li:nth-of-type(even) {
	margin-right:0;
}
*/
.con2col a {
	position:relative;
	display:block;
}
.con2col a p{
	position:absolute;
	display:block;
	opacity:1;
	top:30px;
	left:30px;
	right:0;
	bottom:0;
	z-index:999;
	color:#fff;
	font-size:2.4vw;
	text-shadow:0px 0px 5px #000,0px 0px 10px #000;
}
.con2col a:after {
	display:block;
	content:"";
	position:absolute;
	z-index:99;
	height:200px;
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:105%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	opacity:0.7;
	top: -5px;
	left:-10px;
	bottom: -5px;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.con2col a:hover:after {
	opacity:1;
	transform: scale(1.1);
	transition-duration: 0.3s;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}
.con2col a.staticbnr01:after {background-image:url(../img/static_bnr_01.jpg);}
.con2col a.staticbnr02:after {background-image:url(../img/static_bnr_02.jpg);}
.con2col a.staticbnr03:after {background-image:url(../img/static_bnr_03.jpg);}
.con2col a.staticbnr04:after {background-image:url(../img/static_bnr_04.jpg);}
.con2col a.staticbnr05:after {background-image:url(../img/static_bnr_05.jpg);}
.con2col a:hover div:after {
}




/****************************/
footer {
	background-color:#333;
}
footer .fwrap {
	max-width: 1440px;
	margin: 0 auto;
	padding: 50px 60px 22px;
}
#flogobox {
	width:25%;
	float:left;
}

#flogobox .flogo {
	display:block;
	background-image:url(../img/flogo.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:contain;
	
	width:120px;
	height:50px;
	text-indent:-999em;
}
#flogobox .flogo img {
	display:block;
	margin:0;
	padding:0;
	width:100%;
}

#footnav {
	width:75%;
	float:left;
}

#footnav ul {
	list-style:none;
	width:100%;
}
#footnav ul li {
	width:33.33%;
	float:left;
	font-size:16px;
}
#footnav ul li p {
	margin-bottom:20px;
}
#footnav ul li p a { color:#fff; text-decoration:none;}
#footnav ul li p a:before {
	content:"＋";
	display:inline-block;
	margin-right:10px;
}
#footnav ul li p a span {
	display:block;
	margin-top:5px;
	font-size:9px;
	padding-left:27px;
}

.adinfo {
	width:50%;
	float:left;
	font-size:10px;
	color:#fff;
	line-height:1.5;
	margin-top:30px;
}
.adinfo br {display:none;}
.copyright {
	width:50%;
	float:left;
	text-align:right;
	font-size:9px;
	color:#fff;
	line-height:1.5;
	margin-top:30px;
}
.copyright br {display:none;}


/****************************/


.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
.slider img {
    max-width: 100%;
     height: auto;
}
.svbox {
	max-width:1126px;
	margin:0 auto;
	padding:30px 0;
}
.svbox a {
	    display: block;
	padding:5px;
}
.svframe {
	padding:30px 40px;}
.svframe iframe {
	width:100%;
	height:28vh;
}

/****************************/


.signboad {
	position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
	height:55vh;
	/*
	margin-top:58px;
    */
	overflow: hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.pagetitlebox {
	max-width: 1208px;
    margin: 0 auto 50px auto;
    padding: 0 40px;
}
.pagetitle {
	position:relative;
	z-index:2;
	display: inline-block;
    margin-top: -65px;
    margin-right: 5px;
    padding: 30px 40px;
    text-align: left;
	background-color:#333;
	color:#fff;
}
.pagetitle h1 {
	font-size: 46px;
    line-height: 1;
	font-weight:100;
}
.bc {
	line-height:1vw;
	font-size:14px;
	padding:20px 0px;
}
.bc a {
	color:#333;
	text-decoration:none;
}
.bc a:after {
	content:">";
	display:inline-block;
	padding:0 15px;
}


.incontent {
	max-width: 1208px;
    margin: 0 auto;
    padding: 0 40px;
	-webkit-font-smoothing: antialiased;
    -webkit-print-color-adjust: exact;
}


.arttitle {
	margin-bottom: 40px;
    font-size: 48px;
    line-height: 1.5;
	font-family:"YakuHanMPs", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", sans-serif;
}
.arttitle br {display:none;}

.txtbox {
	font-size: 15px;
    line-height: 1.8;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    color: #333;
	margin-bottom: 40px;
}

.entry table{table-layout:fixed;width:100%;
border-collapse:collapse;border:1px solid #ccc;}

.entry table tr>*{border-bottom: 1px solid #ccc;padding: 15px;line-height:2;text-align:left;font-size:16px;border-top: 1px solid #ccc;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.entry table tr>th{vertical-align:middle;width:10em;font-size:22px;text-align:center;line-height:1.5;/* background:#eee; */font-weight:normal;font-weight: bold;color: #333;text-align: left;font-family:"YakuHanMPs", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", sans-serif;}


.entry table tr>td *{
line-height:1.5;}


.entry table td>dl{display:block;padding:10px;}
.entry table td>ul>li{display:block;padding:5px 10px;}

.entry table td>dl>dd{font-size:0.8em;}
.entry table td>ul>li>dl>*{display:inline-block;vertical-align:top;}

.entry table td>ul>li>dl>dd{font-size:0.8em;vertical-align:baseline;}
.entry table td>ul>li>dl>dd br{display:none;}

.entry table td>ul>li>dl>dd::before{content:'('}
.entry table td>ul>li>dl>dd::after{content:')';}




.entry table td iframe[src^='https://www.google.com/maps/']{
height:500px;

}

.entry table tr td.mapG{font-size:0;}


.recruit {
	margin:30px 0px;
	border-top:3px solid #333;
	border-bottom:3px solid #333;
}
.recruit h4 {
	line-height:1.8;
	padding:15px 0 20px 15px;
	font-size:32px;
	font-family:"YakuHanMPs", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", sans-serif;
}


.tea_linkbox {}
.tea_linkbox a {
	font-family:"YakuHanMPs", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", sans-serif;
	display:block;
	margin:60px auto;
	width:50%;
	padding:20px 30px;
	font-size:3vw;
	text-align:center;
	background-color:#93D126;
	color:#fff;
	text-decoration:none;
	box-shadow:0px 5px 0px 0px #76ad14;
}

.linkbox a {
	font-family:"YakuHanMPs", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", sans-serif;
	display:block;
	margin:60px auto;
	width:50%;
	padding:20px 30px;
	font-size:3vw;
	text-align:center;
	background-color:#EAEAEA;
	color:#333;
	text-decoration:none;
	box-shadow:0px 5px 0px 0px #9A9A9A;
}


.inq_telbox {
	margin:0 auto;
	margin-bottom:40px;
}
.inq_teltitle,
.inq_mailtitle {
    position: relative;
    margin-bottom: 30px;
    border-top: 3px solid #000;
	border-bottom:1px ridge #ccc;
	font-size: 4vh;
	line-height:2;
	padding-left:5.5vh;
    font-weight: normal;
    font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
.inq_teltitle:before,
.inq_mailtitle:before {
	content:"";
	display:block;
	margin-right:10px;
	position:absolute;
	top:2vh;
	left:0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
	height:4vh;
	width:4vh;
	
}

.inq_teltitle:before {background-image: url(../img/telmark.png);}
.inq_mailtitle:before {background-image: url(../img/mailmark.png);}

#inq_ttime {
	font-size:1.4vw;
}
#inq_tel {
	font-size: 4vw;
    line-height: 1.5;
	position:relative;
}


.mailarea {
	margin-top:40px;
}




@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {
	margin:0 auto;
}
.form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	width:calc(100% - 90px);
	margin: 0 auto 100px;
	padding: 45px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
.form input {
	outline: 0;
	background: #f2f2f2;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
}
.form textarea {
	outline: 0;
	background: #f2f2f2;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
.form input:focus,
.form textarea:focus {
	background-color:#fff;
	color:#333;
	border:1px solid #888;
	padding: 14px;
}

.form input:focus::placeholder,.form textarea:focus::placeholder {color:#ccc;}


.form button {
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	outline: 0;
	background: #888;
	width: 80%;
	margin:0 auto;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 2vw;
	transition-duration: 0.3s;
	cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
	background: #333;
	transition-duration: 0.3s;
}
.form .message {
	margin: 15px 0 0;
	color: #b3b3b3;
	font-size: 12px;
}
.form .message a {
	color: #333;
}
.form .register-form {
	display: none;
}
.form .mltxt {
	text-align:left;
	padding:15px 0 30px 0;
	line-height:1.5;
}
.form .mltxt span {
	font-size:12px;
}

.cd-header {
	position:fixed;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.95);
	height: 107px;
	width: 100%;
	z-index: 3;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cd-logo {
	display: block;
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left:10px;
	/*
	left: 3.875em;
	*/
}
.cd-logo img {
	display: block;
	width:92%;
	height:auto;
}

.cd-secondary-nav {
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10em;
	display: none;
}
.cd-secondary-nav li {
	display: inline-block;
	margin-left: 2.2em;
}
.cd-secondary-nav a {
	display: inline-block;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
}
.cd-primary-nav-trigger {
}
.cd-primary-nav-trigger .cd-menu-text {
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 18px;
	height: 2px;
	background-color:#000;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav {
	position: fixed;
	left: 100px;
	right:100px;
	top: 0;
	height: 50%;
	width:calc(100% - 200px);
	background: rgba(0, 0, 0, 0.8);
	border-radius:0 0 20px 20px;
	border-bottom:10px solid rgba(10, 10, 10, 0.8);
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	text-align:left;
	padding: 120px 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.cd-primary-nav .footnavi {
	padding:0 0 0 40px !important;
}
.cd-primary-nav li {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: .2em 0;
	text-transform: capitalize;
}
.cd-primary-nav a {
	display: inline-block;
	padding: .4em 1em;
	border-radius: 0.25em;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
}
.no-touch .cd-primary-nav a:hover {
	background-color: #f60;
	color:#000;
}
.cd-primary-nav .cd-label {
	color: #06446e;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 2.4em 0 .8em;
}
.cd-primary-nav.is-visible {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

#spmain {display:none;}
.vegas-wrapper,
.vegas-overlay,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {visibility:hidden}



#sptelbox,
#spmailbox,
#sp_ad01box,
#sp_ad02box {display:none;}



.iFrmBox{}
.iFrmBox iframe{width:100%;height:100%;}