@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 1.8;
  vertical-align: baseline;
  box-sizing: border-box;
  font-family: "游明朝", "YuMincho", serif;
  color: #002D5D;
}

html { scroll-behavior: smooth;}

html {

  font-size: 62.5%;
}


html{
margin:0 !important;
}

ol, ul {
  list-style: none; }

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

a {
  text-decoration: none;
}

a:hover, .buttonArea:hover {
    opacity: 0.8;
} 

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

section, .clr {
    clear: both;
}

.buttonArea {
    width: 17rem;
    border-radius: 27px;
    padding: 1.1rem 0 1.2rem;
}

p{
line-height:3.2rem;
}

.overlay {

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: $ts;
  overflow: scroll;
  z-index: 99;
  background: #002D5D;
  color:#fff;
  }

  .overlay.active {

    pointer-events: all;
    opacity: 1;
    background: #002D5D;
width: 100%;
height: 100vh;
  }

  .humbergerclose div {

      position: absolute;
      top: 50%;
      background: #002D5D;
      width: 100%;
      height: 0.2rem;
     }

      .humbergerclose div:first-of-type {

        transform: translateY(-50%) rotate(45deg);
      }

      .humbergerclose div:last-of-type {

        transform: translateY(-50%) rotate(-45deg);
      }


  .overlayWrapper .ul {

      padding-top: 10rem;
      margin-bottom: 8rem;
     }

      .overlayWrapper .ul .ul__li {

        text-align: center;
        margin-bottom: 3rem;
       }
        
        .overlayWrapper .ul .ul__li .link {

          color: #fff;
          font-weight: bold;
          font-size: 2.4rem;
        }
        
        .overlayWrapper .tocontact .buttonArea.tocontact {
    		padding: 3rem 0.5rem 1.8rem 5.5rem;
		}


.m-header .navWrapper {
    height: 5.5rem;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:5rem
}

.m-header .fixNav {
    top: 0;
    left: -0.7rem;
    width: 102%;
    position: fixed;
    z-index: 99998;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navWrapper.fixNav.active {
    background: rgba(255,255,255,0.8);
}

.m-header .navWrapper .headerNavLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 0rem;
    height: 5rem;
}

.m-header .navWrapper .headerNavLeft .link {
    display: block;
    width: 38.1rem;
}

.titlelogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.titlelogo img {
    height: 5.5rem;
}
.sitetitle {
    font-size: 1.4rem;
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-weight: 600;
}
.subtitle {
    font-size: 1rem;
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;

}

.m-header .navWrapper .headerNavRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.8rem;
    position: relative;
   top: 0.1rem;
right: -3rem;
}

.m-header .navWrapper .headerNavRight .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.3rem;
}

.m-header .navWrapper .headerNavRight .nav .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.3rem;
    height: 100%;
    margin-top: 1.5rem;
}

.m-header .navWrapper .headerNavRight .nav .ul li .link {
    font-size: 1.4rem;
    font-weight: 500;
    border-right: 1px solid #002D5D;
padding-right: 2rem;
}
.m-header .navWrapper .headerNavRight .nav .ul li:last-child .link {
border-right: none;
}
.buttonArea.tocontact {
    background-image: url("../img/btn_sodan_m.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 1.4rem 0.5rem 1.8rem 3.5rem;
    color: #fff;
}
.coloryellow {
    color: #FFFF3D;
}

.m-header .navWrapper .headerNavRight .menuArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    display: none;
}

.m-header .navWrapper .headerNavRight .menuArea .humberger {
    position: relative;
    width: 3rem;
    height: 2rem;
}

.m-header .navWrapper .headerNavRight .menuArea .humberger div {
    position: absolute;
    top: 49.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: .2rem;
    background: #000000;
}
.front .m-header .navWrapper .headerNavRight .menuArea .humberger div {
    background: #FFFFFF;
}
.front .m-header .navWrapper.fixNav.active .headerNavRight .menuArea .humberger div {
    background: #fff;
}

.m-header .navWrapper .headerNavRight .menuArea .humberger div:nth-of-type(1) {
    top: 1%;
}

