/* Global ----------------------------------------------------------------- */
html {
	font-size: 14px;
	width: 100%;
	height: 100%;
	line-height: 1.8em;
}

body {
min-width: auto;
color: rgba(0,0,0,1.00);
font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
/* font-family: "Shippori Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
width: 100%;
height: 100%;
position: relative;
}

article {
position: relative;
background-image: url(../images/bottom_img.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 150% auto;
padding-bottom: 15%;
}


a:link,
a:visited {
color: rgba(0,0,0,1.00);
text-decoration: none;
vertical-align: baseline;
}
a:hover {
text-decoration: none;
color: rgba(0,0,0,1.00);
}

.detail-block a {
text-decoration: underline;
}

.sp-br {
display: inline-block;
}
.pc-br {
	display: none;
}
.sp-on {
}


.flex2block,
.flex3block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex2block > li,
.flex3block > li,
.flex2block > dd {
margin: 0px 0px 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.flex2block > li:last-child {
margin: 0px;
}
.flex1block.f-contents > li,
.flex2block.f-contents > li,
.flex3block.f-contents > li {
margin: 0px 0px 15px;
}


#anchor .flex3block > li {
margin: 0px 0px 10px;
-ms-flex-preferred-size: 48.8%;
flex-basis: 48.8%;
}
#anchor .flex3block > li.line2 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0px;
}

.white-txt {
color: rgba(255,255,255,1.00);
}
.navy {
color: rgba(0,34,99,1.00);
}
.black {
color: rgba(0,0,0,1.00);
}
.back-color {
/* background-color: rgba(252,231,184,1.00); */
background-color: rgba(255,238,202,1.00);
}
.back-color-max {
background-color: rgba(246,178,25,1.00);
}
.pink-txt {
color: rgba(231,54,74,1.00);
}

.corner-txt {
color: rgba(255,255,255,1.00);
background-color: rgba(231,54,74,1.00);
padding: 7px 8px;
border-radius: 0px 0px 8px;
position: absolute;
left: 0px;
top: 0px;
font-weight: bold;
letter-spacing: 0.02em;
font-size: calc(100vw / 13);
line-height: 1em;
}
.corner-txt strong {
font-size: 16px;
line-height: 1.0em;
/* font-family: 'Akshar', sans-serif; */
}

.button-space {
padding: 0px 0px 20px;
}

.kome-txt a {
text-decoration: underline;
}
.t-center {
text-align: center !important;
}
.t-right {
  text-align: right !important;
}
.bold-text {
  font-weight: bold !important;
}
.pc-center {
}

span.txt01 {
font-weight: normal;
}

.pc-image-3 {
display: none !important;
}
.pad-image-3 {
display: none !important;
}
.sp-image-3 {
display: block !important;
}


@media print, screen and (min-width: 375px) {

.flex2block > li {
margin: 0px 0px 15px;
}

.corner-txt {
padding: 8px;
border-radius: 0px 0px 10px;
font-size: 25px;
}
.corner-txt strong {
font-size: 17px;
line-height: 1.0em;
}

.button-space {
padding: 0px 0px 25px;
}

}


@media print, screen and (min-width: 768px) {
article {
background-size: 120% auto;
padding-bottom: 15%;
}

.sp-br {
	display: none;
}
.pc-br {
	display: inline-block;
}
.sp-on {
	display: none;
}

.flex2block > li,
.flex2block > dd {
margin: 0px;
	-ms-flex-preferred-size: calc(50% - 15px);
	flex-basis: calc(50% - 15px);
}

.flex1block.f-contents > li,
.flex2block.f-contents > li,
.flex3block.f-contents > li {
margin: 0px 0px 30px;
}

.flex2block.solo-bt {
display: flex;
justify-content: center;
}

#anchor .flex3block {
  display: table;
  margin: 0px auto;
}
#anchor .flex3block > li {
  display: table-cell;
  width: 33.33%;
  padding: 0px 3px;
}
#anchor .flex3block > li {
  margin: 0px;
  display: table-cell;
}
#anchor .flex3block > li.line2 {
display: table-cell;
}

.pc-center {
text-align: center !important;
}

.button-space {
padding: 0px 0px 30px;
}

.pc-image-3 {
display: none !important;
}
.pad-image-3 {
display: block !important;
}
.sp-image-3 {
display: none !important;
}

}

@media print, screen and (min-width: 1024px) {
article {
background-size: 100% auto;
padding-bottom: 12%;
}


.flex2block > li,
.flex2block > dd {
margin: 0px;
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
}
.flex3block > li {
	-ms-flex-preferred-size: calc(33.33% - 20px);
	flex-basis: calc(33.33% - 20px);
}
.flex1block.f-contents > li,
.flex2block.f-contents > li,
.flex3block.f-contents > li {
margin: 0px 0px 40px;
}

.corner-txt {
padding: 10px;
font-size: 30px;
}
.corner-txt strong {
font-size: 18px;
line-height: 1.0em;
}

.button-space {
padding: 0px 0px 25px;
}

.pc-image-3 {
display: block !important;
}
.pad-image-3 {
display: none !important;
}
.sp-image-3 {
display: none !important;
}

}

@media print, screen and (min-width: 1200px) {

.flex2block > li,
.flex2block > dd {
margin: 0px;
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}

.corner-txt {
font-size: 33px;
}
.corner-txt strong {
font-size: 20px;
line-height: 1.0em;
}


}

@media print, screen and (min-width: 1400px) {

.flex3block > li {
	-ms-flex-preferred-size: 375px;
	flex-basis: 375px;
}
.corner-txt {
font-size: 36px;
}

}















/* point-block */
.flex3block.point-block > li {
position: relative;
border-radius: 8px;
background-color: rgba(255,255,255,1.00);
overflow: hidden;
margin: 0px 0px 15px;
}
.flex3block .block-in {
padding: 15px;
overflow: hidden !important;
border-radius: 8px;
position: relative;
}
.block-out {
border-radius: 8px;
background-color: rgba(255,255,255,1.00);
overflow: hidden;
padding: 15px;
}


/* pagePath */
.pagePath-out {
max-width: 1200px;
margin: 0px auto;
padding: 0.5em 15px 0px 0px;
}
#pagePath {
font-size: calc(100vw / 30);
line-height: 1.2em;
display: table;
margin: 0px 0px 0px auto;
}
#pagePath > li {
display: table-cell;
padding: 0px 0px 0px 0.4em;
}
#pagePath > li a {
margin: 0px 0.4em 0px 0px;
}


/* pink-out-block */
.pink-out-block {
  border: 4px solid rgba(231,54,74,1.00);
  border-radius: 10px;
  padding: 15px;
  background-color: rgba(253,235,237,1.00);
}
.contents-lead-txt {
  font-size: calc(100vw / 24);
  line-height: 1.6em;
  font-weight: bold;
  text-align: justify;
}
.white-out-block {
  border-radius: 10px;
  padding: 15px;
  background-color: rgba(255,255,255,1.00);
}
.white-b-out-block {
  border-radius: 10px;
  padding: 15px;
  background-color: rgba(255,255,255,1.00);
}
.pink-back-block {
  border-radius: 10px;
  padding: 15px;
  background-color: rgba(231,54,74,1.00);
}


