/* フロート解除-----------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/ }
img{
	max-width: 100%;
	height: auto;
	width:auto;
}
img[src$=".svg"]{
    width:100%;
    height:auto;
}
.cb {
  clear: both; }
p {
  font-size: 15px;
  line-height: 1.8em !important;
letter-spacing: 0.05em;}
@media ( max-width : 768px ) {
  p {
    font-size: 13px;}
}
  .font_gothic {
    font-family: 'Noto Sans JP', sans-serif; }
  
  .font_mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  
  a.link_yes {
    text-decoration: underline; }  
  
  .bg_gray {
    background-color: #dcdddd; }
  
  .bg_cream {
    background-color: #fffcf6; }
  
  .bg_blue {
    background-color: #7ecef4; }
  
  .bg_purple {
    background-color: #e4c9e0; }
  
  .bg_pink {
    background-color: #efaeb6; }
  
  .bg_gold {
    background-color: #cca57e; }
  
  .bg_gold753 {
    background-color: #d2b875; }
  
  .bg_pink_753 {
    background: #ea6184; }
  
  .bg_purple_753 {
    background: #b486ba; }
  
  .bg_blue_753 {
    background: #5ca4db; }
  
  .bg_black {
    background-color: #111; }
  
  .bg_white {
    background-color: #fff; }
  
  .bg_red {
    background-color: #e60012; }
  
  .bg_brown {
    background-color: #40210f; }
  
  .gray {
    color: #595757; }
  
  .gold {
    color: #b28146; }
  
  .black {
    color: #050505; }
  
  .red {
    color: #d50000; }
  
  .brown {
    color: #40210f; }
  
  .red_753 {
    color: #e60012; }
  
  .mizuiro {
    color: #00a0e9; }
  
  .white {
    color: #fff; }
  
  .img_center {
    text-align: center;
    margin: 0 auto;
    display: block; }
  
  .italic {
    font-style: italic; }
  
  .border_box {
    border: solid 1px #eee;
    border-radius: 1px; }
  
  .border_box_black {
    border: solid 1px #aaa;
    border-radius: 1px; }
  
  .border_box_white {
    border: solid 1px #fff;
    padding: 2% 5%; }
  
  .gray_box {
    padding: 30px 30px;
    border-radius: 8px;
    background: #fafafa; }
  
  .deep_gray_box {
    padding: 40px 30px;
    border-radius: 2px;
    background: #eee; }
  
  .pink_box {
    padding: 40px 30px;
    border-radius: 2px;
    background: #FADEEB; }
  
  .oiwai_p_box {
    padding: 25px 30px;
    border-radius: 2px;
    background: #f2f2f2; }
  
  .center {
    text-align: center; }
  
  .right {
    text-align: right; }
  
  .left {
    text-align: left !important; }
  
  .ls {
    letter-spacing: 0.1em; }
  
  .ls_3 {
    letter-spacing: 0.3em; }
  
  .lh {
    line-height: 2.5; }
  
  .lh_ {
    line-height: 1.3; }
  
  .small_2 {
    font-size: 0.9rem; }
  
  .small {
    font-size: 1.0rem; }
  
  .small_big {
    font-size: 1.2rem; }
  
  .middle {
    font-size: 1.3rem;
    font-weight: normal; }
  
  .middle_1 {
    font-size: 1.3rem; }
  
  .middle_15 {
    font-size: 1.5rem; }
  
  .middle_2 {
    font-size: 1.7rem;
    font-weight: normal; 
  line-height: 1.6em !important;}
  
  .middle_3 {
    font-size: 2.0rem;
    font-weight: normal; }
  
  .large {
    font-size: 3.0rem;
    font-weight: normal; }
  
  .large_2 {
    font-size: 4.0rem;
    font-weight: normal; }
  
  .large_3 {
    font-size: 4.8rem;
    font-weight: normal; }
  
  .large_4 {
    font-size: 6.0rem;
    font-weight: normal; }
  
  .bold {
    font-weight: 600; }
  
  @media (max-width: 768px) {
    .lh {
      line-height: 1.2; }
  
    .ls_3 {
      letter-spacing: 0.1em; }
  
    .middle {
      font-size: 15px;
      font-size: 1.5rem; }
  
    .middle_2 {
      font-size: 16px;
      font-size: 1.6rem; }
  
    .large {
      font-size: 18px;
      font-size: 1.8rem; }
  
    .large_2 {
      font-size: 22px;
      font-size: 2.2rem; }
  
    .large_3 {
      font: size 24px;
      font-size: 2.4rem; } }
  .img_radius {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px; }
  
  .f_left {
    float: left;
    display: block; }
  
  .f_right {
    float: right;
    display: block; }
  
  .w_5 {
    width: 5%; }
  
  .w_7 {
    width: 7%; }
  
  .w_10 {
    width: 10%; }
  
  .w_15 {
    width: 15%; }
  
  .w_20 {
    width: 20%; }
  
  .w_25 {
    width: 25%; }
  
  .w_30 {
    width: 30%; }
  
  .w_35 {
    width: 35%; }
  
  .w_40 {
    width: 40%; }
  
  .w_45 {
    width: 45%; }
  
  .w_50 {
    width: 50%; }
  
  .w_55 {
    width: 55%; }
  
  .w_57 {
    width: 57%; }
  
  .w_60 {
    width: 60%; }
  
  .w_65 {
    width: 65%; }
  
  .w_70 {
    width: 70%; }
  
  .w_75 {
    width: 75%; }
  
  .w_80 {
    width: 80%; }
  
  .w_85 {
    width: 85%; }
  
  .w_5, .w_7, .w_10, .w_15, .w_20, .w_25, .w_30, .w_35, .w_40, .w_45, .w_50, .w_57, .w_55, .w_60, .w_65, .w_70, .w_75, .w_80, .w_85 {
    display: block; }
  
  @media (max-width: 768px) {
    .f_left, .f_right {
      float: none;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      display: block; }
  
    .s_left {
      text-align: left; }
  
    .sp_f_left {
      float: left;
      padding-bottom: 20px; }
  
    .sp_f_right {
      float: right; }
  
    .w_5, .w_7, .w_10, .w_15, .w_20, .w_25, .w_30, .w_35, .w_40, .w_45, .w_50, .w_57, .w_55, .w_60, .w_65, .w_70, .w_75, .w_80, .w_85 {
      width: 100%; }
  
    .sp_w_5 {
      width: 5% !important; }
  
    .sp_w_20 {
      width: 20% !important; }
  
    .sp_w_30 {
      width: 30% !important; }
  
    .sp_w_35 {
      width: 35% !important; }
  
    .sp_w_40 {
      width: 40% !important; }
  
    .sp_w_45 {
      width: 45% !important; }
  
    .sp_w_60 {
      width: 60% !important; }
  
    .sp_w_65 {
      width: 65%; }
  
    .sp_w_70 {
      width: 70%; }
  
    .sp_w_75 {
      width: 75%; }
  
    .sp_w_80 {
      width: 80%; }
  
    .sp_w_85 {
      width: 85%; }
  
    .sp_w_90 {
      width: 90%; } 
      .sp_w_95 {
        width: 95%; } }
  .mt_-1 {
    margin-top: -13px !important; }
  
  .mt_2 {
    margin-top: 2.0rem; }
  
  .mb_05 {
    margin-bottom: 0.50rem; }
  
  .mb_075 {
    margin-bottom: 0.75rem; }
  
  .mb_1 {
    margin-bottom: 1.0rem; }
  
  .mb_15 {
    margin-bottom: 1.5rem; }
  
  .mb_2 {
    margin-bottom: 2.0rem; }
  
  .mb_3 {
    margin-bottom: 3.0rem; }
  
  .mb_4 {
    margin-bottom: 4.0rem; }
  
  .mb_5 {
    margin-bottom: 5.0rem; }
  
  .mb_6 {
    margin-bottom: 6.0rem; }
  
  .mb_8 {
    margin-bottom: 8.0rem; }
  
  .ml_1 {
    margin-left: 1rem; }
  
  .ml_2 {
    margin-left: 2rem; }
  
  .ml_3 {
    margin-left: 3rem; }
  
  .ml_35 {
    margin-left: 3.5rem; }
  
  .ml_7 {
    margin-left: 7rem; }
  
  .ml_30 {
    margin-left: 30%; }
  
  .pt_05 {
    padding-top: 0.50rem; }
  
  .pt_075 {
    padding-top: 0.75rem; }
  
  .pt_1 {
    padding-top: 1.0rem; }
  
  .pt_15 {
    padding-top: 1.5rem; }
  
  .pt_2 {
    padding-top: 2.0rem; }
  
  .pt_3 {
    padding-top: 3.0rem; }
  
  .pt_4 {
    padding-top: 4.0rem; }
  
  .pt_5 {
    padding-top: 5.0rem; }
  
  .pt_6 {
    padding-top: 6.0rem; }
  
  .pt_7 {
    padding-top: 7.0rem; }
  
  .pt_8 {
    padding-top: 8.0rem; }
  
  .pt_12 {
    padding-top: 12.0rem; }
  
  .pt_14 {
    padding-top: 14.0rem; }
  
  .pt_16 {
    padding-top: 16.0rem; }
  
  .pt_20 {
    padding-top: 20.0rem; }
  
  .pb_05 {
    padding-bottom: 0.50rem; }
  
  .pb_075 {
    padding-bottom: 0.75rem; }
  
  .pb_1 {
    padding-bottom: 1.0rem; }
  
  .pb_15 {
    padding-bottom: 1.5rem; }
  
  .pb_2 {
    padding-bottom: 2.0rem; }
  
  .pb_3 {
    padding-bottom: 3.0rem; }
  
  .pb_4 {
    padding-bottom: 4.0rem; }
  
  .pb_5 {
    padding-bottom: 5.0rem; }
  
  .pb_6 {
    padding-bottom: 6.0rem; }
  
  .pb_7 {
    padding-bottom: 7.0rem; }
  
  .pb_8 {
    padding-bottom: 8.0rem; }
  
  .pb_9 {
    padding-bottom: 9.0rem; }
  
  .pb_10 {
    padding-bottom: 10.0rem; }
  
  .pb_11 {
    padding-bottom: 11.0rem; }
  
  .pb_12 {
    padding-bottom: 12.0rem; }
  
  .pl_05 {
    padding-left: 0.50rem; }
  
  .pl_075 {
    padding-left: 0.75rem; }
  
  .pl_1 {
    padding-left: 1.0rem; }
  
  .pl_15 {
    padding-left: 1.5rem; }
  
  .pl_2 {
    padding-left: 2.0rem; }
  
  .pl_3 {
    padding-left: 3.0rem; }
  
  .pl_4 {
    padding-left: 4.0rem; }
  
  .pl_5 {
    padding-left: 5.0rem; }
  
  .pl_6 {
    padding-left: 6.0rem; }
  
  .pl_7 {
    padding-left: 7.0rem; }
  
  .pl_8 {
    padding-left: 8.0rem; }
  
  .pl_10 {
    padding-left: 10.0rem; }
  
  .pr_05 {
    padding-right: 0.50rem; }
  
  .pr_075 {
    padding-right: 0.75rem; }
  
  .pr_1 {
    padding-right: 1.0rem; }
  
  .pr_15 {
    padding-right: 1.5rem; }
  
  .pr_2 {
    padding-right: 2.0rem; }
  
  .pr_3 {
    padding-right: 3.0rem; }
  
  .pr_4 {
    padding-right: 4.0rem; }
  
  .pr_5 {
    padding-right: 5.0rem; }
  
  @media (max-width: 768px) {
    .sp_w_90 {
      max-width: 84%;
      margin: 0 8% 2% 8%; }
  
    .sp_ml_2 {
      margin-left: 2rem; }
  
    .sp_mr_2 {
      margin-right: 2rem; }
  
    .sp_ml_3 {
      margin-left: 3rem; }
  
    .sp_mr_3 {
      margin-right: 3rem; }
  
    .sp_mb_05 {
      margin-bottom: 0.50rem; }
  
    .sp_mb_075 {
      margin-bottom: 0.75rem; }
  
    .sp_mb_1 {
      margin-bottom: 1.0rem; }
  
    .sp_mb_15 {
      margin-bottom: 1.5rem; }
  
    .sp_mb_2 {
      margin-bottom: 2.0rem; }
  
    .sp_mb_3 {
      margin-bottom: 3.0rem; }
  
    .sp_mb_4 {
      margin-bottom: 4.0rem; }
  
    .sp_mb_5 {
      margin-bottom: 5.0rem; }
  
    .sp_mb_6 {
      margin-bottom: 6.0rem; }
  
    .sp_pt_0 {
      padding-top: 0; }
  
    .sp_pt_05 {
      padding-top: 0.50rem; }
  
    .sp_pt_075 {
      padding-top: 0.75rem; }
  
    .sp_pt_1 {
      padding-top: 1.0rem; }
  
    .sp_pt_15 {
      padding-top: 1.5rem; }
  
    .sp_pt_2 {
      padding-top: 2.0rem; }
  
    .sp_pt_3 {
      padding-top: 3.0rem; }
  
    .sp_pt_4 {
      padding-top: 4.0rem; }
  
    .sp_pt_5 {
      padding-top: 5.0rem; }
  
    .sp_pt_6 {
      padding-top: 6.0rem; }
  
    .sp_pt_7 {
      padding-top: 7.0rem; }
  
    .sp_pt_8 {
      padding-top: 8.0rem; }
  
    .sp_pb_0 {
      padding-bottom: 0; }
  
    .sp_pb_05 {
      padding-bottom: 0.50rem; }
  
    .sp_pb_075 {
      padding-bottom: 0.75rem; }
  
    .sp_pb_1 {
      padding-bottom: 1.0rem; }
  
    .sp_pb_15 {
      padding-bottom: 1.5rem; }
  
    .sp_pb_2 {
      padding-bottom: 2.0rem; }
  
    .sp_pb_3 {
      padding-bottom: 3.0rem; }
  
    .sp_pb_4 {
      padding-bottom: 4.0rem; }
  
    .sp_pb_5 {
      padding-bottom: 5.0rem; }
  
    .sp_pb_6 {
      padding-bottom: 6.0rem; }
  
    .sp_pb_7 {
      padding-bottom: 7.0rem; }
  
    .sp_pb_8 {
      padding-bottom: 8.0rem; }
  
    .sp_pb_9 {
      padding-bottom: 9.0rem; }
  
    .sp_pb_10 {
      padding-bottom: 10.0rem; }
  
    .sp_pb_11 {
      padding-bottom: 11.0rem; }
  
    .sp_pb_12 {
      padding-bottom: 12.0rem; }
  
    .sp_pl_0 {
      padding-left: 0; }
  
    .sp_pl_05 {
      padding-left: 0.50rem; }
  
    .sp_pl_075 {
      padding-left: 0.75rem; }
  
    .sp_pl_1 {
      padding-left: 1.0rem; }
  
    .sp_pl_15 {
      padding-left: 1.5rem; }
  
    .sp_pl_2 {
      padding-left: 2.0rem; }
  
    .sp_pl_3 {
      padding-left: 3.0rem; }
  
    .sp_pl_4 {
      padding-left: 4.0rem; }
  
    .sp_pr_0 {
      padding-right: 0; }
  
    .sp_pr_05 {
      padding-right: 0.50rem; }
  
    .sp_pr_075 {
      padding-right: 0.75rem; }
  
    .sp_pr_1 {
      padding-right: 1.0rem; }
  
    .sp_pr_15 {
      padding-right: 1.5rem; }
  
    .sp_pr_2 {
      padding-right: 2.0rem; }
  
    .sp_pr_3 {
      padding-right: 3.0rem; }
  
    .sp_pr_4 {
      padding-right: 4.0rem; } 
      .middle_2 {
        font-size: 1.5rem;
        font-weight: normal; }
      .middle_3 {
        font-size: 1.7rem;
        font-weight: normal; }
      }

@media ( min-width : 769px ) {
  header {
    background:url(../images/kamosui/kamosui_header.jpg) no-repeat left top;
    background-size:cover;                 /* 画像のサイズを指定    */
    width:100%;                              /* 横幅のサイズを指定    */
    height:860px; 
    margin:0 0 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
  }
}
@media ( max-width : 768px ) {
  header {
    background:url(../images/kamosui/kamosui_header_sp.jpg) no-repeat center top;
    background-size:cover;                 /* 画像のサイズを指定    */
    width:100%;                              /* 横幅のサイズを指定    */
    height:100%; 
    margin:0 0 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    padding-bottom:40px;
  }
  .movie {
      position: relative;
      width: 90%;
      padding-top: 56.25%;
      margin-left: 5%;
      margin-right: 5%;
  }
  .movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
      margin-bottom:20px;
  }
}
.kamosui_logo {
  width:70%;
  text-align: center;
  margin:8% auto;
}

