/*


*/

/* reset */

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;
	/*	max-height: 100%; */
	box-sizing: border-box;
}

body {
	line-height: 1;
    width: 100%;overflow-x: hidden;
   font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Noto Sans JP","メイリオ",sans-serif;
    line-height: 1.6;
	color:#251e08;
	font-size:16px;
}
#wrapper{
	width:100%;
	overflow:hidden;
}

html,body {
	height:100%;
	}

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

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;
	text-decoration: none;
	outline:none;

}
a:hover{opacity:.5;}
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;
	cursor: help;
}

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

input,select {
	vertical-align: middle;
}

img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	max-width: 100%;
}


/* clear fix */

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clf {
	clear: both;
}

* html .cf {
	height: 1%;
}

.cf {
	display: block;
}

/* float */

.floatL {
	float: left;
}

.floatR {
	float: right;
}


/* align */

.alignL {
	text-align: left;
}

.alignC {
	text-align: center;
}

.alignR {
	text-align: right;
}
/* parts */

body{position:relative;}
.follow{display:block;position:fixed;left:0%;top:0;height:100%;z-index:999;}



.spnone{display:block;}
.pcnone{display:none;}

a:hover{
  opacity:0.5;
}
.anchor{position:absolute;top:-140px;}
.greeting .anchor{top:-140px;}
.media .anchor,.access .anchor{top:-140px;}
@media screen and (max-width:1000px){
	.spnone{display:none;}
.pcnone{display:block;}
	.anchor{position:absolute;top:-140px;}
.greeting .anchor{top:-90px;}
.media .anchor,.access .anchor{top:-140px;}
}

/* follow */