@media print, screen and (min-width: 375px) {
.flex3block.point-block > li {
border-radius: 10px;
margin: 0px 0px 20px;
}
.flex3block .block-in {
border-radius: 10px;
}
.block-out {
border-radius: 10px;
padding: 20px;
}

/* pagePath */
#pagePath {
font-size: 11px;
line-height: 1.2em;
}

/* pink-out-block */
.pink-out-block {
}
.contents-lead-txt {
  font-size: 15px;
  line-height: 1.6em;
}

}

@media print, screen and (min-width: 768px) {
.block-out {
padding: 30px;
}

/* pagePath */
.pagePath-out {
padding: 0.5em 25px 0px 0px;
}
#pagePath {
font-size: 12px;
line-height: 1.2em;
}

/* pink-out-block */
.pink-out-block {
  padding: 25px;
}
.contents-lead-txt {
  font-size: 16px;
  line-height: 1.6em;
}
.white-out-block {
  padding: 20px 25px;
}
.white-b-out-block {
  padding: 25px;
}
.pink-back-block {
  padding: 25px;
}

}


@media print, screen and (min-width: 1024px) {

.block-out {
padding: 35px;
}

/* pagePath */
.pagePath-out {
padding: 0.5em 30px 0px 0px;
}
#pagePath {
font-size: 13px;
line-height: 1.2em;
}

/* pink-out-block */
.pink-out-block {
  padding: 30px;
}
.contents-lead-txt {
  font-size: 17px;
  line-height: 1.7em;
}
.white-out-block {
  padding: 22px 30px;
}
.white-b-out-block {
  padding: 30px;
}
.pink-back-block {
  padding: 30px;
}

}


@media print, screen and (min-width: 1200px) {
.flex3block .block-in {
padding: 20px;
}
.block-out {
padding: 40px;
}

/* pagePath */
.pagePath-out {
padding: 0.6em 0px 0px 0px;
}

/* pink-out-block */
.pink-out-block {
  padding: 40px;
}
.contents-lead-txt {
  font-size: 18.5px;
  line-height: 1.8em;
}
.white-out-block {
  padding: 25px 35px;
}
.white-b-out-block {
  padding: 40px;
}

.pink-back-block {
  padding: 40px;
}

}





@media print, screen and (min-width: 1400px) {

/* pink-out-block */
.pink-out-block {
  padding: 45px;
}
.contents-lead-txt {
  font-size: 20px;
  line-height: 2.0em;
}
.white-out-block {
  padding: 30px 40px;
}
.white-b-out-block {
  padding: 45px;
}

.pink-back-block {
  padding: 45px;
}

}











/* Layout ----------------------------------------------------------------- */
article {
	overflow: hidden;
}
section {
font-size: 13px;
line-height: 1.7em;
	position: relative;
}

section img,
.graphic-img img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}
.graphic-img.img100 img {
	width: 100% !important;
}
.graphic-img.icon-character img {
	width: 40%;
  max-width: 210px;
}
.graphic-img.icon-s-character img {
	width: 35%;
  max-width: 160px;
}

section.contents-block {
padding: 12% 0px;
}
section .contents-block-in {
padding: 0px 15px;
margin: 0px auto;
max-width: 1200px;
}

.tophalf {
padding-top: 6% !important;
}
.bottomhalf {
padding-bottom: 6% !important;
}
.topzero {
padding-top: 0px !important;
}
.bottomzero {
padding-bottom: 0px !important;
}

.contents-space {
margin-bottom: 12%;
}
.contents-space-half {
margin-bottom: 6%;
}

.section-title {
font-size: calc(100vw / 16);
line-height: 1.2em;
padding: 0px 0px 1.0em;
text-align: center;
font-weight: bold;
position: relative;
}
.section-sub {
font-size: calc(100vw / 20);
line-height: 1.2em;
text-align: center;
font-weight: bold;
}

.page-title {
font-size: calc(100vw / 16);
line-height: 1.2em;
text-align: center;
font-weight: bold !important;
position: relative;
}
#page-title-block {
padding: 8% 0px;
background-color: rgba(252,231,184,1.00);
}

.section-title p {
position: relative;
display: inline-block;
}
.section-title.decoration p::after,
.section-title.decoration p::before {
content: "";
width: 2em;
height: 2px;
display: block;
position: absolute;
top: calc(50% - 0em);
left: -1.6em;
background-color: rgba(0,0,0,1.00);
transform: rotate(70deg);
}
.section-title.decoration p::before {
left: auto;
right: -1.6em; 
transform: rotate(-70deg);
}

