@charset "utf-8";

/*
Theme Name: toyomi-themes
Theme URI: 
Author: toyomi
Author URI: http://www.solution-sy.com/
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: 0 0;
  box-sizing: border-box;
}

:after, :before {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  width: 100%;
  overflow-x: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width:1520px){
	body{font-size:14px;}
}
address, caption, code, figcaption, pre, th {
  font-weight: normal;
  font-style: normal;
}

blockquote, q {
  quotes: none;
}

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

fieldset, iframe, img {
  border: 0;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

caption, th {
  text-align: left;
}

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

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

button {
  background: 0 0;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit;
}

button:disabled {
  cursor: default;
}

audio:not([controls]) {
  display: none;
}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a, a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

ul {
  list-style: none;
}

em {
  font-style: normal;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1;
}

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

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

::-webkit-scrollbar {
  width: 6px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd;
}

::-webkit-scrollbar:hover {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #666;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #333;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none;
}

/* /Start Reset Css */

@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.eot');
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont/iconfont.woff2') format('woff2'),
      url('iconfont/iconfont.woff') format('woff'),
      url('iconfont/iconfont.ttf') format('truetype'),
      url('iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* if u want to change function for JQcode , plase open function.js file , search function's name , that name is css's name */
/* css for function hasbg */
.hasbg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.hasbg:after {
  display: block;
  content: "";
  padding-top: 100%;
}

.hasbg>img {
  display: none;
}

/* /hasbg */
/* sp mobile-btn */

/* /hasbg */
/* sp mobile-btn */
.sp-wrapper {
  display: none;
}

@media screen and (max-width: 1080px) {
  .logged-in .mobile-btn{
    top:56px;
  }

  .mobile-btn {
    position: fixed;
    z-index: 80;
    top: 20px;
    right: 20px;
    display: block;
  }

  .mobile-btn div {
    width: 30px;
    height: 20px;
    background: none;
    cursor: pointer;
    display: block;
    position: relative;
    right: 0;
    top: 0;
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  }

  .mobile-btn div span {
    width: 30px;
    height: 2px;
    top: 9px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin: 0 0 0 -15px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
  }

  .mobile-btn div span:nth-child(1) {
    -moz-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    -o-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    transform: translateY(-9px);
  }

  .mobile-btn div span:nth-child(3) {
    -moz-transform: translateY(9px);
    -webkit-transform: translateY(9px);
    -o-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
  }

  .mobile-btn .active {
    transform: translateX(-200px) rotate(180deg);
  }

  .mobile-btn .active span:nth-child(1) {
    transform: rotate3d(0, 0, 1, -40deg) !important;
    transform-origin: 0.71429px center !important;
    width: 20px !important;
  }

  .mobile-btn .active span:nth-child(3) {
    transform: rotate3d(0, 0, 1, 40deg) !important;
    transform-origin: 0.71429px center !important;
    width: 20px !important;
  }

  .sp-wrapper-move {
    transform: translateX(0px) !important;
  }

  .sp-wrapper {
    width: 200px;
    height: 100vh;
    position: fixed;
    z-index: 100;
    background: #124a7b;
    right: 0;
    top: 0;
    transform: translateX(200px);
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    display: block;
  }

  .sp-wrapper .sp-heading {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
  }

  .sp-wrapper nav > ul {
    padding: 0 15px;
  }

  .sp-wrapper nav > ul > li:first-child {
    border-top: 1px solid #356c9d;
  }

  .sp-wrapper nav > ul > li {
    border-bottom: 1px solid #356c9d;
  }

  .sp-wrapper nav > ul > li a {
    color: #fff;
    display: flex;
    flex-direction:column;
    align-items:center;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    text-transform: uppercase;
    transition: .3s;
  }

  .sp-wrapper nav > ul > li a span:first-child{
    font-size:14px;
  }

  .sp-wrapper nav > ul > li a span:last-child{
    font-size:12px;
  }

  .sp-wrapper nav > ul > li ul{
    display:none;
  }

  .sp-wrapper nav > ul > li a.subarrow{
    position:relative;
  }

  .sp-wrapper nav > ul > li a.subarrow:after{
    content:"";
    position: absolute;
    top:50%;
    right:10px;
    transform-origin:center;
    border:5px solid;
    border-color:#fff transparent transparent transparent;
    transition:.3s;
  }

  .sp-wrapper nav > ul > li a.subarrow.oc:after{
    transform: rotate(180deg);
  }

  .sp-wrapper nav > ul > li a:hover {
    background: #f2f2f2;
    color: #000;
  }

  .sp-wrapper nav > ul > li ul li a{
    font-size: 14px;
  }
}

.logged-in #wpadminbar{
  position: fixed;
}

/* /sp mobile-btn */

/* wrapper css */
.wrapper {
  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
  position: relative;
  left: 0;
  z-index: 20;
}

.wrapper .wrapperbg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 69;
  background: rgba(0, 0, 0, 0.5);
}

.wrapper-move {
  overflow: hidden;
  left: -200px;
}