.follow-op {
  width: 15%;background-color: none;background-color:#f5f5f5;box-shadow: 0 3px 6px rgba(0,0,0,0.5);position: fixed;z-index: 3;height:100%;}
.follow-op .logo { width: 100%;text-align: center;display: inline-block;padding: 3% 13% 0;}
.follow-op .logo img {max-width: 100%;margin: 20px auto;}
.follow-op nav .jp {font-size:10px;display: block;font-family: "arial unicode ms";color: #092241;}
.follow-op nav .en{font-family: 'Josefin Sans', sans-serif;font-size: 20px;color: #092241;}

.follow {
  width: 15%;background-color: #092241;box-shadow: 0 3px 6px rgba(0,0,0,0.5);position: fixed;z-index: 10;display:none;}
.follow .logo { width: 100%;text-align: center;display: inline-block;padding: 3% 13% 0;}
.logo img {max-width: 100%;margin: 20px auto;}


nav div div {width:100%;text-align:center;line-height: 1.4;}
nav div div:first-child{margin-top:0px;}
nav div div a {
  display: inline-block;text-align: center;width: 100%;padding-top: 25px;padding-bottom: 10px;text-decoration: none;}
nav .jp {font-size:10px;display: block;font-family: "arial unicode ms";color: #fff;}
nav .en{font-family: 'Josefin Sans', sans-serif;font-size: 20px;color: #fff;}



.video_00 {
  width: 100%;
  margin: auto;
  position: fixed;
  z-index: -10;
	height:100%;
}
.video {
  width: auto !important;
  vertical-align: bottom;
	min-height:100% !important;
	min-width:100% !improtant;
}
.head_block{width:100%;height:100%;display:block;}

@media screen and (max-width:1000px){
	.video{height:auto !important;width:auto !important;position:absolute;left:-95%;top:-200px;}
	.head_block{width:100%;height:80%;display:block;}
.head_block .logo{margin-top:5%;width: 100%;text-align: center;display: inline-block;}
	.head_block .logo .logo_pho{max-width:60%;margin-top:10%;}
}
@media screen and (max-width:784px){
	.spbr{display:block;}
}
@media screen and (max-width:480px){
	.video{height:1000px;width:auto !important;position:absolute;left:-228%;top:-110px;}
	.head_block .logo{margin-top:32%;width: 100%;text-align: center;display: inline-block;}
	.head_block .logo .logo_pho{max-width:80%;margin-top:10%;}

}

/* headline */

h2{ padding-top: 0px;font-family: 'Josefin Sans', sans-serif; text-align: center;font-size: 50px;color: #092241;width:100%;margin-left:-4%;line-height:1.2;}
h2 span{display:inline-block; font-family: "arial unicode ms"; text-align: center;font-size: 18px;color: #7F8C95;width:100%;}

/* bg */
h2,.box,.block,table{position:relative;z-index:9;}
.bg, .bg2, .bg3, .bg4,.bg5{position:relative;}
.bg:before{
	content: '';
	position: absolute;
	left:0;
	top: 0%;
	z-index: 0;
	width:100%;
	height:400px;
	background:#f5f5f5;
	transform: skewY(-5deg);
	transform-origin: bottom left;
	}
.bg2:before,.bg3:before{content: '';position: absolute;left:0;top: -0%; z-index: 0;width:100%;height:400px;background:#f5f5f5;transform: skewY(5deg);transform-origin: bottom right;}
.bg:after,.bg5:after{content: '';position: absolute;left:0;bottom: -0px; z-index: -1;width:100%;height:400px;background:#f5f5f5;transform: skewY(-5deg);transform-origin: bottom right;}
.bg2:after{content: '';position: absolute;left:0;bottom: 0px; z-index: 0;width:100%;height:400px;background:#f5f5f5;transform: skewY(5deg);transform-origin: bottom left;}
.bg4:before{content: '';position: absolute;left:0;top: -0%; z-index: 0;width:100%;height:400px;background:#f5f5f5;transform: skewY(5deg);transform-origin: bottom right;}
.bg4:after{content: '';position: absolute;left:0;bottom: -0px; z-index: 0;width:100%;height:400px;background:#f5f5f5;transform: skewY(5deg);transform-origin: bottom left;}
.bg5:before{content: '';position: absolute;left:0;top: -0%; z-index: 0;width:100%;height:400px;background:#f5f5f5;transform: skewY(-5deg);transform-origin: bottom left;}



/* slide */
h2 {
  -webkit-transition: all 2s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
 h2.move {
  -webkit-transform: translate(-30px, 0);
  opacity: 0;
}
.shutter{height:300px;}
.tpslide{-webkit-transition: all 2s;
  -webkit-transform: translate(0px, -100px);
  -moz-transform: translate(0px,-100px); height:0px;}


@keyframes left_menu{
	from {
    opacity: 0;
    transform: translateX(-150px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.left_menu {
  animation-name: left_menu;
  animation-duration: 1s;
  animation-timing-function: ease;
	display:block;
}

.slide1 {

  -webkit-transition: all 2s;
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(-50px,0px);
  opacity: 1;
}
 .slide1.move2 {

  -webkit-transform: translate(-100px, 0);
  -moz-transform: translate(-50px,0px);
  opacity: 0;
}

.slide2 {

  -webkit-transition: all 2s;
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(-50px,0);
  opacity: 1;
}
.slide2.move3 {

  -webkit-transform: translate(100px, 0);
  -moz-transform: translate(-50px,0);
  opacity: 0;
}

@media screen and (max-width:1000px){
	.slide1 {-webkit-transition: all 2s;-webkit-transform: translate(0px, 0);-moz-transform: translate(0px,0px);opacity: 1;}
	.slide2 {-webkit-transition: all 2s;-webkit-transform: translate(0px, 0);-moz-transform: translate(0px,0);opacity: 1;}
	.slide2.move3 {-webkit-transform: translate(20px, 0);-moz-transform: translate(20px,0);opacity: 0;}
}


.greeting{width:100%;background-color: #f5f5f5;width:85%;margin-left:15%;padding:40px 6% 40px;margin-bottom:250px;}

.greeting .box{width:100%;}
.greeting .box h3{ margin:25px 0 25px;font-family: 'Josefin Sans', sans-serif;font-size: 30px;color: #092241;}
.greeting .box h3 span{font-family: "arial unicode ms";font-size: 13px;display:inline-block;width:100%;color: #7F8C95;}
@media screen and (max-width:480px){
	.greeting .box h3{ margin:auto;margin-top: 25px;margin-bottom: 50px;width: 93%;font-family: 'Josefin Sans', sans-serif;font-size: 30px;color: #092241;}
}
.greeting .box_text{width:55%;font-family: 'M PLUS Rounded 1c', sans-serif;font-size:14.5px;padding-left:3%;}
.greeting .box_text p{margin-bottom:1em;}
.greeting .box_prof{width:40%;}
.greeting .box_prof .photo{max-width:300px;}
.greeting .box_prof .prof_text{padding-top:10px;}


.service{width:100%;background-color: #f5f5f5;width:85%;margin-left:15%;padding:0 6%;margin-bottom:250px;}

.service .block { border: 1px solid transparent;position: relative; z-index: 2;margin-top:6%;
}
.service .block .box{margin:0 12% 0 5%;}
.service .block .box .pra{margin:2% 0;}
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	margin: 1em auto;
  margin-bottom: 0px;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 1px solid #092241;
	text-align:center;
	width:calc(50% - 2.666px);
	line-height: 2.6;
    font-size: 128%;

}
.cp_tab .tab1,.cp_tab .tab1_2{display:inline;padding-left:0em;}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #0066cc;
}
.cp_tab > input:checked + label {
	margin-bottom: -2px;
	border-color: #092241;
	border-bottom: 1px solid #f5f5f5;
	border-radius: 6px 6px 0 0;
	box-shadow:3px -3px 1px #ccc;
}
.cp_tab .cp_tabpanel {
	padding: 2em 1em 0.5em;
	border-top: 0px solid #092241;
}
.container2 {
  position:relative;
  right:0;
  text-align:right;
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  padding-top: 40px;
  margin-bottom: 0px;
}
.btn-open2 {
  display: inline-block;
	padding:0px 10px 0px 10px;
  width: 185px;
  height:45px;
  text-align: center;
  background-color: #092241;
  font-size: 16px;
  line-height: 42px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #c9c9c9;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-open2:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open2:hover{
  color: #000000;
}
.btn-open2:hover:after{
  height: 190%;
  opacity: 1;
}
.btn-open2:active:after{
  height: 290%;
  opacity: 1;
}

.media{width:100%;background-color: #f5f5f5;width:85%;margin-left:15%;padding:40px 6%;margin-bottom:250px;}
/* .media_wrap{min-height:570px;} */

.company{width:100%;background-color: #f5f5f5;width:85%;margin-left:15%;padding:40px 6%;margin-bottom:250px;}
.company table{width:60%;margin:30px auto 0;}
.company th{width:30%;padding:10px 0;text-align:left;}
.company td{width:70%;padding:10px 0;}





.access{width:100%;background-color: #f5f5f5;width:85%;margin-left:15%;padding:40px 6%;margin-bottom:250px;min-height:570px}
.access .block{width:80%;margin:30px auto 0;}
.access .floatL{width:60%;}
.access .floatR{width:40%;padding-left:7%;}
.access .floatR h3{margin-bottom:10px;}
.access .floatR p{margin-bottom:10px;}
.access .floatR .access_text{font-size:90%;}


#form{width:100%;background-color: #f5f5f5;width:85%;margin-left:15%;padding:40px 6% 6%;}
#form h2{margin-bottom:30px;}
@media screen and (max-width:1000px){
	h2{margin-left:0;}
	.greeting{margin:0 0 200px 0;width:100%;padding-top:70px;}
	.service,  #form{width:100%;margin:0 0 240px 0;}
	.company{width:100%;margin:0 0 230px 0;}
	.access,.media{width:100%;margin:0 0 200px 0;}
	.service,.access,#form{padding-top:20px;}
	.media{padding-top:10px;}
	.company{padding-top:30px;}
	.greeting .box_text{width:100%;}
	.greeting .box_prof{width:100%;text-align:center;}
	.greeting .box_prof .photo{margin:0 auto;}
	.bg:after{bottom:-0%;}
	.bg2:before{top:-50px;}
	.btn-open2{display:block;margin:0 auto;}
	.bg2:after{bottom:-5%;}
	.bg4:before,.bg3:before,.bg5:before{top:-50px;}
	.bg4:after{bottom:-5%;}
	.service .block .box{margin:0 1%;}
	.company table{width:90%;}
	.access .floatL{width:100%;}
	.access .floatR{width:100%;}
	.cp_tab > label{font-size:3.5vw;}
	.cp_tab .tab1, .cp_tab .tab1_2{display:inline-block;width:100%;padding:0;font-weight:normal;}
}
@media screen and (max-width:784px){

}


/* footer */
footer{
	width:100%;
	text-align:center;
	background:#f1f1f1;
	color:#333;
	padding:50px 0 50px 15%;
	font-size:10px;
}
footer .copy{

	padding:0 0 2em;

}
@media screen and (max-width:1000px){
	footer{padding:50px 0 50px;
}
}




#form h3{text-align:center;width:100%;font-size:32px;margin:50px auto;}
#form table{width:80%;margin:0px auto 20px;}
#form tr{}
#form th{font-size:16px;color:#111;vertical-align:top;width:30%;text-align:left;padding:10px 0;}
#form th span{float:right;display:inline-block;background:#092241;color:#fff;padding:5px;font-size:12px;}
#form td{color:#5b5b5b;position:relative;padding:10px 0 10px 20px ;}
#form td input{background:#e6e6e6;width:80%;height:40px;line-height:40px;border:0px;padding:0 25px;}
#form .confirm{margin-top:20px;}
#form .confirm td span{background:#e6e6e6;width:80%;height:30px;line-height:30px;border:0px;padding:0 5px;display:inline-block;}
#form td .radios input{width:auto;font-size:24px;height:auto;}
#form .submit{margin:0 auto 0px;text-align:center;padding-top:40px;}
#form .submit input{width:80%;background:#092241;padding:10px 0;border:0px;color:#fff;font-size:120%;}
#form td textarea{background:#e6e6e6;width:100%;border:0px;padding:1%;box-sizing:border-box;}
#form td .text{padding:12px 0 0;display: inline-block;}
#form td .nin{width:60px;height:36px;display:inline-block;background:#999;text-align:center;color:#fff;font-size:1vw;line-height:36px;position:absolute;top:16px;left:-50px;}
#form td span.must{background:#fa1848;width:60px;height:36px;display:inline-block;text-align:center;color:#fff;font-size:1vw;line-height:36px;position:absolute;top:16px;left:-50px;}
#form td .radios input{width:20px;height:20px;}
#form td label{font-size:16px;padding:0 10px 0 0px;}
#form td select{width: 225px;height: 40px;cursor: pointer;background-color: #e9e9e9; box-shadow: 0 2px 0 white; border-radius: 2px;}
select {display: block;font-size: 16px;line-height: 1.3;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%; box-sizing: border-box;margin: 0;border: 0px solid #aaa;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);border-radius: .5em;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #e9e9e9;background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;color:#8b8b8b;background-image:url(img/select.png);}
.select:-ms-expand {display: none;}
.select:hover {border-color: #888;}
.select:focus {border-color: #aaa;box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);box-shadow: 0 0 0 3px -moz-mac-focusring;color: #222; outline: none;}
.select option {font-weight:normal;}
#form .checks input{width:20px;height:20px;display:inline-block;box-shadow: 0 0;}
#form .checks p{display:inline-block;}
.input-box {text-align:center;}
.input-box .back{display:inline-block;width:30%;}
.input-box .back input{background:#8c8c8c;width:100%;display:inline-block;color:#fff;text-align:center;line-height:50px;border-radius:25px;padding:0 20px;border:0px;}
.input-box button{background:#fc3e7e;width:30%;display:inline-block;color:#fff;text-align:center;line-height:50px;border-radius:25px;padding:0 20px;border:0px;}
#form td a{text-decoration:underline;}
#form .contact-title{text-align:center;}
#form p{text-align:center;}
#form td .wpcf7-file{background:none;font-size:80%;}
#form .file_up input[type="file"] {background:none;display:flex;padding:0;}
#form .file_up label {
	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.25em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
    cursor: pointer;
	margin-right:30px;
   padding: 5px 30px;
   position: relative;
}

#form .file_up label::after {content:"選択されていません";font-size: 14px;height: 20px;line-height: 20px;position: absolute; right: -140px;top: calc(50% - 10px);}
#form .file_up label.changed::after {content: "";}
.filename {font-size: 12px;}
@media screen and (max-width:1000px){
	#form{background:#f6f6f8;padding:40px 0 40px;margin-bottom:0;}
	#form table{background:#fff;}
	#form h2{padding:0px 0 30px;}
	#form th{display:block;width:100%;padding:10px 5% 10px 4em;position:relative;}
	#form th span{float:none;margin-left:1em;border-radius:5px;position:absolute;left:0;}
	#form td{display:block;width:100%;border-bottom:1px solid #ccc;padding:0 5% 10px;}
	#form td input{font-size:120%;width:100%;padding:0 0%;}
	#form td .radios{font-size:4vw;}
	#form .submit input{width:80%;background:#092241;padding:10px 0;border:0px;color:#fff;font-size:120%;}
	#form .checks p{display:inline-block;font-size:3.2vw;padding-bottom:20px;}
	#form th.nospan{margin-left:1em;padding-left:0;}
}
@media screen and (max-width:480px){
	#form td input{font-size:90%;width:100%;padding:0 0%;}
}


.pagetop{width:50px;height:50px;position:fixed;right:5%;bottom:20%;z-index:999;}
.pagetop a{position:relative;display:block;}

.pagemail{width:40px;height:50px;position:fixed;right:5%;bottom:7%;z-index:999;font-size:50px;}
.pagemail a{position:relative;display:block;color:#092241;}
#footnav{width:100%;background:rgba(0,0,0,0.5);padding:10px;}
#footnav .cf{width:100%;max-width:1000px;margin:0 auto;}

.fixed{position:fixed;bottom:0;left:0;z-index:999;}
#footnav  a:hover{opacity:.8;}
.copy a{color:#333;}

@media screen and (max-width:1000px){
	.pagetop{width:50px;height:50px;position:fixed;right:5%;bottom:10%;z-index:999;}
	#footnav .cf .floatL{max-width:48%;}
	#footnav .cf .floatR{max-width:48%;}
}
@media screen and (max-width:748px){
	#footnav .cf .floatL{width:100%;max-width:100%;text-align:center;}
	#footnav .cf .floatR{width:100%;max-width:100%;text-align:center;}
	.lp_block{padding-top:60px;}
	.pagemail{width:40px;height:40px;position:fixed;right:22%;top:0.5%;bottom:inherit;z-index:99999;font-size:37px;}
	#nav-drawerlp{position:fixed;top:0;background:#092241;height:64px;width:100%;z-index:9999;}
	.pagemail a{color:#fff;}
	#nav-drawerlp #nav-open span{background:#fff;}
	#nav-drawerlp #nav-open span:before{background:#fff;}
	#nav-drawerlp #nav-open span:after{background:#fff;}
}

#nav-drawer {position: fixed;z-index:99999;}
.nav-unshown {display:none;}
#nav-open {display: inline-block;vertical-align: middle;margin:35px 0 0 35px;}

#nav-open {
  cursor: pointer;
  display: inline-block;
  height: 45px;
  position: relative;
  width: 33px;
	z-index:999999;
}

#nav-open span {
  background:  #092241;
  border-radius: 4px;
  display: block;
  height: 16%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease-in-out;
  width: 84%;
}

#nav-open span::before,
#nav-open span::after {
  -webkit-transform: rotate(0);
  background: #092241;
  border-radius: 4px;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 100%;
}

#nav-open span::before {
  margin-top: -38%;
}

#nav-open span::after {
  margin-top: 27%;
}

#nav-input:checked ~ #nav-open span {
  background: rgba(51, 51, 51, 0);
}

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

#nav-input:checked ~ #nav-open span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
	background:#fff;
}

#nav-input:checked ~ #nav-open span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
	background:#fff;
}




#nav-open {
  position: relative;
}
#nav-open span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 25px;
}
#nav-open span:nth-of-type(1) {
  top: 0;
}
#nav-open span:nth-of-type(2) {
  top: 8px;
}
#nav-open span:nth-of-type(3) {
  bottom: 0;
}


#nav-close {display: none;position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: black;opacity: 0;transition: .3s ease-in-out;}
#nav-content {overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;max-width: 100%;height: 100%;background: rgba(9, 34, 65, 0.9);transition: .3s ease-in-out;-webkit-transform: translateX(-105%);transform: translateX(-105%);}
#nav-input:checked ~ #nav-close {display: block;opacity: .5;}
#nav-input:checked ~ #nav-content {-webkit-transform: translateX(0%);transform: translateX(0%);box-shadow: 6px 0 25px rgba(0,0,0,.15);}

#nav-content .logo { width: 100%;text-align: center;display: inline-block;}
#nav-content .logo img {max-width: 200px;margin: 20px auto;}

#nav-content ul{padding-top:16%;}
#nav-content .item {width:100%;text-align:center;}
#nav-content .item a {
  display: inline-block;text-align: center;width: 100%;padding-top: 25px;padding-bottom: 25px;text-decoration: none;}
#nav-content .jp {font-size:10px;display: block;font-family: "arial unicode ms";color: #fff;display:none;}
#nav-content .en{font-family: 'Josefin Sans', sans-serif;font-size: 23px;color: #fff;}

.phone{position:fixed;top:10px;right:20px;font-size:50px;color:#092241;width:40px;height:40px;}
.phone:active{opacity:1;}
.phone:hover{opacity:1;}
#form div.wpcf7 .ajax-loader{display:block;}


#shuttertext{position:absolute;top:35%;left:-10%;width:100%;height:80px;}
.shuttertext{font-size:60px;text-align:center;width:100%;padding-left:0%;display:none;}
.shuttertext span{font-size:100%;}

.titletext{-webkit-transition: all 2s;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px,0px); height:0px;}


@keyframes titletext{
	from {
    opacity: 0;

  }

  to {
    opacity: 1;

  }
}
.titletext {
  animation-name: titletext;
  animation-duration: 4s;
  animation-timing-function: ease;
	display:block;
	font-family:'Josefin Sans';color: #092241;
}
.gossip {width:86%;margin:0 auto;padding-top:5%;}
.gossip .floatL{width:100%;}
.gossip .floatR{width:100%;padding-top:5%;}
.gossip h3{border-bottom:1px solid #092241;padding-bottom:2px;margin-bottom:10px;width:100%;font-size:95%;}
.subpage .service{padding:10%;background:rgba(236,236,236,.9);}.subpage h4{padding:0em 0 0;}
.subpage .box{padding:1em 0 2em;}

.subpage{width:100%;padding:10%;}
.subpage .privacy b{display:inline-block;}

@media screen and (max-width:748px){
.subpage{padding:0;}
.subpage .service{width:100%;height:100%;margin-bottom:0;}
.subpage .service h2{margin:15% 0 10%;}
}
.lp_block{width:100%;text-align:right;position:relative;}
.lp_block img{width:85%;}
 .formbtn{width:45%;position:absolute;right:0;bottom:0;background:#092341;height:10%;display:block;}
.formbtn a{position:absolute;bottom:23.5%;right:10%;height:20%;width:80%;display:inline-block;border-radius:10px;text-align:center;padding:12px 0 0;font-size:31px;color:#fff;}
@media screen and (max-width:748px){
	.lp_block img{width:100%;}
	.lp_block .formbtn{width:55%;}
	.formbtn a{font-size:2vw;padding:5% 0;}
}
.top_1 {
    margin-top: 10%;
}
.top {
    margin-top: -6.3%;
}
.top2{
	    margin-top: 0%;
}

.resetbtn{background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-origin: border-box;
    border: 1px solid #000;
    border-radius: 0.25em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
    cursor: pointer;
	margin-right:0px;
	display:block;
	margin:10px auto;
   padding: 0px 0px;
	font-size:15px;
	color:#000;
	width:10em;
	text-align:center;
   position: relative;}

.slide-dots{width:100%;text-align:center;}
.slide-dots li {width:20px;height:20px;display:inline-block;margin:0 10px;}
.slide-dots li button{display:inline-block;background:#ccc;font-size:0;width:14px;height:14px;border-radius:50%;border:0px;}
.slide-dots li.slick-active button{background:#333;}
button:active{border:none;outline:0;}
button:focus{border:none;outline:0;}

.slide-dots{width:100%;text-align:center;}
.slide-dots li {width:20px;height:20px;display:inline-block;margin:0 10px;}
.slide-dots li button{display:inline-block;background:#ccc;font-size:0;width:14px;height:14px;border-radius:50%;border:0px;}
.slide-dots li.slick-active button{background:#333;}


.slider-5 .slick-slide {/* height: 400px; */overflow: hidden;}
.slider-5 .slick-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.dots-5 .slick-dots {margin-top: 35px;text-align: center;}
.dots-5 .slick-dots li {border-radius: 10px; display: inline-block;width: 100px;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
.dots-5 .slick-dots button {border-radius: 10px; display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
.dots-5 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}

.slider-6 .slick-slide {/* height: 400px; */overflow: hidden;}
.slider-6 .slick-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.dots-6 .slick-dots {margin-top: 35px;text-align: center;}
.dots-6 .slick-dots li {border-radius: 10px; display: inline-block;width: 100px;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
.dots-6 .slick-dots button {border-radius: 10px; display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
.dots-6 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}

@media screen and (min-width:1000px){
	.dots-5 .slick-dots {margin-top: 15px;text-align: center;}
	.dots-5 .slick-dots li {display: inline-block;width: 100px;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
	.dots-5 .slick-dots button {display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
	.dots-5 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}

	.slider6-wrap {display: none;}
	.dots-6 {display: none;}
	.dots-6 .slick-dots {margin-top: 15px;text-align: center;}
	.dots-6 .slick-dots li {display: inline-block;width: 100px;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
	.dots-6 .slick-dots button {display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
	.dots-6 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}
}
@media screen and (max-width:1000px){
	.slider5-wrap {display: none;}
	.dots-5 {display: none;}
	.dots-5 .slick-dots {margin-top: 15px;text-align: center;}
	.dots-5 .slick-dots li {display: inline-block;width: 100px;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
	.dots-5 .slick-dots button {display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
	.dots-5 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}

	.dots-6 .slick-dots {margin-top: 15px;text-align: center;}
	.dots-6 .slick-dots li {display: inline-block;width: 100px;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
	.dots-6 .slick-dots button {display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
	.dots-6 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}
}
@media screen and (max-width:784px){
	.dots-5 .slick-dots {margin-top: 15px;text-align: center;}
	.dots-5 .slick-dots li {display: inline-block;width: 100px;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
	.dots-5 .slick-dots button {display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
	.dots-5 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}

	.dots-6 .slick-dots {margin-top: 15px;text-align: center;}
	.dots-6 .slick-dots li {display: inline-block;width: 100px;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
	.dots-6 .slick-dots button {display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
	.dots-6 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}
}
@media screen and (max-width:480px){
	.slider5-wrap {display: none;}
	.dots-5 {display: none;}
	.dots-5 .slick-dots {margin-top: 15px;text-align: center;}
	.dots-5 .slick-dots li {display: inline-block;width: 20%;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
	.dots-5 .slick-dots button {display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
	.dots-5 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}

	.dots-6 .slick-dots {margin-top: 15px;text-align: center;}
	.dots-6 .slick-dots li {display: inline-block;width: 20%;height: 6px;margin: 4px;background: #eaeaea;cursor: pointer;}
	.dots-6 .slick-dots button {display: block;width: 0%;height: 6px;margin: 0;font-size: 0;padding: 0;border: 0;opacity: 0;outline: none;background: #0a467d;cursor: pointer;}
	.dots-6 .slick-dots .slick-active button {background: #0a467d;opacity: 1;}
}