.section-title.icon-character-l::before,
.section-title.icon-character-l::after {
  content: "";
  width: 3.5em;
  height: 3.5em;
  display: block;
  position: absolute;
  top: calc(50% - 2.9em);
  left: calc(50% - 6.9em);
  background-image: url(../images/shokosuke01.svg);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.section-title.icon-character-l::after {
  left: auto;
  right: calc(50% - 6.9em);
  background-image: url(../images/chokoro04_h120.svg);
}

/*
      <h2 class="section-title animation decoration icon-character-l con-character-r"><p>２つのコース</p></h2>
*/

/* .point-title */
.point-title {
display: block;
text-align: center;
}
.point-title p {
font-size: calc(100vw / 18);
line-height: 1.2em;
padding: 0px 0px 0.5em;
text-align: center;
font-weight: bold;
position: relative;
display: inline-block;
}
.point-title p::after,
.point-title p::before {
content: "";
width: 2em;
height: 2px;
display: block;
position: absolute;
top: calc(50% - 0.4em);
left: -1.6em;
background-color: rgba(231,54,74,1.00);
transform: rotate(70deg);
}
.point-title p::before {
left: auto;
right: -1.6em; 
transform: rotate(-70deg);
}



.block-title {
font-size: calc(100vw / 18);
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0px 0px 0.6em;
}
.pink-back-block .block-title {
  color: rgba(255,255,255,1.00);
}
.acc-accordion .block-title {
display: none;
}
.box-catch {
  font-size: calc(100vw / 23);
  line-height: 1.5em;
  font-weight: bold;
  padding: 0px 0px 0.5em;
  text-align: center;
}

.block-title-l{
font-size: 18px;
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0px 0px 8px;
}
.box-title {
font-size: calc(100vw / 24);
line-height: 1.5em;
font-weight: bold;
}
.box-title em {
color: rgba(221,17,108,1.00);
font-style: normal;
}

.step-title {
font-size: calc(100vw / 23);
line-height: 1.5em;
font-weight: bold;
padding: 0px 0px 0.1em;
text-align: center;
}


.contents-txt {
font-size: 14px;
line-height: 1.6em;
text-align: justify;
text-justify: inter-ideograph;
word-wrap: break-word;
}
.contents-txt-s {
font-size: 13px;
line-height: 1.6em;
text-align: justify;
text-justify: inter-ideograph;
word-wrap: break-word;
}
.contents-txt-ss {
font-size: 13px;
line-height: 1.6em;
text-align: justify;
text-justify: inter-ideograph;
word-wrap: break-word;
}
.contents-txt-sss {
font-size: 11px;
line-height: 1.6em;
text-align: justify;
text-justify: inter-ideograph;
}

.contents-txt .bold-txt,
.contents-txt-s .bold-txt,
.contents-txt-ss .bold-txt,
.contents-txt-sss .bold-txt {
font-size: 120%;
}
.pink-back-block .contents-txt,
.pink-back-block .contents-txt-s,
.pink-back-block .contents-txt-ss,
.pink-back-block .contents-txt-sss {
color: rgba(255,255,255,1.00);
}

.contents-txt a,
.contents-txt-s a,
.contents-txt-ss a,
.contents-txt-sss a {
text-decoration: underline;
}
.indent {
margin: 0px 0px 0px 1em;
}
.indent p {
text-indent: -1em;
}
.indent-li {
margin: 0px 0px 0px 1em;
}
.indent-li li {
text-indent: -1em;
}

.default-contentli li,
.default-content {
background-color: rgba(255,255,255,1.00);
border-radius: 5px;
overflow: hidden;
position: relative;
}
.default-content-in {
padding: 15px;
position: relative;
}
.line-content {
border-radius: 5px;
overflow: hidden;
position: relative;
border: 1px solid rgba(128,144,177,1.00);
}
.block-space {
margin-bottom: 15px;
}

.cont-text {
text-align: justify;
text-justify: inter-ideograph;
}
.cont-text p {
padding: 0em 0px 1.5em;
}
.cont-text p:last-child {
padding: 0px;
}



.container { /* ヘッダー分 */
  margin-top: 45px;
}



@media print, screen and (min-width: 375px) {
section {
font-size: 14px;
line-height: 1.7em;
}

section.contents-block {
padding: 12% 0px;
}

.contents-space {
margin-bottom: 12%;
}


section .contents-block-in {
padding: 0px 20px;
}

.bottomhalf {
padding-bottom: 17px !important;
}


.section-title {
font-size: 23px;
line-height: 1.2em;
}
.section-sub {
font-size: 17px;
line-height: 1.4em;
}
.page-title {
font-size: 23px;
line-height: 1.2em;
}
#page-title-block {
padding: 8% 0px;
}


/* .point-title */
.point-title p {
font-size: 24px;
line-height: 1.2em;
}




.default-content-in {
padding: 15px 18px;
}
.block-space {
margin-bottom: 18px;
}

.block-title {
font-size: 20px;
line-height: 1.4em;
padding: 0px 0px 0.6em;
}

.step-title {
font-size: 18px;
line-height: 1.5em;
}

.box-catch {
  font-size: 16.5px;
  line-height: 1.5em;
}

.block-title-l{
font-size: 19px;
line-height: 1.4em;
padding: 0px 0px 10px;
}
.box-title {
font-size: 15px;
line-height: 1.5em;
}

.contents-txt {
font-size: 15px;
line-height: 1.6em;
}
.contents-txt-s {
font-size: 14px;
line-height: 1.6em;
}
.contents-txt-ss {
font-size: 14px;
line-height: 1.6em;
}

.container { /* ヘッダー分 */
  margin-top: 50px;
}

}



@media print, screen and (min-width: 768px) {
section {
font-size: 15px;
line-height: 1.7em;
}

section.contents-block {
padding: 10% 0px;
}
.tophalf {
padding-top: 5% !important;
}
.bottomhalf {
padding-bottom: 5% !important;
}

section .contents-block-in {
padding: 0px 30px;
}

.contents-space {
margin-bottom: 10%;
}
.contents-space-half {
margin-bottom: 5%;
}

.graphic-img.icon-character img {
	width: 25%;
}
.graphic-img.icon-s-character img {
	width: 23%;
}


.section-title {
font-size: 28px;
line-height: 1.2em;
}
.section-sub {
font-size: 19px;
line-height: 1.4em;
}
.page-title {
font-size: 26px;
line-height: 1.2em;
}
#page-title-block {
padding: 6% 0px;
}


.block-title {
font-size: 26px;
line-height: 1.4em;
padding: 0px 0px 0.6em;
}
.step-title {
font-size: 20px;
line-height: 1.5em;
}
.box-catch {
  font-size: 18px;
  line-height: 1.5em;
}

.contents-txt {
font-size: 15px;
line-height: 1.7em;
}
.contents-txt-sss {
font-size: 12px;
line-height: 1.6em;
}

.container { /* ヘッダー分 */
  margin-top: 65px;
}

.default-contentli li,
.default-content {
border-radius: 6px;
}
.default-content-in {
padding: 25px 30px;
}
.block-space {
margin-bottom: 30px;
}

}



@media print, screen and (min-width: 1024px) {
section {
font-size: 16px;
line-height: 1.8em;
}

section.contents-block {
padding: 9% 0px;
}
.tophalf {
padding-top: 4.5% !important;
}
.bottomhalf {
padding-bottom: 4.5% !important;
}


section .contents-block-in {
padding: 0px 35px;
}

.tophalf {
padding-top: 7% !important;
}
.bottomhalf {
padding-bottom: 30px !important;
}

.contents-space {
margin-bottom: 9%;
}
.contents-space-half {
margin-bottom: 4.5%;
}

.section-title {
font-size: 31px;
line-height: 1.2em;
padding: 0px 0px 1.2em;
}
.section-sub {
font-size: 20px;
line-height: 1.4em;
}
.page-title {
font-size: 28px;
line-height: 1.2em;
}
#page-title-block {
padding: 4.5% 0px;
}


.block-title {
font-size: 28px;
line-height: 1.4em;
padding: 0px 0px 0.6em;
}
.step-title {
font-size: 16px;
line-height: 1.5em;
}
.acc-accordion .block-title {
display: block;
}

.box-catch {
  font-size: 19px;
  line-height: 1.5em;
}

.block-title-l{
font-size: 22px;
line-height: 1.4em;
padding: 0px 0px 14px;
}
.box-title {
font-size: 17px;
line-height: 1.5em;
}

.contents-txt {
font-size: 16px;
line-height: 1.7em;
}
.contents-txt-ss {
font-size: 14px;
line-height: 1.6em;
}


.container { /* ヘッダー分 */
  margin-top: 74px;
}

.default-contentli li,
.default-content {
border-radius: 7px;
}
.default-content-in {
padding: 40px;
}
.block-space {
margin-bottom: 40px;
}

}



@media print, screen and (min-width: 1200px) {
section {
font-size: 17px;
line-height: 1.9em;
}


.contents-space {
margin-bottom: 8%;
}
.contents-space-half {
margin-bottom: 4%;
}

.section-title {
font-size: 35px;
line-height: 1.2em;
padding: 0px 0px 1.4em;
}
.section-sub {
font-size: 22px;
line-height: 1.4em;
}
.page-title {
font-size: 32px;
line-height: 1.2em;
}
#page-title-block {
padding: 3.5% 0px;
}

