@charset "UTF-8";


/* ================================================================= */
/* ======================== 0 〜 824px以上 =========================== */
/* ============================================================== */

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

/*========== about共通 ==========*/
#about {
 margin-top: 200px;
}

/*========== aboutarea ==========*/
#about .aboutarea {
 text-align: center;
}
#about .aboutarea h2 {
 font-size: 30px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
}
#about .aboutarea h2 span {
 display: block;
 font-size: 14px;
 margin-top: 10px;
}
#about .aboutarea h3 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 line-height: 1.2;
 margin: 40px 0;
}
#about .aboutarea p {
 font-size: 16px;
 line-height: 2;
 font-family: 'Noto Serif JP', sans-serif;
margin-bottom: 50px;
}
#about .aboutarea p span {
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
}
#about .aboutarea .block {
 margin-bottom: 60px;
}
#about .aboutarea .block .left {
 width: 100%;
}
#about .aboutarea .block .right {
 width: 100%;
}
#about .aboutarea .block .right .inner {
 width: 86.667%;
 margin: 30px auto 0;
 text-align: left;
}
#about .aboutarea .block p.credit {
 font-size: 18px;
 font-style: italic;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 color: #c2a915;
 line-height: 1;
 margin-bottom: 15px;
}
#about .aboutarea .block h4 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 line-height: 1.2;
 margin-bottom: 30px;
}
#about .aboutarea .block h4 span {
 font-size: 16px;
}
#about .aboutarea .block p {
 font-family: inherit;
 font-size: 16px;
 line-height: 2;
 margin-bottom: 0;
}
#about .block .right .inner .simulator,
#about .block .right .inner .detail {
 width: 92.30%;
 max-width: 300px;
 height: 52px;
 line-height: 50px;
 margin: 30px auto 0;
}
#about .block .right .inner .simulator a,
#about .block .right .inner .detail a {
 display: block;
 border: 1px solid #c2a915;
 border-radius: 3px;
 color: #c2a915;
 background-color: #ffffff;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
}
#about .aboutarea .makearea {
 background-color: #f9f9f9;
 padding-top: 50px;
}
#about .aboutarea .makearea h3 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 line-height: 1.2;
 margin: 0 0 40px;
}
#about .aboutarea .makearea ul {
 width: 74.667%;
 margin: 0 auto 60px;
}
#about .aboutarea .makearea ul li {
 margin-bottom: 25px;
}
#about .aboutarea .makearea .img {
 padding-bottom: 55px;
}


/*========== about scene ==========*/
#about .scenearea {
 text-align: center;
}
#about .scenearea h2 {
 font-size: 30px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
}
#about .scenearea h2 span {
 display: block;
 font-size: 14px;
 margin-top: 10px;
}
#about .scenearea h3 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 line-height: 1.2;
 margin: 40px 0;
}
#about .scenearea p {
 font-size: 16px;
 line-height: 2;
 font-family: 'Noto Serif JP', sans-serif;
 margin-bottom: 50px;
}
#about .scenearea p span {
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
}
#about .scenearea .block {
 margin-bottom: 60px;
}
#about .scenearea .block .left {
 width: 100%;
}
#about .scenearea .block .right {
 width: 100%;
}
#about .scenearea .block .right .inner {
 width: 86.667%;
 margin: 30px auto 0;
 text-align: left;
}
#about .scenearea .block p.credit {
 font-size: 18px;
 font-style: italic;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 color: #c2a915;
 line-height: 1;
 margin-bottom: 15px;
}
#about .scenearea .block h4 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 line-height: 1.2;
 margin-bottom: 30px;
}
#about .scenearea .block h4 span {
 font-size: 16px;
}
#about .scenearea .block p {
 font-family: inherit;
 font-size: 16px;
 line-height: 2;
 margin-bottom: 0;
}
#about .block.scene01 .right .inner .hasen {
 width: 145px;
 height: auto;
 margin-top: 25px;
}
#about .block.scene02 .right .inner .hasen {
 width: 124px;
 height: auto;
 margin-top: 25px;
}
#about .block.scene03 .right .inner .hasen {
 width: 132px;
 height: auto;
 margin-top: 25px;
}
#about .block.scene04 .right .inner .hasen {
 width: 130px;
 height: auto;
 margin-top: 25px;
}
#about .block.scene05 .right .inner .hasen {
 width: 133px;
 height: auto;
 margin-top: 25px;
}
#about .block.scene06 .right .inner .hasen {
 width: 133px;
 height: auto;
 margin-top: 25px;
}

    
    
    
/*インスタゾーン*/
    
     .happy {
        width:100%;
        font-size:30px;
        color:#fff;
        margin:90px 0px 90px 0px;
        text-align: center;
        background:#000;
        padding:40px 20px;
    }
    
    .insta-zone {
        width:100%;
        margin: 40px auto;
        text-align: center;
    }    
   
    
  
    .cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 30px;
  padding:20px;
}
    
    
    .whatdoyousay {
        width:100%;
        font-size:32px;
        color:#fff;
        margin:90px 0px 0px 0px;
        text-align: center;
        background:#000;
        padding:160px 20px;
    }    
    
   