@media ( min-width : 769px ) {
.kamosui_box01,.kamosui_box02 {
  padding-bottom: 20px;
}
.kamosui_box01 .kamosui_txt {
    float:right;
    width:55%;
    padding-left: 50px;
    position: relative;
}
.kamosui_box01 .kamosui_img_box {
  float:left;
  width:45%;
}
.kamosui_box01 .kamosui_txt h2 {
  position: absolute;
  left: -30px;
  top:0;
  z-index: 10;
}
.mt_kamo01 {
  margin-top:100px;
}
.kamosui_img_box {
  display: flex;              /* フレックスボックスにする */
  justify-content:center;
  padding-bottom:50px;
}
.kamosui_box02 .kamosui_txt {
  float:left;
  width:55%;
  padding-right: 50px;
  position: relative;
}
.kamosui_box02 .kamosui_img_box {
float:right;
width:45%;
}
.kamosui_box01 .kamosui_txt h2 {
position: absolute;
right: -30px;
top:0;
z-index: 10;
}

.kamosui_box03 .kamosui_txt {
  float:right;
  width:55%;
  position: relative;
}
.kamosui_box03 .kamosui_img_box {
float:left;
width:45%;
}
.kamosui_box03 .kamosui_txt h2 {
position: absolute;
left: -50px;
top:0;
z-index: 10;
}
.kamosui_box03 .kamosui_txt dl {
  position: absolute;
  right: 20px;
  top:130px;
  z-index: 10;
  background-color: rgba(0,160,233,0.8);
  padding:40px;
  width:100%;
  }
  .kamosui_box03 .kamosui_txt dl dt,.kamosui_box03 .kamosui_txt dl dd {
    color: #fff;
    padding-bottom: 10px;
    }
    .kamosui_box03 .kamosui_txt dl dt {
      float:left;
      width:70px;
      }
      .kamosui_box03 .kamosui_txt dl dt dd {
        margin-left:100px;
        }
.t2_kamosui_bottom {
  background:url(../images/kamosui/kamosui_bg.png) repeat left top;
  margin-top:40px;
  padding: 50px 0 0;
}
.blue_back {
  padding:40px 0;
  background-color: rgba(0,0,68,0.8);
  margin-bottom: 30px;
}
.kamosui_tehai_box {
  border:double 1px #fff; 
  padding:30px 40px;
  margin:30px auto 30px;
  text-align: center;
}
}