.block-title {
font-size: 30px;
line-height: 1.4em;
padding: 0px 0px 0.6em;
}
.step-title {
font-size: 17px;
line-height: 1.5em;
}
.box-catch {
  font-size: 20px;
  line-height: 1.5em;
}
.block-title-l{
font-size: 23px;
line-height: 1.4em;
padding: 0px 0px 14px;
}

.contents-txt {
font-size: 17px;
line-height: 1.8em;
}
.contents-txt-s {
font-size: 16px;
line-height: 1.6em;
}
.default-content-in {
padding: 50px;
}

.container { /* ヘッダー分 */
  margin-top: 80px;
}

}



@media print, screen and (min-width: 1400px) {
section {
font-size: 18px;
line-height: 1.9em;
}

section.contents-block {
padding: 8% 0px;
}
.tophalf {
padding-top: 4% !important;
}
.bottomhalf {
padding-bottom: 4% !important;
}

section .contents-block-in {
padding: 0px;
}


.section-title {
font-size: 40px;
line-height: 1.2em;
}
.section-sub {
font-size: 23px;
line-height: 1.4em;
}
.page-title {
font-size: 36px;
line-height: 1.2em;
}

.block-title {
font-size: 33px;
line-height: 1.4em;
}

.cont-catch {
font-size: 31px;
line-height: 1.7em;
padding: 0px 0px 70px;
}
.step-title {
font-size: 19px;
line-height: 1.5em;
}

.contents-txt {
font-size: 19px;
line-height: 1.8em;
}
.contents-txt-s {
font-size: 17px;
line-height: 1.6em;
}

.contents-space {
margin-bottom: 8%;
}
.contents-space-half {
margin-bottom: 4%;
}

.container { /* ヘッダー分 */
  margin-top: 90px;
}


}




































/* Header ----------------------------------------------------------------- */
header {
text-align: left;
line-height: 1.0em;
z-index: 100;
height: 45px;
width: 100%;
top: 0px;
padding: 0px;
margin: 0px;
position: fixed;
transition: all 0.5s;
border-bottom: 1px solid rgba(190,190,190,1.00);
}
.container.fixedheader header {
  background: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.5);
}

header #header-block {
  display: table;
  width: 100%;
  position: relative;
}
header #header-block dd {
  display: table-cell;
  vertical-align: top;
	transition: all 0.4s;
}
header #header-block .hd-left {
padding: 5px 0px 0px 15px;
}
header #header-block .hd-right {
padding: 11px 50px 0px 0px;
text-align: right;
}
header #header-block .hd-right .this_term {
padding: 0.4em;
color: rgba(255,255,255,1.00);
font-weight: bold;
border-radius: 3px;
background-color: rgba(245,170,0,1.00);
text-align: center;
white-space: nowrap;
font-size: 11px;
line-height: 1.2em;
margin: 0px 0px 0px auto;
width: 6.2em;
}


header #header-logo a {
	width: 50%;
  display: block;
	transition: all 0.4s;
}
header #header-logo img {
	width: 100%;
	height: auto;
	display: block;
}

#header-navi {
position: fixed;
width: 100%;
background: rgba(255,255,255,1.0);
z-index: 99;
box-shadow: 0px 0px 40px 2px rgba(0,0,0,0);
top: 45px; /* ヘッダー分 */
left: 100%;
opacity: 0;
transition: all 0.4s;
overflow: hidden;
}
#header-navi.active {
	left: 0% !important;
	box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.5);
	opacity: 1 !important;
	display: block;
}



/* nav-global */
#nav-global {
	width: 100%;
}
#list-nav-global > li {
border-bottom: 1px solid rgba(221,221,221,1.00);
margin: 0px;
padding: 0px;
}
#list-nav-global > li#button_entry {
padding: 0.7em 15px;
}
.nav-sub-global > li {
padding: 0px 0px 0px 1em;
}

#list-nav-global > li a {
position: relative;
transition: all 0.4s;
text-align: left;
padding: 0.6em 30px 0.6em 15px;
display: block;
background-color: rgba(255,255,255,1.00);
font-size: calc(100vw / 24);
line-height: 1.2em;
letter-spacing: 0.03em;
color: rgba(0,0,0,1.00);
font-weight: bold;
}
#list-nav-global > li a:after {
content: "";
width: 20px;
height: 20px;
display: block;
position: absolute;
right: 10px;
top: calc(50% - 10px);
background-image: url(../images/link_arrow.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transition: all 0.4s;
opacity: 0.5;
}

#list-nav-global > li.new-window a:after {
background-image: url(../images/link_arrow_nw.svg);
}
 
 
#list-nav-global > li a br {
display: none;
}

#list-nav-global > li a:hover {
background-color: rgba(253,241,212,1.00);/* color: rgba(255,255,255,1.00); */
}




#page-home #list-nav-global > li#button0 a,
#page-summary #list-nav-global > li#button1 a,
#page-join #list-nav-global > li#button2 a,
#page-flow #list-nav-global > li#button3 a,
#page-column #list-nav-global > li#button4 a,
#page-entry #list-nav-global > li#button5 a,
#page-character #list-nav-global > li#button6 a,
#page-game #list-nav-global > li#button6 a {
background-color: rgba(253,241,212,1.00);
}
#page-home #list-nav-global > li#button0 a::after,
#page-summary #list-nav-global > li#button1 a::after,
#page-join #list-nav-global > li#button2 a::after,
#page-flow #list-nav-global > li#button3 a::after,
#page-column #list-nav-global > li#button4 a::after,
#page-entry #list-nav-global > li#button5 a::after,
#page-character #list-nav-global > li#button6 a::after,
#page-game #list-nav-global > li#button6 a::after {
background: none;
}


#nav-add {
background-color: rgba(242,244,247,1.00);
padding: 10px 15px 15px;
}
#nav-add .nav-add-title {
font-size: 13px;
line-height: 1.4em;
text-align: center;
font-weight: bold;
padding: 10px 0px 4px;
}
.list-nav-add li {
padding: 0px 0px 6px;
}
.list-nav-add li:last-child {
padding: 0px;
}


.ad-button2-title {
font-size: calc(100vw / 28);
line-height: 1.3em;
padding: 0.8em 0px 0.3em;
text-align: center;
font-weight: bold;
}




@media print, screen and (min-width: 375px) {
header {
height: 50px;
}
header #header-block .hd-left {
padding: 6px 0px 0px 15px;
}
header #header-block .hd-right {
padding: 12px 53px 0px 0px;
}
header #header-logo a {
width: 110px;
}
header #header-block .hd-right .this_term {
padding: 0.4em;
font-size: 12px;
line-height: 1.2em;
}




#header-navi {
box-shadow: 0px 0px 45px 2px rgba(0,0,0,0);
top: 50px; /* ヘッダー分 */
}
#header-navi.active {
	box-shadow: 0px 0px 45px 2px rgba(0,0,0,0.5);
}

/* nav-global */
#list-nav-global > li a {
padding: 0.6em 30px 0.6em 15px;
font-size: 15px;
line-height: 1.3em;
}

