/*!
Theme Name: topbless
Theme URI: https://topbless-group.com
Author: topbless
Author URI: https://topbless-group.com
*/
@charset "utf-8";

/* ****************************************************
Title: reset.css
***************************************************** */

/* # Reset 'Browser standard style'
---------------------------------------------------------------------------- */

html {overflow-y: scroll;}
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,address,pre,caption,cite,code,dfn,var,
article,aside, dialog,figure,footer,header,
hgroup,menu,nav,small,section,
time, mark, audio, video {font-size: 100%;
    font-style: normal;font-weight: normal;
    margin: 0;padding: 0;
    text-decoration: none;font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
img {border: 0;vertical-align: bottom;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th { text-align: left; }
fieldset { border: 0; }
hr {border: 0;margin: 0;}
ol, ul { list-style: none; } 
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
em { font-style: normal; }
input[type=text]:focus, textarea:focus { outline: none; }



/* ****************************************************
Title: base.css
***************************************************** */
a:link    {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover   {color: #333;text-decoration: underline;}
a:active  {color: #333;text-decoration: none;}

/* common
---------------------------------------------------------------------------- */
/* -- color --*/
.red {color:red;}

/* -- text font  --*/
.bold{font-weight:500;}.tc { text-align: center; }.tl { text-align: left; }.tr { text-align: right; }.tdu { text-decoration: underline; }
.lh10 { line-height: 1em; }.lh15 { line-height: 1.5em; }.lh2 { line-height: 2em; }.lh3 { line-height: 3em; }
.vm { vertical-align: middle; }.vt { vertical-align: top; }
.fs08 { font-size: 0.8em; }.fs09 { font-size: 0.9em; }.fs1 { font-size: 1em; }.fs11 { font-size: 1.1em; }.fs12 { font-size: 1.2em; }.fs13 { font-size: 1.3em; }
.ltxt{font-size: 150%;}.mtxt{font-size: 125%;}.mstxt{font-size: 110%;}.stxt{font-size: 90%;}.sstxt{font-size: 80%;}.bn { border:none; }.bbn { border-bottom: none; }
.marker{background: linear-gradient(transparent 60%, #FCE800 60%);}
.clw{color: #fff;}.clb{color: #1255a3;}

/* -- width  --*/
.w500{width:500px; margin: 0 auto;}.w510{width:510px; margin: 0 auto;}.w520{width:520px; margin: 0 auto;}.w530{width:530px; margin: 0 auto;}.w540{width:540px; margin: 0 auto;}.w550{width:550px; margin: 0 auto;}.w560{width:560px; margin: 0 auto;}.w570{width:570px; margin: 0 auto;}.w580{width:580px; margin: 0 auto;}.w590{width:590px; margin: 0 auto;}
.w600{width:600px; margin: 0 auto;}.w610{width:610px; margin: 0 auto;}.w620{width:620px; margin: 0 auto;}.w630{width:630px; margin: 0 auto;}.w640{width:640px; margin: 0 auto;}.w650{width:650px; margin: 0 auto;}.w660{width:660px; margin: 0 auto;}.w670{width:670px; margin: 0 auto;}.w680{width:680px; margin: 0 auto;}.w690{width:690px; margin: 0 auto;}
.w700{width:700px; margin: 0 auto;}.w710{width:710px; margin: 0 auto;}.w720{width:720px; margin: 0 auto;}.w730{width:730px; margin: 0 auto;}.w740{width:740px; margin: 0 auto;}.w750{width:750px; margin: 0 auto;}.w760{width:760px; margin: 0 auto;}.w770{width:770px; margin: 0 auto;}.w780{width:780px; margin: 0 auto;}.w790{width:790px; margin: 0 auto;}
.w800{width:800px; margin: 0 auto;}.w810{width:810px; margin: 0 auto;}.w820{width:820px; margin: 0 auto;}.w830{width:830px; margin: 0 auto;}.w840{width:840px; margin: 0 auto;}.w850{width:850px; margin: 0 auto;}.w860{width:860px; margin: 0 auto;}.w870{width:870px; margin: 0 auto;}.w880{width:880px; margin: 0 auto;}.w890{width:890px; margin: 0 auto;}
.w900{width:900px; margin: 0 auto;}.w910{width:910px; margin: 0 auto;}.w920{width:920px; margin: 0 auto;}.w930{width:930px; margin: 0 auto;}.w940{width:940px; margin: 0 auto;}.w950{width:950px; margin: 0 auto;}.w960{width:960px; margin: 0 auto;}.w970{width:970px; margin: 0 auto;}.w980{width:980px; margin: 0 auto;}.w990{width:990px; margin: 0 auto;}
.w1000{width:1000px; margin: 0 auto;}.w1010{width:1010px; margin: 0 auto;}.w1020{width:1020px; margin: 0 auto;}.w1030{width:1030px; margin: 0 auto;}.w1040{width:1040px; margin: 0 auto;}.w1050{width:1050px; margin: 0 auto;}.w1060{width:1060px; margin: 0 auto;}.w1070{width:1070px; margin: 0 auto;}.w1080{width:1080px; margin: 0 auto;}.w1090{width:1090px; margin: 0 auto;}
.w1100{width:1100px; margin: 0 auto;}.w1110{width:1110px; margin: 0 auto;}.w1120{width:1120px; margin: 0 auto;}.w1130{width:1130px; margin: 0 auto;}.w1140{width:1140px; margin: 0 auto;}.w1150{width:1150px; margin: 0 auto;}.w1160{width:1160px; margin: 0 auto;}.w1170{width:1170px; margin: 0 auto;}.w1180{width:1180px; margin: 0 auto;}.w1190{width:1190px; margin: 0 auto;}
.w1200{width:1200px; margin: 0 auto;}.w1210{width:1210px; margin: 0 auto;}.w1220{width:1220px; margin: 0 auto;}.w1230{width:1230px; margin: 0 auto;}.w1240{width:1240px; margin: 0 auto;}.w1250{width:1250px; margin: 0 auto;}.w1260{width:1260px; margin: 0 auto;}.w1270{width:1270px; margin: 0 auto;}.w1280{width:1280px; margin: 0 auto;}.w1290{width:1290px; margin: 0 auto;}
.w1300{width:1300px; margin: 0 auto;}.w1310{width:1310px; margin: 0 auto;}.w1320{width:1320px; margin: 0 auto;}.w1330{width:1330px; margin: 0 auto;}.w1340{width:1340px; margin: 0 auto;}.w1350{width:1350px; margin: 0 auto;}.w1360{width:1360px; margin: 0 auto;}.w1370{width:1370px; margin: 0 auto;}.w1380{width:1380px; margin: 0 auto;}.w1390{width:1390px; margin: 0 auto;}
.w1400{width:1400px; margin: 0 auto;}
.w100{width:100%;}.w99{width:99%;}.w98{width:98%;}.w97{width:97%;}.w96{width:96%;}.w95{width:95%;}.w94{width:94%;}.w93{width:93%;}.w92{width:92%;}.w91{width:91%;}.w90{width:90%;}
.w89{width:89%;}.w88{width:88%;}.w87{width:87%;}.w86{width:86%;}.w85{width:85%;}.w84{width:84%;}.w83{width:83%;}.w82{width:82%;}.w81{width:81%;}.w80{width:80%;}
.w79{width:79%;}.w78{width:78%;}.w77{width:77%;}.w76{width:76%;}.w75{width:75%;}.w74{width:74%;}.w73{width:73%;}.w72{width:72%;}.w71{width:71%;}.w70{width:70%;}
.w69{width:69%;}.w68{width:68%;}.w67{width:67%;}.w66{width:66%;}.w65{width:65%;}.w64{width:64%;}.w63{width:63%;}.w62{width:62%;}.w61{width:61%;}.w60{width:60%;}
.w59{width:59%;}.w58{width:58%;}.w57{width:57%;}.w56{width:56%;}.w55{width:55%;}.w54{width:54%;}.w53{width:53%;}.w52{width:52%;}.w51{width:51%;}.w50{width:50%;}
.w49{width:49%;}.w48{width:48%;}.w47{width:47%;}.w46{width:46%;}.w45{width:45%;}.w44{width:44%;}.w43{width:43%;}.w42{width:42%;}.w41{width:41%;}.w40{width:40%;}
.w39{width:39%;}.w38{width:38%;}.w37{width:37%;}.w36{width:36%;}.w35{width:35%;}.w34{width:34%;}.w33{width:33%;}.w32{width:32%;}.w31{width:31%;}.w30{width:30%;}
.w29{width:29%;}.w28{width:28%;}.w27{width:27%;}.w26{width:26%;}.w25{width:25%;}.w24{width:24%;}.w23{width:23%;}.w22{width:22%;}.w21{width:21%;}.w20{width:20%;}
.w19{width:19%;}.w18{width:18%;}.w17{width:17%;}.w16{width:16%;}.w15{width:15%;}.w14{width:14%;}.w13{width:13%;}.w12{width:12%;}.w11{width:11%;}.w10{width:10%;}
.w9{width:9%;}.w8{width:8%;}.w7{width:7%;}.w6{width:6%;}.w5{width:5%;}.w4{width:4%;}.w3{width:3%;}.w2{width:2%;}.w1{width:1%;}

/* -- layout  --*/
.fl {float:left;}.fr {float:right;}
.dc {display:block; text-align:center;}.ma {margin-left: auto; margin-right: auto;}
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;}
.jc_sb {-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-flex-pack:distribute;-moz-flex-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.jc_ce {-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-moz-flex-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.fl_wp {-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ai_ce{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.fd_cl{flex-direction: column;}.fd_cr{flex-direction: column-reverse;}.grid{display: grid;}
.grid3f-40{grid-template-columns: repeat(3, 1fr);column-gap: 40px;row-gap: 40px;}.grid3f-30{grid-template-columns: repeat(3, 1fr);column-gap: 30px;row-gap: 30px;}
.grid4f-20{grid-template-columns: repeat(4, 1fr);column-gap: 20px;row-gap: 20px;}.grid4f-30{grid-template-columns: repeat(4, 1fr);column-gap: 30px;row-gap: 30px;}
.fw100{font-weight: 100;}.fw200{font-weight: 200;}.fw300{font-weight: 300;}.fw400{font-weight: 400;}.fw500{font-weight: 500;}.fw600{font-weight: 600;}.fw700{font-weight: 700;}.fw800{font-weight: 800;}.fw900{font-weight: 900;}
.prel{position: relative;}
/* -- none --*/
body .sp {display: none;}.pc_none {display:none;}

/* -- margin  --*/
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}
/* -- clearfix  --*/
.cf:before, .cf:after {content:' '; display:table;}.cf:after {clear:both;}

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

body{
  position: relative;
}


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

/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position: absolute;
  right: 0;
  top: 5px;
  width: 50px;
  height: 40px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: absolute;
  width: 50px;
  height: 3px;
  right: 0;
  background-color: #000;
  transition: all 0.5s;
}

.hamburger__line--1 {
  top: 1px;
}

.hamburger__line--2 {
  top: 18px;
}

.hamburger__line--3 {
  top: 36px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 11px;
      background: #fff;
}

.open .hamburger__line--2 {
  opacity: 0;
      background: #fff;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 11px;
      background: #fff;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  top: 0;
  width: 100%; /* 出てくるスライドメニューの幅 */
  height: 100vh;
  background-color: rgba(29, 32, 136, .9);
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}

/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-nav {
  right: 0;
}


.sp-nav div.inspnav {
  width: 1000px;
  padding-top: 120px;
margin: 0 auto;
}

.sp-nav ul li{
  text-align: right;
  margin-bottom: 80px;
  font-weight: bold;
  line-height: 1;
}

.sp-nav ul li:last-child{
  margin-bottom: 0;
}

.sp-nav ul li a{
  font-size: 60px;
  color: #fff;
}

.sp-nav ul li.menuhead {
  font-size: 40px;
  color: #ccc;
  margin-bottom: 40px;
}

.lang a,
.sp-nav ul li.menulanguage a{
  font-size: 18px;
}

.lang a.langja{
  color: #333;
}
.sp-nav ul li.menulanguage a.langja{
  color: #fff;
}

.lang a.langen{
  color: #999;
}

.sp-nav ul li.menulanguage a.langen{
  color: #ccc;
}



.en .lang a.langja{
  color: #999;
}
.en .sp-nav ul li.menulanguage a.langja{
  color: #ccc;
}

.en .lang a.langen{
  color: #333;
}

.en .sp-nav ul li.menulanguage a.langen{
  color: #fff;
}




.bllk a {
   display: inline-block;
  color:#fff;
  text-decoration:none;
  position: relative;
  transition: .3s;
}

.bllk a:hover{
  text-decoration: none;
}

.bllk a:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  content: '';
  width: 0;
  height: 4px;
  background-color: #fff;
  transition: .3s;
}


.bllk a:hover:after {
  width: 100%;
}


/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.3;
  visibility: visible;
}


/* # gNavi
---------------------------------------------------------------------------- */


#gnav {
  width: 100%;
  background: rgba(255,255,255,.9);
  padding:20px;
  box-sizing: border-box;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
}

#gnav #logo{
  width: 250px;
}

#gnav #nav-wrapper .lang {
  margin-right: 100px;
}



/* # pageBody
---------------------------------------------------------------------------- */
#second #pagebody #contents {
 padding-bottom: 100px;
}


.n-arrow {
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all 0.3s;
}
.p-arrow {
  position: absolute;
  left: -25px;
  top: 50%;
      transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: all 0.3s;
}
.n-arrow:hover {right:-30px;}
.p-arrow:hover {left:-30px;}


.slide-arrow {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 24.5px;
  height: 75px;
}

.slide-arrow::before,
.slide-arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  width: 30px;
  height: 1px;
  border-radius: 9999px;
  background-color: #717071;
}

.slide-arrow::before {
  transform: rotate(60deg);
}

.slide-arrow::after {
  transform: rotate(-60deg);
}

.prev-arrow::before,
.prev-arrow::after {
left: 0;
transform-origin: 0.5px 50%;
}

.next-arrow::before,
.next-arrow::after {
right: 0;
transform-origin: calc(100% - 0.5px) 50%;
}


/* # content
---------------------------------------------------------------------------- */
#contents {
}


#contents .bar {
  font-size:30px;
  margin-bottom: 30px;
}