/*========== about process ==========*/
#about .processarea {
 text-align: center;
}
#about .processarea h2 {
 font-size: 30px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 margin-bottom: 40px;
}
#about .processarea h2 span {
 display: block;
 font-size: 14px;
 margin-top: 10px;
}
#about .processarea h3 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 line-height: 1.2;
 margin: 40px 0;
}
#about .processarea p {
 font-size: 16px;
 line-height: 2;
 font-family: 'Noto Serif JP', sans-serif;
 margin-bottom: 50px;
}
#about .processarea p span {
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
}
#about .processarea .madeinjapan {
 width: 100%;
 margin-bottom: 75px;
}
#about .processarea .block {
 margin-bottom: 60px;
}
#about .processarea .block .left {
 width: 100%;
}
#about .processarea .block .right {
 width: 100%;
}
#about .processarea .block .right .inner {
 width: 86.667%;
 margin: 30px auto 0;
 text-align: left;
}
#about .processarea .block h4 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 line-height: 1.2;
 margin-bottom: 30px;
}
#about .processarea .block h4 span {
 font-size: 16px;
}
#about .processarea .block p {
 font-family: inherit;
 font-size: 16px;
 line-height: 2;
 margin-bottom: 0;
}
#about .processarea .block p.credit {
 font-size: 18px;
 font-style: italic;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 color: #c2a915;
 line-height: 1;
 margin-bottom: 15px;
}
#about .block.process04 {
 width: 86.667%;
 margin: 0 auto 60px;
}
#about .block.process04 h4 {
 font-size: 30px;
 text-align: left;
 line-height: 1.2;
 margin-bottom: 25px;
}
#about .block.process04 p {
 font-size: 16px;
 line-height: 2;
 text-align: left;
 font-family: inherit;
 margin-bottom: 0;
}
#about .block.process04 .left {
 margin-bottom: 40px;
 padding: 30px;
 background-color: #f9f9f9;
 border: 1px solid #cccccc;
}

#about .block.process04 .right {
 padding: 30px;
 background-color: #f9f9f9;
 border: 1px solid #cccccc;
}
#about .block.process04 .right .inner {
 width: 100%;
 margin: 0;
}


/*========== about package ==========*/
#about .packagearea {
 text-align: center;
}
#about .packagearea h2 {
 font-size: 30px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 margin-bottom: 40px;
}
#about .packagearea h2 span {
 display: block;
 font-size: 14px;
 margin-top: 10px;
}
#about .packagearea h3 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 line-height: 1.2;
 margin: 40px 0;
}
#about .packagearea p {
 font-size: 16px;
 line-height: 2;
 font-family: 'Noto Serif JP', sans-serif;
 margin-bottom: 50px;
}
#about .packagearea p span {
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
}
#about .packagearea .block {
 margin-bottom: 50px;
}
#about .packagearea .block.package01 .inner {
 width: 86.667%;
 margin: 30px auto 0;
 text-align: left;
}
#about .packagearea .block.package01 h4 {
 font-size: 36px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: left;
 line-height: 1.2;
 margin: 40px 0;
}
#about .packagearea .block.package01 p {
 font-size: 16px;
 line-height: 2;
 font-family: inherit;
 margin-bottom: 50px;
}



}