#nav-add .nav-add-title {
font-size: 14px;
line-height: 1.4em;
}

.ad-button2-title {
font-size: 14px;
line-height: 1.3em;
padding: 0.8em 0px 0.3em;
}

}





@media print, screen and (min-width: 768px) {
header {
height: 65px;
}
.container.fixedheader header {
	box-shadow: 0px 0px 28px 2px rgba(0,0,0,0.5);
}

header #header-block .hd-left {
padding: 7px 0px 0px 25px;
}
header #header-block .hd-right {
padding: 18px 80px 0px 0px;
}
header #header-logo a {
width: 155px;
}
header #header-block .hd-right .this_term {
font-size: 14px;
line-height: 1.2em;
}


#header-navi {
box-shadow: 0px 0px 50px 2px rgba(0,0,0,0);
top: 65px; /* ヘッダー分 */
}
#header-navi.active {
	box-shadow: 0px 0px 50px 2px rgba(0,0,0,0.5);
}

/* nav-global */
#list-nav-global > li a {
padding: 0.7em 30px 0.7em 25px;
font-size: 17px;
line-height: 1.3em;
}
#list-nav-global > li#button_entry {
padding: 0.9em 25px;
}
#list-nav-global > li a:after {
width: 23px;
height: 23px;
right: 25px;
top: calc(50% - 11px);
}

#nav-add {
padding: 20px 25px 25px;
}
#nav-add .nav-add-title {
font-size: 15px;
line-height: 1.4em;
padding: 15px 0px 6px;
}
.list-nav-add li:first-child {
padding: 0px 0px 8px;
}

.ad-button2-title {
font-size: 15px;
line-height: 1.3em;
padding: 1.0em 0px 0.5em;
}

}




@media print, screen and (min-width: 1024px) {
header {
height: 74px;
}
.container.fixedheader header {
	box-shadow: 0px 0px 32px 2px rgba(0,0,0,0.5);
}

header #header-block .hd-left {
padding: 8px 0px 0px 30px;
}
header #header-block .hd-right {
padding: 20px 90px 0px 0px;
}
header #header-logo a {
width: 170px;
}
header #header-block .hd-right .this_term {
font-size: 16px;
line-height: 1.2em;
}


#header-navi {
box-shadow: 0px 0px 55px 2px rgba(0,0,0,0);
top: 74px; /* ヘッダー分 */
}
#header-navi.active {
	box-shadow: 0px 0px 55px 2px rgba(0,0,0,0.5);
}

/* nav-global */
#list-nav-global > li a {
padding: 0.8em 30px 0.8em 30px;
font-size: 17px;
line-height: 1.3em;
}
#list-nav-global > li#button_entry {
padding: 1.0em 30px;
}

#list-nav-global > li a:after {
width: 24px;
height: 24px;
right: 30px;
top: calc(50% - 11px);
}

}






@media print, screen and (min-width: 1200px) {
header {
height: 80px;
}
header #header-block {
width: 100%;
position: relative;
margin: 0px auto;
display: table;
}
header #header-block dd {
display: table-cell;
}
header #header-block .hd-left {
padding: 10px 0px 0px 30px;
}
header #header-block .hd-right {
padding: 24px 25px 0px 0px;
}
header #header-logo a {
width: 185px;
margin: 0px;
}





#header-navi {
position: relative;
width: auto;
background: none;
z-index: 99;
box-shadow: none;
top: auto;
left: auto;
opacity: 1 ;
transition: all 0.4s;
padding: 0px;
margin: 0px 0px 0px auto;
overflow: visible;
}
#header-navi.active {
left: auto;
box-shadow: none;
opacity: 1;
}


/* nav-global */
#nav-global {
width: auto;
display: block;
padding: 0px;

}
#list-nav-global {
display: table;
margin: 15px auto 0px;
white-space: nowrap;/* width: 100%; */
}
#list-nav-global > li {
border: none;
display: table-cell;
vertical-align: middle;
position: relative;
}
#list-nav-global > li#button_entry {
display: none;
}
#list-nav-global > li#button0 {
display: none;
}
#list-nav-global > li .nav-sub-global {
position: absolute;
background-color: rgba(255,255,255,1.00);
top: 44px;
left: 0px;
-webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.7);
box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.7);
display: none;
}
.nav-sub-global > li {
padding: 0px;
}


#list-nav-global > li a {
position: relative;
transition: all 0.4s;
text-align: center;
padding: 6px 14px;
font-size: 15px;
line-height: 1.3em;
color: rgba(34,34,34,1.00);
width: auto;
letter-spacing: 0em;
border: none;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
background: none;
}
#list-nav-global > li a:hover {
background: none;
color: rgba(0,0,0,1.00);
}
#list-nav-global > li a::after {
background: none;
}
#list-nav-global > li a::after {
content: "";
position: absolute;
width: 0%;
top: auto;
height: 2px;
bottom: 0px;
left: 50%;
opacity: 1.0;
background-color: rgba(245,170,0,1.00) !important;
}

#list-nav-global > li a:hover::after {
width: 100%;
left: 0%;
}


#list-nav-global > li a br {
display: inline-block;
}


.container.fixedheader header {
height: 50px;
}
.container.fixedheader header #header-block .hd-left {
padding: 5px 0px 0px 15px;
}
.container.fixedheader header #header-block .hd-right {
padding: 10px 15px 0px 0px;
}
.container.fixedheader header #header-logo a {
width: 120px;
}
.container.fixedheader #list-nav-global {
margin: 5px auto 0px;
}
.container.fixedheader header #header-block .hd-right .this_term {
font-size: 14px;
line-height: 1.2em;
}
.container.fixedheader #list-nav-global > li .nav-sub-global {
top: 40px;
}
.container.fixedheader #list-nav-global > li a {
height: 40px;
}

#page-home #list-nav-global > li#button0 a,
#page-summary #list-nav-global > li#button1 a,
#page-join #list-nav-global > li#button2 a,
#page-flow #list-nav-global > li#button3 a,
#page-column #list-nav-global > li#button4 a,
#page-entry #list-nav-global > li#button5 a,
#page-character #list-nav-global > li#button6 a,
#page-game #list-nav-global > li#button6 a {
background: none;
}
#page-home #list-nav-global > li#button0 a::after,
#page-summary #list-nav-global > li#button1 a::after,
#page-join #list-nav-global > li#button2 a::after,
#page-flow #list-nav-global > li#button3 a::after,
#page-column #list-nav-global > li#button4 a::after,
#page-entry #list-nav-global > li#button5 a::after,
#page-character #list-nav-global > li#button6 a::after,
#page-game #list-nav-global > li#button6 a::after {
width: 100%;
left: 0%;
}

}



@media print, screen and (min-width: 1400px) {
header {
height: 90px;
}
header #header-block .hd-left {
padding: 12px 0px 0px 30px;
}
header #header-logo a {
width: 206px;
}

#list-nav-global {
margin: 20px auto 0px;
}
#list-nav-global > li a {
padding: 6px 19px;
font-size: 17px;
line-height: 1.3em;
letter-spacing: 0.01em;
height: 47px;
}