/* スクロールすると下からふわっとさせるためのコード */
.inview {
  /* 30px下げる */
  transform: translateY(30px);
  /* 要素を透明にする */
  opacity: 0;
  /* 2秒かけて、変化させる */
  transition: transform 2s, opacity 2s;
}

.inview.show {
  transform: translateY(0);
  opacity: 1;
}

#second #contents {
  padding-top: 160px;
}

#second.page-template-page-front-page .en #contents {
  padding-top: 0;
}



/* pagination */
.pagination .nav-links{
  display: flex;
  align-items: center;
  justify-content:center
}
nav.pagination .page-numbers{
	display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 45px;
  height: 45px;
  background: #fff;
  border: solid 2px #111;
  font-size: 14px;
  color: #111;
  font-weight: bold;
  transition: all 0.15s linear;
}

nav.pagination .page-numbers.current{
	  background: #111;
  color: #fff;
  pointer-events: none;
}

nav.pagination .page-numbers:hover {
  background: #111;
  color: #fff;
}

nav.pagination .nav-links > * + * {
  margin-left: 12px;
}

/* # footer
---------------------------------------------------------------------------- */
#footer {
  background: #403d3c;
  padding: 80px 0 20px;
}


#footer a,
#footer li,
#footer p {
  color: #fff;
}