/* ================================================================= */
/* ======================== SP END =========================== */
/* ============================================================== */




/* ================================================================= */
/* ======================== 825px以上 =========================== */
/* ============================================================== */

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

/* about共通 */
 #about {
  margin-top: 140px;
 }
 #about .block {
  margin-bottom: 100px;
 }
 #about .block .left {
  width: 48.57%;
  float: left;
 }
 #about .block:nth-child(2n+1) .left {
  float: right;
 }
 #about .block .right {
 width: 48.57%;
 float: right;
 padding-top: 30.357%;
 position: relative;
 }
 #about .block:nth-child(2n+1) .right {
  float: left;
 }
 #about .block .credit {
  font-size: 16px;
  font-style: italic;
  font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
  color: #c2a915;
  line-height: 1;
  margin-bottom: 20px;
 }
 #about .block h4 {
  font-size: 36px;
  font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
  line-height: 1.2;
  margin-bottom: 32px;
 }
 #about .block p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 0;
 }
 #about .block .right .inner .detail {
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin-top: 32px;
 }
 #about .block .right .inner .detail a {
  display: block;
  border: 1px solid #c2a915;
  border-radius: 3px;
  color: #c2a915;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
 }
 #about .block .right .inner p.txt {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 0;
 }


 /* aboutarea */
 #about .aboutarea {
 	padding: 80px 0 0;
 	text-align: center;
 }
 #about .aboutarea h2 {
 	font-size: 46px;
 	font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 	text-align: center;
 }
 #about .aboutarea h2 span {
 	display: block;
 	font-size: 16px;
 	margin-top: 20px;
 }
 #about .aboutarea p {
  font-size: 18px;
  line-height: 2;
  font-family: 'Noto Serif JP', sans-serif;
  margin-bottom: 80px;
 }
 #about .aboutarea p span {
  font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 }
 #about .aboutarea h3 {
 	font-size: 50px;
 	font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 	text-align: center;
 	margin: 50px 0;
 }
 #about .aboutarea .btn {
 	font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 	font-size: 16px;
 	color: #ffffff;
 	background-color: #c2a915;
 	text-align: center;
 	width: 250px;
 	height: 60px;
 	line-height: 60px;
 	border-radius: 3px;
 	margin: 50px auto 0;
 }
 #about .aboutarea .btn a {
 	color: #ffffff;
 	display: block;
 	font-size: 16px;
 }



/* about top */
#about .block.about01 .right .inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 410px;
 height: 230px;
 margin-top: -115px;
 margin-left: -205px;
 text-align: left;
}
#about .block.about01 .right .inner p:last-of-type {
 margin-bottom: 0;
 font-family: inherit;
 font-size: 16px;
}
#about .block.about02 .right .inner {
 text-align: left;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 495px;
 height: 324px;
 margin-top: -162px;
 margin-left: -248px;
 text-align: left;
}
#about .block.about02 .right .inner p:last-of-type {
 margin-bottom: 0;
 font-family: inherit;
 font-size: 16px;
}
#about .block.about02 .right .inner .simulator {
 width: 220px;
 height: 40px;
 line-height: 40px;
 margin-top: 32px;
}
#about .block.about02 .right .inner .simulator a {
 display: block;
 border: 1px solid #c2a915;
 border-radius: 3px;
 color: #c2a915;
 background-color: #ffffff;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
}
#about .block.about03 .right .inner,
#about .block.about04 .right .inner,
#about .block.about05 .right .inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 396px;
 height: 250px;
 margin-top: -125px;
 margin-left: -198px;
 text-align: left;
}
#about .block.about03 .right .inner p:last-of-type,
#about .block.about04 .right .inner p:last-of-type,
#about .block.about05 .right .inner p:last-of-type {
 margin-bottom: 0;
 font-family: inherit;
 font-size: 16px;
}
.makearea {
 background-color: #f9f9f9;
 padding-top: 100px;
}
.makearea ul {
 width: 840px;
 margin: 0 auto 80px;
}
.makearea ul li {
 float: left;
 width: 400px;
 height: 120px;
 line-height: 120px;
 font-size: 24px;
 text-align: center;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 margin-right: 40px;
}
.makearea ul li.playback {
 margin-right: 0;
}
.makearea .img {
 width: 1000px;
 height: auto;
 margin: 0 auto;
 padding-bottom: 100px;
}
.makearea .simulator a {
 display: block;
 color: #ffffff;
 background-color: #333855;
}
.makearea .simulator a span {
 padding-left: 40px;
 position: relative;
 line-height: 32px;
 display: inline-block;
}
.makearea .simulator a span:before {
 display: inline-block;
 content: "";
 width: 24px;
 height: 32px;
 background-image: url(/assets/images/common/icon-simulator.svg);
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
}
.makearea .playback a {
 display: block;
 color: #ffffff;
 background-color: #c2a915;
}
.makearea .playback a span {
 padding-left: 50px;
 position: relative;
 line-height: 32px;
 display: inline-block;
}
.makearea .playback a span:before {
 display: inline-block;
 content: "";
 width: 32px;
 height: 32px;
 background-image: url(/assets/images/common/icon-playback.svg);
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
}