.container.fixedheader #list-nav-global > li a {
height: 40px;
}


}















/* .default-table */
.default-table,
.building-table {
display: table;
width: 100%;
border-top: 1px solid rgba(245,170,0,1.00);
border-left: 1px solid rgba(245,170,0,1.00);
}
.default-table th,
.default-table td,
.building-table th,
.building-table td {
text-align: left;
font-size: calc(100vw / 26);
line-height: 1.6em;
padding: 0.8em 0.5em;
display: block;
border-bottom: 1px solid rgba(245,170,0,1.00);
border-right: 1px solid rgba(245,170,0,1.00);
}
.default-table th,
.default-table-spt th,
.building-table th {
background-color: rgba(253,238,204,1.00);
}
.default-table td {
}



/* .plane-table */
.plane-table {
display: table;
width: auto;
}
.plane-table th,
.plane-table td {
text-align: left;
font-size: 13.5px;
line-height: 1.5em;
padding: 0px 1em 5px 0px;
font-weight: normal;
display: table-cell;
background: none;
}
.plane-table th {
white-space: nowrap;
}
.plane-table tr:last-child th {
padding: 0px 1em 0px 0px;
}
.plane-table td {
padding: 0px 1em 0px 0px;
}
.plane-table tr:last-child td {
padding: 0px;
}


.contents-box {
padding: 20px 15px;
background-color: rgba(245,245,245,1.00);
border: 1px solid rgba(187,187,187,1.00);
}


/* .inquiry-table */
.inquiry-table {
display: block;
width: 100%;
}
.inquiry-table .it-th,
.inquiry-table .it-td {
text-align: left;
font-size: 13.5px;
line-height: 1.6em;
padding: 12px 0px;
font-weight: normal;
display: block;
}
.inquiry-table .it-th {
font-weight: bold;
}
.inquiry-table .it-td {
background-color: rgba(243,239,246,1.00);
padding: 0px;
}



/* .entrytable */
.entrytable {
display: table;
width: 100%;
}
.entrytable th,
.entrytable td {
text-align: left;
font-size: 13.5px;
line-height: 1.6em;
padding: 12px 0px;
font-weight: normal;
display: block;
}
.entrytable th {
font-weight: bold;
}
.entrytable td {
background-color: rgba(238,238,238,1.00);
padding: 0px;
}
.entrytable th.kakunin {
font-weight: normal;
}


.entrytable.confirmation th.submitbutton {
padding-top: 30px;
}
.entrytable.confirmation td {
padding: 12px;
}


.outline-box {
padding: 15px;
border: 1px solid rgba(184,184,184,1.00);
}


/* .line-table */
.line-table {
width: 100%;
border-top: 1px solid rgba(201,206,216,1.00);
border-left: 1px solid rgba(201,206,216,1.00);
font-size: calc(100vw / 24);
line-height: 1.4em;
}
.line-table td,
.line-table th {
	font-weight: normal;
	text-align: left;
	padding: 0.4em 0.6em;
	border-right: 1px solid rgba(201,206,216,1.00);
	border-bottom: 1px solid rgba(201,206,216,1.00);
}
.line-table th {
background-color: rgba(240,242,246,1.00);
font-weight: bold;
text-align: left;
white-space: nowrap;
}
.line-table strong {
color: rgba(221,17,108,1.00);
}


/* normal-table */
.normal-table {
display: table;
width: 100%;
font-size: calc(100vw / 24);
line-height: 1.4em;
}
td.left-line {
  border-left: 1px solid rgba(245,170,0,1.00);
}
.normal-table th,
.normal-table td {
  text-align: left;
  padding: 0.5em 0.4em;
}
.normal-table .header-table th {
  background-color: rgba(245,170,0,1.00);
  color: rgba(255,255,255,1.00);
  text-align: center;
}
.normal-table .header-table th:first-child {
  border-top-left-radius: 8px;
}
.normal-table .header-table th:last-child {
  border-top-right-radius: 8px;
}
.normal-table th {
  border-right: 1px solid rgba(245,170,0,1.00);
  border-bottom: 1px solid rgba(245,170,0,1.00);
  border-left: 1px solid rgba(245,170,0,1.00);
  background-color: rgba(253,238,204,1.00);
}
.normal-table td {
  border-right: 1px solid rgba(245,170,0,1.00);
  border-bottom: 1px solid rgba(245,170,0,1.00);
  background-color: rgba(255,255,255,1.00);
}

.normal-table.tdtable tr td:first-child {
  border-left: 1px solid rgba(245,170,0,1.00);
  background-color: rgba(255,255,255,1.00);
}

/*
.normal-table.widetable tr th:first-child {
  white-space: nowrap;
}
.normal-table.widetable .header-table th {
  white-space: nowrap;
}
*/


.normal-table.td-nowrap tr td {
white-space: nowrap;
}

@media print, screen and (min-width: 375px) {

/* .default-table */
.default-table th,
.default-table td,
.building-table th,
.building-table td {
font-size: 14px;
line-height: 1.6em;
}


/* .plane-table */
.plane-table th,
.plane-table td {
font-size: 14px;
line-height: 1.5em;
padding: 0px 1em 6px 0px;
}


/* .inquiry-table */
.inquiry-table .it-th,
.inquiry-table .it-td {
font-size: 14px;
line-height: 1.7em;
padding: 14px 0px;
}
.inquiry-table .it-th {
font-weight: bold;
}
.inquiry-table .it-td {
padding: 0px;
}


/* .entrytable */
.entrytable th,
.entrytable td {
font-size: 14px;
line-height: 1.7em;
padding: 14px 0px;
}
.entrytable th {
font-weight: bold;
}
.entrytable td {
padding: 0px;
}
.entrytable.confirmation td {
padding: 14px;
}


.outline-box {
padding: 20px;
}

/* normal-table */
.normal-table {
font-size: 14px;
line-height: 1.5em;
}
.normal-table th,
.normal-table td {
  padding: 0.5em 0.4em;
}
.normal-table .header-table th:first-child {
  border-top-left-radius: 10px;
}
.normal-table .header-table th:last-child {
  border-top-right-radius: 10px;
}

}





