@charset "UTF-8";

@font-face {
font-family: "HakusyuKaisyo"; /*任意のフォントファミリー名でOK*/
src:url(../font/HakusyuKaisyoExtraBold.woff) format('woff'), /* Modern Browsers */
    url(../font/HakusyuKaisyoExtraBold.ttf) format("truetype");  /* Safari, Android, iOS */
}

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.8rem;
  line-height: 1.8;
  vertical-align: baseline;
  box-sizing: border-box;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #0b2341;
  font-weight:500;
}

.m-main.front {
    overflow-x: hidden;
}

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.8rem;
margin-bottom: 4rem;
}

.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.7rem;
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-weight: 600;
}
.subtitle {
    font-size: 1.4rem;
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-weight: 600;
}

.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: 2.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;
    text-align: center;
}
section p {
text-align: left;
}
.section1__wrapper{
max-width: 120rem;
    margin: 0 auto;
}

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

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

.section1 {
    background-image: url("../img/bg_top_wp.png");
    background-size: 126vw;
background-repeat: no-repeat;
background-position: top;
height: 69vw;
}
.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: 50%;
padding-left: 19rem;
padding-right: 1rem;
padding-top: 11rem;
}
.section1__wrapper .rightblock {
	width: 36%;
}
.section1__wrapper .leftblock img {
    max-width: 100%;
}

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-image: url("../img/bg1.png");
    background-size: 100%;
}

.section2__wrapper {
    background-image: url("../img/bginner1.jpg");
    background-size: 100% 100%;
background-repeat: no-repeat;
min-height: 98rem;
padding: 10rem 8rem;
}

section h2 {
     font-family: "HakusyuKaisyo", serif;
     line-height: 1.3;
     font-size: 4.5rem;
     text-align: center;
}
section h2 .bigtxt {
 font-size: 7.7rem;
 display:block;
 font-family: "HakusyuKaisyo", serif;
}

.section2 h2 {
    font-size: 4.5rem;
    color: #0b2341;
    font-weight: 500;
    margin-bottom: 3rem;
     text-align: center;
}


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

.section3 {
    background-image: url("../img/bg2.png");
    background-size: 100%;
}

.section3 h2 {
    text-align: center;
    margin-bottom: 4rem;
    line-height: 0.5;
    margin-bottom: 5rem;
}

.section4 {
    background: url("../img/bg3.png");
    background-size: contain;
text-align: center;
background-repeat: no-repeat;
padding-top: 42rem;
}

.section4 h2 {
    text-align: center;
margin-bottom: 0;
position: relative;
font-size: 5.4rem;
letter-spacing: -2px;
}


.section4 h3 {
    font-size: 3.6rem;
font-weight: 900;
line-height: 1;
margin-bottom: 8rem;
color: #736342;
display: inline-block;
padding:3.5rem 5rem 2.7rem 7rem;
}

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


.section5 {
   background-image: url("../img/bg1.png");
   padding-top: 6rem;
   background-size: 100%;
}

.section5 .readtitle {
    color: #fff;
    text-align: center;
   background-image: url("../img/bg_fcircle.png");
background-repeat: no-repeat;
background-size: contain;
padding: 5rem 0;
background-position: center;
font-size: 5.4rem;
}

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

.section5__inner {
    background-image: url("../img/bginner2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 228rem;
    padding: 8rem 8rem;
    margin-top: 4rem;
}

.section5  h3 {
    font-size: 4.5rem;
line-height: 1;
margin: 0 0 5rem;
text-align: center;
font-family: "HakusyuKaisyo", serif;
}

.section5  p.readtxt {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 4rem;
    line-height: 1.6;
}

.section6 {
    background: url("../img/bg4.png");
    background-size: contain;
background-repeat: no-repeat;
padding-top: 6rem;
margin-top: -1px;
}

.section6 h2 {
    width: 74%;
    margin: 0 auto 3rem;
}

.section6 h2 img {
    width: 100%;
    /* margin: 0 auto; */
    margin-left: -2rem;
}

.profileinfo {
    float: right;
    width: 54rem;
    padding-top: 13rem;
}

.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;
}