#footer a:hover {
  text-decoration: underline;
}

#footer ul {justify-content: center;}

#footer ul.pagenav li{
  padding: 0 20px;
}


/* # lNavi
---------------------------------------------------------------------------- */
#f_nav {
}




@media screen and (max-width: 639px) {
body .pc {display: none;}
body .sp {display: block;}

.tls{text-align:left;}
	
.w500,.w510,.w520,.w530,.w540,.w550,.w560,.w570,.w580,.w590,.w600,.w610,.w620,.w630,.w640,.w650,.w660,.w670,.w680,.w690,.w700,.w710,.w720,.w730,.w740,.w750,.w760,.w770,.w780,.w790,.w800,.w810,.w820,.w830,.w840,.w850,.w860,.w870,.w880,.w890,.w900,.w910,.w920,.w930,.w940,.w950,.w960,.w970,.w980,.w990,.w1000,.w1010,.w1020,.w1030,.w1040,.w1050,.w1060,.w1070,.w1080,.w1090,.w1100,.w1110,.w1120,.w1130,.w1140,.w1150,.w1160,.w1170,.w1180,.w1190,.w1200,.w1210,.w1220,.w1230,.w1240,.w1250,.w1260,.w1270,.w1280,.w1290,.w1300,.w1310,.w1320,.w1330,.w1340,.w1350,.w1360,.w1370,.w1380,.w1390,.w1400{width: 100%;}
.w99s{width:99%;}.w98s{width:98%;}.w97s{width:97%;}.w96s{width:96%;}.w95s{width:95%;}.w94s{width:94%;}.w93s{width:93%;}.w92s{width:92%;}.w91s{width:91%;}.w90s{width:90%;}
.w89s{width:89%;}.w88s{width:88%;}.w87s{width:87%;}.w86s{width:86%;}.w85s{width:85%;}.w84s{width:84%;}.w83s{width:83%;}.w82s{width:82%;}.w81s{width:81%;}.w80s{width:80%;}
.w79s{width:79%;}.w78s{width:78%;}.w77s{width:77%;}.w76s{width:76%;}.w75s{width:75%;}.w74s{width:74%;}.w73s{width:73%;}.w72s{width:72%;}.w71s{width:71%;}.w70s{width:70%;}
.w69s{width:69%;}.w68s{width:68%;}.w67s{width:67%;}.w66s{width:66%;}.w65s{width:65%;}.w64s{width:64%;}.w63s{width:63%;}.w62s{width:62%;}.w61s{width:61%;}.w60s{width:60%;}
.w59s{width:59%;}.w58s{width:58%;}.w57s{width:57%;}.w56s{width:56%;}.w55s{width:55%;}.w54s{width:54%;}.w53s{width:53%;}.w52s{width:52%;}.w51s{width:51%;}.w50s{width:50%;}
.w49s{width:49%;}.w48s{width:48%;}.w47s{width:47%;}.w46s{width:46%;}.w45s{width:45%;}.w44s{width:44%;}.w43s{width:43%;}.w42s{width:42%;}.w41s{width:41%;}.w40s{width:40%;}
.w39s{width:39%;}.w38s{width:38%;}.w37s{width:37%;}.w36s{width:36%;}.w35s{width:35%;}.w34s{width:34%;}.w33s{width:33%;}.w32s{width:32%;}.w31s{width:31%;}.w30s{width:30%;}
.w29s{width:29%;}.w28s{width:28%;}.w27s{width:27%;}.w26s{width:26%;}.w25s{width:25%;}.w24s{width:24%;}.w23s{width:23%;}.w22s{width:22%;}.w21s{width:21%;}.w20s{width:20%;}
.w19s{width:19%;}.w18s{width:18%;}.w17s{width:17%;}.w16s{width:16%;}.w15s{width:15%;}.w14s{width:14%;}.w13s{width:13%;}.w12s{width:12%;}.w11s{width:11%;}.w10s{width:10%;}
.w9s{width:9%;}.w8s{width:8%;}.w7s{width:7%;}.w6s{width:6%;}.w5s{width:5%;}.w4s{width:4%;}.w3s{width:3%;}.w2s{width:2%;}.w1s{width:1%;}
.w100s{width:100%;}

.flexsp {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;}
.jc_sbsp {-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.jc_sasp {-webkit-flex-pack:distribute;-moz-flex-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.jc_cesp {-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-moz-flex-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.fl_wpsp {-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ai_cesp {-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.fd_clsp{flex-direction: column;}.fd_crsp{flex-direction: column-reverse;}.grid{display: grid;}
.prl5p {padding: 0 5%;box-sizing: border-box;}
.fs20p{font-size: 18px;}.fs25p{font-size: 20px;}.fs28p{font-size: 22px;}.fs30p{font-size: 24px;}.fs35p{font-size: 28px;}.fs40p{font-size: 32px;}.fs50p{font-size: 38px;}.fs60p{font-size: 58px;}

/* -- margin  --*/
.mb0s{margin-bottom:0px !important;}.mb5s{margin-bottom:5px !important;}.mb10s{margin-bottom:10px !important;}.mb15s{margin-bottom:15px !important;}
.mb20s{margin-bottom:20px !important;}.mb25s{margin-bottom:25px !important;}.mb30s{margin-bottom:30px !important;}.mb35s{margin-bottom:35px !important;}
.mb40s{margin-bottom:40px !important;}.mb45s{margin-bottom:45px !important;}.mb50s{margin-bottom:50px !important;}.mb55s{margin-bottom:55px !important;}
.mb60s{margin-bottom:60px !important;}.mb65s{margin-bottom:65px !important;}.mb70s{margin-bottom:70px !important;}.mb75s{margin-bottom:75px !important;}
.mb80s{margin-bottom:80px !important;}.mb85s{margin-bottom:85px !important;}.mb90s{margin-bottom:90px !important;}.mb95s{margin-bottom:95px !important;}.mb100s{margin-bottom:100px !important;}


.grid3f-40{grid-template-columns: repeat(2, 1fr);column-gap: 40px;row-gap: 40px;}.grid3f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid4f-20{grid-template-columns: repeat(2, 1fr);column-gap: 20px;row-gap: 20px;}.grid4f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid1f-0{grid-template-columns: repeat(2, 1fr);column-gap: 0;row-gap: 0;}.grid1f-0{grid-template-columns: repeat(1, 1fr);column-gap: 0;row-gap: 0;}


/* # body
---------------------------------------------------------------------------- */
body {
}


/* # header
---------------------------------------------------------------------------- */
#header {
}


/* # gNavi
---------------------------------------------------------------------------- */
#nav {
}
.sp-nav ul li a {
  font-size: 30px;
}

.sp-nav div.inspnav {
  width: 100%;
  flex-direction: column;
}
.sp-nav div.inspnav #innavlogo {
  width: 50%;
    margin-bottom: 30px;
}
.sp-nav ul li {
  font-size: 30px;
  margin-bottom: 40px;
  text-align: center;
}

.sp-nav ul li.menuhead{
  position: relative;
}
.sp-nav ul li.menuhead:before {
  content: "";
  width: 30%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: -30%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.sp-nav ul li.menuhead:after {
  content: "";
  width: 30%;
  height: 1px;
  background: #ccc;
  position: absolute;
  right: -30%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}



/* # pageBody
---------------------------------------------------------------------------- */
#pagebody {
}


/* # content
---------------------------------------------------------------------------- */
#contents {
}


/* # footer
---------------------------------------------------------------------------- */
#footer {
    padding: 80px 5% 20px;
}
#footer a, #footer li, #footer p {
  color: #fff;
  line-height: 2;
}
	
	#footer p {
		font-size:14px;
	}