@media print, screen and (min-width: 768px) {

/* .default-table */
.default-table th,
.default-table td,
.building-table th,
.building-table td {
font-size: 14px;
line-height: 1.7em;
display: table-cell;
vertical-align: top;
padding: 0.9em 1.0em;
}

.contents-box {
padding: 30px 25px;
}



/* .plane-table */
.plane-table {
display: table;
width: auto;
border: none;
}
.plane-table th,
.plane-table td {
font-size: 15px;
line-height: 1.5em;
padding: 0px 1.5em 7px 0px;
border: none;
}



/* .inquiry-table */
.inquiry-table {
display: block;
width: 100%;
}
.inquiry-table .it-th,
.inquiry-table .it-td {
font-size: 14px;
line-height: 1.7em;
padding: 15px 0px;
display: block;
}
.inquiry-table .it-th {
font-weight: bold;
}
.inquiry-table .it-td {
padding: 0px;
}


/* .inquiry-table */
.entrytable th,
.entrytable td {
font-size: 14px;
line-height: 1.7em;
padding: 15px 0px;
display: block;
}
.entrytable th {
font-weight: bold;
}
.entrytable td {
padding: 0px;
}
.entrytable th.submitbutton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.entrytable.confirmation td {
padding: 15px 18px;
}
.entrytable.confirmation th.submitbutton {
padding-top: 40px;
}

.outline-box {
padding: 25px 30px;
}

/* .line-table */
.line-table {
font-size: 15px;
line-height: 1.4em;
}
.line-table td,
.line-table th {
	padding: 0.8em 0.9em;
}

/* normal-table */
.normal-table {
font-size: 15px;
line-height: 1.5em;
}
.normal-table th,
.normal-table td {
  padding: 0.7em 0.8em;
}

}




@media print, screen and (min-width: 1024px) {

/* .default-table */
.default-table th,
.default-table td,
.building-table th,
.building-table td {
font-size: 15px;
line-height: 1.7em;
}

.contents-box {
padding: 35px 30px;
}


/* .plane-table */
.plane-table th,
.plane-table td {
font-size: 16px;
line-height: 1.5em;
padding: 0px 2em 8px 0px;
}



/* .inquiry-table */
.inquiry-table .it-th,
.inquiry-table .it-td {
font-size: 15px;
line-height: 1.8em;
padding: 15px 0px;
}
.inquiry-table .it-th {
font-weight: bold;
}
.inquiry-table .it-td {
padding: 0px;
}


/* .entrytable */
.entrytable th,
.entrytable td {
font-size: 15px;
line-height: 1.8em;
padding: 15px 0px;
}
.entrytable th {
font-weight: bold;
}
.entrytable td {
padding: 0px;
}
.entrytable.confirmation th.submitbutton {
padding-top: 50px;
}

/* .line-table */
.line-table {
font-size: 16px;
line-height: 1.4em;
}
.line-table td,
.line-table th {
	padding: 0.8em 0.9em;
}

/* normal-table */
.normal-table {
font-size: 16px;
line-height: 1.5em;
}
.normal-table th,
.normal-table td {
  padding: 0.7em 1em;
}

}



@media print, screen and (min-width: 1200px) {

/* .default-table */
.default-table th,
.default-table td {
font-size: 16px;
line-height: 1.7em;
}

.contents-box {
padding: 40px;
}

/* normal-table */
.normal-table {
font-size: 17px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1400px) {
/* .default-table */
.default-table th,
.default-table td {
font-size: 17px;
line-height: 1.7em;
}

/* normal-table */
.normal-table {
font-size: 18px;
line-height: 1.5em;
}

}

























/* Footer ----------------------------------------------------------------- */
#footer-global {
margin: -1px 0px 0px;
overflow: hidden;
width: 100%;
font-size: calc(100vw / 26);
line-height: 1.4em;
position: relative;
text-align: left;
color: rgba(255,255,255,1.00);
background-color: rgba(119,119,119,1.00);
}
#footer-global a {
color: rgba(255,255,255,1.00);
text-decoration: underline;
}
#footer-global .footer-in {
position: relative;
width: 100%;
padding: 40px 15px 100px;
}
#footer-global img {
	height: auto;
	display: block;
	width: 100%;
	margin: 0px auto;
}

#footer-global #footer-list {
margin: 15px auto;
display: table;
width: 100%;
max-width: 600px;
}
#footer-global #footer-list li {
padding: 0px;
display: table-cell;
text-align: center;
}
#footer-global #footer-list li:first-child {
padding: 0px 5px 0px 0px;
}
#footer-global #footer-list li:last-child {
padding: 0px 0px 0px 5px;
}
#footer-global .staff-bt {
text-align: center;
}
#footer-global #copyright {
font-size: calc(100vw / 30);
line-height: 1.4em;
padding: 15px 0px 0px;
text-align: center;
}

#footer-list li a {
display: block;
padding: 0.8em 1em;
color: rgba(0,0,0,1.00);
position: relative;
transition: all 0.4s;
text-align: center;
background-color: rgba(255,255,255,1.00);
font-weight: bold;
border-radius: 50px;
cursor: pointer;
text-decoration: none;
}
#footer-list li a:hover {
color: rgba(0,0,0,1.00) !important;
box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.5);
transform: translateY(-1px);

background-color: rgba(250,217,140,1.00) !important;
}

#footer-list li a::after {
content: "";
width: 16px !important;
height: 16px !important;
top: calc(50% - 7px) !important;
right: 5px !important;
display: block;
position: absolute;
transition: all 0.4s;
background-image: url(../images/link_arrow.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
opacity: 1.0;
}





@media print, screen and (min-width: 375px) {
#footer-global {
font-size: 14px;
line-height: 1.6em;
}
#footer-global .footer-in {
padding: 50px 20px 110px;
margin: 0px auto;
}
#footer-global #copyright {
font-size: 11px;
line-height: 1.4em;
padding: 15px 0px 0px;
}

}


@media print, screen and (min-width: 768px) {
#footer-global .footer-in {
padding: 70px 30px;
}
#footer-global #footer-list {
margin: 20px 0px;
}
#footer-global #copyright {
font-size: 13px;
line-height: 1.4em;
padding: 15px 0px 0px;
}

#footer-global #footer-list {
width: 70%;
margin: 0px auto 5%;
}
#footer-global #footer-list li {
width: 50%;
}
#footer-global #footer-list li:first-child {
padding: 0px 8px 0px 0px;
}
#footer-global #footer-list li:last-child {
padding: 0px 0px 0px 8px;
}

}



@media print, screen and (min-width: 1024px) {
#footer-global {
font-size: 15px;
line-height: 1.6em;
}
#footer-global .footer-summary strong {
font-size: 18px;
line-height: 1.6em;
}
#footer-global .footer-in {
padding: 90px 35px;
}
#footer-global #copyright {
font-size: 14px;
line-height: 1.4em;
padding: 20px 0px 0px;
}

#footer-global #footer-list {
width: 60%;
margin: 0px auto;
}
#footer-global #footer-list li:first-child {
padding: 0px 10px 0px 0px;
}
#footer-global #footer-list li:last-child {
padding: 0px 0px 0px 10px;
}
#footer-global .staff-bt {
text-align: left;
}

}


@media print, screen and (min-width: 1200px) {

#footer-global .footer-in {
padding: 100px 35px;
}

#footer-global #copyright {
font-size: 14px;
line-height: 1.4em;
padding: 20px 0px 0px;
}

}



@media print, screen and (min-width: 1400px) {

}
















/* bottom-sp-navi */
.bottom-sp-navi {
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 1000;
}