.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: 75rem;
    max-width: 92%;
    margin: 0 auto;
}
.p-contact-form__heading {
    margin-bottom: 5px;
}
.p-contact-form__item {
    margin: 0 0 10px 0;
}
.p-contact-form__item input, .p-contact-form__item textarea {
    width: 100%;
    border: 1px solid #002D5D;
    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: 21rem;
    margin: 30px auto 0;
}
.p-contact-form__submit input {
    color: #fff;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    background: none;
    background-image: url("../img/btn_sodan_m.png");
background-size: contain;
background-repeat: no-repeat;
padding: 1.7rem 4rem 1.8rem 4rem;
font-size: 2rem;
}
.reason img.youtubebnr {
    width: 100%;
    margin-top: 4rem;
}
#profile p {
    margin-bottom: 1rem;
}
#profile .faqlist p {
    margin-bottom: 0;
}

#about iframe {
    margin-bottom: 8rem;
}

.pcbr{
display:block;
}

.gline {
    width: 60%;
    margin: 0 auto 5rem;
}

.gline img, .fline img {
    width: 100%;
}
p .bigtxt {
font-size: 2.4rem;
    font-weight: 900;
}

.mb0{
margin-bottom: 0;
}

.fline {
    width: 70%;
    margin: 0 auto 7rem;
}