/* /wrapper css */
/*public*/
.bluecolor{color:#369ccd;}

.webbtn{text-decoration:none!important;padding:8px 10px;display:block;text-align:center;transition:.3s;}
.btnblue{background:#124a7b;color:#fff;}

.webtitle{display:flex;align-items:baseline;line-height:1.8;}
.webtitle h2{font-size:34px;color:#124a7b;text-transform:uppercase;}
.webtitle h5{font-size:20px;color:#555;margin-left:30px;font-weight:normal;}
@media screen and (max-width:1520px) {
  .webtitle h2{font-size:30px;}
  .webtitle h5{font-size:16px;margin-left:20px;}
}
@media screen and (max-width:1080px) {
  
  .webtitle h2{font-size:26px;}
  .webtitle h5{font-size:14px;margin-left:10px;}
}
@media screen and (max-width:780px) {
  .webtitle{flex-direction:column;align-items:center;}
  .webtitle h2{font-size:22px;}
  .webtitle h5{margin-left:0;}
}
@media screen and (max-width:480px) {
  .webtitle h2{font-size:20px;}
}

.mainSize{width:100%;max-width:1520px;margin:0 auto;}
.minsize{width:100%;max-width:1080px;margin:0 auto;}

.com_title{font-size:38px;color:#124a7b;margin-bottom:50px;text-align:center;}
@media screen and (max-width:1520px) {
  .com_title{font-size:32px;}
}
@media screen and (max-width:1080px) {
  .com_title{font-size:26px;} 
}
@media screen and (max-width:780px) {
  .com_title{font-size:20px;}
}

/*scrolltop*/
.scroll-top{position: fixed;right: 2%;bottom:5%;z-index: 70;transition:.5s;background: #124a7b;color:#fff;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;text-decoration:none;padding:15px 10px 10px 10px;border-radius:50%;}
.scroll-top:after{content:"";display:block;width:16px;height:16px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(-45deg);}
@media screen and (max-width: 1080px) {
  .scroll-top{width: 40px;height: 40px;padding:5px 0 0 0;}
}

@-webkit-keyframes headermove{
  0%{
      top:-120px;
  }
  100%{
      top:0px;
  }
}
.logged-in .headerfixed{top:32px;}
.headerfixed{position:fixed;top:0;left:0;z-index:100;box-shadow: 0 0 5px 5px rgb(0 0 0 / 30%);box-shadow: 0 0 8px rgba(0,0,0,0.5);
  -webkit-animation:headermove .5s linear 1 0s; -moz-animation:headermove .5s linear 1 0s;-ms-animation:headermove .5s linear 1 0s;-o-animation:headermove .5s linear 1 0s;animation:headermove .5s linear 1 0s;}
header{background:#124a7b;width:100%;padding:0px 0 0px 20px;display:flex;justify-content:space-between;transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
header .siteLogo{width:120px;display:flex;align-items:center;}
header .siteLogo a{width:100%;display:block;transition:.3s;}
header .siteLogo a img{width:100%;}
header .siteLogo a:hover{opacity:0.7;}
header .headMain{display:flex;align-items:center;}
header .headMain .main-navigation > ul{display:flex;}
header .headMain .main-navigation > ul > li{position:relative;}
header .headMain .main-navigation > ul > li a{padding:0 30px;text-decoration:none;font-size:18px;line-height:1.6;font-weight:500;color:#fff;display:flex;flex-direction:column;align-items:center;position:relative;}
header .headMain .main-navigation > ul > li a:after{content: "";display: block;width: 100%;height: 2px;background: #fff;opacity: 0;margin-top:3px; visibility: hidden;transform: scaleX(0) ;transition: .4s ease-in-out;position: absolute;left:0;bottom:-10px;}
header .headMain .main-navigation > ul > li:nth-child(2) a:after{display:none;}
header .headMain .main-navigation > ul > li a span.en{font-size:18px;text-transform:uppercase;font-weight:bolder;}
header .headMain .main-navigation > ul > li a span.ja{font-size:14px;}
header .headMain .main-navigation > ul > li a:hover:after{opacity: 0.8;visibility: visible;transform: scaleX(1);}
header .headMain .main-navigation > ul > li:hover ul{display:block;}
header .headMain .main-navigation > ul > li ul{display:none;position:absolute;top:0px;z-index:10;width:100%;padding-top:78px;}
header .headMain .main-navigation > ul > li ul li{width:100%;}
header .headMain .main-navigation > ul > li ul li a{width:100%;padding:10px;text-align:center;color:#fff;background:#124a7b;border-top:1px solid #011223;font-size:14px;transition:.3s;}
header .headMain .main-navigation > ul > li ul li a:hover{background:#011122;}
header .headMain .specialLinks{display:flex;width:380px;}
header .headMain .specialLinks div{background:#369ccd;width:50%;position:relative;overflow:hidden;}
header .headMain .specialLinks div:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:#124a7b;transform:translateY(-101%);transition:.3s;}
header .headMain .specialLinks div:hover:after{transform:translateY(0);}
header .headMain .specialLinks div:first-child{background:#a88c54;}
header .headMain .specialLinks div:last-child{background:#00233c;}
header .headMain .specialLinks div a {width:100%;max-width:300px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items: center;text-decoration:none;color:#fff;padding:20px;position:relative;z-index:10;}
header .headMain .specialLinks div a span{font-size:16px;font-weight:bolder;}
header .headMain .specialLinks div a i{font-size:24px;line-height:1.6;}
@media screen and (max-width:1520px) {
  header .siteLogo{width:90px;}
  header .headMain .main-navigation ul li{}
  header .headMain .main-navigation ul li a{padding:0 20px;}
  header .headMain .main-navigation > ul > li a span.en{font-size:16px;font-weight:normal;}
  header .headMain .main-navigation > ul > li a span.ja{font-size:12px;}
  header .headMain .main-navigation > ul > li ul{padding-top:60px;}
  header .headMain .specialLinks{width:210px;}
  header .headMain .specialLinks div a{max-width:220px;padding:10px;}
  header .headMain .specialLinks div a span{font-size:14px;}
}
@media screen and (max-width:1080px) {
  header{padding:0px 20px;width:100%;}
  header .siteLogo{width:80px;padding:5px 0;}
  header .headMain{margin-right:50px;}
  header .headMain .main-navigation { display: none;}
  header .headMain .main-navigation ul li a{font-size:14px;}
  header .headMain .main-navigation > ul > li a span.en{font-size:14px;}
  header .headMain .specialLinks div a{padding:5px 10px;}
  header .headMain .specialLinks div a span{font-size:12px;}
}
@media screen and (max-width:780px) {
  header .headMain .specialLinks{display:none;}
  header .headMain .specialLinks div{background:none;padding:0;}
  header .headMain .specialLinks div a{border:0;padding:5px;}
  header .headMain .specialLinks div a i{font-weight:normal;font-size:24px;}
}
@media screen and (max-width:480px) {
	.logged-in .headerfixed{top:46px;}
	header{padding:10px 20px;}
  header .siteLogo{width:60px;padding:0;}
}

.fiexdtel{position:fixed;right:0;top:30%;z-index:100;width:60px;}
.fiexdtel > span{display:block;padding:10px;color:#fff;background:#00233c;font-weight:bolder;text-align:center;}
.fiexdtel a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#124a7b;font-weight:bolder;overflow:hidden;padding:10px;transition:.3s;}
.fiexdtel a:hover{background:#a88c54;}
.fiexdtel a span{ display:block;writing-mode:tb-rl;font-size:18px;}
@media screen and (max-width:480px) {
	.fiexdtel{width:50px;}
	.fiexdtel > span{padding:5px;font-size:14px;}
	.fiexdtel a{padding:10px 5px;}
}
/*banner*/
.banner .bannerMain{position:relative;}
.banner .bannerMain ul{position:relative;z-index:10;}
.banner .bannerMain ul li figure{width:100%;height:90vh;position:relative;}
.banner .bannerMain ul li figure:after{content:"";width:100%;height:100%;background:url(images/mask.png) repeat;padding-top:0;}
.banner .bannerMain .bannerSlogan{ padding:20px;position:absolute;top:60%;left:5%;z-index:50;color:#fff;}
.banner .bannerMain .bannerSlogan h1{font-size:46px;width:100%;}
.banner .bannerMain .bannerSlogan.center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;}

@media screen and (max-width:1520px) {
  .banner .bannerMain .bannerSlogan{left:40px;}
  .banner .bannerMain .bannerSlogan h1{font-size:38px;}
}
@media screen and (max-width:1080px) {
  .banner .bannerMain ul li figure{height:70vh;}
  .banner .bannerMain .bannerSlogan{left:0px;}
  .banner .bannerMain .bannerSlogan h1{font-size:36px;}
}
@media screen and (max-width:780px) {
  .banner .bannerMain ul li figure{height:60vh;}
  .banner .bannerMain .bannerSlogan h1{font-size:24px;}
}
@media screen and (max-width:480px) {
	.banner .bannerMain ul li.img02 figure{background-position:calc(30%);}
  .banner .bannerMain .bannerSlogan h1{font-size:20px;}
}

/*feature*/
.feature{position:relative;width:100%;padding:60px 40px;overflow:hidden;}
.feature .featureText{text-transform:uppercase;font-weight:bolder;letter-spacing:0.3em;font-size:220px;line-height:100%;color:#eaf2f7;position:absolute;top:20px;left:50%;transform:translateX(-50%);}
.feature .featureMain{position:relative;z-index:10;}
.feature .featureMain .com_title{margin:60px auto;}
.feature .featureMain .featureList{margin-top:60px;}
.feature .featureMain .featureList > ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0px auto;max-width:1200px;}
.feature .featureMain .featureList > ul > li.featureItem{width:calc(50% - 60px);margin-top:50px;}
.feature .featureMain .featureList > ul > li.featureItem a{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content: center;text-decoration:none;background:#124a7b;padding:20px 30px 30px;transition:.3s;}
.feature .featureMain .featureList > ul > li.featureItem a:hover{transform:translateY(-5px);box-shadow:0 0 30px rgba(18,74,123,0.8);}
.feature .featureMain .featureList > ul > li.featureItem a figure{position:absolute;top:-10px;left:-10px;width:100%;max-width:calc(100% + 40px);}
.feature .featureMain .featureList > ul > li.featureItem a figure img{width:100%;}
.feature .featureMain .featureList > ul > li.featureItem a div{margin-top:50px;width:100%;height:100%;padding:10px 10px 20px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}
.feature .featureMain .featureList > ul > li.featureItem a div .coloryellow{margin-bottom:10px;font-size:28px;color:#ffe100;font-family:"ヒラギノ明朝 Pro W3",serif;}
.feature .featureMain .featureList > ul > li.featureItem a h3{padding-bottom:35px;font-size:40px;color:#124a7b;position:absolute;top:-35px;left:10%;z-index:5;width:80%;text-align:center;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #124a7b,0 0 5px #124a7b,0 0 5px #124a7b,0 0 5px #124a7b;background:url(images/crown02.png)no-repeat center;background-size:100%;}
.feature .featureMain .featureList > ul > li.featureItem a h3 span{display:block;margin-top:-15px;}
.feature .featureMain .featureList > ul > li.featureItem a div ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px;max-width:380px;}
.feature .featureMain .featureList > ul > li.featureItem a div ul li{margin-top:20px;padding:8px 10px;width:calc(50% - 10px);text-align:center;font-weight:bolder;font-size:20px;background:#7e9eb9;border-radius:10px;}
.feature .featureMain .featureList > ul > li.featureItem a div strong{font-size:44px;margin:10px auto;line-height:1.4;text-shadow:0 0 5px #00233c,0 0 5px #00233c,0 0 5px #00233c,0 0 5px #00233c;font-family:"ヒラギノ明朝 Pro W3",serif;}
.feature .featureMain .featureList > ul > li.featureItem a div p{font-weight:bolder;font-size:24px;line-height:1.4;}

@media screen and (max-width:1520px) {
  .feature .featureText{font-size:160px;}
  .feature .featureMain .com_title{margin:30px auto;}
  .feature .featureMain .featureList > ul{ margin-top:0px;max-width:1000px;}
  .feature .featureMain .featureList > ul > li.featureItem{margin-top:40px;width:calc(50% - 40px);}
  .feature .featureMain .featureList > ul > li.featureItem a figure{max-width:100px;height:60px;}
  .feature .featureMain .featureList > ul > li.featureItem a h3{top:-40px;font-size:30px;}
  .feature .featureMain .featureList > ul > li.featureItem a h3 span{margin-top:0px;}
  .feature .featureMain .featureList > ul > li.featureItem a div{margin-top:30px;}
  .feature .featureMain .featureList > ul > li.featureItem a div ul li{font-size:16px;}
  .feature .featureMain .featureList > ul > li.featureItem a div strong{font-size:30px;}
  .feature .featureMain .featureList > ul > li.featureItem a div p{font-size:20px;}
}
@media screen and (max-width:1080px) {
  .feature{padding:40px 20px;}
  .feature .featureText{font-size:80px;top:30px;}
  .feature .featureMain .com_title{margin:20px auto;top:30px;}
  .feature .featureMain .featureList > ul{ margin-top:0px;max-width:800px;}
  .feature .featureMain .featureList > ul > li.featureItem{margin-top:20px;width:calc(50% - 30px);}
  .feature .featureMain .featureList > ul > li.featureItem a{padding:20px;}
  .feature .featureMain .featureList > ul > li.featureItem a h3{padding-bottom:36px;font-size:26px;top:-30px;}
	.feature .featureMain .featureList > ul > li.featureItem a div ul{max-width:300px;}
  .feature .featureMain .featureList > ul > li.featureItem a div ul li{width:calc(50% - 10px);font-size:16px;}
  .feature .featureMain .featureList > ul > li.featureItem a div strong{font-size:24px;}
  .feature .featureMain .featureList > ul > li.featureItem a div p{font-size:16px;}
}
@media screen and (max-width:860px) {
  .feature .featureText{font-size:60px;letter-spacing:0.1em;top:1.5em;}
  .feature .featureMain{max-width:620px;}
  .feature .featureMain .featureList > ul > li.featureItem{width:calc(50% - 20px);}
  .feature .featureMain .featureList > ul > li.featureItem a h3{padding-bottom:30px;font-size:20px;top:-20px;background-size:80%;}
	.feature .featureMain .featureList > ul >  li:nth-child(3){margin-top:40px;}
	.feature .featureMain .featureList > ul > li.featureItem a div{margin-top:20px;padding:0;}
	.feature .featureMain .featureList > ul > li.featureItem a div ul li{margin-top:10px;width:calc(50% - 5px);font-size:14px;}
	.feature .featureMain .featureList > ul > li.featureItem a div strong{font-size:20px;}
	.feature .featureMain .featureList > ul > li.featureItem a div p{font-size:14px;}
}
@media screen and (max-width:560px) {
  .feature .featureMain .featureList > ul > li.featureItem{width:100%;}
  .feature .featureMain .featureList > ul > li.featureItem a{width:100%;max-width:320px;margin:0 auto;}
	.feature .featureMain .featureList > ul >  li:nth-child(2){margin-top:40px;}
}


/*prevent*/
.prevent{background:url(images/preventbg.jpg) no-repeat;background-size:cover;background-position:center;/*background-attachment:fixed;*/ width:100%;padding:60px 40px;position:relative;}
.prevent .preventText{position:absolute;top:0px;left:50%;transform:translateX(-50%);color:#3d8ba6;font-size:260px;line-height:100%;letter-spacing:0.36em;text-transform:uppercase;font-weight:bolder;opacity:0.2;}
.prevent .preventMain{position:relative;z-index:10;}
.prevent .preventMain h2{margin:70px auto;letter-spacing:0.2em;}
.prevent .preventMain p{text-align:center;font-size:24px;font-weight:bolder;line-height:1.6;margin-bottom:30px;}
.prevent .preventMain ul{display:flex;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;}
.prevent .preventMain ul li{width:33.333333%;padding:20px;}
.prevent .preventMain ul li figure:after{padding-top:70%;}
@media screen and (max-width:1520px) {
  .prevent .preventText{font-size:200px;}
  .prevent .preventMain h2{margin:30px auto;}
  .prevent .preventMain p{font-size:20px;}
  .prevent .preventMain ul li{padding:15px;}
}
@media screen and (max-width:1080px) {
  .prevent{padding:40px 20px;}
  .prevent .preventText{font-size:100px;}
  .prevent .preventMain h2{margin:20px auto;}
  .prevent .preventMain p{font-size:16px;}
  .prevent .preventMain ul li{padding:10px;}
}
@media screen and (max-width:780px) {
  .prevent .preventText{font-size:60px;letter-spacing:0.1em;top:65px;color:#124a7b;opacity:0.5;}
  .prevent .preventMain h2{margin:0 auto 60px;letter-spacing:0.1em;}
  .prevent .preventMain ul li{width:50%;padding:5px;}
}
@media screen and (max-width:560px) {
  .prevent .preventText{top:100px;font-size:50px;}
}


/*newslist*/
.newsList{padding:80px 40px;width:100%;}
/*newslisttitle*/
.newsList .newsListTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;}
.newsList .newsListTitle .webbtn{padding:5px 20px;border-radius:30px;width:100px;}
.newsList .newsListTitle .newsListbtn{width:260px;display:flex;align-items:baseline;}
.newsList .newsListTitle .newsListbtn .newsPage{position:relative;top:0px;width:50px;margin:0 20px;height:30px;line-height:100%;}
.newsList .newsListTitle .newsListbtn .newsPrev,.newsList .newsListTitle .newsListbtn .newsNext{position:relative;background:none;border:1px solid #aaa;border-radius:50%;width:30px;height:30px;line-height:100%;font-size:24px;text-align:center;}
.newsList .newsListTitle .newsListbtn .newsPrev{padding:2px 2px 0 0;}
.newsList .newsListTitle .newsListbtn .newsNext{padding:2px 0 0 2px;}
/*newsWheel*/
.newsList .newsWheel{width:100%;max-width:1080px;margin:0 auto;}
.newsList .newsWheel .articleList{}
.newsList .newsWheel .articleList li:first-child{border-top:1px solid #eaf2f7;}
.newsList .newsWheel .articleList li{display:flex;align-items:center;justify-content:center;padding:25px 20px;border-bottom:1px solid #eaf2f7;transition:.3s;}
.newsList .newsWheel .articleList li:hover{background:rgba(237,237,237,0.7); }
.newsList .newsWheel .articleList li a{color:#333;text-decoration:none;}
.newsList .newsWheel .articleList li a.sign{color:#fff;background:#124a7b;line-height:100%;margin:0 50px;padding:8px 10px;border-radius:10px;}
@media screen and (max-width:1520px) {
  .newsList .newsWheel .articleList li{padding:20px;}
}
@media screen and (max-width:1080px) {
  .newsList{padding:40px 20px;}
  .newsList .newsWheel .articleList li a.sign{margin:0 20px;}
}
@media screen and (max-width:780px) {
  .newsListTitle{flex-direction:column;}
  .newsListTitle .webtitle{margin-bottom:20px;}
  .newsList .newsWheel .articleList li{flex-wrap:wrap;justify-content:flex-start;padding:15px 10px;}
  .newsList .newsWheel .articleList li a p{line-height:1.8;}
}

/*service*/
.service{width:100%;height:100%;padding:60px 40px;background:url(images/servicebg.jpg) no-repeat;position:relative;}
.service .serviceText{position:absolute;top:-0.1em;left:50%;transform:translateX(-50%);font-size:260px;color:#124a7b;text-transform:uppercase;letter-spacing:0.3em;font-weight:bolder;opacity:0.2;}
.service .serviceMain{position:relative;z-index:10;}
.service .serviceMain .com_title{color:#fff;margin:50px auto;}
.service .serviceMain .serviceList{width:100%;max-width:1320px;margin:50px auto 0;}
.service .serviceMain>p{font-size:20px;color:#fff;text-align:center;font-weight:bolder;}
.service .serviceMain .serviceList ul{margin-top:-30px;margin-left:-30px;display:flex;flex-wrap:wrap;}
.service .serviceMain .serviceList ul li{margin-top:30px;padding-left:30px;width:50%;}
.service .serviceMain .serviceList ul li a{width:100%;display:block;position:relative;color:#fff;text-decoration:none;border:2px solid #afb3b4; transition:.3s;}
.service .serviceMain .serviceList ul li a:hover{box-shadow:0 0 20px rgba(255,255,255,0.7);}
.service .serviceMain .serviceList ul li a figure{width:100%;}
.service .serviceMain .serviceList ul li a figure:after{padding-top:30%;background:rgba(0,0,0,0.5);}
.service .serviceMain .serviceList ul li a p{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.service .serviceMain .serviceList ul li a p:after{content:"";width:14px;height:14px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg) translateY(-50%);position:absolute;top:50%;right:16%;}
.service .serviceMain .serviceList ul li a p span{font-weight:bolder;font-size:30px;}
@media screen and (max-width:1520px) {
  .service{background-position:center;background-size:cover;}
  .service .serviceText{font-size:200px;letter-spacing:0.1em;}
  .service .serviceMain .com_title{margin:30px auto;}
  .service .serviceMain>p{font-size:18px;}
  .service .serviceMain .serviceList ul li a p span{font-size:24px;}
}
@media screen and (max-width:1080px) {
  .service{padding:40px 20px;}
  .service .serviceText{top:70px;font-size:80px;letter-spacing:0.1em;opacity:0.5;color:#fefefe;}
  .service .serviceMain .com_title{margin:20px auto 80px;}
  .service .serviceMain>p{font-size:16px;}
  .service .serviceMain .serviceList ul{margin-top:-20px;margin-left:-20px;}
  .service .serviceMain .serviceList ul li{margin-top:20px;padding-left:20px;}
  .service .serviceMain .serviceList ul li a p span{font-size:20px;}
  .service .serviceMain .serviceList ul li a p:after{width:10px;height:10px;right:15px;}
}
@media screen and (max-width:780px) {
  .service .serviceText{font-size:50px;}
  .service .serviceMain .com_title{margin:20px auto 60px;}
  .service .serviceMain>p{font-size:14px;}
  .service .serviceMain .serviceList ul li a p span{font-size:16px;}
}
@media screen and (max-width:480px) {
  .service .serviceMain .serviceList ul li{width:100%;}
}

/*introduction*/
.introduction{margin:80px auto;width:100%;position:relative;overflow:hidden;}
.introduction .introductionText{font-size:240px;line-height:100%;color:#77a9d5;text-transform:uppercase;font-weight:bolder; position:absolute;top:0.1em;left:-0.2em;opacity:0.2;}
.introduction .com_title{margin:0 auto 130px;}
.introduction .introductionList{margin-top:50px;display:flex;flex-wrap:wrap;}
.introduction .introductionList li{width:33.333333%;border:1px solid #fff;}
.introduction .introductionList li a{width:100%;color:#fff;display:block;text-decoration:none;position:relative;transition:.3s;}
.introduction .introductionList li a:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(0,0,0,0.8);}
.introduction .introductionList li a figure{}
.introduction .introductionList li a figure:after{padding-top:65%;}
.introduction .introductionList li a p{font-size:50px;font-weight:bolder;text-transform:uppercase;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);}
@media screen and (max-width:1520px) {
  .introduction .introductionText{font-size:160px;left:50%;transform:translateX(-50%);}
  .introduction .com_title{margin:0 auto 80px;}
  .introduction .introductionList li a p{font-size:38px;}
}
@media screen and (max-width:1080px) {
  .introduction{margin:40px auto;}
  .introduction .introductionText{font-size:100px;}
  .introduction .com_title{margin:0 auto 40px;}
  .introduction .introductionList li a figure:after{padding-top:70%;}
  .introduction .introductionList li a p{font-size:28px;}
}
@media screen and (max-width:780px) {
  .introduction .introductionText{font-size:70px;top:0;}
  .introduction .introductionList li a p{font-size:22px;}  
}
@media screen and (max-width:580px) {
  .introduction .introductionText{font-size:36px;top:20px;}
  .introduction .introductionList li{width:50%;}
}



/*footer*/
footer{background:#eaf2f7;}
footer .footTop{padding:20px 40px;width:100%;max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
footer .footTop .footLogo{margin:60px auto 20px;}
footer .footTop .footLogo a{display:inline-block;transition:.3s;}
footer .footTop .footLogo a img{width:100%;}
footer .footTop .footLogo a:hover{opacity:0.7;}
footer .footTop .footInfo dl{display:flex;color:#124a7b;margin-bottom:10px;font-size:16px;font-weight:bolder;}
footer .footTop .footInfo dl dt{width:100px;}
footer .footTop .footInfo dl dd{width:calc(100% - 100px);}
footer .footTop .footInfo dl dd a{color:#124a7b;}

footer .footTop .footContactLink{width:200px;}
footer .footTop .footContactLink a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-bottom:10px;text-decoration:none;position:relative;padding:30px 10px;transition:.3s;}
footer .footTop .footContactLink a:first-child:hover,.footcontactlink a:last-child:hover{background:#124a7b;}
footer .footTop .footContactLink a:first-child{background:#a88c54;}
footer .footTop .footContactLink a:last-child{background:#00233c;}
footer .footTop .footContactLink a i{font-size:20px;}
footer .footTop .footContactLink a span{font-size:18px;}
footer .footShireLinks{display:flex;justify-content:center;}
footer .footShireLinks li{width:50px;height:50px;margin:0 20px;}
footer .footShireLinks li a{width:100%;display:block;transition:.3s;}
footer .footShireLinks li a:hover{transform:rotate(-15deg);}
footer .footShireLinks li a img{width:100%;}
footer .footMenu{display:flex;justify-content:center;width:100%;max-width:1600px;margin:0 auto;position:relative;padding:0 40px;}
footer .footMenu p{position:absolute;left:40px;bottom:50%;transform:translateY(50%);}
footer .footMenu p a{color:#124a7b;}
footer .footMenu p a:hover{color:#a88c54;text-decoration:none;}
footer .footMenu ul{display:flex;justify-content:center;margin:30px auto;}
footer .footMenu ul li{position:relative;padding:0px 10px;}
footer .footMenu ul li a{width:100%;color:#124a7b;text-align:center;font-weight:bolder;font-size:16px;text-decoration:none;display:block;position:relative;}
footer .footMenu ul li a:after{content: "";display: block;width: 100%;height: 2px;background: #124a7b;opacity: 0;margin-top:3px; visibility: hidden;transform: scaleX(0) ;transition: .4s ease-in-out;position: absolute;left:0;bottom:-5px;}
footer .footMenu ul li a:hover:after{opacity: 0.8;visibility: visible;transform: scaleX(1);}
footer .footMenu ul li>ul{position:absolute;top:-160px;left:0;z-index:1;width:100%;display:none;}
footer .footMenu ul li>ul li a{padding:5px 0px;display:block;font-size:14px;color:#fff;background:#124a7b;}
footer .footMenu ul li>ul li a:after{display:none;}
footer .footMenu ul li>ul li a:hover{background:#011122}
footer .footMenu ul li:hover>ul{display:block;}


footer .copyright{background:#124a7b;padding:15px 20px;width:100%;color:#fff;}
footer .copyright p{text-align:center;font-size:14px;}
@media screen and (max-width:1520px) { 
  footer .footMenu ul{margin:20px auto;} 
  footer .footMenu ul li a{font-size:16px;}
footer .footMenu ul li>ul{top:-150px;}
}
@media screen and (max-width:1080px) {
  footer .footTop{padding:20px;}
  footer .footTop .footInfo dl{font-size:14px;margin-bottom:5px;}
  footer .footTop .footContactLink{width:160px;}
  footer .footMenu {align-items:center;flex-wrap:wrap;}
  footer .footMenu p{position:relative;left:0;bottom:auto;transform:translateY(0);margin-top:10px;}
  footer .footMenu ul li a{font-size:14px;}
  footer .copyright{padding:10px;}
  footer .copyright p{font-size:12px;}
	footer .footMenu ul li>ul{top:-135px;}
	footer .footMenu ul li>ul li a{font-size:12px;}
}
@media screen and (max-width:780px) { 
  footer{margin-bottom:50px;}
  footer .footTop{flex-wrap:wrap;}
  footer .footTop .footLogo{margin:0 auto;}
  footer .footTop .footInfo{width:100%;}
  footer .footTop .footContactLink{position:fixed;left:0;bottom:0;z-index:100;display:flex;width:100%;}
  footer .footTop .footContactLink a{margin:0;width:50%;padding:10px;flex-direction:row;}
  footer .footTop .footContactLink a i{margin-right:10px;}
  footer .footShireLinks li{margin:0 10px;width:30px;height:30px;}
  footer .footMenu ul{flex-wrap:wrap;}
}
@media screen and (max-width:480px) {
  footer .footMenu ul{flex-wrap:wrap;}
  footer .footMenu ul li{width:50%;margin:0;}
	footer .footMenu ul li>ul li{width:100%;}
}



/* pageban */
.pageban{position:relative;height:600px;overflow:hidden;}
.pageban *{
	-webkit-transition:0.3s;
	transition:0.3s;
}
.pageban .pagebanbg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.pageban .pagebanbg:after{padding-top:0;width:100%;height:100%;}
.pageban .pagebancon{position:absolute;top:0;left:50%;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;width:100%;max-width:1280px;height:100%;color:#fff;line-height:1;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.pageban .pagebancon h2{font-size:80px;letter-spacing:5px;}
.pageban .pagebancon p{margin-top:50px;font-size:30px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;}
@media screen and (max-width:1520px){
	.pageban{height:500px;}
	.pageban .pagebancon{padding:0 20px;}
	.pageban .pagebancon h2{font-size:60px;letter-spacing:3px;}
	.pageban .pagebancon p{margin-top:40px;font-size:24px;letter-spacing:1px;}
}
@media screen and (max-width:1080px){
	.pageban{height:400px;}
	.pageban .pagebancon h2{font-size:40px;letter-spacing:1px;}
	.pageban .pagebancon p{margin-top:30px;font-size:20px;letter-spacing:0px;}
}
@media screen and (max-width:780px){
	.pageban{height:340px;}
	.pageban .pagebancon h2{font-size:26px;letter-spacing:0px;}
	.pageban .pagebancon p{margin-top:20px;font-size:16px;}
}
@media screen and (max-width:480px){
	.pageban{height:250px;}
	.pageban .pagebancon h2{font-size:22px;}
	.pageban .pagebancon p{margin-top:10px;font-size:14px;}
}


/* price */
.priceone{padding:100px 40px;}
.priceonecon hgroup{margin:0 auto;padding:40px 100px;max-width:1240px;width:100%;border:4px solid #aad2f0;}
.priceonecon hgroup.hgroup02{margin:60px auto 0;}
.priceonecon hgroup h3{font-size:24px;color:#aad2f0;}
.priceonecon hgroup p{margin:20px 0 20px 0;font-size:18px;}
.priceonecon hgroup p span{display:block;}
.priceonecon hgroup dl{margin-top:10px;display:flex;justify-content:space-between;}
.priceonecon hgroup dl dt{display:flex;align-items:center;justify-content:center;padding:10px;width:240px;font-size:18px;color:#fff;font-weight:bold;background:#a88c54;}
.priceonecon hgroup dl dd{padding:10px 20px;width:calc(100% - 250px);font-size:24px;font-weight:bold;background:#f6f9fb;}
.priceonecon hgroup.hgroup02 dl{margin-top:20px;}
.priceonecon hgroup.hgroup02 p{margin:20px 0 0;}
@media screen and (max-width:1520px){
	.priceone{padding:80px 20px;}
	.priceonecon hgroup{padding:30px 70px;}
	.priceonecon hgroup.hgroup02{margin:50px auto 0;}
	.priceonecon hgroup h3{font-size:20px;}
	.priceonecon hgroup p{font-size:16px;}
	.priceonecon hgroup dl dt{font-size:16px;}
	.priceonecon hgroup dl dd{font-size:20px;}
}
@media screen and (max-width:1080px){
	.priceonecon hgroup{padding:20px 40px;}
	.priceonecon hgroup.hgroup02{margin:40px auto 0;}
	.priceonecon hgroup h3{font-size:18px;}
	.priceonecon hgroup p{font-size:14px;}
	.priceonecon hgroup dl dt{width:200px;font-size:14px;}
	.priceonecon hgroup dl dd{width:calc(100% - 210px);font-size:18px;}
}
@media screen and (max-width:780px){
	.priceonecon hgroup{padding:20px;}
	.priceonecon hgroup h3{font-size:16px;}
	.priceonecon hgroup p{margin:10px 0 10px 0;}
	.priceonecon hgroup p span{display:inline-block;}
	.priceonecon hgroup dl dt{width:100px;}
	.priceonecon hgroup dl dd{padding:10px;width:calc(100% - 110px);font-size:14px;}
	.priceonecon hgroup.hgroup02 dl{margin-top:10px;}
	.priceonecon hgroup.hgroup02 p{margin:10px 0 0;}
}
@media screen and (max-width:480px){
	.priceonecon hgroup dl{display:block;}
	.priceonecon hgroup dl dt{padding:5px;width:80px;}
	.priceonecon hgroup dl dd{padding:5px;width:100%;}
}

.common_tit{text-align:center;line-height:1;}
.common_tit h2{font-size:36px;color:#124a7b;}
.common_tit p{margin-top:20px;font-size:18px;color:#aad2f0;font-weight:bold;text-transform:uppercase;}
@media screen and (max-width:1520px){
	.common_tit h2{font-size:32px;}
	.common_tit p{margin-top:15px;font-size:16px;}
}
@media screen and (max-width:1080px){
	.common_tit h2{font-size:28px;}
	.common_tit p{font-size:14px;}
}
@media screen and (max-width:780px){
	.common_tit h2{font-size:24px;}
}
@media screen and (max-width:480px){
	.common_tit h2{font-size:20px;}
}

/* company */
.companyone{padding:100px 40px;}
.companyonecon>p{margin-top:60px;font-size:18px;color:#124a7b;font-weight:bold;text-align:center;line-height:2.2;}
.companyonecon>p.p01{margin-top:40px;}
.companyonecon>p span{display:block;}
@media screen and (max-width:1520px){
	.companyone{padding:80px 20px;}
	.companyonecon>p{margin-top:50px;font-size:16px;line-height:2;}
	.companyonecon>p.p01{margin-top:30px;}
}
@media screen and (max-width:1080px){
	.companyonecon>p{margin-top:40px;font-size:14px;line-height:1.8;}
	.companyonecon>p.p01{margin-top:20px;}
}
@media screen and (max-width:780px){
	.companyonecon>p span{display:inline;}
}

.companytwo{padding:0px 40px;}
.companytwocon>hgroup{display:flex;justify-content:space-between;margin:60px auto 0;max-width:1080px;width:100%;}
.companytwocon>hgroup>div{width:68%;}
.companytwocon>hgroup dl{margin-top:10px;display:flex;justify-content:space-between;font-size:18px;}
.companytwocon>hgroup dl>dt{display:flex;align-items:center;justify-content:center;padding:15px;width:220px;color:#124a7b;font-weight:bold;background:#e5f1fa;}
.companytwocon>hgroup dl>dd{padding:15px 20px;width:calc(100% - 230px);background:#f6f9fb;}
.companytwocon>hgroup>figure{width:calc(32% - 30px);background-position:top center;}
@media screen and (max-width:1520px){
	.companytwo{padding:0px 20px;}
	.companytwocon>hgroup{margin:50px auto 0;}
	.companytwocon>hgroup dl{font-size:16px;}
	.companytwocon>hgroup dl>dt{padding:10px;width:150px}
	.companytwocon>hgroup dl>dd{padding:10px;width:calc(100% - 160px);}
	.companytwocon>hgroup>figure{width:calc(32% - 20px);}
}
@media screen and (max-width:1080px){
	.companytwocon>hgroup{margin:40px auto 0;}
	.companytwocon>hgroup dl{margin-top:5px;font-size:14px;}
	.companytwocon>hgroup dl>dt{width:100px;}
	.companytwocon>hgroup dl>dd{width:calc(100% - 105px);}
}
@media screen and (max-width:780px){
	.companytwocon>hgroup{display:block;}
	.companytwocon>hgroup>div{width:100%;}
	.companytwocon>hgroup>figure{margin:20px auto 0;max-width:300px;width:100%;}
}
@media screen and (max-width:480px){
	.companytwocon>hgroup dl{display:block;}
	.companytwocon>hgroup dl>dt{width:100%;justify-content:left;}
	.companytwocon>hgroup dl>dd{width:100%;}
}

.companythree{padding:0px 40px 100px;}
.companythreecon>hgroup{display:block;}
@media screen and (max-width:1520px){
	.companythree{padding:0px 20px 80px;}
}

.companyfour{padding:0px 40px 100px;}
.companyfourcon .map{margin-top:60px;width:100%;height:600px;background:#ccc url(images/lgm.png) no-repeat center center;background-size:40% auto;}
@media screen and (max-width:1520px){
	.companyfour{padding:0px 20px 80px;}
	.companyfourcon .map{margin-top:50px;height:500px;}
}
@media screen and (max-width:1080px){
	.companyfourcon .map{margin-top:40px;height:400px;}
}

/* airport */
.airportone{padding:100px 40px;}
.airportonecon>dl{position:relative;display:flex;justify-content:space-between;background:#f7f9fa;}
.airportonecon>dl>dt{padding:60px;width:50%;}
.airportonecon>dl>dt h3{font-size:30px;color:#124a7b;}
.airportonecon>dl>dt p{margin-top:30px;}
.airportonecon>dl>dt p span{color:#a88c54;}
.airportonecon>dl>dd{width:50%;}
.airportonecon>dl>dd figure:after{padding-top:60%;}
.airportonecon>dl.dl02{margin-top:80px;flex-direction:row-reverse;}
.airportonecon>dl.dl03{margin-top:80px;}
.golfcon>dl{justify-content:flex-end;}
.golfcon>dl>dt{position:absolute;left:0;top:50%;z-index:2;padding:100px;transform:translatey(-50%);background:#f7f9fa;}
.golfcon>dl>dd{width:calc(50% + 100px);}
.golfcon>dl.dl02>dt{left:auto;right:0;padding:100px;}
.golfcon>dl.dl03>dt{padding:100px;}
.chartercon>dl>dt{padding:60px 40px;}
.chartercon>dl.dl02>dt{padding:60px 40px;}
.chartercon>dl.dl03>dt{padding:60px 40px;}
@media screen and (max-width:1520px){
	.airportone{padding:80px 20px;}
	.airportonecon>dl>dt{padding:40px;}
	.airportonecon>dl>dt h3{font-size:26px;}
	.airportonecon>dl>dt p{margin-top:20px;}
	.airportonecon>dl.dl02{margin-top:70px;}
	.airportonecon>dl.dl03{margin-top:70px;}
	.golfcon>dl>dt{padding:60px;}
	.golfcon>dl>dd{width:calc(50% + 60px);}
	.golfcon>dl.dl02>dt{padding:60px;}
	.golfcon>dl.dl03>dt{padding:60px;}
	.chartercon>dl>dt{padding:40px 30px;}
	.chartercon>dl.dl02>dt{padding:40px 30px;}
	.chartercon>dl.dl03>dt{padding:40px 30px;}
}
@media screen and (max-width:1080px){
	.airportonecon>dl>dt{padding:30px;}
	.airportonecon>dl>dt h3{font-size:22px;}
	.airportonecon>dl>dd figure:after{padding-top:70%;}
	.airportonecon>dl.dl02{margin-top:60px;}
	.airportonecon>dl.dl03{margin-top:60px;}
	.golfcon>dl>dt{padding:40px;}
	.golfcon>dl>dd{width:calc(50% + 40px);}
	.golfcon>dl.dl02>dt{padding:40px;}
	.golfcon>dl.dl03>dt{padding:40px;}
	.chartercon>dl>dt{padding:30px 20px;}
	.chartercon>dl.dl02>dt{padding:30px 20px;}
	.chartercon>dl.dl03>dt{padding:30px 20px;}
}
@media screen and (max-width:780px){
	.airportonecon>dl{display:block;}
	.airportonecon>dl>dt{padding:20px;width:100%;}
	.airportonecon>dl>dt h3{font-size:18px;}
	.airportonecon>dl>dd{width:100%;}
	.airportonecon>dl>dd figure:after{padding-top:60%;}
	.golfcon>dl>dt{position:relative;padding:20px;transform:translatey(0);}
	.golfcon>dl>dd{width:100%;}
	.golfcon>dl.dl02>dt{padding:20px;}
	.golfcon>dl.dl03>dt{padding:20px;}
	.chartercon>dl>dt{padding:20px;}
	.chartercon>dl.dl02>dt{padding:20px;}
	.chartercon>dl.dl03>dt{padding:20px;}
}
@media screen and (max-width:480px){
	.airportonecon>dl>dt h3{font-size:16px;}
}

.airporttwo{padding:0 40px 100px;}
.airporttwocon>p{margin-top:60px;font-size:18px;text-align:center;}
.more{margin:40px auto 0;max-width:80%;}
.more a{position:relative;display:block;padding:20px;font-size:36px;color:#fff;font-weight:bold;text-align:center;background:#a88c54;transition:.3s;}
.more a:after{position:absolute;right:20px;top:20px;content:">>";color:#fff;font-weight:normal;}
.more a:hover{text-decoration:none;background:#00233c;}
@media screen and (max-width:1520px){
	.airporttwo{padding:0 20px 80px;}
	.airporttwocon>p{margin-top:50px;font-size:16px;}
	.more a{font-size:30px;}
}
@media screen and (max-width:1080px){
	.airporttwocon>p{margin-top:40px;font-size:14px;}
	.more a{padding:15px;font-size:26px;}
	.more a:after{top:15px;}
}
@media screen and (max-width:780px){
	.more a{font-size:22px;}
}
@media screen and (max-width:480px){
	.more a{font-size:16px;}
}

/* recruit */
.recruitone{padding:90px 40px 100px;}
.recruitonecon>dl{margin-top:10px;display:flex;justify-content:space-between;font-size:18px;}
.recruitonecon>dl>dt{display:flex;align-items:center;justify-content:center;padding:15px;width:220px;color:#124a7b;font-weight:bold;background:#e5f1fa;}
.recruitonecon>dl>dd{padding:15px 20px;width:calc(100% - 230px);background:#f6f9fb;}
.recruitonecon2{margin-top:90px;}
@media screen and (max-width:1520px){
	.recruitone{padding:70px 20px 80px;}
	.recruitonecon>dl{font-size:16px;}
	.recruitonecon>dl>dt{padding:10px;width:180px;}
	.recruitonecon>dl>dd{padding:10px;width:calc(100% - 190px);}
	.recruitonecon2{margin-top:70px;}
}
@media screen and (max-width:1080px){
	.recruitonecon>dl{margin-top:5px;font-size:14px;}
	.recruitonecon>dl>dt{width:150px;}
	.recruitonecon>dl>dd{width:calc(100% - 155px);}
}
@media screen and (max-width:480px){
	.recruitonecon>dl{display:block;}
	.recruitonecon>dl>dt{width:100%;justify-content:left;}
	.recruitonecon>dl>dd{width:100%;}
}

/* privacy */
.privacyone{padding:100px 40px;}
.privacyonecon>h3{margin-top:60px;padding-left:15px;font-size:24px;color:#124a7b;line-height:1.2;border-left:6px solid #a88c54;}
.privacyonecon>h3.h301{margin-top:0;}
.privacyonecon>p{margin:30px 0 0 21px;font-size:18px;}
.privacyonecon>p>strong{display:block;margin-bottom:10px;}
@media screen and (max-width:1520px){
	.privacyone{padding:80px 20px;}	
	.privacyonecon>h3{margin-top:50px;font-size:20px;}
	.privacyonecon>p{margin:20px 0 0 21px;font-size:16px;}
}
@media screen and (max-width:1080px){
	.privacyonecon>h3{margin-top:40px;font-size:18px;}
	.privacyonecon>p{font-size:14px;}
}
@media screen and (max-width:780px){
	.privacyonecon>h3{padding-left:10px;font-size:16px;border-left:4px solid #a88c54;}
	.privacyonecon>p{margin:20px 0 0 14px;}
}

/* introduction */
.introductionone{padding:100px 0 0;}
.introductionone>h3{margin-bottom:80px;font-size:30px;text-align:center;}
.introductiononecon dl{position:relative;display:flex;align-items:top;justify-content:space-between;}
.introductiononecon dl dt{padding:80px 280px 80px 120px;width:62%;background:#eaf2f7;}
.introductiononecon dl dt h4{font-size:54px;color:#124a7b;line-height:1.2;}
.introductiononecon dl dt>p{margin-top:20px;}
.introductiononecon dl dt h5{margin-top:20px;font-size:24px;}
.introductiononecon dl dt ul{display:flex;justify-content:space-between;margin-top:20px;padding:20px;max-width:620px;width:100%;border:4px solid #124a7b;}
.introductiononecon dl dt ul li h6{font-size:18px;color:#124a7b;text-align:center;}
.introductiononecon dl dt ul li figure img{margin:10px auto 0;}
.introductiononecon dl dt ul li p{margin-top:10px;color:#124a7b;text-align:center;font-weight:bold;}
.introductiononecon dl dd{position:absolute;right:60px;bottom:-100px;width:calc(38% + 340px);}
.introductiononecon2 dl{flex-direction:row-reverse;}
.introductiononecon2 dl dt{padding:80px 80px 80px 380px;}
.introductiononecon2 dl dd{left:60px;bottom:-20px;}
.introductionone2{padding:140px 0 0px;}
.introductionone3{padding:100px 0 60px;}
.introductiononecon3 dl dd{bottom:-40px;}
@media screen and (max-width:1800px){
	.introductionone>h3{margin-bottom:60px;font-size:26px;}
	.introductiononecon dl dt{padding:60px 200px 60px 80px;}
	.introductiononecon dl dt h4{font-size:42px;}
	.introductiononecon dl dt h5{font-size:20px;}
	.introductiononecon dl dt ul{max-width:520px;}
	.introductiononecon dl dt ul li h6{font-size:16px;}
	.introductiononecon dl dd{right:20px;bottom:-60px;width:calc(38% + 240px);}
	.introductiononecon2 dl dt{padding:60px 60px 60px 280px;}
	.introductiononecon2 dl dd{left:20px;bottom:-20px;}
	.introductiononecon3 dl dd{right:20px;bottom:-30px;}
}
@media screen and (max-width:1520px){
	.introductionone{padding:80px 0 0px;}
	.introductionone2{padding:80px 0 0px;}
	.introductionone3{padding:80px 0 0px;}
	.introductionone>h3{font-size:22px;}
	.introductiononecon dl dt{padding:40px 100px 40px 40px;}
	.introductiononecon dl dt h4{font-size:34px;}
	.introductiononecon dl dt h5{font-size:18px;}
	.introductiononecon dl dt ul{max-width:480px;}
	.introductiononecon dl dt ul li h6{font-size:14px;}
	.introductiononecon dl dd{bottom:-20px;width:calc(38% + 130px);}
	.introductiononecon2 dl dt{padding:40px 40px 40px 180px;}
	.introductiononecon2 dl dd{bottom:-20px;}
	.introductiononecon3 dl dd{bottom:-20px;}
	.introductiononecon3 dl dt ul li:nth-child(1) figure img{max-width:150px;}
}
@media screen and (max-width:1080px){
	.introductionone2{padding:80px 0 0px;}
	.introductionone>h3{font-size:18px;}
	.introductiononecon dl{display:block;}
	.introductiononecon dl dt{padding:40px;width:100%;}
	.introductiononecon dl dt h4{font-size:28px;}
	.introductiononecon dl dt h5{font-size:16px;}
	.introductiononecon dl dt ul{max-width:500px;}
	.introductiononecon dl dd{position:relative;right:0px;bottom:0px;margin-top:20px;padding:20px 20px 0;width:100%;}
	.introductiononecon2 dl dd{left:0px;}
}
@media screen and (max-width:780px){
	.introductionone>h3{font-size:16px;}
	.introductiononecon dl dt{padding:20px;}
	.introductiononecon dl dt h4{font-size:24px;}
	.introductiononecon dl dt ul{max-width:460px;}
	.introductiononecon dl dt ul li:nth-child(1) figure img{width:150px;}
}
@media screen and (max-width:480px){
	.introductionone>h3{padding:0 20px;}
	.introductiononecon dl dt h4{font-size:20px;}
	.introductiononecon dl dt ul{display:block;max-width:350px;}
	.introductiononecon dl dt ul li:nth-child(1){margin-top:0;}
	.introductiononecon dl dt ul li{margin-top:20px;}
}

.introductiontwo{padding:100px 40px 0px;}
.introductiontwocon{margin:0 auto;max-width:1240px;width:100%;}
.introductiontwocon .common_tit{margin-bottom:60px;}
.introductiontwocon hgroup{margin-top:40px;padding:40px;border:4px solid #aad2f0;}
.introductiontwocon hgroup h3{font-size:24px;color:#205281;text-align:center;}
.introductiontwocon hgroup div{margin:0 auto;max-width:800px;width:100%;}
.introductiontwocon hgroup div h3{text-align:left;}
.introductiontwocon hgroup div p{text-align:left;}
.introductiontwocon hgroup p{margin-top:20px;text-align:center;}
.introductiontwocon .more{max-width:100%;}
@media screen and (max-width:1520px){
	.introductiontwo{padding:80px 20px 0px;}
	.introductiontwocon .common_tit{margin-bottom:40px;}
	.introductiontwocon hgroup{margin-top:30px;padding:30px;}
	.introductiontwocon hgroup h3{font-size:20px;}
	.introductiontwocon hgroup div{max-width:700px;}
}
@media screen and (max-width:1080px){
	.introductiontwocon hgroup{margin-top:20px;}
	.introductiontwocon hgroup h3{font-size:18px;}
	.introductiontwocon hgroup div{max-width:600px;}
}
@media screen and (max-width:780px){
	.introductiontwocon hgroup h3{font-size:16px;}
}

.introductionthree{padding:100px 40px 100px;}
.introductionthreecon{margin:0 auto;max-width:1240px;width:100%;}
.introductionthreecon .common_tit{margin-bottom:60px;}
.introductionthreecon p{margin-top:20px;}
.introductionthreecon figure{margin-top:20px;}
.introductionthreecon hgroup{margin-top:40px;padding:60px 40px;border:4px solid #aad2f0;}
.introductionthreecon hgroup div{margin:0 auto;max-width:1060px;width:100%;}
.introductionthreecon hgroup div h3{font-size:24px;color:#205281;}
.introductionthreecon .more{max-width:100%;}
@media screen and (max-width:1520px){
	.introductionthree{padding:80px 20px 80px;}
	.introductionthreecon .common_tit{margin-bottom:40px;}
	.introductionthreecon hgroup{margin-top:30px;padding:50px 30px;}
	.introductionthreecon hgroup div{max-width:1000px;}
	.introductionthreecon hgroup div h3{font-size:20px;}
}
@media screen and (max-width:1080px){
	.introductionthreecon hgroup{margin-top:20px;padding:40px 30px;}
	.introductionthreecon hgroup div h3{font-size:18px;}
}
@media screen and (max-width:780px){
	.introductionthreecon hgroup{padding:30px;}
	.introductionthreecon hgroup div h3{font-size:16px;}
}

/* contact */
.contactone{padding:100px 40px;}
.contactonecon{margin:0 auto;max-width:1120px;width:100%;font-size:18px;}
.contactonecon>p span{color:#ff0000;}
.contactonecon dl{margin-top:20px;}
.contactonecon dl.dl01{margin-top:40px;}
.contactonecon dl dt span{color:#ff0000;}
.contactonecon dl dd{margin-top:10px;padding:18px 15px;font-size:16px;background:#e5f1fa;}
.contactonecon dl dd>input{margin-top:10px;width:100%;}
.contactonecon dl dd textarea{margin-top:10px;width:100%;height:200px;font-size:16px;background:#e5f1fa;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.send{display:block;margin:60px auto 0;padding:20px 20px;width:240px;font-size:16px;background:#00233c;text-align:center;cursor:pointer;color:#fff;font-weight:bold;line-height:1;}
.send .senbtn:hover{background:#a88c54;}
.contact_btn{margin:0 50px 0;background-color:#f2f2f2;color:#000;border:1px solid #dedede;padding:12px 50px;}
.p02{margin-top:30px;text-align:center;}
.p02 a{color:#000;}
.p02 a:hover{text-decoration:underline;}
input, select{font-size:16px;vertical-align:baseline;}
@media screen and (max-width:1520px){
	.contactone{padding:80px 20px;}
	.contactonecon{font-size:16px;}
	.send{padding:20px;width:200px;font-size:14px;}
	.contact_btn{margin:0 30px 0;padding:12px 30px;}
	input, select{font-size:14px;}
}
@media screen and (max-width:1080px){
	.contactonecon{font-size:14px;}
	.contactonecon dl dd{padding:15px 10px;}
	.contactonecon dl dd{padding:15px 10px;font-size:14px;}
	.contactonecon dl dd textarea{font-size:14px;}
	.send{width:180px;}
	.contact_btn{margin:0 20px 0;padding:12px 20px;}
}

/* reservation */
.reservationone{padding:100px 40px;}
.reservationonecon{margin:0 auto;max-width:1240px;width:100%;}
.reservationonecon>p{font-size:18px;text-align:center;}
.reservationonecon>h3{margin-top:40px;font-size:36px;color:#124a7b;text-align:center;font-family: 'League Spartan', sans-serif;}
.reservationonecon>h3 a{color:#124a7b;}
.reservationonecon>h3 a:hover{text-decoration:underline;}
.reservationonecon>hgroup{margin-top:40px;padding:40px 80px;border:4px solid #aad2f0;}
.reservationonecon>hgroup h4{font-size:24px;color:#aad2f0;}
.reservationonecon>hgroup p{margin-top:20px;font-size:18px;}
@media screen and (max-width:1520px){
	.reservationone{padding:80px 20px;}
	.reservationonecon>p{font-size:16px;}
	.reservationonecon>h3{margin-top:30px;font-size:32px;}
	.reservationonecon>hgroup{margin-top:30px;padding:30px 60px;}
	.reservationonecon>hgroup h4{font-size:20px;}
	.reservationonecon>hgroup p{font-size:16px;}
}
@media screen and (max-width:1080px){
	.reservationonecon>p{font-size:14px;}
	.reservationonecon>h3{margin-top:20px;font-size:28px;}
	.reservationonecon>hgroup{margin-top:20px;padding:30px;}
	.reservationonecon>hgroup h4{font-size:18px;}
	.reservationonecon>hgroup p{font-size:14px;}
}
@media screen and (max-width:780px){
	.reservationonecon>h3{font-size:24px;}
	.reservationonecon>hgroup{padding:20px;}
	.reservationonecon>hgroup h4{font-size:16px;}
}
@media screen and (max-width:480px){
	.reservationonecon>h3{font-size:18px;}
}

.reservationtwo{padding:0 40px 100px;}
.reservationtwo2{padding:100px 40px;}
.reservationtwocon>.common_tit{margin-bottom:60px;}
@media screen and (max-width:1520px){
	.reservationtwo{padding:0 20px 80px;}
	.reservationtwo2{padding:80px 20px;}
	.reservationtwocon>.common_tit{margin-bottom:50px;}
}
@media screen and (max-width:1080px){
	.reservationtwocon>.common_tit{margin-bottom:40px;}
}