/* about scene */
#about .scenearea {
 padding: 100px 0 0;
 text-align: center;
}
#about .scenearea h2 {
 font-size: 46px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
}
#about .scenearea h2 span {
 display: block;
 font-size: 16px;
 margin-top: 20px;
}
#about .scenearea p {
 font-size: 18px;
 line-height: 2;
 font-family: 'Noto Serif JP', sans-serif;
 margin-bottom: 80px;
}
#about .scenearea p span {
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
}
#about .scenearea h3 {
 font-size: 50px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 margin: 50px 0;
}
#about .scenearea .btn {
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 font-size: 16px;
 color: #ffffff;
 background-color: #c2a915;
 text-align: center;
 width: 250px;
 height: 60px;
 line-height: 60px;
 border-radius: 3px;
 margin: 50px auto 0;
}
#about .scenearea .btn a {
 color: #ffffff;
 display: block;
 font-size: 16px;
}
#about .block.scene01 .right .inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 360px;
 height: 250px;
 margin-top: -125px;
 margin-left: -180px;
 text-align: left;
}
#about .block.scene01 .right .inner .hasen {
 width: 182px;
 height: auto;
 margin-top: 40px;
}
#about .block.scene02 .right .inner {
 text-align: left;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 480px;
 height: 259px;
 margin-top: -128px;
 margin-left: -240px;
 text-align: left;
}
#about .block.scene02 .right .inner .hasen {
 width: 193px;
 height: auto;
 margin-top: 40px;
}
#about .block.scene03 .right .inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 410px;
 height: 257px;
 margin-top: -129px;
 margin-left: -205px;
 text-align: left;
}
#about .block.scene03 .right .inner .hasen {
 width: 193px;
 height: auto;
 margin-top: 40px;
}
#about .block.scene04 .right .inner {
 text-align: left;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 440px;
 height: 301px;
 margin-top: -150px;
 margin-left: -220px;
 text-align: left;
}
#about .block.scene04 .right .inner .hasen {
 width: 202px;
 height: auto;
 margin-top: 40px;
}
#about .block.scene05 .right .inner {
 text-align: left;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 440px;
 height: 267px;
 margin-top: -134px;
 margin-left: -220px;
 text-align: left;
}
#about .block.scene05 .right .inner .hasen {
 width: 246px;
 height: auto;
 margin-top: 40px;
}
#about .block.scene06 .right .inner {
 text-align: left;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 490px;
 height: 260px;
 margin-top: -130px;
 margin-left: -245px;
 text-align: left;
}
#about .block.scene06 .right .inner .hasen {
 width: 212px;
 height: auto;
 margin-top: 40px;
}
    

    /*インスタゾーン*/
    
    .happy {
        width:100%;
        font-size:50px;
        color:#fff;
        margin:90px 0px 60px 0px;
        text-align: center;
        background:#000;
        padding:40px 20px;
    }
    
    
    .insta-zone {
        width:90%;
        margin: 40px auto;
    }    
    
  
    .cards {
 display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 30px;
  padding:20px;
}
    
    
 .whatdoyousay {
        width:100%;
        font-size:40px;
        color:#fff;
        margin:90px 0px 0px 0px;
        text-align: center;
        background:#000;
        padding:160px 20px;
    }    
    
   

