@charset "UTF-8";

html,body,form,input,textarea,select,option{
  font-family: "メイリオ", sans-serif;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

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

/* change colours to suit your needs */

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

/* change colours to suit your needs */

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */

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

input, select {
    vertical-align:middle;
}

.l_main{
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
  position:relative;
}

.l_main .back_img{
  width:100%;
  margin:0 auto;
  display:block;
}

.l_main.l_main_01{
  width:100%;
  background:url('../img/back00.png') no-repeat;
  background-size:cover;
  background-position:center center;
}

.l_main.l_main_02{
  width:100%;
  border-top:3px solid #71C7D1;

  /*border-bottom:3px solid #71C7D1;*/

  /*background:#71C7D1;*/
  overflow:hidden;
}

.l_main.l_main03{
  width:100%;
  height:100%;
  background:url('../img/back04.png') no-repeat;
  background-size:cover;
  background-position:center center;
}

.l_main.l_main_04{
  width:100%;
  border-top:3px solid #71C7D1;
}

.l_main.l_main_05{
  width:100%;
  padding:30px 0 30px;
  background:#F2EEE4;

  /*background:url('../img/back03.png') no-repeat;*/
  background-size:cover;
  background-position:center center;

  /*border-bottom:3px solid #71C7D1;*/

  /*background:#71C7D1;*/

  /*overflow:hidden;*/
}

.l_main.l_main_06{

  /*width:100%;*/
  overflow:hidden;
}

.l_main.l_main_07{
  width:100%;
  padding:0 0 25px;
  background:#ffffff;

  /*background:url('../img/back03.png') no-repeat;
    background-size:cover;
    background-position:center center;*/
}

.l_main.l_main_08{
  width:100%;
  padding:10px 0;
  background:url('../img/back03.png') no-repeat;
  background-size:cover;
  background-position:center center;
}

.screen-reader-response,.wpcf7-response-output,.wpcf7-validation-errors{
  color:#f00;
  text-align:center;
  font-size:12px;
}

.l_container{
  width:100%;
  height:auto;
  margin:0 auto;
  padding:0;
  display:block;
  position:relative;
}

.l_container_back03{
  width:100%;
  min-width:100%;
  background:url('../img/back03.png') no-repeat;
  background-size:cover;
  background-position:center center;
}

.logo{
  display:block;
  width:50px;
  margin:0px auto;
}

.l_top_sub_text{
  /*background:#E61A69;*/
  border-top:2px solid #45ABB9;
  border-bottom:1px solid #E61A69;
  font-size:12px;
  text-align:center;
  margin:0px auto;
  padding:15px 10px 5px;
  letter-spacing:2px;
  color:#E61A69;
  line-height:1.5em;
  /*transform: rotate(-3deg);*/
}

.l_top_main_text{
  width:98%;
  margin:auto;
  padding:15px 0px;
  font-size:18px;
  color:#7D6B57;
  letter-spacing:1px;
  line-height:3em;
  text-align:center;
  position:absolute;
  top:39%;
  bottom:0;
  right:0;
  left:0;
  text-shadow:
  -1px -1px #fff,
  1px -1px #fff,
  -1px 1px #fff,
  1px 1px #fff;
}

.l_top_main_text span{
  color:#45ABB9;
  font-size:1.1em;
  margin:0 3px;
  letter-spacing:1px;
}

@media screen and (min-width: 374px) {
  .l_top_main_text{
    font-size:22px;
    top:33%;
    line-height:2.5em;
  }
}

@media screen and (min-width: 413px) {
  .l_top_main_text{
    font-size:25px;
    top:35%;
    line-height:2.2em;
    letter-spacing:-1px;
  }
}

.l_top_main_point{
  margin:auto;
  width:100%;
  /*background:#aaa;*/
  padding:10px 0 0;
  overflow:hidden;
}

.l_top_main_point .l_top_main_point_text{
  width:100%;

  /*.line{
      width:4px;
      height:80px;
      display:block;
      clear:both;
      margin:0 auto;
    }*/
}

.l_top_main_point .l_top_main_point_text div{

  /*background:#fff;*/
  font-size:16px;

  /*font-weight:bold;*/
  text-align:center;
  margin:10px;
  color:#fff;
  padding:10px 0px;
  position:relative;
  overflow:hidden;
  border:2px solid #fff;

  /*border-radius:5px;*/
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

  /*.label{
        width:120px;
        padding:2px;
        border:4px solid #0071B9;
        position:absolute;
        top:-15px;
        left:-30px;
        transform: rotate(-45deg);
      }*/
}

.l_top_main_point .l_top_main_point_text div .bold_text{
  margin-left:15px;
  font-size:2em;
  font-weight:bold;
  color:#F4901E;
  vertical-align:-5px;
  text-shadow:
        -1px -1px #fff,
        1px -1px #fff,
        -1px 1px #fff,
        1px 1px #fff;
}

.clearbox{display:none;}

.l_top_main_point_center{
  clear:both;
  text-align:center;
  font-size:13px;
  background:#FA910A;
  /*border-radius:100px;*/
  color:#fff;
  top:20px;
  margin:20px 0;
  padding:10px 5px;
  line-height:2.3em;
  /*&:hover{
    margin-top:10px;
    border-bottom:none;
    cursor:pointer;
  }*/
}

.l_top_main_point_center span{
  display:block;
  font-size:1.5em;
  font-weight:bold;
  color:#fff;
}

.rotate_aqua{
  width:30px;
  height:30px;
  background:#0071B9;
  margin:-15px auto 50px;
  display:block;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index:-100px;
}

.l_item_box{
  width:100%;
  margin:0 auto;
  border:4px solid #0071B9;
  background:#fff;
  position:relative;
  overflow:hidden;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.item_img_01{
  width:200px;
  /*height:450px;
  border-radius:450px;*/
  /*border:3px solid #45ABB9;*/
  /*border-right:3px solid #238997;
  border-bottom:3px solid #238997;*/
  /*background:#fff;*/
  display:block;
  margin:0 auto;
}

.item_img_01 img{
  width:100%;
  display:block;
}

.item_img_02{
  width:150px;
  height:auto;
  display:block;
  z-index:1px;
  position:absolute;
  top:330px;
  left:2%;
}

.item_img_02 img{
  width:100%;
}

.item_img_01_text{
  width:100%;
  margin:30px auto;
  z-index:-10px!important;
  font-size:15px;
  text-align:center;
  color:#E61A69;
}

.item_img_01_text span{
  display:block;
  margin-top:5px;
  font-size:2.5em;
  color:#45ABB9;
}

.item_img_02_text{
  /*width:600px;*/
  font-size:12px;
  letter-spacing:2px;
  line-height:1.5em;
  /*font-weight:bold;*/
  text-align:center;
  color:#666666;
  padding:0px 0;
  margin:0 auto;
  position:absolute;
  bottom:30px;
  right:0;
  left:0;
  /*background:rgba(255,255,255,0.8);*/
}

.item_img_02_title{
  padding:10px 0px;
  background:#fff;
  border:3px solid #45ABB9;
  border-radius:10px;
  color:#45ABB9;
  font-size:12px;
  width:130px;
  text-align:center;
  position:absolute;
  bottom:0;
  left:0;
}

.item_head_text{
  position:absolute;
  top:115px;
  left:2%;
  width:120px;
  font-size:15px;
  font-weight:bold;
  color:#FA910A;
  text-shadow:
  -1px -1px #fff,
  1px -1px #fff,
  -1px 1px #fff,
  1px 1px #fff;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  z-index:100px;
}

.l_container_item{
  width:100%;
  height:600px;
  position:relative;
  /*overflow:hidden;*/
}

.l_container_merit{
  width:100%;
  /*height:600px;*/
  position:relative;
  /*border:1px solid #FA910A;*/
  /*overflow:hidden;*/
}

.l_head_merit{
  text-align:center;
  font-weight:normal;
  font-size:12px;
  color:#fff;
  background:#FA910A;
  padding:15px 0;
  letter-spacing:1px;
}

.l_head_merit i{
  color:#fff;
  margin-right:5px;
}

.l_head_merit span{
  width:2px;
  height:25px;
  display:none;
  background:#fff;
  margin:0 20px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.l_head_merit span.right{
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.l_box_merit{
  width:95%;
  background:#fff;
  margin:30px auto;
  /*border-radius:15px;*/
  border-right:5px solid #ddd;
  border-bottom:5px solid #ddd;
  overflow:hidden;
  position:relative;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.l_box_merit img{
  display:block;
  width:90%;
  margin:20px auto;
}

.l_box_merit h3{
  color:#E61A69;

  /*background:#E61A69;*/
  font-size:20px;
  font-weight:normal;
  text-align:center;
  margin:20px auto 0;
  padding:10px 0;
}

/*transform: rotate(-10deg);*/

.l_box_merit h3 i,.l_box_merit h3 span{
  font-size:2em;
  vertical-align:-7px;
  margin-right:10px;
}

.l_box_merit p{
  font-size:20px;
  text-align:center;
  margin:0px auto 15px;
  width:95%;
  color:#7D6B57;
  border-bottom:2px solid #7D6B57;
  padding:0;
}

.l_box_merit p span{
  font-size:2em;
  margin:0 15px;
  font-weight:bold;
  color:#FA910A;
}

.l_container_buy{
  /*height:600px;*/
  margin:0 auto;
  /*overflow:hidden:*/
}

.item_img_03{
  margin:20px auto 10px;
  width:100%;
  height:auto;
  overflow:hidden;
}

.item_img_03 img{
  width:100px;
  padding:0 38px;
  display:block;
  margin:0 auto;
  border:3px solid #45ABB9;
  border-radius:100px;
}

.item_img_03 div{
  width:100%;
  margin-top:10px;
}

.item_img_03 div h2{
  font-size:13px;
  color:#E61A69;
  text-align:center;
}

.item_img_03 div h2 span{
  font-size:2.5em;
  display:block;
  color:#45ABB9;
}

.item_img_03 div h3{
  font-size:22px;
  margin-top:15px;
  text-align:center;
  color:#7D6B57;
}

.item_img_03 div .free{
  width:120px;
  color:#fff;
  background:#CC3333;
  padding:7px;
  font-size:12px;
  text-align:center;
  display:block;
  margin:25px 0 10px 10%;
}

.item_img_03_text{
  clear:both;
  width:97%;
  margin:0 auto 50px;
  border:3px solid #999;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*border-radius:10px;*/

.item_img_03_text h3{
  text-align:center;
  background:#999;
  color:#fff;
  font-size:18px;
  padding:10px 0;
  font-weight:normal;
}

.item_img_03_text h4{
  padding:10px 0;
  border-bottom:1px solid #999;
  font-size:14px;
  line-height:2em;
  letter-spacing:3px;
  color:#7D6B57;
  overflow:hidden;
}

.item_img_03_text h4 span{
  float:right;
  margin-right:10px;
  display:inline-block;
}

.item_img_03_text h4 span span{
  float:none;
  color:#E61A69;
}

.item_img_03_text h4.cb6pb{
  color:#45ABB9;
}

.item_img_03_text h2{
  font-size:22px;
  letter-spacing:5px;
  text-align:center;
  text-indent:20px;
  padding:20px 0;
  color:#7D6B57;
}

.item_img_03_text h2 span{
  color:#EE5A24;
}

.l_container_check{
  width:95%;
  margin:0 auto;
  padding:25px 0;
  border:12px double #0A9B94;
  border-right:8px solid #0A9B94;
  border-bottom:8px solid #0A9B94;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.l_container_check h3{
  color:#0A9B94;
  font-size:14px;
  text-align:center;
  letter-spacing:3px;
  margin:0 auto;
  padding:5px 0 15px;
  background:#ffffff;
}

.l_container_check h3 i{
  background:#0A9B94;
  font-size:1.1em;
  margin-left:5px;
  margin-right:10px;
  vertical-align:0px;
  padding:7px 6px 10px 10px;
  border-radius:100px;
  color:#ffffff;
  border:5px solid #0A9B94;
}

.l_container_check .check_text{
  text-align:center;
  margin:15px 0;
  padding-bottom:10px;
  font-size:12px;
  border-bottom:3px solid #0A9B94;
  color:#E61A69;
}

@media screen and (min-width: 374px) {
  .l_container_check h3{
    font-size:17px;
  }
  .l_container_check .check_text{
    font-size:14px;
  }
}

@media screen and (min-width: 413px) {
  .l_container_check h3{
    font-size:20px;
  }
  .l_container_check .check_text{
    font-size:15px;
  }
}

.l_container_voice h3{
  text-align:center;
  font-size:20px;
  color:#fff;
  margin:20px 0;
  font-weight:normal;
  letter-spacing:5px;
}

.l_container_voice h3 i{
  margin-right:10px;
}

.l_container_voice h3 span{
  width:3px;
  height:25px;
  display:none;
  background:#fff;
  margin:0 50px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.l_container_voice h3 span.right{
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.l_container_voice .voice_box{
  width:95%;
  margin:30px auto;
  padding:20px 0px;
  background:#fff;
  border-radius:20px;
  position:relative;
  border-right:3px solid #999;
  border-bottom:3px solid #999;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.l_container_voice .voice_box h4{
  background:#333;
  padding:10px 10px;
  color:#fff;
  display:inline-block;
  position:absolute;
  top:0px;
  left:-5px;
  font-size:15px;
  font-weight:normal;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.l_container_voice .voice_box p{
  font-size:13px;
  width:90%;
  margin:30px auto 10px;
  line-height:1.5em;
  letter-spacing:1px;
}

.l_container_voice .voice_box p span{
  color:#CC3333;
  font-weight:bold;
}

.l_container_voice .voice_box img{
  width:150px;
  margin:0 auto;
  display:block;
}

.l_container_mail{
  width:100%;
}

.l_container_mail h3{
  text-align:center;
  font-size:18px;
  color:#aaa;
  margin:30px 0;
  font-weight:normal;
  letter-spacing:5px;
}

.l_container_mail h3 i{
  margin-right:20px;
}

.l_container_mail form{
  width:100%;
  margin:30px auto;
}

.l_container_mail form table{
  width:100%;
}

.l_container_mail form table tr{
  overflow:hidden;
  border-bottom:10px solid #fff;
  display:block;
}

.l_container_mail form table th{
  width:95%;
  margin:0 auto;
  padding:10px 0;
  text-align:center;
  background:#333;
  color:#fff;
  font-size:13px;
  font-weight:normal;
  display:block;
}

.l_container_mail form table td{
  width:100%;
  margin:0 auto;
  display:block;
  padding:5px 10px;
  text-align:center;
  color:#fff;
  font-weight:normal;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.l_container_mail form table td input,.l_container_mail form table td textarea{
  padding:5px 0;
  font-size:13px;
  vertical-align:middle;
  width:100%;
  border:1px solid #aaa;
}

.l_container_mail form .submit{
  border:none;
  width:80%;
  display:block;
  margin:10px auto;
  padding:15px 0;
  text-align:center;
  background:#45ABB9;
  color:#fff;
  font-size:25px;
  border-bottom:5px solid #238997;
  border-radius:10px;
  text-decoration:none;
}

.l_container_mail form .submit:hover{
  margin-top:40px;
  border-bottom:none;
}

.l_copy{
  width:100%;
  background:#fff;
  padding:20px 0;
  border-top:1px solid #45ABB9;
}

.l_copy p{
  font-size:11px;
  text-align:center;
  color:#45ABB9;
}

.aqua_circle01{
  display:block;
  width:60px;
  height:60px;
  border-radius:60px;
  background:#71C7D1;
  position:absolute;
  bottom:-30px;
  left:0;
  display:none;
}

.aqua_circle01.right{
  right:1px;
}

.aqua_circle01_right{
  display:block;
  width:60px;
  height:60px;
  border-radius:60px;
  background:#71C7D1;
  position:absolute;
  top:-30px;
  right:0px;
  display:none;
}

.aqua_circle02{
  display:block;
  width:40px;
  height:40px;
  border-radius:40px;
  background:#71C7D1;
  position:absolute;
  bottom:-20px;
  left:80px;
  display:none;
}

.aqua_circle02_right{
  display:block;
  width:40px;
  height:40px;
  border-radius:40px;
  background:#71C7D1;
  position:absolute;
  top:-20px;
  right:80px;
  display:none;
}

.aqua_circle03{
  display:block;
  width:20px;
  height:20px;
  border-radius:20px;
  background:#71C7D1;
  position:absolute;
  bottom:-10px;
  left:140px;
  display:none;
}

.aqua_circle03_right{
  display:block;
  width:20px;
  height:20px;
  border-radius:20px;
  background:#71C7D1;
  position:absolute;
  top:-10px;
  right:140px;
  display:none;
}

.square_gray{
  width:60px;
  height:60px;
  display:block;
  margin:0 auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top:-30px;
  background:#F2EEE4;
}

.square_red{
  width:30px;
  height:30px;
  background:#aaa;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position:absolute;
  top:35px;
  left:-15px;
  z-index:-100px;
}

.hole{
  width:10px;
  height:10px;
  border-radius:30px;
  border-top:5px solid #ddd;
  border-left:5px solid #ddd;
  position:absolute;
  top:10px;
  left:10px;
  background:#F2EEE4;
  -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
     box-sizing: border-box;
}

.huki{
  position:absolute;
  z-index:0;
  display:block;
  top:45px;
  left:-20px;
  width:160px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}

.m_btn_buy{
  clear:both;
  display:block;
  width:80%;
  max-width:500px;
  border-radius:10px;
  padding:15px 0;
  text-decoration:none;
  margin:10px auto;
  background:#E61A69;
  color:#fff;
  text-align:center;
  font-size:20px;
  border-bottom:5px solid #AA1F57;
  letter-spacing:5px;
}

.m_btn_buy:hover{
  border-bottom:none;
  margin-top:15px;
  cursor:pointer;
}

.m_btn_buy i{
  margin-right:10px;
}

.m_btn_check_box{
  width:80%!important;
  max-width:500px;
  margin:0 auto
}

.m_btn_check{
  clear:both;
  width:100%;
  max-width:500px;
  border-radius:10px;
  padding:15px 0;
  text-decoration:none;
  margin:10px auto 50px;
  background:#0A9B94;
  color:#fff;
  text-align:center;
  font-size:14px;
  border:none;
  border-bottom:5px solid #087972;
  letter-spacing:5px;
}

.m_btn_check:hover{
  border-bottom:none;
  margin-top:15px;
  cursor:pointer;
}

.m_btn_check i{
  margin-right:10px;
}

.m_select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width:90%;
  height:50px;
  display:block;
  margin:30px auto;
  padding-left:10px;
  font-size:14px;
  background:#fff;
  color:#7D6B57;
  border:2px solid #7D6B57;
  background:url('../img/select.png') no-repeat #fff;
  background-size:20px;
  background-position:right 10px top 50%;
}

.m_is_disable{
  display:none;
}

.m_is_hide{
  display:none;
}

.m_is_show{
  display:block;
}

.m_btn_ok{
  border-radius:400px;
  color:#fff;
  width:200px;
  margin:0 auto;
  padding:90px 0;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  background:#E61A69;
}