.bg_type1 {
    background-image: url("../img/bg_makimono.png");
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 3.4rem;
font-weight: 900;
line-height: 1;
margin-bottom: 8rem;
color: #736342;
display: inline-block;
padding: 3.4rem 5rem 3rem 7rem;
}
.bg_type2 {
    background-image: url("../img/bg_makimono_long.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.bg_type3 {
    background-image: url("../img/bg_makimono_red.png");
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 2rem;
display: inline-block;
padding: 5.3rem 8rem 4.8rem 10rem;
font-size: 5.8rem;
}
.bg_type4 {
    background-image: url("../img/bg_voice.png");
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 2rem;
display: inline-block;
padding: 6.8rem 11rem 7.3rem;
font-size: 5.5rem;
}



.fline.fline2 {
    width: 100%;
    margin: 7rem auto 7rem;
}

.section7 {
    background: url("../img/bg6.png");
    background-repeat: no-repeat;
    background-size: 45%;
background-position-x: 90%;
position: relative;
background-position-y: -4%;
}

.bg7 {
width: 48%;
position: absolute;
left: 0;
bottom: 0;
}

.section7 h2 {
    font-size: 8.4rem;
    line-height: 1;
    margin-bottom: 2rem;
}

.section8 {
    background-image: url("../img/bg2.png");
    margin-top: -11px;
    background-size: 100%;
}

.section8 h3 {
    font-size: 3.4rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 4rem;
    color: #736342;
}
.selectlist {
    background: #fff;
    text-align: left;
    padding: 2rem 1.5rem;
    display: flex;
    margin-bottom: 1.5rem;
}
.bcircle {
    background: #0b2341;
    color: #fff;
    padding: 0rem 1.8rem;
    border-radius: 7rem;
    font-size: 3.4rem;
    font-weight: 900;
    margin-right: 2rem;
}
.lqa {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.3;
}

.section9 {
    background-image: url("../img/bg9.png");
    background-size: 75%;
    margin-top: -3px;
}
.section9 h2 {
    margin-bottom: 7rem;
    font-size: 5.7rem;
}

.supportlists {
    background-repeat: no-repeat;
    background-size: 100% 100%;
padding: 7rem 6rem;
margin-bottom: 1rem;
}

.section9__inner1 {
    background-image: url("../img/s9innerbg1.png");
min-height: 57.5rem;
}
.section9__inner2 {
    background-image: url("../img/s9innerbg2.png");
min-height: 53.5rem;
}
.section9__inner3 {
    background-image: url("../img/s9innerbg3.png");
min-height: 42.5rem;
}
.section9__inner4 {
    background-image: url("../img/s9innerbg4.png");
min-height: 55.5rem;
}

.flex{
display:flex;
}
.supportlists .flex {
    margin-bottom: 3rem;
}

.supportlists img {
    width: 11rem;
    margin-right: 3rem;
}

.supportlists h3 {
    font-size: 3.6rem;
    font-family: "HakusyuKaisyo", serif;
    pad: ;
    padding-top: 1.5rem;
}

.section10 {
    padding-bottom: 2rem;
}
.voicelistswrapper{
position: relative;
margin-bottom: 10rem;
}
.voicelists {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 7rem 5rem;
    margin: 4rem auto 2rem;
    position: relative;
    max-width: 100rem;
}
.section10__inner1 {
    background-image: url("../img/voicebg1.png");
    z-index: 1;
}
.voicelists h3 {
    font-size: 4.2rem;
    font-family: "HakusyuKaisyo", serif;
    line-height: 1.2;
margin-bottom: 2rem;
}
.voicelists img.voiceno {
    width: 12.5rem;
}
.voicelists h4 img {
    height: 4.4rem;
}
.voicelists h4 {
    margin-bottom: 4rem;
}
.voicelistswrapper::before {
    content: '';
position: absolute;
left: 0;
top: -10.8rem;
display: inline-block;
width: 28%;
height: 24%;
background-image: url(../img/voicebgleft.png);
background-size: contain;
background-repeat: no-repeat;
}
.voicelistswrapper::after {
    content: '';
position: absolute;
right: 0;
bottom: -18rem;
display: inline-block;
width: 50%;
height: 40%;
background-image: url(../img/voicebgright.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom 0% right 0%;
}
.voicelistswrapper.second::after {
    bottom: -26rem;
}
.voicelistswrapper.third::after {
    bottom: -22rem;
}
.section10__inner2 {
    background-image: url("../img/voicebg2.png");
    z-index: 1;
}
.section10__inner3 {
    background-image: url("../img/voicebg1.png");
    z-index: 1;
}

.section11 {
    background-image: url("../img/bg1.png");
    padding-top: 6rem;
    background-size: 100%;
    margin-top: -10px;
    z-index: 11;
position: relative;
}
.section11 .readtitle {
    color: #fff;
text-align: center;
background-image: url("../img/bg_fcircle.png");
background-repeat: no-repeat;
background-size: contain;
padding: 5rem 0;
background-position: center;
font-size: 5.5rem;
}
.section11 h3 {
    font-size: 4.5rem;
    line-height: 0.5;
    margin: 0 0 1rem;
    text-align: center;
    font-family: "HakusyuKaisyo", serif;
}
.section11 h3 .bigtxt {
    font-size: 7rem;
    font-family: "HakusyuKaisyo", serif;
}
.section11__inner {
    background-image: url("../img/bginner3.png");
    background-size: 100% 100%;
background-repeat: no-repeat;
min-height: 97.5rem;
padding: 8rem 8rem;
margin-top: 4rem;
}

.section12 {
    background: url("../img/bg12.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 6rem;
}

.section12 .readtitle {
background-image: url("../img/bg_hhline.png");
background-repeat: no-repeat;
background-size: contain;
padding: 8rem 9rem 15rem 0;
background-position: center;
width: 119%;
margin-left: -7%;
font-size: 5.5rem;
}

.tbigtxt {
    font-size: 3.8rem;
    font-weight: 900;
}

.section12 ul {
    text-align: left;
    margin-bottom: 4rem;
}
li.bigtxt {
    font-size: 2.4rem;
    font-weight: 900;
}

.section13 {
    background-image: url("../img/bg2.png");
    background-size: 100%;
}

.section13 .readtitle {
    font-size: 5.5rem;
}

.section13 h3 {
    width: 35rem;
    margin: 3rem auto 5rem;
}

.section13 h3 img {
    width: 100%;
}

.tocontact img {
    width: 30rem;
}

.section14 {
    background-image: url("../img/bg14.png");
background-size: cover;
background-repeat: no-repeat;
position: relative;
background-position-x: right;
}
.section14 .readtitle {
    color: #fff;
}

.profilewrapper {
    background-image: url("../img/bg_profile.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 8rem 8rem;
    margin-top: 4rem;
    text-align: left;
    position: relative;
}

.profilewrapper h2, .profilewrapper ul {
    text-align: left;
}

.furigana {
    vertical-align: middle;
    font-size: 2rem;
}

.profilewrapper h2 {
    border-bottom: 1px solid #002D5D;
    display: inline-block;
    padding: 0 5rem 2rem 0;
    margin-bottom: 2rem;
    font-size: 5.5rem;
}

.section14 .section__wrapper {
    width: 64%;
}

.profilephoto {
    position: absolute;
    bottom: -13rem;
right: -16rem;
width: 46rem;
}

#contact {
    text-align: left;
}
#contact h2 {
    font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 3rem;
}

nav .tocontact {
    width: 24rem;
    margin-right: 2rem;
}

.bigtxt_kl, .bigtxt_kr {
    font-size: 2.4rem;
    font-weight: 900;
}

.spbr{
display:none;
}

.p-contact-form__heading.is-required::after {
    content: '*';
    color: #b50000;
}

@media screen and (min-width: 1500px) {
.section14 {
    background-size: cover;
}
}

@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;
    }
    .section14 {
    background-size: cover;
}
    .section14 .section__wrapper {
    width: 80%;
}
.profilewrapper {
    background-position: center;
margin: 0 auto;
}
.profilephoto {
    right: -23rem;
}
}

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

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

