/*
Theme Name:
*/
*{box-sizing: border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, address,
em, img, small, strong, b, i,dl, dt, dd, ol, ul, li, form, label, table, caption,
tbody, tfoot, thead, tr, th, td, article, canvas, footer, header, menu, nav, section,
time, audio, video, figure , button
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{-webkit-appearance: none;border-radius: 0;}
body {
  font-weight: 500;
  font-size: 18.8px;
  line-height: 1.6;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #403e3b;
  position: relative;
}
small{display: block;}
address{font-style: normal;}
article, footer, header, menu, nav, section {display: block;}
ul {list-style: none; }
a {margin: 0;color: inherit;padding: 0;font-size: 100%;text-decoration: none;vertical-align: baseline;background: transparent;}
a:link{transition: .3s;}
a:link:hover{opacity: 0.6;cursor: pointer;}
table {border-collapse: collapse;border-spacing: 0; }
em, b {font-style: normal; }
img {max-width: 100%;vertical-align: bottom;}
hr {display: block;height: 1px;margin: 0;padding: 0;border: 0;outline: 0; }
input, select {vertical-align: middle;}

@media screen and (max-width:440px){
  body {
    font-size: 16px;
  }
}

:root{
  --Montserrat: 'Montserrat', sans-serif;
  --serif: 'Noto Serif JP', serif;
  --yellow: #ffd04a;
  --bg_gray: #f4f3f3;
  --lightGray: #bebebe;
  --gray: #828282;
}
.pc{display: block;}
.sp{display: none;}
.font15{
  font-size: 0.9375em;
  line-height: 1.8;
  letter-spacing: 0.5px;
}
/*//////////////////////////////
    header
//////////////////////////////*/
header{
  position: fixed;
  top: 0;
  left: 6vw;
  height: auto;
  z-index: 102;
  background: rgba(255,255,255,0.9);
  transition: 0.5s;
  padding: 20px 20px 30px 0;
  max-width: 268px;
  width: 100%;
}
header h1{
  width: 142px;
  padding-left: 20px;
}
header nav{
  padding: 25px 0 5px 30px;
}
header nav li{
  font-size: 11px;
  margin-bottom: 14px;
  position: relative;
}
header nav li.pagein::before{
  content: "";
  position: absolute;
  height: 6px;
  width: 6px;
  display: block;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  background: #403e3b;
  opacity: 1;
}

header nav li.clicked::before{
  content: "";
  position: absolute;
  height: 6px;
  width: 6px;
  display: block;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  background: #403e3b;
  opacity: 1;
}

header nav li a{
  position: relative;
}
header nav li a::after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  display: block;
  background: #403e3b;
  height: 1px;
  transition: .2s;
}
header nav li a:link:hover{
  opacity: 1;
}
header nav li a:hover::after{
  width: 100%;
}
nav ul li span{
  font-size: 12px;
  font-family: var(--Montserrat);
}
.enter{
  position: relative;
  text-align: center;
}
.enter a{
  background: var(--yellow);
  padding: 10px;
  font-size: 12px;
  display: block;
}
.enter::after{
  content: "";
  background: url(https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/common/enter_arrow.png)no-repeat center / contain;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: block;
  height: 12px;
  width: 8px;
}
/* /////////////////////////////
      footer
///////////////////////////// */
small{
  font-size: 11px;
  color: #fff;
  position: fixed;
  bottom: 20px;
  left: 30px;
  width: 100%;
}

/* /////////////////////////////
      main
///////////////////////////// */
.scroll {
	width: 11px;
	height: 120px;
	position: fixed;
	right: 75px;
	bottom: 0;
	z-index: 3;
}
.scroll p{
  color: #FFF;
  font-size: 11px;
  font-family: var(--Montserrat);
  letter-spacing: 2px;
  transform: rotate(180deg);
  white-space: nowrap;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  line-height: 1;
}
.scroll::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 55px;
	background: #fff;
	animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
	0% {
		transform: scale(1, 0);
		transform-origin: 0 0;
	}
	50% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	50.1% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
	}
	100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
}