@media ( max-width : 768px ) {
        .kamosui_box01 .kamosui_txt {
            padding:0 15px 20px;
        }
        .kamosui_img {
          text-align: center;
          margin: 0 auto 20px;
          width:80%;
          display: block;
        }
        .kamosui_box01 .kamosui_txt h2 {
        }
        .kamosui_img_box {
          display: flex;              /* フレックスボックスにする */
          justify-content:center;
          padding-bottom: 40px;
        }
        .kamosui_img_box div {
          width:25%;
        }
        .kamosui_box02 .kamosui_txt {
          padding:0 15px 20px;
        }
        
        .kamosui_box03 .kamosui_txt {
          padding:0 15px 20px;
        }
        .kamosui_box03 .kamosui_img_box img {
          text-align: center;
          margin: 0 auto 20px;
          width:80%;
          display: block;
        }
        .kamosui_box03 .kamosui_txt h2 {

        }
        .kamosui_box03 .kamosui_txt dl {
          background-color: rgba(0,160,233,0.8);
          padding:20px;
          margin:0 15px 20px;
          }
          .kamosui_box03 .kamosui_txt dl dt,.kamosui_box03 .kamosui_txt dl dd {
            color: #fff;
            padding-bottom: 10px;
            }
            .kamosui_box03 .kamosui_txt dl dt {              
              }
              .kamosui_box03 .kamosui_txt dl dt dd {
                padding-bottom:20px;
                }
        .t2_kamosui_bottom {
          background:url(../images/kamosui/kamosui_bg.png) repeat left top;
          margin-top:40px;
          padding: 50px 0 0;
        }
        .blue_back {
          padding:40px 0;
          background-color: rgba(0,0,68,0.8);
          margin-bottom: 30px;
        }
        .kamosui_tehai_box {
          border:double 1px #fff; 
          padding:40px;
          margin:30px 15px 30px;
          text-align: center;
        }
}

