@charset "UTF-8";
/* CSS Document */


input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.min{font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.gos{font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;}



.sp{
    display: none;
}
a{
    text-decoration: none;
    transition: 0.5s ;
    color: #000000;
}
img.object-fit-img{
    object-fit: cover;
    object-position:center; 
    font-family: 'object-fit: cover; object-position: center;'
}

input::placeholder {
    color: #dddddd;
  }

/*=== 9-1-4 矢印が動いてスクロールを促す  ====*/

/*スクロールダウン全体の場所*/
.scrolldown4{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:1%;
	right:0;
  left:0;
  margin:0 auto;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }

  .popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
  }
  .popup.is-show {
    opacity: 1;
    visibility: visible;
  }
  .popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 600px;
    padding: 50px;
    background-color: #fff;
    z-index: 2;
  }
  .popup-inner img {
    width: 100%;
  }
  .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
  }
  .close-btn i {
    font-size: 20px;
    color: #333;
  }
  .black-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 1;
    cursor: pointer;
  }

html{
    font-size: 62.5%;
    font-family: 'BIZ UDPGothic', sans-serif;
}
body{
    font-size:1.6rem;
    color: #000000;
    overflow: hidden;
}

/*COMMON*/
.bg_green_wave{ background-image: url(images/bg_green_wave.jpg); background-size: cover; background-position: top center;}
.bg_gray{ background-image: url(images/bg_gray.png); background-size: cover; background-position: bottom center;}
.bg_green{ background-image: url(images/bg_green.png); background-size: 100% 100%;}
.bg_green_rev{ background-image: url(images/bg_green_rev.png); background-size: 100% 100%;}
.bg_lightgreen{ background-image: url(images/bg_lightgreen.png); background-size: 100% 100%;}
.bg_olive{ background-color: #cdf0ae;}
.bg_white{ background-color:white}
/*CONTENT*/
#top { padding:2.5rem 0}
#top h1{ width:23.6rem; margin:0 auto;}
#top h1 img{ display: block; width:100%}
.mv { position: relative;}
.mv img{ display: block; width:100%}
.mv .scrolldown4{ width:6.5%}
.mv .scrolldown4 img{ width:100%}
.introduction img{ display: block; width:100%;}
.prize h2{ background-color: #006f55; padding:2.5rem 0; text-align: center; position: relative; font-size:3.2rem; line-height: 1.5; color: #ffffff;}
.prize h2:after{ content:''; width: 6.0rem; height:3.0rem; background-color: #006f55; clip-path: polygon(0 0, 100% 0, 50% 100%); display: block; position: absolute; margin: 0 auto; left:0; right:0; bottom:-3.0rem}
.prize figure{ padding:10.0rem 0;width:90%; max-width:800px; margin:0 auto }
.prize figure img{ display: block; width:100%; margin-bottom: 2.5rem;}
.prize figcaption{ text-align: center; line-height: 1.8;}
.line { padding:5.0rem 0}
.line.bg_green_wave{ padding:15.0rem 0 5.0rem 0}
.line figure{ width:90%; max-width:876px; margin:0 auto; display: block; position: relative;}
.line figure img{ width:100%;} 
.line figcaption{ position: absolute; left:0; right:0; bottom:5.0rem; margin:auto; width:50%;}
.line figcaption img{ display: block; width:100%}
.onayami{ padding:5.0rem 0}
.onayami h2 {text-align: center; margin-bottom:5.0rem}
.onayami h2 i{ display: block; font-size:2.8rem;}
.onayami h2 .marker{ color: #bd272d; font-size:5.6rem; background:linear-gradient(transparent 60%, #ff0 60%);}
.onayami .box{ display: flex; flex-wrap: wrap; width:90%; max-width:1000px; margin:0 auto; padding-top:0; align-items: flex-start;}
.onayami .box .onayami_01,
.onayami .box .onayami_02,
.onayami .box .onayami_03{ width:30.333%; display: block; margin:0 1.5% 2.5rem 1.5%}
.onayami .box .onayami_04{ width:22%; display: block; margin-right:3%}
.onayami .box .onayami_main{ width:75%; display: block;}
.kaiketsu h2{ text-align: center; font-size:5.3rem; color: #ff0; padding:2.5rem 0 5.5rem 0; position: relative;}
.kaiketsu h2:after{ content:''; width: 100%; height:3.0rem; background-color: #ffffff; clip-path: polygon(0 0, calc(50% - 3.0rem) 0, 50% 100%, calc(50% + 3.0rem) 0,100% 0,100% 100%,0 100%); display: block; position: absolute; margin: 0 auto; left:0; right:0; bottom:0}
.kaiketsu figure{ width:90%; margin:5.0rem auto 0 auto; max-width:900px;}
.kaiketsu figure img{ display: block; width:100%}
.kirei .bg_green{ padding:15.0rem 0; position: relative; clip-path: polygon(0 15.0rem, 100% 0, 100% calc(100% - 15.0rem), 0 100%);}
/*
.kirei .bg_green:before{content:''; width:100%; height:15rem; clip-path: polygon(0 0,100% 0,0 100%); display: block;background-color:#ffffff; position: absolute; top:-0.1rem; left:0}
.kirei .bg_green:after{content:''; width:100%; height:15rem; clip-path: polygon(100% 0,100% 100%,0 100%); display: block;background-color:#ffffff; position: absolute; bottom:-0.1rem; left:0}
*/
.kirei h2 {color: #ffffff; font-size:5.5rem; text-align: center; margin-bottom: 2.5rem;}
.kirei h2 strong{font-size:7.5rem;}
.kirei ul{ width:95%; max-width:1000px; margin:0 auto; display: flex; justify-content: space-between;}
.kirei li{width:calc(30.5% - 5.0rem); background-color: #cdf0ae; border-radius: 1.5rem; padding:2.5rem; font-size:1.4rem; line-height: 1.8;}
.kirei li img{display: block; width:100%; margin-bottom:2.5rem; border-radius:50%}
.kirei li strong{font-size:2.4rem; display: block; color: #006f55; text-align: center; margin-bottom: 1.5rem;}
.kirei li strong.narrow{letter-spacing: -0.2rem;}
.kirei .evidence{ position: relative;}
.kirei .evidence:before{content:''; width:75%; height:30.0rem; clip-path: polygon(0 0, 100% 0, 100% 100%);display:block; background-color:#cdf0ae; position: absolute; top:-15.0rem; right:0; z-index: -1;}
.kirei .evidence .movie{ width:95%; max-width:1000px; margin:0 auto; display: flex; position: relative; top:-7.5rem}
.kirei .evidence .movie video{ width:48.0rem;}
.kirei .evidence .movie .text{ width:calc(100% - 48.0rem); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.kirei .evidence .movie .text h3{font-size:3.6rem; color: #006f55; line-height: 1.2; position: relative; display: flex; justify-content: center; align-items: center;}
.kirei .evidence .movie .text h3:before{ content: ''; width:12.0rem; height:20.5rem; display: block; background-image: url(images/icon_loupe.png); background-size: contain; background-repeat: no-repeat; background-position: center;}
.kirei .evidence .movie .text h3 strong{ font-size:6.6rem; display: block;}
.kirei .evidence .movie .text h3 .num{ display: flex; align-items: center; justify-content: center; line-height: 1; color: #ffffff; font-size:5.1rem; width:6.4rem; height:6.4rem; border-radius: 0.5rem; background-color: #006f55; position: relative; bottom:-2.5rem}
.kirei .evidence .movie .text i{ font-size:2.0rem; display: block; position: relative; left:3.5rem; top:-3rem}
.kirei .evidence .box{ width:95%; max-width:1000px; margin:0 auto 5.0rem auto; border:3px solid #006f55; padding-bottom: 5.0rem;}
.kirei .evidence .box h4{ font-size:3.2rem; color: #ffffff; padding:1.5rem 0; text-align: center; background-color: #006f55; margin-bottom: 2.5rem;}
.kirei .evidence .box h4 i{ color: #ff0;}
.kirei .evidence .box figure{ width:90%; text-align: center; margin:0 auto}
.kirei .evidence .box figcaption{ font-size:2.0rem;margin-bottom:2.5rem}
.kirei .evidence .box img{display: block; width:100%}
.anzen h2 {color: #ffffff; font-size:4.9rem; display: flex; justify-content: center; align-items: center; margin-bottom: 2.5rem;}
.anzen h2 .lead{ display: block; line-height: 1;}
.anzen h2 small{ display: block; font-size:3.4rem}
.anzen h2 strong{font-size:7.5rem;}
.anzen .bg_green_rev{ padding:15.0rem 0; position: relative; clip-path: polygon(0 0, 100% 15rem, 100% 100%, 0 calc(100% - 15.0rem));}
.anzen ul{ width:95%; max-width:1000px; margin:0 auto; display: flex; justify-content: space-between; padding-bottom: 2.5rem;}
.anzen li{width:calc(48% - 5.0rem); background-color: #cdf0ae; border-radius: 1.5rem; padding:2.5rem; font-size:1.4rem; line-height: 1.8; display: flex; align-items: center;}
.anzen li img{display: block; width:20.0rem; border-radius: 50%;}
.anzen li .wrap{ padding:0 0 0 1.5rem}
.anzen li strong{font-size:2.4rem; display: block; color: #006f55; text-align: center; margin-bottom: 1.5rem;}
.anzen li strong.narrow{letter-spacing: -0.2rem;}
.anzen .kantan{ position: relative;}
.anzen .kantan:before{content:''; width:75%; height:30.0rem; clip-path: polygon(0 0, 100% 0, 0 100%);display:block; background-color:#cdf0ae; position: absolute; top:-15.0rem; left:0; z-index: -1;}
.anzen .kantan .movie{ width:95%; max-width:1000px; margin:0 auto; display: flex; position: relative; top:-7.5rem; flex-direction: row-reverse;}
.anzen .kantan .movie video{ width:48.0rem;}
.anzen .kantan .movie .text{ width:calc(100% - 48.0rem); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.anzen .kantan .movie .text h3{font-size:3.6rem; color: #006f55; line-height: 1.2; position: relative; display: flex; justify-content: center; align-items: center;}
.anzen .kantan .movie .text h3:before{ content: ''; width:12.0rem; height:20.5rem; display: block; background-image: url(images/icon_loupe.png); background-size: contain; background-repeat: no-repeat; background-position: center;}
.anzen .kantan .movie .text h3 strong{ font-size:6.6rem; display: block;}
.anzen .kantan .movie .text h3 .num{ display: flex; align-items: center; justify-content: center; line-height: 1; color: #ffffff; font-size:5.1rem; width:6.4rem; height:6.4rem; border-radius: 0.5rem; background-color: #006f55; position: relative; bottom:-2.5rem}
.anzen .kantan .movie .text i{ font-size:2.0rem; display: block; position: relative; left:3.5rem; top:-3rem}
.anzen .kantan .box{ width:95%; max-width:1000px; margin:0 auto 5.0rem auto; border:3px solid #006f55; padding-bottom: 5.0rem;}
.anzen .kantan .box h4{ font-size:3.2rem; color: #ffffff; padding:1.5rem 0; text-align: center; background-color: #006f55; margin-bottom: 2.5rem;}
.anzen .kantan .box h4 i{ color: #ff0;}
.anzen .kantan .box figure{ width:90%; text-align: center; margin:0 auto}
.anzen .kantan .box figcaption{ font-size:2.0rem;margin-bottom:2.5rem}
.anzen .kantan .box img{display: block; width:100%}
.information{ padding:5.0rem 0;}
.information .inner{ width:95%; max-width:1100px; margin:0 auto; padding:5.0rem 0}
.information h2{ width:90%; max-width:900px; margin:0 auto 5.0rem auto}
.information h2 img{ display: block; width:100%}
.hikaku_graph{ width:90%; max-width:760px; margin:0 auto 5.0rem auto;}
.hikaku_graph h3{ text-align: center; font-size:4.0rem; color: #bd272d; margin-bottom:2.5rem;}
.hikaku_graph h3 .marker_pink{ background:linear-gradient(transparent 60%, #f7e5e6 60%);}
.hikaku_graph h3+p{ margin-bottom: 2.5rem;}
.hikaku_graph .graph img{ width:100%; display: block;}
.hikaku_table{ width:90%; max-width:900px; margin:0 auto 5.0rem auto;}
.hikaku_table h3{ text-align: center; font-size:4.0rem; color: #006f55; margin-bottom:2.5rem; display: flex; align-items: center; justify-content: center;}
.hikaku_table h3 .marker_green{ background:linear-gradient(transparent 60%, #cdf0ae 60%);}
.hikaku_table h3 img{ width:13.6rem;}
.hikaku_table table{ border:2px solid #4aa85c}
.hikaku_table .cell_green{ background-color: #4aa85c; color: #ffffff; font-weight: bold;}
.hikaku_table .cell_gray{ background-color: #666666; color: #ffffff; font-weight: bold;}
.hikaku_table th{ background-color: #dddddd; font-weight: bold;}
.hikaku_table th,
.hikaku_table td{ border:1px solid #4aa85c; text-align: center; padding:1.5rem 0; width:24%; vertical-align: middle;}
.hikaku_table td .green{ color: #4aa85c; font-weight: bold;}
.hikaku_table td .red{ color: #bd272d; font-weight: bold;}
.message{ width:90%; max-width:900px; margin:0 auto 5.0rem auto;}
.message h3{ background-color: #4aa85c; text-align: center; font-size:3.0rem; color: #ffffff; padding: 1.5rem 0; border-radius:1.0rem; margin-bottom:2.5rem}
.message .box{ display: flex; justify-content: space-between;}
.message .box figure{ width: 41%;}
.message .box figure img{ width:100%; display: block;}
.message .box figcaption{ font-size: 2.4rem; text-align: center; padding:0.5rem 0}
.message .box dl{width:52%}
.message .box dt{ font-size:3.2rem; margin-bottom: 1.5rem;}
.message .box dd{ line-height: 1.8;}
.voice{ width:90%; max-width:900px; margin:0 auto 5.0rem auto; border:3px solid #4aa85c; text-align: center;}
.voice h3{ background-color: #4aa85c; text-align: center; font-size:3.0rem; color: #ffffff; padding: 1.5rem 2.5rem; border-radius:1.0rem; display: inline-block; position: relative; top:-3.5rem}
.voice h3+p{ font-size:2.4rem; color: #4aa85c;}
.voice .box{ margin:5rem; text-align: left;}
.voice .box figure img{ width:100%}
.voice dt{ display: flex; align-items: center; font-size:2.4rem; margin:2.5rem 0}
.voice dt i{ font-size:1.4rem; display: inline-flex; padding:0 2.5rem; border:1px solid #000000; justify-content: center; align-items: center; margin-right: 1.5rem;}
.voice dd{ margin-bottom:1.5rem; line-height: 1.8;}
.price { padding:5.0rem 0; border-bottom:10px solid #4aa85c}
.price .iteminfo{ width:90%; max-width:720px; margin:0 auto 5.0rem auto;}
.price .iteminfo .lead{ text-align: center; font-size:3.2rem; margin-bottom:2.5rem; color: #006f55;}
.price .iteminfo .box{ display: flex; justify-content: space-between;}
.price .iteminfo .box .text{ width:58%}
.price .iteminfo .box .text h2{ width:90%; margin:0 auto 2.5rem auto}
.price .iteminfo .box .text h2 img{ display: block; width:100%;}
.price .iteminfo .box dl{ border:2px solid #006f55}
.price .iteminfo .box dt{ text-align: center; color: #ffffff; padding:0.75rem 0; background-color: #006f55;}
.price .iteminfo .box dd{ padding:1.5rem}
.price .iteminfo .box dd i{ color: #bd272d;}
.price .iteminfo .box figure{ width:38%;}
.price .iteminfo .box figure img{ width:100%; display: block;}
.pricelist { width:95%; max-width:900px; margin:0 auto;}
.pricelist dl{ margin-bottom:5.0rem}
.pricelist dt i{ font-size:2.4rem; background-color: #4aa85c; color: #ffffff; display: block; border-radius: 0.75rem; position: relative; text-align: center; padding:1.5rem 0; margin-bottom:5.0rem; font-weight: bold;}
.pricelist dt i:after{ content:''; display: block; width:3.4rem; height:2.8rem; clip-path: polygon(0 0,100% 0,50% 100%); background-color: #4aa85c; position: absolute; bottom:-2.7rem; left:0; right:0; margin:0 auto}
.pricelist dt strong{ display: block; font-size:3.2rem; text-align: center;}
.pricelist dt .marker{ background:linear-gradient(transparent 60%, #ffff00 60%); color:#bd272d; }
.pricelist dd figure{ width:80%; margin:2.5rem auto;    animation: mochimochi 1.5s infinite;
}

@keyframes mochimochi {
  0% {
    transform: scale(1, 0.95);
  }
  20% {
    transform: scale(0.95, 1.1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.95);
  }
}
.pricelist dd figure img{ width:100%; display: block;}
.pricelist dd ul{ display: flex; justify-content: space-between;}
.pricelist dd li{ width:30%;}
.pricelist dd li img{ width:100%; display: block;}
.pricelist dd li.half{ width:45%;}
.pricelist dd .teiki { width:80%; margin:0 auto}
.pricelist dd .teiki img{ width:100%}
.flow{ padding:5.0rem 0; background-color: #4aa85c;}
.flow figure{ max-width:900px; width:95%; margin:0 auto;}
.flow figure img{ width:100%; display: block; margin-bottom: 2.5rem;}
.flow h2{ color: #ffffff; text-align: center; font-size:3.2rem; margin-bottom: 5.0rem;}
.flow .wrap{ width:calc(90% - 5.0rem); max-width:900px; margin:0 auto; display: flex; justify-content: space-between;padding:2.5rem}
.flow .wrap figure{ width:30%; text-align: center; background-color: #ffffff; border-radius: 1.5rem; margin:0 auto; padding-bottom:2.5rem}
.flow .wrap figure img{ width:90%; margin:-2.5rem auto 0.5rem auto}
.flow .wrap .marker{ background:linear-gradient(transparent 60%, #ffff00 60%); font-weight: bold;}

.company{ background-image: url(images/bg_company.jpg); background-size:cover; background-position: bottom; padding:5.0rem 0;}
.company .block{ width:80%; max-width:700px; margin:0 auto 2.5rem auto; background-color: rgba(255, 255, 255, 0.8); padding:5.0rem 0}
.company .block h2{ font-size:3.2rem; color: #006f55; text-align: center;}
.company .block h2 i{ font-size:1.6rem; display: block; font-weight: bold; color: #000000;}
.company .block h2 strong{ display: block; width:47rem; padding:2.5rem 0; margin:0 auto}
.company .block h2 strong img{ display: block; width:100%}
.company .block table{ width:80%; margin:0 auto; border-bottom:1px solid #000000}
.company .block table th{ border-top:1px solid #000000; padding:1.5rem;}
.company .block table td{ border-top:1px solid #000000; border-left:1px solid #000000; padding:1.5rem;}
.company .branding{ display: flex; align-items: center; justify-content: center;}
.company .branding img{width:26.0rem; display: block;}
.company .branding i{ font-size: 2.8rem; color: #006f55; margin-left: 2.5rem;}
footer{ background-color: #4aa85c; padding:2.5rem 0; text-align: center;}
footer img{ width:26rem;}

/*responsive*/
@media screen and (max-width:1300px){
 .bg{ height:65.0rem}
 .bg img{ height: 100%;  object-fit: cover; object-position: center;}
}

@media screen and (max-width:1000px){
  html{font-size:1vw}
}
@media screen and (max-width:900px){
  .bg{ height:auto}
}
@media screen and (max-width:769px){
}

@media screen and (max-width:599px){
  html{ font-size:2vw;line-height: 1.5;}
  .pc{ display: none!important;}
  .sp{ display: block!important;}
  .bg{ height:calc(100vh - 7.0rem)}

.prize h2{font-size:2.4rem}
.mv-wrap{ height: 100dvh; display: flex; flex-direction: column; justify-content: flex-end;}
#top{padding: 0;height: 100%;display: flex;justify-content: center;align-items: center;}
.mv .scrolldown4{ width:10%}
.line.bg_green_wave{ padding-top:0}
.line figcaption{ width:85%; bottom:2.5rem}
.onayami .box .onayami_01,
.onayami .box .onayami_02,
.onayami .box .onayami_03{ width:45%}
.onayami .box .onayami_02{ position: relative; bottom:-5.0rem}
.onayami .box .onayami_03{ position: relative; left:5.0rem}
.onayami .box .onayami_04{ width:30%; position: relative; right:-7.0rem; top:5.0rem}
.onayami .box .onayami_main{ width:100%}
.kaiketsu h2{ font-size:4.8rem}
.kaiketsu figure{ width:99%}
.kirei h2{ text-align: right; margin-right: 5%;}
.kirei h2 strong{ display: block;}
.kirei ul{ display: block;}
.kirei li{ width:calc(100% - 5.0rem); display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem;}
.kirei li img{ width:30%}
.kirei li .wrap strong{ text-align: left; margin-bottom:0.5rem}
.kirei li .wrap{ display: block; width:65%;}
.kirei .evidence .movie{ flex-direction: column-reverse;}
.kirei .evidence .movie .text{ width:100%}
.kirei .evidence .box figcaption{ font-size:1.4rem;}
.kirei .evidence .box figure{ width:98%}
.anzen h2{ display: block; margin-left: 5%;}
.anzen ul{ display: block;}
.anzen li{ width:calc(100% - 5.0rem);justify-content: space-between; margin-bottom: 1.5rem;}
.anzen li img{ width:30%}
.anzen li .wrap{ width:65%}
.anzen li strong{ text-align: left; margin-bottom: 0.5rem; line-height: 1.5;}
.anzen .kantan .movie .text{ width:100%}
.anzen .kantan .movie{ flex-direction: column-reverse;}
.hikaku_graph h3{ font-size:3.5rem}
.hikaku_table h3{ flex-direction: column-reverse; font-size:2.8rem}
.hikaku_graph{ margin-bottom: 5.0rem;}
.message .box{ width:80%; margin:0 auto; display: block;}
.message .box figure{width:100%; margin-bottom:2.5rem}
.message .box dl{width:100%}
.hikaku_table th{ width:10%;}
.hikaku_table th i{white-space: pre; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: block; align-items: center; justify-content: center; margin-left: 20%;}
.hikaku_table td{ width:30%}
.voice .box{ margin:2.5rem;}
.voice dt { display: block;}
.voice dt i{ width:100%; padding:0; justify-content: center; margin-bottom:1.0rem}
.price .iteminfo .box{ flex-direction: column-reverse; align-items: center;}
.price .iteminfo .box .text{ width:100%}
.price .iteminfo .box .text h2 img{ width:66%; margin:0 auto}
.pricelist dd ul{ flex-wrap: wrap; justify-content: space-around;}
.pricelist dd li{ width:45%; margin-bottom: 2.5rem;}
.company .block h2 strong{ width:70%}
.company .block table th{ display: block; width:calc(100% - 3.0rem); padding-bottom: 0; font-weight: bold;}
.company .block table td{ display: block; width:calc(100% - 3.0rem); border-left: none; border-top: none; padding-top: 0.5rem;}
.company .block table{ width:90%}
.company .branding{ flex-direction: column;}
.company .branding i{ margin:0}
.message{ margin-bottom:10.0rem}
.flow .wrap{ width:98%; padding:0}
}
@media screen and (max-width:340px){
}









/*ハンバーガーメニュー*/
.hamburger {
background-color: #ffffff;
display : block;
position: fixed;
z-index : 3000;
right : 0;
top   : 0;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 3px ;
left    : 6px;
background : #070030;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 20px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}  
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 20px;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}
nav.globalMenuSp {
position: fixed;
z-index : 2999;
top  : 0;
left : 0;
color: #070030;
background: rgba(255, 255, 255, 0.95);
text-align: center;
transform: translateY(-100%);
transition: all 0.6s;
width: 100%;
}
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
  transform: translateY(0%);
  }
  /*メニューレイアウト*/
  
  .globalMenuSp .wrap{ z-index:99999; overflow-y: scroll; height: 100vh; position: relative; -webkit-overflow-scrolling: touch;}
  .globalMenuSp .wrap .block{ width:80%; margin:0 auto;}
  .globalMenuSp .wrap .branding{ width:80%; margin:5.0rem auto;}
  .globalMenuSp .wrap .branding img{ display: block; width:100%}
  .globalMenuSp .wrap .tel{ display: flex; justify-content: space-around; flex-wrap: wrap;}
  .globalMenuSp .wrap .tel li{ width:85%; margin-bottom:1.5rem}
  .globalMenuSp .wrap .tel li img{ width:100%; display: block;}
  .globalMenuSp .wrap .navigation{ width:75%; margin:0 auto; padding:5.0rem 0}
  .globalMenuSp .wrap .navigation a{ font-size:1.8rem; display: block; text-align: left; padding: 1.5rem; background-color: #184e77; color: #ffffff; border-radius:0.5rem; margin:0.5rem 0; display: flex; align-items: center; justify-content: space-between;}
  .globalMenuSp .wrap .navigation a small{ font-weight: bold; font-size: 1.2rem;}