.flex_item{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.inner{
  padding: 0 25px;
}
.one {
  position: relative;
  width: 100%;
}
.bg {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 1s ease 0s;
  position: fixed;
}
.bg.on {
  opacity: 1;
}

.show .bg {
  opacity: 1;
}




/*  */
.bg.sec1 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_01.png")no-repeat center / cover;
}
.bg.sec2 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_02.png")no-repeat center / cover;
}
.bg.sec3 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_03.png")no-repeat center / cover;
}
.bg.sec4 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_04.png")no-repeat center / cover;
}
.bg.sec5 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_05.png")no-repeat center / cover;
}
.bg.sec6 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_06.png")no-repeat center / cover;
}
.bg.sec7 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_07.png")no-repeat center / cover;
}
.bg.sec8 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_08.png")no-repeat center / cover;
}
.bg.sec9 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_09.png")no-repeat center / cover;
}
.bg.sec10 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_10.png")no-repeat center / cover;
}
.bg.sec11 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_11.png")no-repeat center / cover;
}
.bg.sec12 {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_12.png")no-repeat center / cover;
}

.bg.on{
  position: fixed;
  opacity: 1;
}

/*  */
/* .sc01 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_01.png")no-repeat center / cover;
}
.sc02 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_02.png")no-repeat center / cover;
}
.sc03 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_03.png")no-repeat center / cover;
}
.sc04 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_04.png")no-repeat center / cover;
}
.sc05 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_05.png")no-repeat center / cover;
}
.sc06 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_06.png")no-repeat center / cover;
}
.sc07 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_07.png")no-repeat center / cover;
}
.sc08 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_08.png")no-repeat center / cover;
}
.sc09 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_09.png")no-repeat center / cover;
}
.sc10 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_10.png")no-repeat center / cover;
}
.sc11 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_11.png")no-repeat center / cover;
}
.sc12 .bg {
  background: url("https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/bg/bg_12.png")no-repeat center / cover;
} */

.onebox {
  height: 100%;
  margin-right: 16vw;
  width: 440px;
  background: #fff;
  margin-left: auto;
}
.bg_gray{
  background: var(--bg_gray);
}
.rubi{
  vertical-align: text-top;
  font-size: 70%;
  line-height: 0;
  display: inline-block;
  padding-top: 12px;
}
.attend{
  font-size: 14px;
  display: flex;
}
.attend::before{
  content: "＊";
  display: block;
}
.attend_right{
  font-size: 0.75em;
  display: flex;
  justify-content: flex-end;
}
.attend_kome{
  font-size: 0.75em;
  display: flex;
}
.attend_kome.right{
  justify-content: flex-end;
}
.attend_kome::before{
  content: "※";
  display: block;
}
.sc_ttl{
  margin-bottom: 6vh;
  text-align: center;
}
.sc_ttl span{
  font-size: 1.25em;
  font-family: var(--Montserrat);
  letter-spacing: 2px;
  border-bottom: solid 1px;
  padding: 4px 10px;
}