/* # lNavi
---------------------------------------------------------------------------- */
#f_nav {
}

}




#contents .bar2 {
  margin-bottom: 5px;
  padding-bottom: 10px;
  font-size: 180%;
  text-align: center;
  border-bottom: solid 2px #184f9e;
  color: #000;
  letter-spacing: 0.2em;
}

/* =============================
 会社概要
==============================*/
div.company #contents {
}

/* =============================
 会社概要　.section1
==============================*/

div.company #contents .sec1 .clogo {
	padding: 70px 0 0;
	margin-bottom: 50px;
}

div.company #contents .sec1 .tc .name {
	margin-bottom: 50px;
}

div.company #contents .sec1 .tc .name dt {
	font-size: 160%;
	color: #001d7e
}

div.company #contents .sec1 .tc .name dd {
	font-family: Futura, 'Century Gothic';
	font-size: 120%;
}
div.company #contents .sec1 .tc .name dd.en{
	font-style: italic;
}

div.company #contents .sec1 .tc .ch_en {
	margin-bottom: 100px;
}

div.company #contents .sec1 .tc .ch_en dt {
	font-size: 125%;
}

div.company #contents .sec1 .tc .ch_en dd {
	font-family: Futura, 'Century Gothic';
	font-style: italic;
	font-size: 120%;
}

