@charset "utf-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ==========================================================================
   Main Styles
   ========================================================================== */

/* Base
   ========================================================================== */

body {
  color: #222;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.2;
}
a {
  color: #1e4db9;
  outline: none;
  text-decoration: underline;
}
a:hover,
a:active {
  color: #1e4db9;
  text-decoration: none;
}
img {
  vertical-align: top;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
li {
  list-style: none;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}
.wrapper a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
h1,h2 {
  font-family: Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* Layout
   ========================================================================== */

.container {
  width: 100%;
}
.wrapper {
  width: 100%;
}
.main {
  width: 100%;
}

/* Header
   ========================================================================== */

.header {
  height: 180px;
  margin: 0 auto;
  overflow: hidden;
  width: 1280px;
}
.header-logo {
  float: left;
  margin-right: 45px;
  padding: 38px 0 0 38px;
}
.header-title {
  border: 1px solid #707070;
  float: left;
  line-height: 60px;
  height: 60px;
  font-size: 18px;
  margin-top: 60px;
  padding: 0 20px;
}

/* Main
   ========================================================================== */

/* common */

.inner {
  margin: 0 auto;
  width: 1280px;
}
.inner p {
  line-height: 1.9;
  margin-bottom: 2em;
}
.inner h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.inner ul {
  margin-bottom: 2em;
}
.inner li:before {
  content: "・";
}
.inner li {
  line-height: 1.9;
}
.inner h2 {
  font-size: 40px;
  margin-bottom: 60px;
}

/* mv */

.mv {
  background-image: -webkit-linear-gradient(#ECDFFB, #ECDFFB);
  background-image: -o-linear-gradient(#ECDFFB, #ECDFFB);
  background-image: linear-gradient(#ECDFFB, #ECDFFB);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 50% 100%;
}
.mv h1 {
  font-size: 50px;
  padding: 165px 0 0 115px;
}
.mv h1 span {
  display: block;
  margin-top: 18px;
  font-size: 22px;
}
.mv .inner {
  position: relative;
}
.mv .text {
  background-color: #ECDFFB;
  height: 490px;
  width: 1115px;
}
.mv .img {
  position: absolute;
  right: 0;
  top: -120px;
}

/* section01 */

.section01 {
  background-image: -webkit-linear-gradient(#F5EEFD, #F5EEFD);
  background-image: -o-linear-gradient(#F5EEFD, #F5EEFD);
  background-image: linear-gradient(#F5EEFD, #F5EEFD);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 50% 100%;
  position: relative;
  margin-top: -90px;
}
.section01 .bg {
  background: url(/contact/images/bg_01.png) 50px center no-repeat;
}
.section01 .block {
  background-color: #F5EEFD;
  margin-left: 115px;
  padding: 90px 165px 150px 90px;
  width: 1165px;
}
.section01 .cont {
  overflow: hidden;
}
.section01 .text {
  float: left;
  margin-right: 90px;
  width: 440px;
}
.section01 .img {
  float: right;
}

/* section02 */

.section02 {
  background-image: -webkit-linear-gradient(#FEFDFF, #FEFDFF);
  background-image: -o-linear-gradient(#FEFDFF, #FEFDFF);
  background-image: linear-gradient(#FEFDFF, #FEFDFF);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 50% 100%;
  position: relative;
  margin-top: -90px;
}
.section02 .bg {
  background: url(/contact/images/bg_02.png) 102% center no-repeat;
}
.section02 .block {
  background-color: #FEFDFF;
  margin-right: 115px;
  padding: 90px 90px 180px 165px;
  width: 1165px;
}
.section02 .cont {
  overflow: hidden;
}
.section02 .text {
  float: right;
  margin-left: 90px;
  width: 440px;
}
.section02 .img {
  float: left;
  margin-top: 110px;
}
.section02 .news {
  background-color: #FECEDD;
  border: 1px solid #999;
  padding: 20px;
}
.section02 .news p {
  margin-bottom: 0;
}

/* section03 */

.section03 {
  background-image: -webkit-linear-gradient(#F5EEFD, #F5EEFD);
  background-image: -o-linear-gradient(#F5EEFD, #F5EEFD);
  background-image: linear-gradient(#F5EEFD, #F5EEFD);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 50% 100%;
  position: relative;
  margin-top: -90px;
}
.section03 .bg {
  background: url(/contact/images/bg_01.png) -20px 110px no-repeat;
}
.section03 .block {
  background-color: #F5EEFD;
  margin-left: 115px;
  padding: 90px 165px 90px 90px;
  width: 1165px;
}
.section03 .cont {
  overflow: hidden;
}
.section03 .text {
  float: left;
  margin-right: 90px;
  width: 440px;
}
.section03 .img {
  float: right;
}

/* section04 */

.section04 {
  padding: 90px 0;
  text-align: center;
}
.section04 h2 {
  font-size: 32px;
  margin-bottom: 60px;
}
.section04 .block {
  border: 1px solid #707070;
  display: inline-block;
  font-size: 18px;
  padding: 30px;
  width: 700px;
}
.section04 .block span {
  display: block;
  font-size: 40px;
  font-weight: bold;
  margin: 10px 0;
}

/* section05 */

.section05 {
  background-color: #F6F6F6;
  padding: 90px 0;
}
.section05 h2 {
  font-size: 32px;
  margin-bottom: 60px;
  text-align: center;
}
.section05 .block {
  margin: 0 auto;
  width: 910px;
}
.section05 .wrap {
  background-color: #fff;
  margin-bottom: 50px;
  padding: 50px 100px;
}
.section05 .note {
  font-size: 14px;
  line-height: 1.9;
  margin-bottom: 30px;
}
.section05 tr {
  display: block;
  margin-bottom: 20px;
}
.section05 td {
  display: block;
}
.section05 .td01 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.section05 input,
.section05 select {
  padding: 5px;
}
.section05 input[type="submit"],
.section05 input[type="reset"],
.section05 input[type="button"] {
  padding: 10px;
  background-color: #70BA2B;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: none;
  margin: 0 10px;
  text-align: center;
}
.section05 input[type="reset"] {
  background-color: #999;
}
.section05 input[type="checkbox"] {
  margin-bottom: 10px;
}
.section05 .entry {
  text-align: center;
}
.section05 .font_red11 {
  color: #ff0000;
  font-size: 14px;
}
.section05 textarea {
  padding: 5px;
}

/* confirm */

.confirm .block {
  background-color: #fff;
  margin: 0 auto;
  padding: 40px;
  width: 800px;
}
.confirm .block p {
  line-height: 1.9;
  margin-bottom: 30px;
}
.confirm .block table {
  width: 100%;
  background-color: #fff;
  padding: 40px;
}
.confirm .block h2 {
  border-bottom: 2px solid #999;
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-align: center;
}
.confirm .block td td {
  border: 1px solid #999;
  padding: 10px;
  width: 50%;
}
.confirm input[type="submit"],
.confirm input[type="reset"],
.confirm input[type="button"] {
  padding: 10px;
  background-color: #70BA2B;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: none;
  margin: 0 10px;
  text-align: center;
}
.confirm input[type="button"] {
  background-color: #999;
}
.confirm .entry {
  text-align: center;;
  margin-bottom: 30px;
}
.confirm .copy {
  text-align: center;
}
.confirm .msg {
  text-align: center;
}


/* Footer
   ========================================================================== */

#pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}
.footer {
  font-weight: bold;
  padding: 40px 0 20px;
  text-align: center;
}
.footer-link,
.footer-bnr {
  margin-bottom: 30px;
}
.footer-link li,
.footer-bnr li {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
}
.footer-link li a {
  color: #EA5479;
  text-decoration: none;
}
.footer-copy {
  color: #EA5479;
  font-size: 12px;
}

/* ==========================================================================
   Common Style
   ========================================================================== */

/* Common Base
   ========================================================================== */

.sp-fix {
  display: none !important;
}
.tb-fix {
  display: none !important;
}
.pc-fix {
  display: block !important;
}

/* Common Header
   ========================================================================== */

/* Common Main
   ========================================================================== */

/* Common Footer
   ========================================================================== */

/* Common end */


/* ==========================================================================
   Mobile Style
   ========================================================================== */

@media screen and (max-width: 736px) {
  

/* Mobile Base
   ========================================================================== */

  .pc-fix {
    display: none !important;
  }
  .tb-fix {
    display: none !important;
  }
  .sp-fix {
    display: block !important;
  }
  .wrapper a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
  }
  .main img {
    max-width: 100%;
  }

/* Mobile Header
   ========================================================================== */
  
  .header {
    display: table;
    height: auto;
    padding: 10px 4%;
    width: 100%;
  }
  .header-logo {
    display: table-cell;
    float: none;
    margin-right: 0;
    padding: 0 15px 0 0;
  }
  .header-logo img {
    width: 70px;
  }
  .header-title {
    display: table-cell;
    height: auto;
    line-height: 1;
    float: none;
    font-size: 12px;
    padding: 0;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
  }

/* Mobile Main
   ========================================================================== */
  
  .inner {
    width: 100%;
  }
  .inner h2 {
    font-size: 22px;
    margin-bottom: 0;
    padding: 40px 4%;
  }
  .inner h3 {
    font-size: 16px;
  }
  .inner p {
    font-size: 14px;
  }
  .inner ul {
    margin-bottom: 20px;
  }
  .inner li {
    font-size: 14px;
  }
  .bottom {
    padding: 0 4% 40px;
  }
  .bg {
    background: none !important;
  }
  .mv,
  .section01,
  .section02,
  .section03 {
    background: none;
  }
  
  /* mv */
  
  .mv .text {
    height: auto;
    width: 100%;
  }
  .mv .img {
    position: static;
    top: 0;
  }
  .mv h1 {
    font-size: 25px;
    padding: 40px 4%;
  }
  .mv h1 span {
    font-size: 12px;
    margin-top: 10px;
  }
  
  /* section */
  
  .section01 {
    margin-top: 0;
  }
  .section01 .block {
    margin-left: 0;
    padding: 0;
    width: 100%;
  }
  .section01 .cont {
    padding: 0 4%;
  }
  .section01 .img {
    float: none;
    margin-bottom: 20px;
  }
  .section01 .text {
    float: none;
    width: 100%;
  }
  .section02 {
    margin-top: 0;
  }
  .section02 .block {
    margin-right: 0;
    padding: 0;
    width: 100%;
  }
  .section02 .img {
    float: none;
    margin-top: 0;
  }
  .section02 .text {
    float: none;
    margin-left: 0;
    padding: 0 4%;
    width: 100%;
  }
  .section02 h2 {
    padding-left: 0;
    padding-right: 0;
  }
  .section03 .block {
    margin-left: 0;
    padding: 0;
    width: 100%;
  }
  .section03 .img {
    float: none;
  }
  .section03 .text {
    float: none;
    margin-right: 0;
    padding: 20px 4% 0;
    width: 100%;
  }
  .section03 {
    margin-top: 0;
  }
  .section04 {
    padding: 40px 4%;
  }
  .section04 .block {
    font-size: 14px;
    padding: 15px;
    width: 100%;
  }
  .section04 h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .section04 a {
    color: #222;
    text-decoration: none;
  }
  .section05 {
    padding: 40px 4%;
  }
  .section05 .block {
    padding: 0;
    width: 100%;
  }
  .section05 .wrap {
    padding: 15px;
  }
  .section05 h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .section05 table,
  .section05 input[type="text"],
  .section05 textarea {
    width: 100%;
  }
  
  /* confirm */

  .confirm .block {
    padding: 30px 4%;
    width: 100%;
  }

/* Mobile Footer
   ========================================================================== */
  .footer {
    padding: 10px 4%;
  }

} /* Mobile end */


/* Commons
   ========================================================================== */

.mb00 {margin-bottom: 0 !important;}
.mb05 {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;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}