@charset "UTF-8";
*:focus {
  outline: none;
}

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 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  /* line-height: 1.8; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

img {
  line-height: 0;
  display: inline;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

ol, ul {
  list-style: none !important;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

a:hover {
  text-decoration: none;
}

a img {
  border: none;
}

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

input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
}

label {
  -webkit-tap-highlight-color: transparent;
}

body {
  color: #595757;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  line-height: 1.8;
  line-break: strict;
  overflow-wrap: anywhere;
  word-break: normal;
  /*-webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;*/
  background: #f4f9f8;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: normal;
}

/*
  ここまでcommon
--------------------------------------------- */
.sp {
  display: none;
}
main{
  background:#fff;
}
.center {
  text-align: center;
}

.palt {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

a:hover {
  opacity: 0.8;
}

.fuwatt {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .8s;
  transition: all .8s;
}

.mb0 {
  margin-bottom: 0 !important;
}

/* /////////////////// ここから /////////////////// */
header{
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  height: 86px;
}
.header-logo{
  max-width: 1000px;
  width: calc(1000vw / 12.8);
  margin: auto;
  padding-top: 12px;
  text-align: left;
}
.header-logo img{
  width:148px
}
main{
  width: min(100% , 1280px);
  margin: auto;
  box-sizing: border-box;
  margin: 0 auto;
  overflow:hidden;

}
.kv {
  position: relative;
  line-height: 0;
  background: url(../images/kv-bg_pc.png) no-repeat center top/100%;
  height: min(calc(694vw / 12.8),694px);
}
.kv h1{
  width: min(calc(912vw / 12.8),912px);
  margin-left: min(calc(220vw / 12.8),220px);
  padding-top: min(calc(15vw / 12.8),15px);
}
.kv-serif{
  width: min(calc(141vw / 12.8),141px);
  position: absolute;
  top:min(calc(220vw / 12.8),220px);
  left:min(calc(100vw / 12.8),100px);
}
.sec01{
  padding: min(calc(50vw / 12.8),50px) 0;
  background: url(../images/sec01-bg_pc.png) no-repeat right top min(calc(120vw / 12.8),120px);
  background-size: min(calc(185vw / 12.8),185px);
}
.sec01 h2{
  width: min(calc(1000vw / 12.8),1000px);
  margin: 0 auto min(calc(50vw / 12.8),50px);
}
.sec01 .inner01{
  width: min(calc(1000vw / 12.8),1000px);
  margin: 0 auto min(calc(70vw / 12.8),70px);
  position: relative;
}
.sec01 .inner01 ul li{
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
}
.sec01 .inner01 h3,.sec01 .inner02 h3{
  width: min(calc(364vw / 12.8),364px);
  position: absolute;
  top:max(calc(-32vw / 12.8),-32px);
  left: max(calc(50% - 364vw / 12.8),calc(50% - 182px));
  z-index: 2;
}
.sec01 .inner02{
  background:#ceeeff;
  width: min(calc(1000vw / 12.8),1000px);
  margin: 0 auto min(calc(70vw / 12.8),70px);
  position: relative;
  padding-bottom: min(calc(100vw / 12.8),100px);
  position:relative;
}
.sec01 .kzr1{
  position: absolute;
  top: min(calc(40vw / 12.8),40px);
  left: -10%;
  width:min(calc(233vw / 12.8),233px);
}
.sec01 .kzr2{
  position: absolute;
  top: min(calc(542vw / 12.8),542px);
  right: -10%;
  width:min(calc(266vw / 12.8),266px);
}

.more-box{
  position: relative;
  margin-top: min(calc(50vw / 12.8),50px);
  padding-top: min(calc(50vw / 12.8),50px);
}
.more-box .note{
  text-align: center;
  font-size:12px;
}
.round-sub {
  background: #0455b7;
  color: #fff;
  border-radius: 20px;
  font-size: min(calc(22vw / 12.8),22px);
  line-height: min(calc(36vw / 12.8),36px);
  margin-bottom: min(calc(16vw / 12.8),16px);
  width: min(calc(376vw / 12.8),376px);
  text-align: center;
}
.more-img {
  width: min(calc(368vw / 12.8),368px);
  margin-bottom: unset;
  margin-right: min(calc(60vw / 12.8),60px);
}


.more-item {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin: min(calc(50vw / 12.8),50px) auto 0;
  width: min(calc(870vw / 12.8),870px);
}
.more-txt {
  width: calc(490vw / 12.8);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.more-txt p {
  font-size: min(calc(18vw / 12.8),18px);
  margin-top: min(calc(14vw / 12.8),14px);
  margin-bottom: 0;
  color: #595757;
  line-height: 1.4;
  margin-bottom: min(calc(8vw / 12.8),8px);
}
.more-txt p.moretxt-notes {
  font-size: min(calc(11vw / 12.8),11px);
  line-height: 1.65;
  margin-top: 0;
  margin-bottom:0;
}
.more-txt a.sec02_btn {
  width: min(calc(268vw / 12.8),268px);
  margin-bottom: 0;
  margin-left: 0;
  border: #231815 1px solid;
  font-size: min(calc(19vw / 12.8),19px);
  text-align: center;
  font-weight: 700;
  color: #173271;
  background: #fff;
  border-radius: min(calc(24vw / 12.8),24px);
  line-height: min(calc(46vw / 12.8),46px);
}
.more-item02 .more-txt img{
  width: min(calc(232vw / 12.8),232px);
}
.more-item01 .round-sub{
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .more-item {
    position: relative;
    z-index: 1;
    width: calc(628vw / 7.68);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(60vw / 7.68);
  }
  .more-img {
    margin-bottom: calc(34vw / 7.68);
  }
  .more-txt {
    line-height: 0;
  }
  .more-txt p {
    font-size: calc(30vw / 7.68);
    color: #173271;
    margin-bottom: calc(33vw / 7.68);
    line-height: 1.4;
  }
  .more-txt p.moretxt-notes {
    font-size: calc(20vw / 7.68);
    color: #000;
    padding-left: 1em;
    text-indent: -1em;
  }
  .more-txt a.sec02_btn {
    width: calc(416vw / 7.68);
    margin: calc(40vw / 7.68) auto 0;
    font-size: calc(30vw / 7.68);
    border-radius: calc(40vw / 7.68);
    line-height: calc(78vw / 7.68);
  }
  
  
}

.sec02{
  background: url(../images/sec02-bg1_pc.png) top center no-repeat #fffbed;
  padding: min(calc(100vw / 12.8),100px) 0;
}
.sec02 h2{
  width: min(calc(1000vw / 12.8),1000px);
  margin: 0 auto min(calc(50vw / 12.8),50px);
}
.sec02 h3{
  width: min(calc(1000vw / 12.8),1000px);
  margin: 0 auto min(calc(30vw / 12.8),30px);
}
.flex{
  display: flex;
  justify-content: space-between;
}
.sec02 .flex{
  width: min(calc(1000vw / 12.8),1000px);
  margin: 0 auto min(calc(30vw / 12.8),30px);
  align-items: flex-end;
}
.sec02 .left{
  width: min(calc(304vw / 12.8),304px);
}
.sec02 .right{
  width: min(calc(626vw / 12.8),626px);
}
.sec02 .right p{
  font-size: min(calc(18vw / 12.8),18px);
  margin-top: min(calc(10vw / 12.8),10px);
}
.sec02 .inner01,.sec02 .inner02{
  margin-bottom: min(calc(90vw / 12.8),90px);
}
.sec02 .inner01{
  background: url(../images/sec01-in2-kzr1.png) no-repeat left -8% top min(calc(180vw / 12.8),180px);
  background-size:  min(calc(233vw / 12.8),233px);
  position: relative;
}
.sec02 .sec02-kzr{
  width: min(calc(222vw / 12.8),222px);
  position: absolute;
  right: 0;
  top: min(calc(960vw / 12.8),960px);
}
a.sec02_btn {
  width: min(calc(458vw / 12.8),458px);
  display: block;
  margin: auto;
  border: #d3b580 4px solid;
  font-size: min(calc(30vw / 12.8),30px);
  text-align: center;
  font-weight: 600;
  color: #173271;
  background: #fff;
  border-radius: min(calc(32vw / 12.8),32px);
  line-height: min(calc(56vw / 12.8),56px);
}

.sec02 .inner03{
  margin-bottom: min(calc(90vw / 12.8),90px);
  background: url(../images/sec02-in3-bg_pc.png) no-repeat top center/ 100%;
  width: min(calc(1000vw / 12.8),1000px);
  height:  min(calc(1200vw / 12.8),1200px);
  margin: 0 auto;
  padding: min(calc(70vw / 12.8),70px) min(calc(60vw / 12.8),60px) 0;
  position: relative;
}
.sec02 .inner03 h2{
  font-size:min(calc(32vw / 12.8),32px);
  text-align: center;
  font-weight: 900;
  color:#0455b7;
  line-height: 1.4;
  width: auto;
  background: url(../images/sec02-in3-h_pc.png) no-repeat bottom -1vw left 1.7vw;
    background-size: auto;
  background-size: 34vw;
  margin: 0 auto min(calc(30vw / 12.8),30px);
}
.sec02 .inner03 .flex{
  width: auto;
  align-items: center;
  justify-content: flex-start;
  margin-top:  min(calc(34vw / 12.8),34px);
}
.sec02 .inner03 .left{
  width: min(calc(164vw / 12.8),164px);
}
.sec02 .inner03 .right{
  padding-left: 1.5em;
  width: min(calc(6440vw / 12.8),644px);
}
.sec02 .inner03 h3{
  font-size: min(calc(28vw / 12.8),28px);
  font-weight: 900;
  color:#0455b7;
  margin-bottom: 0;
  width: auto;
  padding: 0 0 min(calc(5vw / 12.8),5px) min(calc(30vw / 12.8),30px);
}
.sec02 .inner03 p{
  padding-left:min(calc(30vw / 12.8),30px);
  margin-top:0;
  font-size: min(calc(16vw / 12.8),16px);
}
.sec02 .inner03 .comment1 h3{
  background:url(../images/sec02-in3-h_pc.png) bottom max(calc(-11vw / 12.8),-11px) left no-repeat;
  background-size: 100%;
}
.sec02 .inner03 .comment2 h3{
  background:url(../images/sec02-in3-h_pc.png) bottom max(calc(-11vw / 12.8),-11px) left no-repeat;
  background-size: 92%;
}
.sec02 .inner03 .comment3 h3{
  background:url(../images/sec02-in3-h_pc.png) bottom max(calc(-11vw / 12.8),-11px) left no-repeat;
  background-size: 88%;
}
.sec02 .kzr-wrap{
  background:url(../images/sec02-in3-kzr1.png) left top min(calc(220vw / 12.8),220px) no-repeat,url(../images/sec02-in3-kzr2.png) right top min(calc(945vw / 12.8),945px) no-repeat;
  background-size: min(calc(195vw / 12.8),195px),min(calc(176vw / 12.8),176px);
}

.sec03{
  background:url(../images/sec03-bg1_pc.png) no-repeat bottom center #fffbed;
  background-size: 100% auto;
  padding-bottom: min(calc(130vw / 12.8), 130px);
}
.sec03 .inner01{
  background:#f9f6b2;
  border-radius: min(calc(36vw / 12.8),36px);
  padding: min(calc(36vw / 12.8),36px) 0 min(calc(70vw / 12.8),70px) ;
  margin: 0  auto min(calc(120vw / 12.8),120px);
  width: min(calc(1000vw / 12.8), 1000px);
  position: relative;
}
.sec03 h2{
  margin:0 auto min(calc(30vw / 12.8),30px);
  width: min(calc(1000vw / 12.8),1000px);
}
.sec03 .inner01 h3{
  height: min(calc(60vw / 12.8),60px);
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 35px;
  line-height: 1.5;
}
.sec03 .inner01 h3.odd{
    background-image: linear-gradient(90deg, #0455b7, #0455b7 73%, #f9f6b2 90%, #f9f6b2);
}
.sec03 .inner01 h3.even{
  background-image: linear-gradient(90deg, #f9f6b2, #f9f6b2 10%, #0455b7 28%, #0455b7);
}
.sec03 .inner01 .flex{
  align-items: flex-end;
  margin-top: max(calc(-50vw / 12.8),-50px);
  margin-bottom: min(calc(20vw / 12.8),20px);
}
.sec03 .inner01 .en{
  width: min(calc(264vw / 12.8),264px);
}
.sec03 .fight .en{
  margin-right: min(calc(20vw / 12.8),20px);
}
.sec03 .shape .en,.sec03 .air .en{
  margin-left: min(calc(20vw / 12.8),20px);
}
.sec03 .fukidashi{
  width: min(calc(691vw / 12.8),691px);
  height: min(calc(295vw / 12.8),295px);
}
.sec03 .shape .fukidashi{
  background: url(../images/sec03-fkds1_pc.png) right bottom no-repeat;
  background-size: auto 100%;
}
.sec03 .fight .fukidashi{
  background: url(../images/sec03-fkds2_pc.png) right bottom no-repeat;
  background-size: auto 100%;
}
.sec03 .air .fukidashi{
  background: url(../images/sec03-fkds3_pc.png) right bottom no-repeat;
  background-size: auto 100%;
}
.sec03 .fight .flex{
  flex-direction: row-reverse;
}
.sec03 .shape,.sec03 .fight{
margin-bottom: min(calc(60vw / 12.8),60px);
}
.sec03 a.sec02_btn{
  font-size: min(calc(24vw / 12.8),24px);
  color:#0455b7;
}
.sec03 .shape p{
font-size: min(calc(16vw / 12.8),16px);
  padding-left: min(calc(76vw / 12.8),76px);
  padding-top: min(calc(110vw / 12.8),110px);
}
.sec03 .fight p{
  font-size: min(calc(16vw / 12.8),16px);
  padding-left: min(calc(288vw / 12.8),288px);
  padding-top: min(calc(116vw / 12.8),116px);
}
.sec03 .air p{
  font-size: min(calc(16vw / 12.8),16px);
  padding-left: min(calc(76vw / 12.8),76px);
  padding-top: min(calc(110vw / 12.8),110px);
}
.sec03 .sec03-kzr1{
  position: absolute;
  left: -14%;
  top:min(calc(338vw / 12.8),338px);
  width: min(calc(188vw / 12.8),188px);
}
.sec03 .sec03-kzr2{
  position: absolute;
  right: -14%;
  top:min(calc(773vw / 12.8),773px);
  width: min(calc(189vw / 12.8),189px);
}
.sec03 .inner02{
  width: min(calc(1000vw / 12.8),1000px);
  margin: auto;
  position: relative;
}
.sec03 .inner02 h2{
  margin-bottom: min(calc(16vw / 12.8),16px);
}
.sec03 .inner02 .flex{
  align-items: flex-start;
  margin-bottom: min(calc(50vw / 12.8),50px);
}
.sec03 .inner02 .left{
  width: min(calc(304vw / 12.8),304px);
}
.sec03 .inner02 .right{
  width: min(calc(626vw / 12.8),626px);
}
.sec03 .inner02 .right p{
  font-size: min(calc(18vw / 12.8),18px);
}
.sec03 .inner02 .note{
  text-align: center;
  margin: min(calc(30vw / 12.8),30px) auto min(calc(50vw / 12.8),50px);
  font-size: min(calc(16vw / 12.8),16px);
  line-height: 1.5;
}
.sec03 .inner02 .mazuha{
  height: min(calc(320vw / 12.8),320px);
  background:url(../images/sec03-p9_pc.png) no-repeat top left;
  background-size: 100% auto;
  font-size: min(calc(19vw / 12.8),19px);
  font-weight: 600;
}
.sec03 .inner02 .sec03-p{
  margin: min(calc(27vw / 12.8),27px) 0 min(calc(18vw / 12.8),18px);
}
.sec03 .inner02 .mazuha p{
  padding-top: min(calc(140vw / 12.8),140px);
  padding-left: min(calc(356vw / 12.8),356px);
}
.sec03 .sec03-kzr3{
  position: absolute;
  left: -14%;
  top:0;
  width: min(calc(188vw / 12.8),188px);
}
.sec03 .sec03-kzr4{
  position: absolute;
  right: -14%;
  top:min(calc(690vw / 12.8),690px);
  width: min(calc(189vw / 12.8),189px);
}

.sec04{
  background:url(../images/sec04-bg_pc.png) top center no-repeat;
  background-size: cover;
  padding: min(calc(130vw / 12.8),130px) 0 ;
  text-align: center;
}
.sec04 h2{
  width:min(calc(1000vw / 12.8),1000px);
  margin: 0 auto 1em;
}

.sec04 h3{
  font-size:min(calc(32vw / 12.8),32px);
  margin-bottom: 0.5em;
  color:#fff;
}
.sec04 .pink-wrap{
  display: flex;
  justify-content: space-between;
  width:min(calc(880vw / 12.8),880px);
  align-items: center;
  margin: 0 auto 1em;
}
.sec04 .pink-wrap .pink-box{
  background: #fff;
  background-size: calc(44% / 1.86);
  border-radius: min(calc(44vw / 12.8),44px) 0;
  width: min(calc(186vw / 12.8),186px);
  height: min(calc(186vw / 12.8),186px);
  font-size: min(calc(28vw / 12.8),28px);
  color: #0455b7;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec04 .note{
  font-size:12px;
  color: #fff;
}

a.link {
  width: min(calc(510vw / 12.8),510px);
  background:url(../images/link-arr.svg) no-repeat right 1.5% center #173171;
  background-size: min(calc(72vw / 12.8),72px);
  color: #fff;
  font-size:min(calc(38vw / 12.8),38px);
  font-weight: 700;
  text-align: center;
  display: block;
  line-height: 1;
  height: min(calc(86vw / 12.8),86px);
  padding: min(calc(18vw / 12.8),18px) 0;
  border-radius: min(calc(43vw / 12.8),43px);
  border: #fff solid 3px;
  margin: 0 auto 0.2em;
}
a.link.link02 {
  margin: 1em auto 0.5em;
}

.sec05 .imglist{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec05 .imglist > div{
  width: calc(100% / 3);
  line-height: 1;
  height: min(calc(265vw / 12.8),270px);
  background-size: 100%;
  position: relative;
  overflow: hidden;
}
.sec05 .imglist > div span{
  position: absolute;
  bottom:6px;
  left:0px;
  background: #1d50cd;
  color:#fff;
  text-align: center;
  padding: 0 1.2em;
  font-size: min(calc(20vw / 12.8),20px);
  line-height: min(calc(34vw / 12.8),34px);
  font-weight: 600;
}
.sec05 .imglist .img1{
  background:url(../images/sec05-img1.jpg) no-repeat center/100%;
}
.sec05 .imglist .img2{
  background:url(../images/sec05-img2.jpg) no-repeat center/100%;
}
.sec05 .imglist .img3{
  background:url(../images/sec05-img3.jpg) no-repeat center/100%;
}
.sec05 .imglist .img4{
  background:url(../images/sec05-img4.jpg) no-repeat center/100%;
}
.sec05 .imglist .img5{
  background:url(../images/sec05-img5.jpg) no-repeat center/100%;
}
.sec05 .imglist .img6{
  background:url(../images/sec05-img6.jpg) no-repeat center/100%;
}
.sec06{
  font-size: min(calc(49vw / 12.8),49px);
  font-weight: 900;
  text-align: center;
  height: min(calc(440vw / 12.8),440px);
  background: url(../images/sec06-bg_pc.png) no-repeat;
  background-size: cover;
  color:#fff;
  padding: min(calc(60vw / 12.8),60px) 0;
}
.sec06 h2{
  margin: 0 auto 0.5em;
  line-height: 1.2;
  padding-left: 2%;
}
.sec06 h2 {
  margin: 0 auto 1em;
}

.foot_inner {
  text-align: center;
  padding: min(calc(100vw / 12.8),100px) 0 min(calc(200vw / 12.8),200px);
  background: #fff;
}

.foot_inner img {
  width: calc(200vw / 7.68);
  min-width: 140px;
  max-width: 200px;
}


@media screen and (max-width: 1000px) {
  .sec03 .splide.splide--loop {
    padding-bottom: 1em;
  }
  .sec03 .splide__slide > div {
    padding: 0.5em;
  }
  .sec03 .splide__list {
    padding-bottom: calc(70vw / 7.68) !important;
  }
}


/* //////////////////////////////////////////////////////////////////////////////// SP //////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 768px) {
  .sp{
    display: block;
  }
  .pc{
    display:none;
  }
  header {
    width: 100%;
    height: calc(120vw / 7.68);
    display: flex;
    align-items: center;
  }
  .header-logo {
    width: 100%;
    padding-top: 0;
  }
  .header-logo img {
    width: calc(153vw / 7.68);
    margin-left: calc(50vw / 7.68);
  }
  .kv {
    background: url(../images/kv-bg_sp.png) no-repeat center top/100% auto;
    height: calc(622vw / 7.68);
  }
  .kv h1 {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
  }
  .kv-serif {
    width: calc(88vw / 7.68);
    top: calc(320vw / 7.68);
    left: calc(218vw / 7.68);
  }
  .sec01 {
    padding: 0;
    background:none ;
  }
  .sec01 h2 {
    width: 100%;
    margin: 0 auto calc(36vw / 7.68);
  }
  .sec01 .inner01 h3, .sec01 .inner02 h3 {
    width: calc(420vw / 7.68);
    position: absolute;
    top: calc(-38vw / 7.68);
    left: calc(50% - 210vw / 7.68);
  }
  .sec01 .inner01{
    width: auto;
    margin: 0 auto min(calc(70vw / 12.8),70px);
    position: relative;
    padding: calc(50vw / 7.68) 0 0;
    background: url(../images/sec01-bg_pc.png) no-repeat right top calc(20vw / 7.68) #fff9ab;
    background-size: calc(120vw / 7.68);
  }
  .sec01 .inner01 img{
    width: calc(628vw / 7.68);
    margin: 0 auto;
  }
  .sec01 .inner01 ul{
    width: auto;
    margin: calc(30vw / 7.68) auto;
    background: #fff;
    padding: calc(30vw / 7.68) calc(70vw / 7.68) calc(70vw / 7.68);
  }
  .sec01 .inner01 ul li{
    width: calc(628vw / 7.68);
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .sec01 .inner02 {
    width: auto;
    margin: 0 auto alc(70vw / 7.68);
    padding-bottom: 0;
  }
  .more-box {
    position: relative;
    margin-top: calc(30vw / 7.68);
    padding: calc(50vw / 7.68) calc(70vw / 7.68);
  }
  .more-box .note {
    text-align: left;
  }
  .more-item {
    width: auto;
    padding-bottom: calc(50vw / 7.68);
    display: inherit;
    justify-content: flex-start;
    align-items: stretch;
    margin: calc(16vw / 7.68) auto;
  }
  .more-img {
    margin-bottom: calc(34vw / 7.68);
    width: auto;
    margin-right: 0;
  }
  .more-txt {
    width: auto;
  }
  .round-sub {
    border-radius: calc(27vw / 7.68);
    font-size: calc(32vw / 7.68);
    line-height: calc(54vw / 7.68);
    margin: 0 auto calc(24vw / 7.68);
    width: 82%;
  }
  .more-logo{
    margin-bottom: calc(20vw / 7.68);
  }
  .more-txt p {
    color: #595757;
    margin-bottom: calc(16vw / 7.68);
    line-height: 1.4;
  }
  a.sec02_btn {
    width: calc(416vw / 7.68);
    font-size: calc(32vw / 7.68);
    border-radius: calc(39vw / 7.68);
    line-height: calc(72vw / 7.68);
    margin-top: calc(40vw / 7.68);
  }
  .more-item02 .more-txt img {
    width: 80%;
    margin: 0 auto calc(20vw / 7.68)auto;
  }
  .more-txt p.moretxt-notes {

    margin: 0;
  }
  .more-item01 .round-sub {
    margin-bottom: calc(24vw / 7.68);
  }
  .sec01 .inner02{
    background-image: url(../images/sec01-in2-bg1_sp.png),url(../images/sec01-in2-bg2_sp.png),url(../images/sec01-in2-bg3_sp.png);
    background-position: right top 139vw,left top 315vw,right top 429vw;
    background-size: calc(149vw / 7.68),calc(70vw / 7.68),calc(137vw / 7.68);
    background-repeat: no-repeat;
    margin-bottom: 0;
  }
  .sec02 {
    background: url(../images/sec02-bg1_sp.png) top center no-repeat #fffbed;
    padding: calc(100vw / 7.68) 0;
    background-size: 100% auto;
  }
  .sec02 h2 {
    width: calc(628vw / 7.68);
    margin: 0 auto calc(50vw / 7.68);
  }
  .sec02 .flex {
    width: calc(628vw / 7.68);
    margin: 0 auto calc(30vw / 7.68);
    display: inherit;
  }
  .sec02 .left ,.sec02 .right {
    width: auto;
  }
  .sec02 .inner01 {
    background: none;
  }
  .sec02 .left {
    margin-bottom: calc(40vw / 7.68);
  }
  .sec02 .right p {
    font-size: calc(28vw / 7.68);
    margin-top: calc(10vw / 7.68);
    line-height: 1.5;
  }
  .sec02 .inner01, .sec02 .inner02 {
    margin-bottom: calc(90vw / 7.68);
  }
  .sec02 a.sec02_btn {
    width: calc(458vw / 7.68);
    font-size: calc(30vw / 7.68);
    border-radius: calc(34vw / 7.68);
    line-height: calc(64vw / 7.68);
    margin-top: calc(40vw / 7.68);
  }
  .sec02 h2.in3h2 {
    width: auto;
    margin: 0 auto;
    font-size: calc(37vw / 7.68);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    background:url(../images/sec02-in3-hbg_sp.png) no-repeat center top 70% #0455b7;
    background-size: 96%;
    padding: 1em 0;
  }
  .sec02 .in3-p{
    margin:0 auto calc(60vw / 7.68);
  }
  .sec02 .kzr-wrap {
    background: none;
  }
  .sec02 .inner03{
    background: url(../images/sec02-in3-waku_sp.png) no-repeat top center/100%;
    height:calc(1210vw / 7.68) ;
    width: calc(628vw / 7.68);
    padding:calc(55vw / 7.68) 0;
  }
  .sec02 .inner03 .flex {
    width: auto;
    display: inherit;
  }
  .sec02 .inner03 .right {
    width: auto;
    padding: 0;
  }
  .sec02 .inner03 h3 {
    margin-bottom: calc(18vw / 7.68);
    line-height: 1.2;
    font-size: calc(36vw / 7.68);
    padding-left: calc(48vw / 7.68);
  }
  .sec02 .inner03 .comment1 h3 {
    width: auto;
    background:url(../images/sec02-in3-h3_sp.png) no-repeat center top/100%;
    height: calc(138vw / 7.68);
  }
  .sec02 .inner03 .comment2 h3 {
    width: auto;
    background:url(../images/sec02-in3-h2_sp.png) no-repeat center top/100%;
    height: calc(138vw / 7.68);
  }
  .sec02 .inner03 .comment3 h3 {
    width: auto;
    background:url(../images/sec02-in3-h1_sp.png) no-repeat center top/100%;
    height: calc(138vw / 7.68);
  }
  .sec02 .inner03 .right p {
    font-size: calc(22vw / 7.68);
    margin: 0 auto calc(44vw / 7.68);
    line-height: 1.45;
    width: calc(530vw / 7.68);
    padding: 0;
  }
  .sec03{
    background-color: #f9f6b2;
    background-image: url(../images/sec03-bg1_sp.png),url(../images/sec03-bg2_sp.png);
    background-position: right top 200vw,left top 400vw;
    background-repeat: no-repeat;
    background-size: calc(153vw / 7.68),calc(145vw / 7.68);
    padding: calc(110vw / 7.68) 0 0;

  }
  .sec03 h2{
    font-size: calc(70vw / 7.68);
    line-height: 1.2;
    color: #0455b7;
    text-align: center;
    margin-bottom: calc(40vw / 7.68);
    width: auto;
    font-weight: 700;
    background: url(../images/sec03-h2_sp.png) no-repeat center bottom;
    background-size: 90%;
    padding-bottom: calc(14vw / 7.68);
  }
  .sec03 h2 .font-s{
    font-size: calc(39vw / 7.68);
  }
  .sec03 .inner01 {
    border-radius: 0;
    padding: 0 0 calc(90vw / 7.68);
    margin: 0 auto;
    width: auto;
  }
  .sec03 .inner01 h3{
    background-color: #0455b7;
    height: calc(80vw / 7.68);
    font-size: calc(40vw / 7.68);
    line-height: calc(80vw / 7.68);
    width: calc(628vw / 7.68);
    z-index: 2;
    position: absolute;
    top: calc(472vw / 7.68);

  }
  .sec03 .inner01 h3.odd,.sec03 .inner01 h3.even,.sec03 .inner01 h3.air{
      background-image: none;
      position: relative;
      margin: auto;
  }
  .sec03 .inner01 .flex{
    display: inherit;
  }
  .sec03 .inner01 .en,.sec03 .fight .en,.sec03 .shape .en,.sec03 .air .en{
    width: calc(500vw / 7.68);
    margin: auto;
  }
  .sec03 .shape .fukidashi {
    background: url(../images/sec03-fkds1_sp.png) right bottom no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: calc(251vw / 7.68);
    margin-top: calc(30vw / 7.68);
  }
  .sec03 .fight .fukidashi {
    background: url(../images/sec03-fkds2_sp.png) right bottom no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: calc(281vw / 7.68);
    margin-top: calc(30vw / 7.68);
  }
  .sec03 .air .fukidashi {
    background: url(../images/sec03-fkds3_sp.png) right bottom no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: calc(251vw / 7.68);
    margin-top: calc(30vw / 7.68);
  }

  .sec03 .shape p {
    font-size: calc(20vw / 7.68);
    padding-left: calc(88vw / 7.68);
    padding-top: calc(34vw / 7.68);
    width: calc(528vw / 7.68);
  }
  .sec03 .fight p {
    font-size: calc(20vw / 7.68);
    padding-left: calc(260vw / 7.68);
    padding-top: calc(34vw / 7.68);
    width: calc(648vw / 7.68);
  }
  .sec03 .air p {
    font-size: calc(20vw / 7.68);
    padding-left: calc(90vw / 7.68);
    padding-top: calc(70vw / 7.68);
    width: calc(524vw / 7.68);
  }
  .sec03 a.sec02_btn {
    font-size: calc(24vw / 7.68);
    color: #0455b7;
    width: calc(458vw / 7.68);
    line-height: calc(64vw / 7.68);
    border-radius: calc(38vw / 7.68);
  }
  .sec03 .inner02{
    width: 100%;
    margin: auto;
    position: relative;
    background: #fffbed url(../images/sec03-bg1_sp.png) no-repeat center bottom;
    background-size: 100% auto;
    padding: calc(100vw / 7.68) 0;
  }
  .sec03 .inner02 h2{
    margin-bottom: calc(36vw / 7.68);
    font-size: calc(46vw / 7.68);
    padding-bottom: calc(24vw / 7.68);
  }
  .sec03 .inner02 h2 .font-s{
    font-size: calc(38vw / 7.68);
  }
  .sec03 .inner02 .flex{
    align-items: flex-start;
    margin-bottom: calc(30vw /7.68);
    display: inherit;
  }
  .sec03 .inner02 .left{
    width: calc(628vw / 7.68);
    margin: 0 auto calc(30vw / 7.68);
    position: relative;
  }
  .sec03 .inner02 .right{
    width: calc(628vw / 7.68);
    margin: 0 auto;
  }
  .sec03 .inner02 .right p{
    font-size: calc(28vw / 7.68);
  }
  .sec03 .inner02 .mazuha{
    height: calc(447vw / 7.68);
    background:url(../images/sec03-p9_sp.png) no-repeat top left;
    background-size: 100% auto;
    font-size: calc(20vw / 7.68);
    width: calc(638vw / 7.68);
    margin: 0 auto;
  }
  .sec03 .inner02 .mazuha p{
    padding-top: calc(310vw / 7.68);
    padding-left: calc(50vw / 7.68);
    width: calc(586vw / 7.68);
  }
  .sec03 .inner02 .note {
    text-align: left;
    margin: calc(30vw / 7.68) auto calc(50vw / 7.68);
    font-size: calc(20vw / 7.68);
    width: calc(628vw / 7.68);
  }
  .sec03 .inner02 .left p{
    font-size: calc(27vw / 7.68);
    position: absolute;
    top: 32%;
    left: 55%;
  }
  .sec04 {
    background: url(../images/sec04-bg_sp.png) top center no-repeat;
    background-size: 100% 100%;
    padding: calc(140vw / 7.68) 0 calc(100vw / 7.68);
    text-align: center;
  }
  .sec04 h3 {
    font-size: calc(38vw / 7.68);
    margin-bottom: 0.8em;
    line-height: 1.3;
  }
  .sec04 .pink-wrap {
    width: calc(524vw / 7.68);
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .sec04 .pink-wrap .pink-box {
    background-size: inherit;
    border-radius: calc(80vw / 7.68) 0;
    width: calc(240vw / 7.68);
    height: calc(240vw / 7.68);
    font-size: calc(36vw / 7.68);
    margin-bottom: calc(40vw / 7.68);
  }
  .sec04 .note {
    font-size: calc(20vw / 7.68);
  }

  a.link {
    width: calc(505vw / 7.68);
    background: url(../images/link-arr.svg) no-repeat right 1.5% center #173171;
    background-size: calc(64vw / 7.68);
    font-size:calc(38vw / 7.68);
    height: calc(86vw / 7.68);
    padding: 0;
    border-radius: calc(43vw / 7.68);
    line-height: 2;
  }
  a.link.link02 {
    background: url(../images/link-arr.svg) no-repeat right 1.5% center #173171;
    background-size: calc(64vw / 7.68);
    line-height: 2;
    padding: 0;
  }
  
  .sec05 .imglist > div {
    width: calc(100% / 2);
    line-height: 1;
    height: calc(268vw / 7.68);
    background-size: 100%;
  }
  .sec05 .imglist .img1 ,.sec05 .imglist .img2,.sec05 .imglist .img3,.sec05 .imglist .img4,
  .sec05 .imglist .img5,.sec05 .imglist .img6{
    background-size:auto 100%;
  }
  .sec05 .imglist > div span {
    bottom: 0;
    left: 0px;
    padding: calc(7vw / 7.68) 1.2em;
    font-size: calc(20vw / 7.68);
    line-height: 1.2;
    font-weight: 600;
  } 
  .sec06 h2 {
    line-height: 1.3;
  }
  .sec06 {
    font-size: calc(47vw / 7.68);
    height: auto;
    background: url(../images/sec06-bg_sp.png) no-repeat;
    background-size: 100% auto;
    padding: calc(80vw / 7.68) 0;
  }

    
  .foot_inner {
    padding: calc(90vw / 7.68) 0 calc(300vw / 7.68);
    width: 100%;
    margin: auto;
    background: #fff;
  }
}

@media screen and (min-width: 1280px) {

.sec07 .imglist > div {
  width: 426px;
}
.sec03 .splide__slide a .slide-ttl{
  bottom:-76px;
}
}

/*# sourceMappingURL=style.css.map */