/* セクション01 */
.sc01 .inner{
  padding-bottom: 7.9vh;
}
.sc01_img01{
  max-width: 380px;
  width: 86%;
}
.sc01_txt01{
  text-align: center;
  width: 14%;
  position: relative;
  height: 550px;
  white-space: nowrap;
}
.sc01_txt01 span{
  font-family: var(--Montserrat);
  letter-spacing: 2px;
  font-size: 0.6875em;
  position: absolute;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.sc01 h2{
  font-size: 2em;
  font-family: var(--serif);
  margin-top: 20px;
  margin-bottom: 7.5vh;
  line-height: 1.4;
  font-weight: 400;
}
.sc01 h2 .rubi{
  padding-top: 20px;
}
.sc01_txt02{
  font-family: var(--serif);
  font-size: 1.1875em;
  margin-bottom: 5vh;
  font-weight: 500;
}
.sc01_txt03{
  font-size: 1em;
  margin-bottom: 3vh;
  font-weight: 300;
  letter-spacing: 1px;
}

/* セクション02 */
.sc02 .inner{
  padding: 125px 25px;
}
.sc02 h2{
  font-size: 1.625em;
  font-family: var(--serif);
  letter-spacing: 2px;
  margin-bottom: 4vh;
}
.sc02_txt01{
  font-size: 0.9375em;
  text-align: justify;
  line-height: 2;
}
.sc02_txt02{
  font-size: 0.9375em;
  margin: 2vh 0 4vh;
}
.sc02_txt03{
  font-size: 0.9375em;
  text-align: center;
  margin-bottom: 2vh;
}
.sc02_img01{
  margin-bottom: .6vh;
}
.sc02 .attend_right{
  margin-bottom: 3vh;
}

/* セクション03 */
.sc03 .onebox{
  position: relative;
}
.sc03 .sc_ttl{
  color: #fff;
  position: absolute;
  top: 6vh;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
}
.sc03 .philosophy_ttl{
  height: 510px;
}
.philosophy .philosophy_ttl{
  margin: 8vh auto;
  position: relative;
  white-space: nowrap;
}
.philosophy .philosophy_ttl .vertical{
  font-size: 1.1875em;
  font-family: var(--serif);
  position: absolute;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 2;
  letter-spacing: 2px;
}
.upright{
  margin-top: -10px;
}
.sc03_img02{
  margin-bottom: 6vh;
  margin-left: auto;
  max-width: 410px;
  width: 93%;
}
.sc03_img03{
  max-width: 410px;
  width: 93%;
}

/* セクション04 */
.sc04 .onebox{
  padding-top: 8vh;
}
.sc04 .philosophy_ttl.ttl01{
  height: 392px;
  margin-top: 0;
}
.sc04_img01{
  margin-bottom: 6vh;
  margin-left: auto;
  max-width: 316px;
  width: 76%;
}
.sc04_img02{
  max-width: 410px;
  width: 94%;
}
.sc04 .philosophy_ttl_area{
  position: relative;
  white-space: nowrap;
  height: 470px;
  margin: 6vh auto;
}
.philosophy_ttl_inner{
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sc04 .philosophy_ttl_area p{
  font-size: 1.1875em;
  font-family: var(--serif);
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.philosophy_ttl_area p.philosophy_attend{
  font-size: 0.75em;
  display: flex;
  font-family: 'Noto Sans JP', sans-serif;
  margin-right: 20px;
}
.philosophy_attend::before {
  content: "＊";
  display: block;
}
.sc04_img03{
  margin-left: auto;
  max-width: 410px;
  width: 94%;
}

/* セクション05 */
.sc05 .onebox{
  padding-top: 6vh;
  padding-bottom: 125px;
}
.sc05 .philosophy_ttl.ttl01{
  height: 430px;
  margin-top: 0;
}
.sc05 .philosophy_ttl.ttl02{
  height: 592px;
}
.sc05_img01{
  max-width: 410px;
  width: 94%;
}
.sc05_img02{
  margin-left: auto;
  max-width: 410px;
  width: 94%;
}

/* セクション06 */
.sc06 .onebox{
  padding-bottom: 125px;
}
.sc06 .sc_ttl{
  padding-top: 6vh;
}
.sc06 h2,.sc07 h2 {
  font-size: 1.625em;
  font-family: var(--serif);
  letter-spacing: 2px;
  margin: 6.5vh auto 2.8vh;
}
.sc06_img01{
  margin: auto -25px;
  width: calc(100% + 50px);
}
.sc06_txt01{
  font-size: 0.9375em;
  text-align: justify;
  line-height: 2;
  margin-bottom: 3vh;
  letter-spacing: -0.5px;
}
.sc06_item01{
  border-top: solid 1px var(--lightGray);
  border-bottom: solid 1px var(--lightGray);
  padding: 3vh 0;
  margin: 7.9vh auto;
  max-width: 350px;
  width: 100%;
}
.sc06_item01 h3{
  font-size: 1.1875em;
  font-family: var(--serif);
  margin-bottom: 2vh;
  letter-spacing: 2px;
}
.sc06_item01_txt{
  text-align: center;
}
.sc06_item01_txt .attend{
  justify-content: center;
  margin-bottom: 3.2vh;
}
.sc06_txt02{
  font-family: var(--Montserrat);
  font-size: 0.875em;
  letter-spacing: 2px;
}
.sc06_img02,.sc06_img03{
  margin: auto;
  max-width: 246px;
  width: 100%;
}
.sc06_img02{
  margin-bottom: 2.5vh;
}
.sc06_item02{
  margin: 4vh auto 3vh;
  max-width: 330px;
  width: 100%;
}
.sc06_item03{
  background: #fff;
  margin-left: auto;
  max-width: 410px;
  width: 93%;
}
.sc06_txt03{
  text-align: justify;
  font-size: 0.9375em;
  margin-bottom: 2vh;
  letter-spacing: 0.8px;
  line-height: 1.8;
}
.sc06_item03_ttl{
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 3.5vh 0 3.2vh;
}
.sc06_item03_ttl p{
  margin: auto 10px;
}
.sc06_item03_ttl img{
  width: 12px;
}
.sc06_item03_txt01{
  font-family: var(--serif);
  padding-left: 25px;
  font-size: 1.25em;
  margin-bottom: 4vh;
  line-height: 1.8;
}
.sc06_img04{
  max-width: 380px;
  width: 93%;
}
.sc06_item03_txt02{
  font-size: 0.9375em;
  text-align: justify;
  padding: 4vh 3vh;
  line-height: 1.8;
  letter-spacing: 0.2px;
}

/* セクション07 */
.sc07 .sc_ttl {
  padding-top: 6vh;
}
.sc07_txt01{
  font-size: 0.9375em;
  text-align: justify;
  line-height: 2;
  margin-bottom: 3vh;
}
.sc07_img01{
  margin: auto -25px;
  width: calc(100% + 50px);
}
.sc07_img02{
  margin-bottom: 4vh;
}
.sc07 .sc06_item01{
  counter-reset: number 0;
}
.sc07 .sc06_item01 .attend{
  margin-bottom: 1.6vh;
}
.sc07 .sc06_item01 .attend::before {
  counter-increment: number 1;
  content: "＊" counter(number) "";
  white-space: nowrap;
  margin-right: 5px;
}
.sc07_item01{
  text-align: center;
  margin-bottom: 7.9vh;
}
.sc07_item01_txt01{
  font-size: 1.0625em;
}
.sc07_txt03{
  text-align: justify;
  font-size: 0.9375em;
  margin-bottom: 2vh;
  letter-spacing: -0.3px;
  line-height: 1.8;
}
.sc07_img03{
  margin: 4vh auto 3vh;
  max-width: 330px;
  width: 91%;
}
.sc07_img04{
  max-width: 380px;
  width: 93%;
}

/* セクション08 */
.sc08 .onebox{
  padding: 125px 25px;
}
.sc08 h2 {
  font-size: 1.5em;
  font-family: var(--serif);
  letter-spacing: 2px;
  margin: 0 auto 3vh;
}
.sc08_txt01{
  letter-spacing: 0;
  margin-bottom: 2.6vh;
}
.sc08_txt01,.sc08_txt02{
  text-align: justify;
  letter-spacing: 0;
}
.how_to{
  margin-top: 9.5vh;
}
.how_to .attend{
  margin-top: 2.6vh;
}
.how_to_ttl{
  align-items: center;
  display: flex;
}
.how_to_ttl p{
  font-family: var(--Montserrat);
  font-size: 1.25em;
  padding-right: 20px;
}
.how_to_ttl h3{
  border-left: solid 1px var(--lightGray);
  font-size: 1.1875em;
  padding-left: 20px;
  letter-spacing: 1px;
}
.how_to_img{
  margin: 2.4vh auto;
}

/* セクション09 */
.sc09 .onebox{
  padding: 8vh 0 7.9vh;
}
.sc09_img01{
  margin: auto -25px;
  width: calc(100% + 50px);
}
.sc09 h2 {
  font-size: 1.625em;
  font-family: var(--serif);
  letter-spacing: 2px;
  margin: 7.9vh auto 4vh;
}
.sc09 .font15{
  text-align: justify;
  letter-spacing: 0;
}
.sc09_img02{
  margin: 4vh auto 1.3vh;
}
.sc09_txt01{
  font-size: 0.8125em;
}
.sc09_txt02{
  font-size: 1.625em;
  font-family: var(--serif);
  margin: 7.9vh auto 4vh;
}
.sc09_txt03{
  text-align: justify;
  margin-bottom: 2vh;
  line-height: 1.8;
}
.sc09_img03{
  margin-top: 4vh;
}

/* セクション10 */
.sc10 .inner{
  padding: 125px 0 125px 25px;
}
.faq_list dt{
  padding: 16px 0;
  position: relative;
}
.faq_list{
  border-bottom: solid 1px var(--lightGray);
  position:relative;
}
.faq_list dd {
  display: none;
  padding-bottom: 20px;
}
.faq_icon{
  color: var(--lightGray);
}
.open_icon::after, .open_icon::before {
  content: "";
  background: var(--lightGray);
  display: block;
  position: absolute;
  transition: .3s;
}
.open_icon::before {
  top: 20px;
  right: 34px;
  height: 18px;
  width: 1px;
}
.open_icon::after {
  top: 29px;
  right: 25px;
  height: 1px;
  width: 18px;
}
.active .open_icon::before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.faq_q,.faq_a{
  padding-right: 60px;
}
.faq_txtarea{
  text-align: justify;
  letter-spacing: 0.5px;
}
.faq_a .attend_kome{
  margin-top: 1vh;
}

/* セクション11 */
.sc11 .onebox{
  background: #faf3e9;
  padding-top: 7vh;
  padding-bottom: 5vh;
}
.sc11 .sc_ttl {
  margin-bottom: 4vh;
}
.sc11 h2{
  font-size: 1.25em;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 6vh;
}
.sc11_txt01{
  font-size: 1.25em;
  line-height: 1.8;
  margin: 6vh auto;
}
.sc11_txt02{
  letter-spacing: -0.4px;
  text-align: justify;
  margin-bottom: 7.9vh;
}
.sc11_txt02 .red{
  font-size: 1.125em;
  color: #d0574e;
  margin-right: 5px;
}
.sc11_item01{
  background: #fff;
}
.sc11_item01_ttl{
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 3.5vh 0;
}
.sc11_item01_ttl p{
  font-size: 1.0625em;
  line-height: 1.4;
  text-align: center;
  padding: 0 20px;
}
.sc11_item01_ttl img{
  width: 12px;
}
.sc11_detail01,.sc11_detail02{
  margin-bottom: 7.9vh;
}
.sc11_num{
  margin-bottom: 3vh;
  text-align: center;
}
.sc11_num span{
  background: #f8efdd;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  font-family: var(--Montserrat);
  font-size: 1.4375em;
  text-align: center;
  display: inline-block;
  line-height: 1;
  padding: 5px;
}
.sc11_txt03{
  text-align: justify;
  padding: 0 25px;
}
.sc11_detail01 .sc11_txt03{
  margin-bottom: 4.5vh;
}
.sc11_txt04{
  text-align: center;
  margin-bottom: 4vh;
  font-weight: bold;
}
.sc11_img02{
  padding: 0 5px;
}
.sc11_detail02 .attend{
  padding: 0 25px;
  margin: 2.5vh 0;
}
.sc11_img03{
  margin: auto;
  max-width: 190px;
  width: 50%;
}
.sc11_img04{
  padding: 0 25px;
}
.sc11_detail03{
  padding-bottom: 6.5vh;
}
.sc11_detail03 .sc11_txt03{
  margin-bottom: 2.5vh;
}
.sc11_item01_txtarea{
  margin: auto;
  max-width: 322px;
  width: 84.5%;
}
.sc11_item01_txtarea p{
  text-align: justify;
}
.sc11_txt05{
  margin: 4.5vh auto;
}
.sc11_txt05_02{
  letter-spacing: -0.5px;
}
.sc11_arrow{
  margin: 4.5vh auto 10vh;
  max-width: 52px;
  width: 13.6%;
}
.sc11_item02,.sc11_item03{
  margin: auto;
  max-width: 400px;
  width: 90.5%;
}
.sc11_item02{
  background: #fff;
  padding: 10vh 20px 5vh;
  margin-top: 9vh;
}
.sc11_item02 h3{
  background: #fff;
  border: solid 2px #faf3e9;
  text-align: center;
  font-size: 1.1875em;
  padding: 10px;
  margin-top: -100px;
  line-height: 1.6;
}
.sc11_img01{
  margin: auto -25px;
  width: calc(100% + 50px);
}
.sc11_img05{
  max-width: 330px;
  margin: 7vh auto 1.5vh;
  width: 100%;
}
.sc11_txt06{
  font-size: 1.125em;
}

.sc11_txt06 span,.sc11_txt07{
  font-size: 0.875em;
}
.tokuten_list{
  margin-top: 3vh;
}
.tokuten_list li{
  border-bottom: solid 1px var(--lightGray);
  padding: 2.5vh 0;
}
.tokuten_list li.tokuten04{
  padding: 1.5vh 0 4.5vh;
}
.tokuten_list li:last-child{
  border-bottom: none;
}
.tokuten_list .flex_item{
  align-items: center;
}
.red_item{
  background: #d0574e;
  color: #fff;
  padding: 2px 6px;
  font-size: 0.75em;
}
.tokuten_txtarea{
  width: 82%;
}
.tokuten_txtarea .red{
  color: #d0574e;
  font-weight: bold;
}
.weight_500{
  font-weight: 500;
}
.tokuten01 .tokuten_txtarea .red{
  font-size: 1.875em;
  line-height: 0.6;
}
.tokuten_list li .attend_kome{
  margin-top: 1.5vh;
}
.tokuten_list li .font20{
  font-size: 1.25em;
}
.tokuten02 .tokuten_txtarea p{
  align-items: center;
  display: flex;
}
.tokuten02 .tokuten_txtarea .red,
.tokuten03 .tokuten_txtarea .red{
  font-size: 1.5625em;
}
.tokuten02 .tokuten_txtarea .red{
  line-height: 1;
  letter-spacing: 2px;
}
.tokuten03 .tokuten_txtarea .font20{
  font-size: 1.25em;
  margin-left: 4px;
}
.tokuten04 .tokuten_txtarea .red{
  font-size: 1.125em;
  line-height: 1.4;
  letter-spacing: -1px;
}
.tokuten04{
  position: relative;
}
.sc11_img06{
  position: absolute;
  top: -5px;
  right: -20px;
  max-width: 130px;
  width: 38%;
}
.kome_area p{
  padding-bottom: 1vh;
}
.tel{
  border: solid 1px var(--lightGray);
  padding: 10px 0;
  text-align: center;
  position: relative;
  margin: 4.5vh 0 5vh;
}
.tel_txt01{
  background: #fff;
  top: -20px;
  font-size: 1.0625em;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  padding: 4px 0;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
}
.tel_txt02{
  align-items: center;
  display: flex;
  justify-content: center;
  font-weight: 500;
  font-size: 1.75em;
}
.tel_txt02 span{
  font-size: 10px;
  font-weight: 500;
  margin-right: 5px;
}
.sc11_item02 .enter{
  margin: auto;
  max-width: 322px;
  width: 92%;
}
.sc11_item02 .enter a{
  font-size: 0.9125em;
  letter-spacing: 3px;
  padding: 15px 20px 15px 10px;
  line-height: 1.2;
}
.sc11_item02 .enter::after{
  right: 10px;
  height: 14px;
  width: 10px;
}
.sc11_item03{
  background: #fff;
  margin-top: 1.5vh;
  padding: 4vh 20px;
}
.sc11_item03_detail01{
  border-bottom: solid 1px var(--lightGray);
  padding-bottom: 2.4vh;
}
.sc11_item03_txt01{
  font-weight: 500;
}
.sc11_item03_ttl{
  color: #d0574e;
  font-size: 1.375em;
  font-family: var(--serif);
  font-weight: 500;
  margin-bottom: 1.8vh;
}
.sc11_item03 .font13{
  font-size: 0.8125em;
  text-align: justify;
  margin-bottom: 1.8vh;
  letter-spacing: 0.5px;
}
.sc11_item03 .font13.ls_0{
  letter-spacing: 0;
}
.sc11_item03 .attend_kome{
  margin-bottom: 1vh;
  text-align: justify;
}
.sc11_item03_detail02{
  padding-top: 4vh;
}
.sc11_item03_detail02 .font15{
  font-weight: bold;
  line-height: 1.4;
}
.sc11_item03 .tel{
  padding: 18px 0 18px;
  margin: 4vh auto 0;
  max-width: 322px;
  width: 84.5%;
}
.sc11_item03 .tel_txt01{
  font-size: 0.8125em;
  top: -14px;
  width: 68%;
}
.sc11_item03 .tel_txt02{
  font-size: 1.25em;
  line-height: 1.2;
}
.sc11_item03 .tel_txt03{
  font-size: 0.75em;
}

/* セクション12 */
.sc12 .onebox{
  padding: 125px 25px 35px 25px;
}
.sc12 .sc_ttl span{
  font-family: 'Noto Sans JP', sans-serif;
}
.amazon_item01{
  background: var(--bg_gray);
  text-align: center;
  padding: 2.5vh 20px;
  margin-bottom: 4vh;
}
.amazon_item01 .font18{
  line-height: 1;
}
.amazon_item01 .font15,.amazon_btn{
  margin-top: 2vh;
}
.amazon_btn{
  display: block;
}
.amazon_txt01{
  text-align: center;
}


.footer{
  margin-top: 8vh;
  text-align: center;
}
.footer .footer_menu{
  border-top: solid 1px #9f9e9d;
  border-bottom: solid 1px #9f9e9d;
  padding: 2.5vh 0;
}
.footer .footer_menu li{
  margin-bottom: 3vh;
}
.footer .footer_menu li:last-child{
  margin-bottom: 0;
}
.footer_menu02{
  border-bottom: solid 1px #9f9e9d;
  padding: 5vh 0 2.5vh;
}
.footer_logo{
  margin: auto;
  max-width: 250px;
  width: 66%;
}
.footer_menu02 p{
  margin-top: 3vh;
  font-size: 0.8125em;
}
.footer_menu03{
  padding: 2.5vh 0;
}
.footer_menu03 .attend_kome{
  justify-content: center;
}
.footer_menu03 .attend_kome p{
  width: 93%;
}
.footer_menu03 .policy_img{
  margin: 2vh auto;
  max-width: 90px;
  width: 24%;
}
.copyright{
  font-size: 0.6875em;
}
@media screen and (max-width: 1200px) {
  .onebox {
    margin-right: 12vw;
  }
}
@media screen and (max-width: 1000px) {
  .onebox {
    margin-right: 6vw;
  }
  .scroll p{
    color: var(--gray);
  }
  .scroll::after{
    background: var(--gray);
  }
}
@media screen and (max-width: 900px) {
  header{
    left: 2vw;
  }
  .onebox {
    margin-right: 30px;
  }
}
@media screen and (max-width: 850px) {
  small{
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pc{display: none;}
  .sp{display: block;}
  .scroll{
    right: 20vh;
  }
  .onebox {
    margin-right: auto;
  }
  header{
    left: 0;
    max-width: none;
    padding: 0;
    position: fixed;
    background-color: transparent;
  }
  header h1 {
    padding: 10px;
    width: 190px;
  }
  /*sp navi */
  .sp_navBtn{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 999;
  }
  .globalnav_btn{
    cursor: pointer;
    height: 50px;
    width: 50px;
    background: var(--gray);
  }
  .globalnav_btn p {
    font-size: 12px;
    font-family: var(--garamond);
    text-align: center;
    margin-top: auto;
  }
  .globalnav_btn span {
    background-color: #fff;
    display: block;
    height: 1px;
    right: 14px;
    position: absolute;
    width: 21px;
  }
  .globalnav_btn span:nth-of-type(1),
  .globalnav_btn span:nth-of-type(2),
  .globalnav_btn span:nth-of-type(3) {
    transition: .3s;
  }
  .globalnav_btn span:nth-of-type(1) {
    top: 18px;
  }
  .globalnav_btn span:nth-of-type(2) {
    top: 25px;
  }
  .globalnav_btn span:nth-of-type(3) {
    top: 32px;
  }
  .open .globalnav_btn span:nth-of-type(1),
  .open .globalnav_btn span:nth-of-type(3){
    top: 25px;
  }
  .open .globalnav_btn span:nth-of-type(1){
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
  }
  .open .globalnav_btn span:nth-of-type(2) {
    opacity: 0;
  }
  .open .globalnav_btn span:nth-of-type(3) {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  .sp-menu-wrapper{
    margin: auto;
    max-width: 255px;
    width: 100%;
  }
  header nav {
    padding: 65px 0 15px 0;
  }
  header nav li {
    font-size: 13px;
    margin-bottom: 25px;
    position: relative;
  }
  nav ul li span {
    font-size: 16px;
  }
  header nav li a{
    display: block;
  }
  header nav li a::after{
    content: "";
    background: url(https://cdn.urr.jp/Advanceds/1064/PKG3KS/img/common/enter_arrow.png)no-repeat center / contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    height: 13px;
    width: 10px;
  }
  .enter a{
    font-size: 14px;
  }
  .enter::after{
    height: 13px;
    width: 10px;
  }
 .sp-menu{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 800;
   height: 100vh;
   overflow-y: scroll;
   background: #fff;
 }
  .pcnav{
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .scroll{
    right: 10vh;
  }
}
@media screen and (max-width: 440px) {
  .attend{
    font-size: 0.75em;
  }
  .rubi{
    padding-top: 10px;
  }
  .onebox {
    position: static;
    transform: none;
    width: 100%;
    min-height: auto;
  }
  .bg{
    display: none;
  }
  .sc01_img01 {
    max-width: 100%;
    width: calc(100% - 50px);
  }
  .sc01_txt01{
    height: 472px;
    width: 50px;
  }
  .sc02 .inner,.sc08 .onebox{
    padding: 110px 25px;
  }
  .sc03 .philosophy_ttl {
    height: 430px;
  }
  .sc04 .philosophy_ttl.ttl01 {
    height: 330px;
  }
  .sc04 .philosophy_ttl_area{
    height: 360px;
  }
  .sc05 .philosophy_ttl.ttl01 {
    height: 360px;
  }
  .sc05 .philosophy_ttl.ttl02 {
    height: 500px;
  }
  .sc05 .onebox,.sc06 .onebox{
    padding-bottom: 110px;
  }
  .sc06_item01{
    max-width: 295px;
  }
  .sc06_img02,.sc06_img03{
    max-width: 210px;
  }
  .sc06_item02{
    max-width: 280px;
  }
  .faq_txtarea{
    letter-spacing: 0;
  }
  .sc10 .inner{
    padding: 110px 0 110px 25px;
  }
  .sc11_item02{
    padding: 90px 20px 5vh;
  }
  .sc11_item02 h3{
    margin-top: -115px;
  }
  .sc11_item02 .enter::after{
    right: 10px;
    height: 12px;
    width: 9px;
  }
  .sc11_img05{
    max-width: 260px;
    margin-top: 50px;
  }
  .sc11_txt06,.sc11_txt07{
    padding-left: 10px;
  }
  .sc12 .onebox{
    padding: 110px 25px 35px 25px;
  }
}
@media screen and (max-width: 375px) {
  .scroll{
    right: 20px;
  }
}

/***********************
        animation
***********************/
.delay01 { animation-delay:0.1s;}
.delay02 { animation-delay:0.2s; }
.delay03 { animation-delay:0.3s; }
.delay04 { animation-delay:0.4s; }
.delay05 { animation-delay:0.5s; }
.delay06 { animation-delay:0.6s; }
.delay07 { animation-delay:0.7s; }
.delay08 { animation-delay:0.8s; }
.delay09 { animation-delay:0.9s; }
.delay10 { animation-delay:1s;}
.delay11 { animation-delay:1.1s; }
.delay12 { animation-delay:1.2s; }
.delay13 { animation-delay:1.3s; }
.delay14 { animation-delay:1.4s; }
.delay15 { animation-delay:1.5s; }
.delay16 { animation-delay:1.6s; }
.delay17 { animation-delay:1.7s; }
.delay18 { animation-delay:1.8s; }
.delay19 { animation-delay:1.9s; }
.delay20 { animation-delay:2s;}
.delay21 { animation-delay:2.1s;}
.delay22 { animation-delay:2.2s; }
.delay23 { animation-delay:2.3s; }
.delay24 { animation-delay:2.4s; }
.delay25 { animation-delay:2.5s; }
.delay26 { animation-delay:2.6s; }
.delay27 { animation-delay:2.7s; }
.delay28 { animation-delay:2.8s; }
.delay29 { animation-delay:2.9s; }
.delay30 { animation-delay:3s;}
.delay31 { animation-delay:3.1s; }
.delay32 { animation-delay:3.2s; }
.delay33 { animation-delay:3.3s; }
.delay34 { animation-delay:3.4s; }
.delay35 { animation-delay:3.5s; }
.delay36 { animation-delay:3.6s; }
.delay37 { animation-delay:3.7s; }
.delay38 { animation-delay:3.8s; }
.delay39 { animation-delay:3.9s; }
.delay40 { animation-delay:4s;}
.animated{opacity: 0;}
.animation{opacity: 1;}



/* 飛び先調整 */

#point01{
  position: absolute;
  top: 15px;
  z-index: 10000;
  width: 1px;
  height: 1px;
  right: 0px;
  display: block;
  background: transparent;
}

#point02{
  position: absolute;
  top: 15px;
  z-index: 10000;
  width: 1px;
  height: 1px;
  right: 0px;
  display: block;
  background: transparent;
}
#episode{
  position: absolute;
  top: 60px;
  z-index: 10000;
  width: 1px;
  height: 1px;
  right: 0px;
  display: block;
  background: transparent;
}

#philosorhy{
  position: absolute;
  top: 15px;
  z-index: 10000;
  width: 1px;
  height: 1px;
  right: 0px;
  display: block;
  background: transparent;
}
#how_to_use{
  position: absolute;
  top: 70px;
  z-index: 10000;
  width: 1px;
  height: 1px;
  right: 0px;
  display: block;
  background: transparent;
}

#support{
  position: absolute;
  top: 15px;
  z-index: 10000;
  width: 1px;
  height: 1px;
  right: 0px;
  display: block;
  background: transparent;
}
#faq{
  position: absolute;
  top: 85px;
  z-index: 10000;
  width: 1px;
  height: 1px;
  right: 0px;
  display: block;
  background: transparent;
}

#special_set{
  position: absolute;
  top: 15px;
  z-index: 50;
  width: 1px;
  height: 1px;
  right: 0px;
  display: block;
  background: transparent;s
}