div.company #contents .sec1 .telfax p{
	font-size: 125%;
	line-height: 1.5
}


@media screen and (max-width:768px) {
div.company #contents {
	background-size: cover;
}
div.company #contents .sec1 {width: 90%;
    padding: 10px 5% 0px;

}

div.company #contents .sec1 .clogo img {
	width: 100%
}

div.company #contents .sec1 div{font-size: 80%;}

}


/* =============================
 COMPANY
==============================*/
div.en-company #contents {
}

/* =============================
 COMPANY　.section1
==============================*/

#contents .bar2.en {
	font-family: Futura, 'Century Gothic';
}

div.en-company #contents .sec1 .clogo {
	padding: 70px 0 0;
	margin-bottom: 50px;
}

div.en-company #contents .sec1 .tc .name {
	margin-bottom: 50px;
}

div.en-company #contents .sec1 .tc .name dt {
	font-size: 160%;
	color: #001d7e
}

div.en-company #contents .sec1 .tc .name dd {
	font-family: Futura, 'Century Gothic';
	font-size: 120%;
}
div.en-company #contents .sec1 .tc .name dd.en{
	font-style: italic;
}

div.en-company #contents .sec1 .tc .ch_en {
	margin-bottom: 100px;
}

div.en-company #contents .sec1 .tc .ch_en dt {
	font-size: 125%;
}

div.en-company #contents .sec1 .tc .ch_en dd {
	font-family: Futura, 'Century Gothic';
	font-style: italic;
	font-size: 120%;
}

div.en-company #contents .sec1 .telfax p{
	font-size: 125%;
	line-height: 1.5
}


@media screen and (max-width:768px) {
div.en-company #contents {
	background-size: cover;
}
div.en-company #contents .sec1 {width: 90%;
    padding: 10px 5% 0px;

}

div.en-company #contents .sec1 .clogo img {
	width: 100%
}

div.en-company #contents .sec1 div{font-size: 80%;}

}



/* =============================
お問い合わせ
 .section1
==============================*/

.contact-complete #contents .bar,
.contact-confirm .sec1.jp #contents .bar,
.contact #contents .bar {
    padding-bottom: 10px;
    font-size: 140%;
    text-align: center;
    border-bottom: solid 2px #184f9e;
}

.contact-confirm .sec1.jp .storetxt,
.contact .sec1 .storetxt {margin-top: 30px;}


.contact-confirm .sec1.jp form,
.contact .sec1 form {
	margin-top: 60px;
}

.contact-confirm .sec1.jp dl,
.contact .sec1 dl {
	width: 670px;
	padding:0 0 10px;
	margin: 0 auto 30px;
}

.contact-confirm .sec1.jp dl.last,
.contact .sec1 dl.last {
	margin: 0 auto 10px;
}

.contact-confirm .sec1.jp dl dt,
.contact .sec1 dl dt {
	width:28%;
	padding:0.6em 0 0.6em 2%;
	background:#f7f7f8;
}