.section1 {
    background-position: top 0% left 80%;
}
.section1__wrapper .leftblock img {
    max-width: 35vw;
}
.section14 .section__wrapper {
    width: 90%;
}

}

@media screen and (max-width: 1000px) {
section {
    padding: 10rem 3rem;
}
.section1__wrapper .leftblock {
    padding-left: 2rem;
    padding-top: 6rem;
}
.section1 {
    background-position:  top 0% left 70%;
}
.section1__wrapper .leftblock img {
    max-width: 35vw;
}
.profileinfo {
    width: 51%;
}
.section14 .section__wrapper {
    width: 100%;
}
.profilewrapper {
    padding: 4rem 7rem 4rem 5rem;
    background-position: center;
margin: 1rem auto;
}
.profilephoto {
    right: -21rem;
    width: 43rem;
}
.section10 {
    padding: 10rem 0rem;
}
.voicelists {
    margin: 4rem 3rem 2rem;
}
}


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

.profilewrapper h2 {
    padding: 0 5rem 0rem 0;
    margin-bottom: 1rem;
    font-size: 4.5rem;
}
.profilewrapper ul {
    padding-right: 3rem;
}
}



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

    body {
        overflow-x: hidden;
    }
    p {
    line-height: 1.9rem;
margin-bottom: 1rem;
    }
  .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;
}

.m-main.front {
    margin: 0 auto;
    overflow: hidden;
}

    section {
        padding: 10rem 1rem;
    }

.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, .section__wrapper {
    max-width: 93%;
    margin: 0 auto;
    z-index: 1;
}

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

.profilewrapper img {
    width: 44%;
margin: 0 auto;
bottom: 0;
right: -8%;
}
.profileinfo {
    float: none;
    width: 94%;
    margin: 0 auto 3rem;
    padding-top: 0;
}
.titlelogo img {
    height: 4rem;
}
.subtitle {
    font-size: 0.9rem;
}
.sitetitle {
    font-size: 1.5rem;
    margin-left: -0.2rem;
    line-height: 1;
}

.m-header .navWrapper .headerNavRight {
    top: -0.3rem;
right: 0rem;
}
  .m-header .navWrapper .headerNavLeft {
    width: 90%;
    padding-left: 0.5rem;
}
.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: 9rem;
    padding-bottom: 2rem;
    min-height: 100rem;
}
.section1__wrapper .leftblock img.sp-layout {
    max-height: 19rem;
}
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: 3rem;
    padding-bottom: 1.5rem;
}
section h2 {
    font-size: 2.1rem;
}
section h2 .bigtxt {
    font-size: 4.4rem;
    margin-bottom: -1.5rem;
}
.fline {
    margin: 0 auto 1.5rem;
    width: 93%;
}
.fline.fline2 {
    width: 85%;
    margin: 1rem auto 3rem;
}