.kamo_button a  {
  display:block;
  max-width:500px;
  width:100%;
  height:auto;
  background-color:#fff;
font-weight: bold;
text-decoration: none;
  position:relative;
  display:block;
  height:auto;
  padding:20px 15px;
  border-radius: 2px;
  text-decoration: none;
  color:#333;
  font-size: 15px;
  margin:60px auto;
  text-align: center;
}
@media ( min-width : 769px ) {
	.kamo_button a:hover {
    background: #a07d50;
    color: #fff;
		opacity: 1.0;
	  }
}
@media ( max-width : 768px ) {
	.kamo_button{
		padding:10px 15px;
	}
	.kamo_button p {
		font-size: 12px;
	}
}

@media ( min-width : 768px ) {
  /*===PCのフッター==========================*/
  footer {
    padding:3% 0 0 0;
  }
  .footer_logo01 {
      float: left;
      width:38%;
  }
  .footer_logo02 {
          float: right;
          width:38%;
  }
}
@media ( max-width : 768px ) {
  /* ****スマホ用フッター************************************************ */
              footer {
                  padding:10% 0 0 0;
              }
              .footer_logo01,.footer_logo02 {
                  text-align:center;
                  margin-left:auto;
                  margin-right:auto;
                  padding-bottom:20px;
                  float: none;
              }
      .footer_logo01 img,.footer_logo02 {
          max-width:86%;
      }
    }

.big_container {
      padding: 2% 5%;
    max-width: 1400px;
    margin: 0 auto;
    position:relative;
  }

  .big_container a {
    color: #fff !important;
}

.f_link a {
  text-align: right;
  color: #fff;
  text-decoration: underline;
}
.f_link {
  text-align: right;
}
@media ( max-width : 768px ) {
  .f_link a {
    text-align: center;
    color: #fff;
    text-decoration: underline;
  }
  .f_link {
    text-align: center;
  }
}