.contact-confirm .sec1.jp dt em,
.contact .sec1 dt em {
	padding-left: 0.5em;
}

.contact-confirm .sec1.jp dl dd,
.contact .sec1 dl dd {
	padding:0.6em 0 0.6em 2%;
	width:69%;
	box-sizing:border-box;
}

.contact-confirm .sec1.jp em,
.contact .sec1 em {
	color:#C00;
}

.contact-confirm .sec1.jp dd input,
.contact .sec1 dd input {
	width: 97%;
	height:35px;
	font-size:1.2em;
	color:#333;
	padding-left: 1.5%;
}

.contact-confirm .sec1.jp dd input[type=radio],
.contact .sec1 dd input[type=radio] {
	width: 15px;
	height:15px;;
	color:#333;
	padding-left: 0.5em;
	margin-right: 0.5em;
}

.contact-confirm .sec1.jp :placeholder-shown,
.contact :placeholder-shown {
    color: #ccc; }

.contact-confirm .sec1.jp ::-webkit-input-placeholder,
.contact ::-webkit-input-placeholder {
    color: #ccc; }

.contact-confirm .sec1.jp :-moz-placeholder,
.contact :-moz-placeholder {
    color: #ccc; opacity: 1; }

.contact-confirm .sec1.jp ::-moz-placeholder,
.contact ::-moz-placeholder {
    color: #ccc; opacity: 1; }

.contact-confirm .sec1.jp :-ms-input-placeholder,
.contact :-ms-input-placeholder {
    color: #ccc; }


.contact-confirm .sec1.jp input[type=checkbox],
.contact input[type=checkbox] {
  display: none;
}
.contact-confirm .sec1.jp .check_css,
.contact .check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6em;
  vertical-align: middle;
  cursor: pointer;
}

.contact-confirm .sec1.jp .check_css:nth-child(1),
.contact-confirm .sec1.jp .check_css:nth-child(2),
.contact .check_css:nth-child(1),
.contact .check_css:nth-child(2) {
	margin-bottom: 0.5em;
}

.contact-confirm .sec1.jp .mr2,
.contact .mr2 {
	margin-right:2em;
}

.contact-confirm .sec1.jp #text,
.contact #text { width:480px;
padding: 0.5em;
background: #efefef;
font-size:80%;}

.contact-confirm .sec1.jp .check_css:hover:after,
.contact .check_css:hover:after {
  border-color: #0171bd;
}
.contact-confirm .sec1.jp .check_css:after,
.contact .check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 6px;
  content: '';
}
.contact-confirm .sec1.jp .check_css:before,
.contact .check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact-confirm .sec1.jp input[type=checkbox]:checked + .check_css:before,
.contact input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}
.contact-confirm .sec1.jp textarea,
.contact .sec1 textarea {
    width: 99%;
    height: 200px;
}
.contact-confirm .sec1.jp .desc,
.contact .desc {
	color:#0080C7;
}

.contact-confirm .sec1.jp span.ERR,
.contact .sec1 span.ERR {
	font-weight: bold;
	color:#F00;
}

.contact-confirm .sec1.jp input.confirm,
.contact .sec1 input.confirm {
background: -moz-linear-gradient(top, #009adb 0%, #0059a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #009adb 0%,#0059a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #009adb 0%,#0059a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009adb', endColorstr='#0059a0',GradientType=0 ); /* IE6-9 */
	border: none;
	cursor: pointer;
	display: block;
	height: 70px;
	text-align:center;
	font-size:125%;
	color:#fff;
	width: 400px;
	margin: 0 auto 20px;
}

.contact-confirm .sec1.jp input.confirm:hover,
.contact .sec1 input.confirm:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}

.contact-confirm .sec1.jp input.reset,
.contact .sec1 input.reset {
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
	display: block;
	height: 30px;
	text-align:center;
	font-size:110%;
	color:#fff;
	width: 170px;
	margin: 0 auto;
}

.contact-confirm .sec1.jp input.confirm:hover,
.contact .sec1 input.confirm:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}

.contact-confirm .sec1.jp .submit,
.contact .submit {width:900px; margin:0 auto;}

.contact-confirm .sec1.jp .btn_wrap,
.contact .btn_wrap {
	padding-left:70px;
}

.contact-confirm .sec1.jp input#submit,
.contact .sec1 input#submit {
background: -moz-linear-gradient(top, #009adb 0%, #0059a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #009adb 0%,#0059a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #009adb 0%,#0059a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009adb', endColorstr='#0059a0',GradientType=0 ); /* IE6-9 */
	border: none;
	cursor: pointer;
	display: block;
	height: 70px;
	text-align:center;
	font-size:125%;
	color:#fff;
	width: 400px;
	float:left;
}

.contact-confirm .sec1.jp input#submit:hover,
.contact .sec1 input#submit:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;
}
.contact-confirm .sec1.jp input#back,
.contact .sec1 input#back {
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
	display: block;
	height: 60px;
	text-align:center;
	font-size:125%;
	color:#fff;
	width: 200px;
	float:left;
	margin-right:40px;

}

.contact-confirm .sec1.jp input#back:hover,
.contact .sec1 input#back:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}