.sp-navi {
display: block;
width: 70%;
margin: 0px auto;
}
.sp-navi > li {
display: block;
width: 100%;
white-space: nowrap;
}
.sp-navi li a:hover {
text-decoration: none;
}
.sp-navi > li > a {
font-size: calc(100vw / 21);
line-height: 1.2em;
text-align: center;
color: rgba(255,255,255,1.00);
display: block;
padding: 0.4em 3px;
width: 100%;
position: relative;
font-weight: bold;
transition: all 0.4s;
cursor: pointer;
background-color: rgba(231,54,74,1.00);
border-top: 2px solid rgba(255,255,255,1.00);
border-left: 2px solid rgba(255,255,255,1.00);
border-right: 2px solid rgba(255,255,255,1.00);
border-radius: 8px 8px 0px 0px;
overflow: hidden;
box-shadow: 0px 0px 17px rgba(0,0,0,0.8);
}
.sp-navi > li > a:hover {
background-color: rgba(238,114,128,1.00);
box-shadow: 0px 0px 25px rgba(0,0,0,0.8);
}
.sp-navi > li > a::after,
.sp-navi > li > a::before {
content: "";
width: 20px;
height: 20px;
top: calc(50% - 9px);
right: 8px;
display: block;
position: absolute;
transition: all 0.4s;
background-image: url(../images/link_arrow_other_w.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}
.sp-navi > li > a::before {
width: 60px;
height: 50px;
top: calc(50% - 20px);
right: auto;
left: -8px;
display: block;
background-image: url(../images/chokoro04_2.svg);
}


@media print, screen and (min-width: 375px) {
.sp-navi {
width: 70%;
}
.sp-navi > li > a {
font-size: 17.5px;
line-height: 1.2em;
padding: 0.4em 3px;
}
.sp-navi > li > a::before {
width: 70px;
height: 50px;
top: calc(50% - 23px);
left: -8px;
}

}


@media print, screen and (min-width: 768px) {
.sp-navi {
width: 300px;
}


}


@media print, screen and (min-width: 1024px) {

.sp-navi {
width: 500px;
}
.sp-navi > li > a {
font-size: 19px;
line-height: 1.1em;
padding: 1.2em 3px;
}
.sp-navi > li > a br {
display: none;
}
.sp-navi > li > a::after {
width: 23px;
height: 23px;
top: calc(50% - 11px);
right: 11px;
}
.sp-navi > li > a::before {
width: 95px;
height: 65px;
top: calc(50% - 32px);
left: -8px;
}

}


@media print, screen and (min-width: 1200px) {

.sp-navi > li > a {
font-size: 20px;
line-height: 1.1em;
padding: 1.2em 3px;
}

}

@media print, screen and (min-width: 1400px) {

}




























/* #top-button */
#top-button-out {
display: none;
position: fixed;
z-index: 100000;
left: 0px;
top: 0px;
}
#top-button {
background-color: rgba(0,0,0,0.8);
width: 100vw;
height: 100vh;
position: absolute;
left: 0px;
top: 0px;
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
color: rgba(255,255,255,1.00);
}
#top-button .top-button-in {
border-radius: 20px;
background-color: rgba(255,102,147,1.00);
padding: 0px;
position: relative;
overflow: hidden;
}
#top-button .top-button-in img {
	height: auto;
	display: block;
	width: 100%;
	margin: 0px auto;
}
.top-button-block {

}
.top-button-block li {

}
.top-button-block .top-button-txt {
padding: 20px 8px;
}
.top-button-block .close-block {
background-color: rgba(170,170,170,1.00);
padding: 10px 15px;
}
.top-button-block .close-txt {
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
padding: 0px 0px 5px;
}
.top-button-block .close-txt-list {
margin: 0px 0px 0px 1em;
font-size: 13px;
line-height: 1.5em;
}
.top-button-block .close-txt-list dd p {
text-indent: -1em;
}







@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {
#top-button {
display: none;
}

}

@media print, screen and (min-width: 1024px) {

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}












/* .accordion-button */
.accordion-button {
background-color: rgba(240,242,246,1.00);
border-radius: 5px;
position: relative;
}
.accordion-button > p {
font-size: 13.5px;
line-height: 1.5em;
text-align: center;
font-weight: bold;
color: rgba(0,34,99,1.00);
padding: 12px 15px;
cursor: pointer;
}
.accordion-button > p:hover {
color: rgba(0,34,99,1.00) !important;
}
.accordion-button:hover .plusicon {
opacity: 1.0;
}

.accordion-box {
padding: 0px 15px 15px;
display: none;
}
/*
.accordion-button .box-title {
padding: 10px 0px 0px;
}
*/

/* <div class="plusicon"><span></span></div> */
.accordion-button .plusicon {
position: absolute;
right: 3px;
top: 15px;
width: 16px;
height: 16px;
display: block;
transition: 0.3s ease-in-out;
opacity: 0.5;
}
.accordion-button .plusicon span {
display: block;
position: relative;
height: 100%;
width: 100%;
}
.accordion-button .plusicon span::after,
.accordion-button .plusicon span::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 50%;
height: 1px;
width: 100%;
background-color: rgba(0,34,99,1.00);
transition: all 0.3s;
}
.accordion-button .plusicon span::before {
transform: rotate(90deg);
}
.accordion-button.open .plusicon {
transform: rotate(45deg);
}



.close-button {
text-align: center;
font-size: 13px;
line-height: 1.3em;
cursor: pointer;
}
.close-button p {
display: inline-block;
padding: 5px 23px 5px 15px;
position: relative;
background-color: rgba(252,252,252,1.00);
border-radius: 5px;
}
.close-button p::before,
.close-button p::after {
content: "";
display: block;
position: absolute;
right: 3px;
top: calc(100% - 14px);
height: 1px;
width: 16px;
background-color: rgba(128,144,177,1.00);
transform: rotate(45deg);
transition: all 0.3s;
}
.close-button p::after {
transform: rotate(-45deg);
}




@media print, screen and (min-width: 375px) {
/* .accordion-button */
.accordion-button {
}
.accordion-button > p {
font-size: 14.5px;
padding: 13px 15px;
}
.accordion-box {
padding: 0px 15px 15px;
}

.accordion-button .plusicon {
position: absolute;
right: 4px;
top: 16px;
width: 18px;
height: 18px;
}

.close-button {
font-size: 14px;
}
.close-button p {
display: inline-block;
padding: 6px 25px 6px 17px;
}
.close-button p::before,
.close-button p::after {
width: 18px;
}

}


@media print, screen and (min-width: 768px) {
/* .accordion-button */
.accordion-button {
}
.accordion-button > p {
font-size: 14.5px;
padding: 14px 15px;
}
.accordion-box {
padding: 0px 15px 15px;
}

}


@media print, screen and (min-width: 1024px) {

/* .accordion-button */
.accordion-button {
}
.accordion-button > p {
font-size: 17px;
padding: 20px;
}
.accordion-box {
padding: 0px 20px 20px;
}
.accordion-button .plusicon {
right: 7px;
top: 23px;
width: 20px;
height: 20px;
}

.close-button {
font-size: 15px;
}
.close-button p {
display: inline-block;
padding: 8px 30px 8px 20px;
}
.close-button p::before,
.close-button p::after {
width: 20px;
top: calc(100% - 17px);
}

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}