.section2 h3, .section2 .bgblue {
    font-size: 1.6rem;
}
.section2 h2, .section3 h2, .section9 h2, .section13 .readtitle {
    font-size: 2.1rem;
line-height: 1;
margin-bottom: 0;
}
.voicelists h3 {
    font-size: 2rem;
line-height: 1;
margin-bottom: 0;
}
.section2 h2 .bigtxt {
    font-size: 4.7rem;
}
p,li, span{
    font-size: 1.1rem;
}
p .bigtxt, .bigtxt_kl, .bigtxt_kr {
    font-size: 1.2rem;
}
.gline {
    width: 60%;
    margin: -0.5rem auto 0.5rem;
}
.section11 .gline {
    margin: -1.5rem auto 1.5rem;
}
.section4 {
    padding-top: 11rem;
}


.section4 h2, h2.readtitle {
    font-size: 2.2rem;
}
.section4 h3 {
    font-size: 1.4rem;
    padding: 1.5rem 1.8rem 1rem 2.8rem;
    margin-bottom: 3rem;
}


.section4 h3 .ul_yellow {
    font-size: 2.1rem;
}
.section4__wrapper {
    max-width: 92%;
}
.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: 3rem;
    padding-top: 3rem;
}
    .section5 h2.readtitle {
        font-size: 2.4rem;
        padding: 2.5rem 0;
    }

.section5__inner {
    min-height: auto;
    padding: 3rem 4rem 4.5rem;
    margin: 2rem auto;
}

.section6 {
    background-size: 120%;
    background-position-x: center;
    padding-top: 2rem;
}
.section6 h2 {
    width: 65%;
    margin: 0 auto 1.5rem;
}

.section6__wrapper {
    max-width: 94%;
}
.profilewrapper {
    width: 100%;
    padding: 4rem 3rem;
}
.profilewrapper p {
    text-align: left;
}
.tocontact.last .buttonArea.tocontact {
    padding: 3.2rem 0.5rem 1.8rem 5.5rem;
}
.bgwhite {
    padding: 0.5rem 0.5rem;
}
.section2, .section3 {
    background-size: 270%;
}
.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;
}
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;
    }


.section7 {
    background-size: 59%;
    background-position-x: 109%;
    background-position-y: 0%;
    position: relative;
    padding-top: 5rem;
    margin-top: -2rem;
    padding-bottom: 4rem;
}
.section7 h2 {
    font-size: 2.1rem;
    margin-bottom: 1rem;
}
.bg_type1 {
    font-size: 1.5rem;
    padding: 1.5rem 2rem 1rem 3rem;
    margin-bottom: 3rem;
}
.bg7 {
    width: 113%;
    left: -15%;
}

.section8 {
    margin-top: 0;
    background-size: 270%;
}

.bg_type3 {
    background-size: contain;
    margin-bottom: 0.5rem;
    padding: 2.3rem 3.5rem 2.3rem 4.5rem;
    font-size: 2.3rem;
}
.section8 h3 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}
.selectlist {
    padding: 1rem 1rem;
    margin-bottom: 1rem;
}
.bcircle {
    padding: 0.2rem 0.8rem;
    margin-right: 1rem;
    height: 2.8rem;
    font-size: 1.5rem;
}
.lqa {
    font-size: 1.2rem;
}

.section9 {
    background-size: 410%;
}

.section9 h2 {
    margin-bottom: 2rem;
}

.section9__inner1, .section9__inner2, .section9__inner3, .section9__inner4 {
    min-height: auto;
}

.supportlists img {
    width: 5.4rem;
margin-right: 1rem;
height: 4.5rem;
}
.supportlists h3 {
    font-size: 2.1rem;
    padding-top: 0;
    text-align: left;
    line-height: 1.1;
}
.supportlists .flex {
    margin-bottom: 2rem;
}