@media screen and (max-width:768px) {
.contact-confirm .sec1.jp,
.contact .sec1 {
    width: 90%;
    margin: 0 auto 100px;
}
.contact-confirm .sec1.jp .bar,
.contact .sec1 .bar {
    margin: 60px 0;
}

.contact-confirm .sec1.jp dl,
.contact .sec1 dl {
	width: 100%;
}


.contact-confirm .sec1.jp dl dt,
.contact .sec1 dl dt {
	width:100%;
	margin-bottom: 5px;
}

.contact-confirm .sec1.jp dl dd,
.contact .sec1 dl dd {
	width:100%;
}


.contact-confirm .sec1.jp dd input,
.contact .sec1 dd input {
    width: 100%;
	box-sizing: border-box;
	border-radius: 0;
}
.contact-confirm .sec1.jp textarea,
.contact .sec1 textarea {

    width: 100%;
    box-sizing: border-box;
    border-radius: 0;

}
.contact-confirm .sec1.jp .btn_wrap,
.contact .btn_wrap {
	padding-left: 0;
}


.contact-confirm .sec1.jp input.confirm,
.contact .sec1 input.confirm {
	width: 100%;
}

.contact-confirm .sec1.jp input[type="submit"],
.contact-confirm .sec1.jp input[type="reset"],
.contact-confirm .sec1.jp input[type="button"],
.contact input[type="submit"],
.contact input[type="reset"],
.contact input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.contact-confirm .sec1.jp input[type="submit"]::-webkit-search-decoration,
.contact-confirm .sec1.jp input[type="reset"]::-webkit-search-decoration,
.contact-confirm .sec1.jp input[type="button"]::-webkit-search-decoration,
.contact input[type="submit"]::-webkit-search-decoration,
.contact input[type="reset"]::-webkit-search-decoration,
.contact input[type="button"]::-webkit-search-decoration {
  display: none;
}
.contact-confirm .sec1.jp input[type="submit"]::focus,
.contact-confirm .sec1.jp input[type="reset"]::focus,
.contact-confirm .sec1.jp input[type="button"]::focus,
.contact input[type="submit"]::focus,
.contact input[type="reset"]::focus,
.contact input[type="button"]::focus {
  outline-offset: -2px;
}

.contact-confirm .sec1.jp .submit,
.contact .submit {
width: 100%;
}

.contact-confirm .sec1.jp input#back,
.contact .sec1 input#back {
width: 100%;
float: none;
margin-right: 0;
margin-bottom: 10px;
}

.contact-confirm .sec1.jp input#submit,
.contact .sec1 input#submit {
width: 100%;
float: none;
}

}




/* =============================
EN-CONTACT
 .section1
==============================*/

.en .contact-confirm #contents .bar,
.en-contact #contents .bar {
    margin-bottom: 35px;
    padding-bottom: 10px;
    font-size: 140%;
    text-align: center;
    border-bottom: solid 2px #184f9e;
}

.en .contact-confirm .sec1 .storetxt,
.en-contact .sec1 .storetxt {margin-top: 30px;}


.en .contact-confirm .sec1 form,
.en-contact .sec1 form {
	margin-top: 60px;
}

.en .contact-confirm .sec1 dl,
.en-contact .sec1 dl {
	width: 670px;
	padding:0 0 10px;
	margin: 0 auto 30px;
}

.en .contact-confirm .sec1 dl.last,
.en-contact .sec1 dl.last {
	margin: 0 auto 30px;
}

.en .contact-confirm .sec1 dl dt,
.en-contact .sec1 dl dt {
	width:28%;
	padding:0.6em 0 0 2%;
	background:#f7f7f8;
}

.en .contact-confirm .sec1 dt em,
.en-contact .sec1 dt em {
	padding-left: 0.5em;
}

.en .contact-confirm .sec1 dl dd,
.en-contact .sec1 dl dd {
	width:69%;
	margin: 0 0 0 1%;
}

.en .contact-confirm .sec1 em,
.en-contact .sec1 em {
	color:#C00;
}

.en .contact-confirm .sec1 dd input,
.en-contact .sec1 dd input {
	width: 97%;
	height:35px;
	font-size:1.2em;
	color:#333;
	padding-left: 1.5%;
}

.en .contact-confirm .sec1 dd input[type=radio],
.en-contact .sec1 dd input[type=radio] {
	width: 15px;
	height:15px;;
	color:#333;
	padding-left: 0.5em;
	margin-right: 0.5em;
}