.m-header .navWrapper .headerNavRight .menuArea .humberger div:nth-of-type(3) {
    top: 100%;
}

.m-header .navWrapper .headerNavLeft .link .imgArea img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    -o-object-fit: contain;
    object-fit: contain;
}

.humbergerclose {
    position: absolute;
    top: 0.8rem;
    right: -15%;
    width: 3.4rem;
    height: 2.1rem;
}

.humbergerclose div {
    position: absolute;
    top: 50%;
    width: 100%;
    background: #fff;
    height: 0.2rem;
}

.humbergerclose div:first-of-type {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

 .humbergerclose div:last-of-type {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.active .m-header .humberger {
    display: none;
}

.m-header .humbergerclose {
    display: none;
}

.active .m-header .humbergerclose {
    display: block;
}

section {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.section1__wrapper{
max-width: 120rem;
    margin: 0 auto;
}

.section2__wrapper, .section3__wrapper, .section4__wrapper, .section5__wrapper, .section6__wrapper{
max-width: 100rem;
    margin: 0 auto;
}

.leftblock {
    width: 50%;
    float: left;
    padding-right: 5rem;
}
.rightblock {
    width: 50%;
    float: right;
}

.section1 {
    background-image: url("../img/bg_top_wp.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
.section1__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.section1__wrapper .leftblock {
	width: 64%;
padding-left: 18rem;
padding-right: 1rem;
}
.section1__wrapper .rightblock {
	width: 36%;
}
.section1__wrapper .leftblock img {
    max-width: 100%;
}
.copy1, .copy1 .bgblue {
    font-size: 3.2rem;
    font-weight: 800;
}
.bgblue {
    font-size: 3.2rem;
    background: #002D5D;
    color: #fff;
    padding: 0.5rem;
}
.copy2, .copy2 .bgwhite {
    font-size: 3.6rem;
}
.bgwhite {
    background: rgba(255,255,255,0.7);
    padding: 0.5rem 1.5rem;
}
.copy3 {
    font-size: 4.1rem;
    font-weight: 800;
}
.copy3 br, .section2 h3 .bgblue br, .section2 h2 br, .reason h3 br {
display:none;
}
.achievements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    margin-top: 1rem;
}
.achievements img {
    width: 30%;
    margin: 0 1%;
}

div.tocontact {
    padding: 3rem;
}
.tocontact .buttonArea.tocontact {
    margin: 0 auto;
height: 8.8rem;
width: 27rem;
font-size: 2rem;
padding: 2.4rem 0.5rem 1.8rem 4.5rem;
font-weight: 500;
}
.tocontact .buttonArea.tocontact .coloryellow {
 font-size: 2rem;
}


.section2 {
    background: linear-gradient(to bottom, rgba(0, 36, 79, 1) 18%, rgba(0, 36, 79, 0.7) 40%, rgba(0, 36, 79, 0.7) 100%),url("../img/28153435_l.jpg");
background-size: 140%;
background-repeat: no-repeat;
background-position: 11% 55%;
}

.section2__wrapper {
    text-align: center;
}

.section2 h3, .section2 .bgblue {
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
}

.section2 .bgblue .coloryellow {
    font-size: 2rem;
    font-weight: 500;
}

.section2 h2 {
    font-size: 4.5rem;
    color: #fff;
    font-weight: 500;
    margin-bottom: 3rem;
}

.section2 h2 .bigtxt{
	font-size: 6.3rem;
	color: #fff;
	font-weight: 500;
}

.nayamilist{
	width:90rem;
	margin:0 auto 0;
}
.nayamilist li {
    background: #fff;
    padding:  0 1rem;
    box-shadow: black 3px 3px 3px;
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
margin-bottom: 1.5rem;
opacity: 0.8;
}

.nayamilist li div {
    font-size: 2.6rem;
    text-align:left;
    padding: 0 2rem;
border-left: 1px solid #005A84;
font-weight: 500;
line-height: 1.2;
}

.nayamilist li div.nayamino{
text-align:center;
line-height: 0;
margin-top: 2rem;
padding-top: 2rem;
margin-right: 1rem;
border: none;
color: #005A84;
}
.nayamilist li div.nayamino .nno {
    font-size: 5.2rem;
    color: #005A84;
}

.nayamilist .ul_yellow {
font-size: 2.6rem;
font-weight: 800;
}
.ul_yellow {
    display: inline;
    background-position: left -100% center;
    background-size: 200% 0.6em;
    padding-bottom:0.6em;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 102) 50%);
    transition: background-position 2s ease 0.1s;
}
p .ul_yellow, td .ul_yellow {
    background-size: 200% 1em;
    padding-bottom:0;
}

.omakase{
padding: 3rem;
text-align: center;
}
.omakase h2 {
    font-size: 4.5rem;
    text-align: center;
    font-weight: 500;
}

.omakase img{
width:7rem;
margin-top:1rem;
}

.section3 {
    background: linear-gradient(to bottom, rgba(1, 53, 127, 0.8) 0%, rgba(1, 53, 127, 0.8) 100%),url("../img/3330834_l.jpg");
    background-size: cover;
}

.section3 h2 {
    text-align: center;
    margin-bottom: 4rem;
}

.section3 h2 img {
    max-width: 35rem;
}

.reason {
    background: linear-gradient(to bottom, rgba(185, 208, 219, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    padding: 2rem;
    margin-bottom: 3rem;
    position: relative;
}

.reason h3 {
    font-size: 3.6rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: 3rem;
    color: #005A84;
}

.reasonlabel {
    position: absolute;
    top: -1rem;
    left: -1rem;
    width: 12.5rem;
}

.section4 {
    background: url("../img/28208935_l.jpg");
    background-size: cover;
    text-align:center;
}

.section4 h2 {
    font-size: 3.7rem;
    text-align: center;
    margin-bottom: 3rem;
}

.section4 h2, h2.readtitle {
    font-size: 3.7rem;
    text-align: center;
    margin-bottom: 7rem;
    position: relative;
    font-weight: 500;
}

.section4 h2::before, h2.readtitle::before {
    content: "";
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -2rem;
    width: 10rem;
    height: 1px;
    border-radius: 5px;
    background: #000;
    left: 0;
    right: 0;
    margin: auto;
}

.section4 h3 {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 5rem;
    color: #005A84;
}
.section4 h3 .ul_yellow {
    font-size: 2.8rem;
    font-weight: 500;
    color: #005A84;
}

.aboutimg {
    max-width: 65rem;
    margin-bottom: 5rem;
}

.section4 p {
    text-align:left;
    margin-bottom: 2.5rem;
}

.chanceimg {
    width: 32rem;
    margin: 3rem 0 4rem;
}

.section4 .tocontact .buttonArea.tocontact {
    padding: 2.4rem 0.5rem 1.8rem 0rem;
}

.section5 {
    background: linear-gradient(to bottom, rgba(0, 90, 132, 0.9) 0%, rgba(0, 90, 132, 0.9) 100%),url("../img/2124800.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 20%;
}

.section5 .readtitle {
    color: #fff;
}

.section5  h2.readtitle::before {
    background: #fff;
}

.section5  h3, .section5  .coloryellow {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 5rem;
    text-align: center;
    color: #fff;
}

.section5  .coloryellow {
color: #FFFF3D;
}

.tlist {
    background: linear-gradient(to bottom, rgba(185, 208, 219, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    padding: 2rem;
    position: relative;
    display:inline-block;
    width:30%;
    margin: 0 1% 2rem;
min-height: 19rem;
vertical-align: top;
}

.section5 .tlist h3 {
    color: #005A84;
    margin: 0 0 2rem;
}

.section5 .tlist ul {
    list-style: disc;
    margin-left: 1.5rem;
}

.tlist.annotation {
background: none;
padding: 2rem 0 2rem 2rem;
}
.tlist.annotation p {
    color: #fff;
    font-size:1.4rem;
}
.tlist.annotation li {
    color: #fff;
    font-size:1.3rem;
}

.section6 {
    background: url("../img/28208935_l.jpg");
    background-size: cover;
}

.profileinfo {
    float: right;
    width: 54rem;
}

.profileinfo h2 {
   font-size:4.5rem;
   font-weight: 500;
border-bottom: 1px solid #002D5D;
margin-bottom: 2rem;
}

.profilewrapper img {
margin-bottom: 3rem;
}

.profilewrapper .stxt {
    font-size: 1.8rem;
    font-weight: 600;
}

.section6 h2.readtitle {
    margin: 13rem 0 7rem;
}

.section6 .profilewrapper h2.readtitle {
    margin-top: 0;
}

.rewardwrapper {
    text-align: center;
}

.rewardwrapper table.pc-layout {
    width: 90rem;
    margin: 5rem auto 0;
}

.rewardwrapper table tr:first-child th {
    font-size: 2.5rem;
    vertical-align: middle;
    color: #005A84;
    line-height: 1.3;
    position: relative;
padding-bottom: 4rem;
}

.rewardwrapper table tr:first-child th img {
    width: 6rem;
    position: absolute;
bottom: 1rem;
left: 0;
right: 0;
margin: auto;
}

.rewardwrapper table tr:not(:first-child) th, .rewardwrapper table tr:not(:first-child) td {
    border:3px solid #00425B;
    padding: 0 1rem;
}

.rewardwrapper table tr:not(:first-child) th{
	background:#005A84;
	color:#fff;
	vertical-align: middle;
	width: 32rem;
	font-size: 2.6rem;
	line-height: 1.3;
}
.rewardwrapper table tr:not(:first-child) td{
	font-size: 2.5rem;
	vertical-align: middle;
	background: #fff;
	width: 20rem;
}

.rewardwrapper table tr:not(:first-child) td .rno {
    font-size: 6.5rem;
}


.nodata img {
width:9rem;
}

.taxinfo {
    font-size: 1.2rem;
    text-align: right;
    margin-right: 5%;
}

.rewardwrapper table tr:last-child td.atd{
line-height: 0;
padding:0 0 5rem;
}

.rewardwrapper table tr:not(:first-child) td.atd {
    line-height: 0;
    padding: 0.5rem 1rem 3.5rem;
    font-size: 2rem;
}

.rewardwrapper table tr:not(:first-child) td.atd .rno {
    font-size: 5.2rem;
    line-height: 1.5;
}

.rewardwrapper .btxt{
font-size: 1.8rem;
font-weight: 800;
}

.question span.bg_circle {
    color: #fff;
    background: #2A4187;
    border-radius: 3rem;
    padding: 0.5rem 0.7rem;
    margin-right: 1rem;
    max-height: 33px;
}

.answer span.bg_circle {
    color: #fff;
    background: #005A84;
    border-radius: 3rem;
    padding: 0.5rem 0.7rem;
    margin-right: 1rem;
    max-height: 33px;
}

.question td, .question td .ul_yellow {
    font-size: 2.6rem;
line-height: 1.4;
}

.faqlist {
    background: #fff;
    padding: 2rem;
    margin-bottom: 2rem;
}

.faqlist .question td {
    padding-bottom: 2rem;
}

.tocontact.last .buttonArea.tocontact {
    padding: 2.4rem 0.5rem 1.8rem 4.5rem;
}

p.annotation {
    font-size: 1.1rem;
}

.m-footer {
    padding: 5% 0% 5% 0%;
    width: 50rem;
margin: 0 auto;
}

.copyright {
    padding: 10px 0px 10px 0px;
    background: #00244F;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}


.l-container {
    width: 1050px;
    max-width: 92%;
    margin: 0 auto;
}
.p-contact-form__heading {
    margin-bottom: 5px;
}
.p-contact-form__heading.is-required::after {
    content: '*';
    color: #b50000;
}
.p-contact-form__item {
    margin: 0 0 10px 0;
}
.p-contact-form__item input, .p-contact-form__item textarea {
    width: 100%;
    border: 0;
    background: #ebebeb;
    padding: 15px;
}
.p-contact-form__item textarea {
    min-height: 307px;
}
.u-fw500 {
    font-weight: 500!important;
}
.is-red2 {
    color: #b50000!important;
}
.u-right {
    text-align: right;
}
.p-contact-form__submit {
    width: min(590px,100%);
    margin: 60px auto 0;
}
.p-contact-form__submit input {
    background: #07680B;
    color: #fff;
    font-size: clamp(25px,2vw,30px);
    font-weight: 600;
    display: block;
    width: 100%;
    line-height: 100px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
}

@media screen and (max-width: 1300px) {
.m-header .navWrapper .headerNavRight .nav .ul {
    gap: 1.3rem;
}
}

@media screen and (max-width: 1250px) {
  .m-header .navWrapper .headerNavRight .nav {
    display: none;
}
    .m-header .navWrapper .headerNavRight .menuArea {
        display: block;
        background: #002D5D;
        padding: 1.8rem 1.3rem;
    }
}

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

.section1__wrapper .leftblock {
    padding-left: 8rem;
}

.section1 {
    background-position: 80%;
}

}

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

.section1__wrapper .leftblock {
    padding-left: 2rem;
}
.section1 {
    background-position: 70%;
}
.profileinfo {
    width: 51%;
}
}

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

    body {
        overflow-x: hidden;
    }
  .pc-layout {
    display: none !important;
  }

  .sp-layout {
    display: block !important;
  }
  
  .m-header .navWrapper {
    height: 3.5rem;
    padding: 3rem 0;
}

.leftblock, .rightblock {
    width: 100%;
    float: none;
    padding: 0 5%;
}

.m-header .navWrapper .headerNavRight .menuArea {
    display: block;
    background: #002D5D;
padding: 1.8rem 1.3rem;
}

.section1__wrapper {
    display: block;
}
.section1__wrapper .leftblock {
    width: 100%;
    padding-left: 18.5rem;
padding-right: 18.5rem;
}
.section1__wrapper .rightblock {
    display: none;
}
.section2__wrapper, .section3__wrapper, .section4__wrapper, .section5__wrapper, .section6__wrapper {
    max-width: 100%;
    margin: 0 auto;
}
.section3 h2 img {
    max-width: 22rem;
}
.nayamilist {
    width: 92%;
margin: 3rem auto 2rem;
}
.nayamilist li {
    display: block;
    padding: 0.1rem 1rem 2rem;
    margin-bottom: 1.5rem;
}
.nayamilist li div {
    border-left: none;
    font-size: 1.8rem;
text-align: center;
padding: 0;
}
.nayamilist .ul_yellow{
font-size: 1.8rem;
}
.reason {
    width: 93%;
    margin: 0 auto 2rem;
}
.aboutimg {
    max-width: 94%;
    margin: 0 auto 5rem;
}
.tlist {
    width: 92%;
    margin: 0 4% 2rem;
    min-height: 15rem;
}
.profilewrapper img {
    width: 94%;
    margin: 0 auto;
}
.profileinfo {
    float: none;
    width: 94%;
    margin: 0 auto 3rem;
}
.titlelogo img {
    height: 4rem;
}
.subtitle {
    font-size: 0.9rem;
}
.sitetitle {
    font-size: 1.6rem;
}

.m-header .navWrapper .headerNavRight {
    top: -0.3rem;
    right: 1.9rem;
    top: 0;
right: 0rem;
}
  .m-header .navWrapper .headerNavLeft {
    width: 90%;
}
.overlay.active {
    pointer-events: all;
    opacity: 1;
}
.section1 {
    background-image: url("../img/bg_top_wp_sp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 8rem;
    padding-bottom: 2rem;
}
.copy1, .copy1 .bgblue {
    font-size: 2.1rem;
}
.copy2, .copy2 .bgwhite {
    font-size: 1.7rem;
    margin-top: 2rem;
}
.copy3 {
    font-size: 2.3rem;
}
.copy3 br, .section2 h3 .bgblue br, .section2 h2 br , .nayamilist li div br, .reason h3 br{
display:block;
}
.achievements img {
    width: 31%;
}
.section1__wrapper .leftblock img.sp-layout {
    max-height: 11rem;
}
div.tocontact {
    padding: 3rem 0;
}
.tocontact .buttonArea.tocontact {
    height: 11.8rem;
    width: 36rem;
    font-size: 2.8rem;
    padding: 3rem 0.5rem 1.8rem 5.5rem;
}
.tocontact .buttonArea.tocontact .coloryellow {
    font-size: 2.8rem;
}
section {
    padding-top: 4rem;
    padding-bottom: 1rem;
}
.section2 h3, .section2 .bgblue {
    font-size: 1.6rem;
}
.section2 h2 {
    font-size: 3.2rem;
    line-height: 0.5;
margin-bottom: 5rem;
}
.section2 h2 .bigtxt {
    font-size: 4.7rem;
}
.whitespace.sp-layout {
    background: #fff;
    height: 12rem;
}
.nayamilist li div.nayamino {
    font-size: 2.1rem;
    margin-top: 0;
padding-top: 0.5rem;
margin-right: 0;
}
.nayamilist li div.nayamino br {
    display: none;
}
.nayamilist li div.nayamino .nno {
    font-size: 4.2rem;
}
.nayamilist li div.nayamino .nno {
    font-size: 4.2rem;
    vertical-align: middle;
}
.omakase {
    padding: 1.5rem;
}
.omakase h2 {
    font-size: 2rem;
}
.omakase img {
    width: 4rem;
}
.reason h3 {
    font-size: 2rem;
    line-height: 1.3;
}
.reasonlabel {
    position: absolute;
    top: -0.8rem;
    left: -0.8rem;
    width: 10rem;
}
p,li, span{
    font-size: 1.3rem;
}
.section4 h2, h2.readtitle {
    font-size: 2.8rem;
}
.section4 h3 {
    font-size: 1.7rem;
}
.section4 h3 .ul_yellow {
    font-size: 2.1rem;
}
.section4__wrapper {
    max-width: 92%;
}
.section4 h2, h2.readtitle {
    font-size: 2.4rem;
}
.section5 h3.readmsg, .section5 h3.readmsg .coloryellow {
    font-size: 1.5rem;
    margin: 0 0 2rem;
}
.section5 .tlist h3 {
    font-size: 2rem;
}
.section5 h3 {
    margin: 1rem;
    font-size: 1.9rem;
}
.section5 {
    padding-bottom: 5rem;
}
.section6__wrapper {
    max-width: 94%;
}
.profilewrapper {
    text-align: center;
}
.profilewrapper p {
    text-align: left;
}
.rewardwrapper table tr:last-child td.atd {
    padding: 3rem 0 3rem;
}
.question td, .question td .ul_yellow {
    font-size: 1.8rem;
    line-height: 1.4;
}
.question td br {
    display: none;
}
.tocontact.last .buttonArea.tocontact {
    padding: 3.2rem 0.5rem 1.8rem 5.5rem;
}
.bgwhite {
    padding: 0.5rem 0.5rem;
}
.section2, .section6 {
    background-size: contain;
}
.profileinfo h2 {
    font-size: 3rem;
}
.section4 .tocontact .buttonArea.tocontact {
    padding: 3.4rem 1.5rem 1.8rem 0rem;
}
.profilewrapper .stxt, .profilewrapper .stxt .ul_yellow {
    font-size: 1.5rem;
}
.rewardwrapper table tr:not(:first-child) th, .rewardwrapper table tr:not(:first-child) td {
    padding: 1rem;
}
.rewardwrapper table tr:not(:first-child) th, .rewardwrapper table tr:first-child th {
    font-size: 1.8rem;
}
table.sp-layout {
    margin: 5rem 0 0;
}
body.active .titlelogo {
    display: none;
}
body.active .navWrapper.fixNav.active {
    background: none;
}
    body.active .m-header .navWrapper .headerNavRight {
        right: 2rem;
    }
    .m-footer {
    width: 100%;
}
    .m-footer .sitetitle {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 480px) {
.section1__wrapper .leftblock {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
}