.bg_type4 {
    background-size: contain;
padding: 3.6rem 4rem 3.8rem;
font-size: 2.8rem;
width: 34.5rem;
margin: 0 auto;
}

.voicelistswrapper {
    max-width: 93%;
margin: 0 auto 3rem;
}

.voicelists {
    padding: 3rem 4rem;
    min-height: auto;
}
.voicelists img.voiceno {
    width: 7.2rem;
}

.voicelists h4 {
    font-size: 2rem;
    line-height: 1;
    margin: 2rem;
    color: #b78e37;
    font-family: "HakusyuKaisyo", serif;
}

.voicelistswrapper::before {
    left: -10.5%;
top: -4.5rem;
width: 45%;
height: 24%;
}
.voicelistswrapper::after {
    right: -9.5%;
bottom: -19.5rem;
width: 68%;
height: 40%;
}
.voicelistswrapper.second::after {
bottom: -23.5rem;
}

.section11 {
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.section11 .readtitle {
    font-size: 2.4rem;
    padding: 2.5rem 0;
}
.section11__inner {
margin: 0 auto;
min-height: auto;
padding: 4.5rem 4rem 3rem;
}
.section11 h3 {
    font-size: 1.9rem;
    margin: 0 0 0rem;
}
.section11 h3 .bigtxt {
    font-size: 2.9rem;
}

.section12 {
    background-size: 153%;
    background-position-x: center;
}
.section12 .readtitle {
    font-size: 2.1rem;
    line-height: 1;
    margin-bottom: 0;
    padding:2rem 1.5rem 5rem 0;
}
strong, li.bigtxt {
    font-size: 1.2rem;
}
.tbigtxt {
    font-size: 2.3rem;
}
.section12 ul {
    margin-bottom: 2rem;
}

.section13 {
    margin-top: 0;
    background-size: 270%;
}
.section13 h3 {
    width: 13.7rem;
    margin: 1.5rem auto 2rem;
}

.section14 {
    background-size: 222%;
    background-position: left 65% top 1%;
}
.section14 .section__wrapper {
    width: 93%;
}
.profilewrapper h2 {
    border-bottom: none;
    display: inline-block;
    padding: 5rem 5rem 1rem 2rem;
    margin-bottom: 0;
    font-size: 2.6rem;
}
.furigana {
    font-size: 1.5rem;
    display: block;
}
.profilephoto {
    right: -6%;
    width: 19.8rem;
    z-index: 1;
}
#contact h2 {
    font-size: 2.1rem;
    margin-bottom: 2rem;
}
.p-contact-form__heading {
    font-size: 1.2rem;
}
.p-contact-form__item input, .p-contact-form__item textarea {
    padding: 10px 15px;
}
.p-contact-form__submit {
    margin: 10px auto 0;
}

.section9__inner1, .section9__inner2, .section9__inner3 , .section9__inner4{
margin: 1rem auto;
padding: 4rem 4rem 3rem;
}



.section10__inner1, .section10__inner3 {
margin: 0 auto;
}
.section10__inner2 {
margin: 0 auto;
}

.section2__wrapper {
    padding: 4rem 5rem;
    min-height: auto;
margin-bottom: 2rem;
}

}

@media screen and (max-width: 600px) {
    .pcbr{
display:none;
}
.spbr{
display:block;
}
    .section1 {
        min-height: auto;
        height: 140vw;
    }
    .section2__wrapper {
        background-size: 100% 100%;
    }
    .profilewrapper {
        width: 100%;
        padding: 4rem 7rem 4rem 3rem;
    }
    .profilewrapper h2 {
       padding: 1rem 5rem 0rem 1rem;
    }
    .profilewrapper img {
        width: 40%;
        right: -12%;
    }
}