.en .contact-confirm :placeholder-shown,
.en-contact :placeholder-shown {
    color: #ccc; }

.en .contact-confirm ::-webkit-input-placeholder,
.en-contact ::-webkit-input-placeholder {
    color: #ccc; }

.en .contact-confirm :-moz-placeholder,
.en-contact :-moz-placeholder {
    color: #ccc; opacity: 1; }

.en .contact-confirm ::-moz-placeholder,
.en-contact ::-moz-placeholder {
    color: #ccc; opacity: 1; }

.en .contact-confirm :-ms-input-placeholder,
.en-contact :-ms-input-placeholder {
    color: #ccc; }


.en .contact-confirm input[type=checkbox],
.en-contact input[type=checkbox] {
  display: none;
}
.en .contact-confirm .check_css,
.en-contact .check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6em;
  vertical-align: middle;
  cursor: pointer;
}

.en .contact-confirm .check_css:nth-child(1),
.en .contact-confirm .check_css:nth-child(2),
.en-contact .check_css:nth-child(1),
.en-contact .check_css:nth-child(2) {
	margin-bottom: 0.5em;
}

.en .contact-confirm .mr2,
.en-contact .mr2 {
	margin-right:2em;
}

.en .contact-confirm #text,
.en-contact #text { width:480px;
padding: 0.5em;
background: #efefef;
font-size:80%;}

.en .contact-confirm .check_css:hover:after,
.en-contact .check_css:hover:after {
  border-color: #0171bd;
}
.en .contact-confirm .check_css:after,
.en-contact .check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 6px;
  content: '';
}
.en .contact-confirm .check_css:before,
.en-contact .check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.en .contact-confirm input[type=checkbox]:checked + .check_css:before,
.en-contact input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}
.en .contact-confirm .sec1 textarea,
.en-contact .sec1 textarea {
    width: 99%;
    height: 200px;
}
.en .contact-confirm .desc,
.en-contact .desc {
	color:#0080C7;
}

.en .contact-confirm .sec1 span.ERR,
.en-contact .sec1 span.ERR {
	font-weight: bold;
	color:#F00;
}

.en .contact-confirm .sec1 input.confirm,
.en-contact .sec1 input.confirm {
background: -moz-linear-gradient(top, #009adb 0%, #0059a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #009adb 0%,#0059a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #009adb 0%,#0059a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009adb', endColorstr='#0059a0',GradientType=0 ); /* IE6-9 */
	border: none;
	cursor: pointer;
	display: block;
	height: 70px;
	text-align:center;
	font-size:125%;
	color:#fff;
	width: 400px;
	margin: 0 auto 20px;
}

.en .contact-confirm .sec1 input.confirm:hover,
.en-contact .sec1 input.confirm:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}

.en .contact-confirm .sec1 input.reset,
.en-contact .sec1 input.reset {
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
	display: block;
	height: 30px;
	text-align:center;
	font-size:110%;
	color:#fff;
	width: 170px;
	margin: 0 auto;
}

.en .contact-confirm .sec1 input.confirm:hover,
.en-contact .sec1 input.confirm:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}

.en .contact-confirm .submit,
.en-contact .submit {width:900px; margin:0 auto;}

.en .contact-confirm .btn_wrap,
.en-contact .btn_wrap {
	padding-left:70px;
}

.en .contact-confirm .sec1 input#submit,
.en-contact .sec1 input#submit {
background: -moz-linear-gradient(top, #009adb 0%, #0059a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #009adb 0%,#0059a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #009adb 0%,#0059a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009adb', endColorstr='#0059a0',GradientType=0 ); /* IE6-9 */
	border: none;
	cursor: pointer;
	display: block;
	height: 70px;
	text-align:center;
	font-size:125%;
	color:#fff;
	width: 400px;
	float:left;
}

.en .contact-confirm .sec1 input#submit:hover,
.en-contact .sec1 input#submit:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;
}
.en .contact-confirm .sec1 input#back,
.en-contact .sec1 input#back {
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
	display: block;
	height: 60px;
	text-align:center;
	font-size:125%;
	color:#fff;
	width: 200px;
	float:left;
	margin-right:40px;

}

.en .contact-confirm .sec1 input#back:hover,
.en-contact .sec1 input#back:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}

.btn_flex{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.btn_flex .wpcf7-spinner{
	display:none;
}

.btn_flex .wpcf7-previous{
	padding:10px 0;
	width: 400px;
	margin-left:auto;
	margin-right:auto;
    display: block;
}

@media screen and (max-width:768px) {
.en .contact-confirm .sec1,
.en-contact .sec1 {
    width: 90%;
    margin: 0 auto 100px;
}
.en .contact-confirm .sec1 .bar,
.en-contact .sec1 .bar {
    margin: 60px 0;
}

.en .contact-confirm .sec1 dl,
.en-contact .sec1 dl {
	width: 100%;
}


.en .contact-confirm .sec1 dl dt,
.en-contact .sec1 dl dt {
	width:100%;
	margin-bottom: 5px;
}

.en .contact-confirm .sec1 dl dd,
.en-contact .sec1 dl dd {
	width:100%;
}


.en .contact-confirm .sec1 dd input,
.en-contact .sec1 dd input {
    width: 100%;
	box-sizing: border-box;
	border-radius: 0;
}
.en .contact-confirm .sec1 textarea,
.en-contact .sec1 textarea {

    width: 100%;
    box-sizing: border-box;
    border-radius: 0;

}
.en .contact-confirm .btn_wrap,
.en-contact .btn_wrap {
	padding-left: 0;
}


.en .contact-confirm .sec1 input.confirm,
.en-contact .sec1 input.confirm {
	width: 100%;
}

.en .contact-confirm input[type="submit"],
.en .contact-confirm input[type="reset"],
.en .contact-confirm input[type="button"],
.en-contact input[type="submit"],
.en-contact input[type="reset"],
.en-contact input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.en .contact-confirm input[type="submit"]::-webkit-search-decoration,
.en .contact-confirm input[type="reset"]::-webkit-search-decoration,
.en .contact-confirm input[type="button"]::-webkit-search-decoration,
.en-contact input[type="submit"]::-webkit-search-decoration,
.en-contact input[type="reset"]::-webkit-search-decoration,
.en-contact input[type="button"]::-webkit-search-decoration {
  display: none;
}
.en .contact-confirm input[type="submit"]::focus,
.en .contact-confirm input[type="reset"]::focus,
.en .contact-confirm input[type="button"]::focus,
.en-contact input[type="submit"]::focus,
.en-contact input[type="reset"]::focus,
.en-contact input[type="button"]::focus {
  outline-offset: -2px;
}

.en .contact-confirm .submit,
.en-contact .submit {
width: 100%;
}

.en .contact-confirm .sec1 input#back,
.en-contact .sec1 input#back {
width: 100%;
float: none;
margin-right: 0;
margin-bottom: 10px;
}

.en .contact-confirm .sec1 input#submit,
.en-contact .sec1 input#submit {
width: 100%;
float: none;
}

}