/* about process */
#about .processarea {
 padding: 100px 0 0;
 text-align: center;
}
.madeinjapan {
 width: 100%;
 margin-bottom: 100px;
 position: relative;
}
.madeinjapan .inner {
 width: 380px;
 height: 302px;
 position: absolute;
 top: 50%;
 left: 200px;
 margin-top: -151px;
}
#about .processarea .madeinjapan .inner h3 {
 font-size: 50px;
 color: #ffffff;
 text-align: left;
 line-height: 1.44;
 margin: 0;
 margin-bottom: 50px;
}
#about .processarea .madeinjapan .inner p {
 color: #ffffff;
 text-align: left;
 font-size: 18px;
 line-height: 2;
 margin: 0;
}
#about .processarea h2 {
 font-size: 46px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 margin-bottom: 80px;
}
#about .processarea h2 span {
 display: block;
 font-size: 16px;
 margin-top: 20px;
}
#about .processarea p {
 font-size: 18px;
 line-height: 2;
 font-family: 'Noto Serif JP', sans-serif;
 margin-bottom: 80px;
}
#about .processarea p span {
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
}
#about .processarea h3 {
 font-size: 50px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 margin: 50px 0;
}
#about .processarea .block .credit {
 font-size: 24px;
 font-style: italic;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 color: #c2a915;
 line-height: 1;
 margin-bottom: 20px;
}
#about .processarea .block.process01 .right .inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 425px;
 height: 250px;
 margin-top: -125px;
 margin-left: -213px;
 text-align: left;
}
#about .block.process01 .right .inner .hasen {
 width: 182px;
 height: auto;
 margin-top: 40px;
}
#about .block.process02 .right .inner {
 text-align: left;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 400px;
 height: 250px;
 margin-top: -125px;
 margin-left: -200px;
 text-align: left;
}
#about .block.process02 .right .inner .hasen {
 width: 193px;
 height: auto;
 margin-top: 40px;
}
#about .block.process03 .right .inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 470px;
 height: 250px;
 margin-top: -125px;
 margin-left: -235px;
 text-align: left;
}
#about .block.process03 .right .inner .hasen {
 width: 193px;
 height: auto;
 margin-top: 40px;
}

#about .block.process04 {
 width: 1200px;
 margin: 0 auto 100px;
}
#about .block.process04 h4 {
 font-size: 32px;
}
#about .block.process04 p {
 font-size: 14px;
 line-height: 2.2;
 text-align: left;
 font-family: inherit;
 margin-bottom: 0;
}
#about .block.process04 .left {
 width: 580px;
 float: left;
 padding: 60px;
 background-color: #f9f9f9;
 border: 1px solid #cccccc;
}

#about .block.process04 .right {
 width: 580px;
 float: right;
 padding: 60px;
 background-color: #f9f9f9;
 border: 1px solid #cccccc;
}



/* about package */
#about .packagearea {
 padding: 100px 0 0;
 text-align: center;
}
#about .packagearea .madeinjapan .inner h3 {
 font-size: 50px;
 color: #ffffff;
 text-align: left;
 line-height: 1.44;
 margin: 0;
 margin-bottom: 50px;
}
#about .processarea .madeinjapan .inner p {
 color: #ffffff;
 text-align: left;
 font-size: 18px;
 line-height: 2;
 margin: 0;
}
#about .packagearea h2 {
 font-size: 46px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
}
#about .packagearea h2 span {
 display: block;
 font-size: 16px;
 margin-top: 20px;
}
#about .packagearea p {
 font-size: 18px;
 line-height: 2;
 font-family: 'Noto Serif JP', sans-serif;
 margin-bottom: 80px;
}
#about .packagearea p span {
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
}
#about .packagearea h3 {
 font-size: 50px;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 text-align: center;
 margin: 50px 0;
}
#about .packagearea .block .credit {
 font-size: 24px;
 font-style: italic;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 color: #c2a915;
 line-height: 1;
 margin-bottom: 20px;
}
#about .packagearea .block.package01 .right .inner {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 494px;
 height: 250px;
 margin-top: -125px;
 margin-left: -247px;
 text-align: left;
}




}

/* ================================================================= */
/* ======================== PC END =========================== */
/* ============================================================== */