@media screen and (max-width: 500px) {
    .section2__wrapper {
        background-size: 100% 100%;
        padding: 4rem 3rem;
    }
    .section5__inner {
    width: 100%;
    padding: 3rem 4rem;
    background-size: 100% 100%;
    }
    .section9__inner1, .section9__inner2, .section9__inner3, .section9__inner4 {
    width: 100%;
    padding: 2rem 2rem;
    }
    .supportlists .flex {
        margin-bottom: 0.5rem;
    }
    .section10__inner2 {
    width: 100%;
    }
    .section10__inner1, .section10__inner3 {
    width: 100%;
    }
    .voicelists h3 {
        font-size: 1.6rem;
    }
    .voicelists h4 {
        font-size: 1.5rem;
        margin: 0.5rem;
    }
    .voicelists p {
        margin-bottom: 0.8rem;
    }
    .section11__inner {
        width: 100%;
        padding: 3rem 4rem;
    }
}

@media screen and (max-width: 400px) {
.section1 {
    min-height: 58rem;
    height: auto;
}
.section2__wrapper {
    padding: 3rem 2rem;
    background-size: 100% 100%;
    margin-bottom: 0;
    min-height: auto;
    background-image: url("../img/bginner1_sp.jpg");
}
.section5__inner {
    background-size: 100% 100%;
min-height: auto;
padding: 3rem 2.5rem;
margin-top: 2.5rem;
background-image: url("../img/bginner2_sp.png");
width: auto;
}
.section9__inner1 {
    background-image: url("../img/s9innerbg1_sp.png");
    min-height: auto;
    width: auto;
    padding: 4rem 2rem;
}
.section9__inner2 {
    background-image: url("../img/s9innerbg2_sp.png");
    min-height: auto;
    width: auto;
    padding: 4rem 2rem;
}
.section9__inner3 {
    background-image: url("../img/s9innerbg3_sp.png");
    min-height: auto;
    width: auto;
    padding: 4rem 2rem;
}
.section9__inner4 {
    background-image: url("../img/s9innerbg4_sp.png");
    min-height: 38.5rem;
    width: auto;
    padding: 4rem 2rem;
}

.section10__inner1, .section10__inner3 {
    background-image: url("../img/voicebg1_sp.png");
    min-height: auto;
    width: auto;
    padding: 3rem 2rem;
}
.section10__inner2 {
    background-image: url("../img/voicebg2_sp.png");
    min-height: auto;
    width: auto;
    padding: 3rem 2rem;
}
.section11__inner {
    min-height: 55rem;
    padding: 3rem 2rem;
    margin-top: 3rem;
    background-image: url("../img/bginner3_sp.png");
    width: auto;
}
.profilewrapper {
    padding: 3rem 2rem;
    min-height: 44rem;
    background-image: url("../img/bg_profile_sp.png");
    margin-top: 1.5rem;
}
.profilewrapper img {
    width: 60%;
}
    .voicelists h3 {
        font-size: 2rem; 
    }
    .voicelists h4 {
        font-size: 2rem;
        margin: 2rem;
    }
    .voicelists p {
        margin-bottom: 1rem;
    }
}

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

}

@media screen and (max-width: 350px) {
    .sitetitle {
        font-size: 1.2rem;
    }
    .section1 {
        min-height: 49.5rem;
    }
    .section2__wrapper {
        padding: 2rem 1.5rem;
    }
    .section2 h2, .section3 h2, .section9 h2, .section13 .readtitle {
        font-size: 1.8rem;
    }
    .gline {
        margin: -1.5rem auto -0.5rem;
    }
    p, li, span {
        font-size: 1rem;
        line-height: 1.6;
    }
    .section4 h2, h2.readtitle {
        font-size: 2rem;
    }
    .section5__inner {
        padding: 2rem 1.5rem;
    }
    .voicelists {
        padding: 1.5rem 1rem;
    }
    .voicelists h3 {
        font-size: 1.8rem;
    }
    .voicelists h4 {
        font-size: 1.6rem;
        margin: 1rem;
    }
    .profilephoto {
        right: -15%;
        width: 16.8rem;
        bottom: 8rem;
    }
    .section4 h3 {
        padding: 1.5rem 1rem 1rem 1.5rem;
    }
}