@charset "UTF-8";

.content-area-05 .scene .example p:nth-of-type(1),
.content-area-07 .exp-01 { font-size:14px;}
html { font-size:16px;}
.content-area-08 .content-02 .headline-01,
.content-area-08 .content-03 .headline-01 { font-size:16px;}
.content-area-07 .ttl-01 { font-size:19px;}
.content-area-08 .link-01,
.content-area-09 .content-02 .link-01 { font-size:20px;}
.content-area-08 .content-02 .title-02,
.content-area-08 .content-03 .title-02 { font-size:24px;}
.content-area-08 .content-03 .info-03 { font-size:11px;}
.scroll-01>div>strong,
.content-area-07 .note-01 { font-size:12px;}
.content-area-02 .content-02>:nth-child(1) .note-01,
.content-area-03 .content-02>:nth-child(1) .note-01,
.content-area-04 .content-02>:nth-child(1) .note-01,
.content-area-08 .content-02 .note-area-01,
.content-area-09 .content-01 .text-area-01 .note-01,
.content-area-02 .content-header-01 .en { font-size:14px;}
.content-area-02 .content-01 .illust-01>:nth-child(2),
.content-area-03 .content-01 .illust-01>:nth-child(2),
.content-area-04 .content-01 .illust-01>:nth-child(2),
.content-area-05 .headline-01,
.content-area-05 .scene .block-01,
.content-area-07 .headline-01,
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong,
.content-area-10 .headline-01 { font-size:20px;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 { font-size:24px;}
.content-area-02 .content-02>:nth-child(1) .headline-01,
.content-area-03 .content-02>:nth-child(1) .headline-01,
.content-area-04 .content-02>:nth-child(1) .headline-01,
.content-area-06 .text-area-01 .ttl-01 { font-size:30px;}
.font-set-L-01,
.content-area-02 .content-header-01,
.content-area-04 .content-header-01,
.content-area-05 .title-01,
.content-area-06 .title-01,
.content-area-07 .title-01,
.content-area-08 .content-header .title-01,
.content-area-09 .title-01,
.content-area-10 .title-01,
.content-area-10 .headline-02 { font-size:38px;}


.content-area-04 .content-header-02{ 
	font-size:30px;
}

.content-area-04 .content-header-02 .headline-01 {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    letter-spacing: .03em;
    display: block;
    text-align: center;
    font-size: 26px;
}

.fadeInUp,
.fadeInRight,
.fadeInLeft { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;}

@-webkit-keyframes scroll_bar {
0% { transform:translateY(-100%);}
49% { transform:translateY(0%);}
51% { transform:translateY(0%);}
to { transform:translateY(100%);}
}

@-moz-keyframes scroll_bar {
0% { transform:translateY(-100%);}
49% { transform:translateY(0%);}
51% { transform:translateY(0%);}
to { transform:translateY(100%);}
}

@-ms-keyframes scroll_bar {
0% { transform:translateY(-100%);}
49% { transform:translateY(0%);}
51% { transform:translateY(0%);}
to { transform:translateY(100%);}
}

@-o-keyframes scroll_bar {
0% { transform:translateY(-100%);}
49% { transform:translateY(0%);}
51% { transform:translateY(0%);}
to { transform:translateY(100%);}
}

@keyframes scroll_bar {
0% { transform:translateY(-100%);}
49% { transform:translateY(0%);}
51% { transform:translateY(0%);}
to { transform:translateY(100%);}
}

@-webkit-keyframes fadeInUp {
from { opacity:0; transform:translate3d(0, 1.875em, 0);}
to { opacity:1; transform:none;}
}

@-moz-keyframes fadeInUp {
from { opacity:0; transform:translate3d(0, 1.875em, 0);}
to { opacity:1; transform:none;}
}

@-ms-keyframes fadeInUp {
from { opacity:0; transform:translate3d(0, 1.875em, 0);}
to { opacity:1; transform:none;}
}

@-o-keyframes fadeInUp {
from { opacity:0; transform:translate3d(0, 1.875em, 0);}
to { opacity:1; transform:none;}
}

@keyframes fadeInUp {
from { opacity:0; transform:translate3d(0, 1.875em, 0);}
to { opacity:1; transform:none;}
}

@-webkit-keyframes fadeInRight {
from { opacity:0; transform:translate3d(-5em, 0, 0);}
to { opacity:1; transform:none;}
}

@-moz-keyframes fadeInRight {
from { opacity:0; transform:translate3d(-5em, 0, 0);}
to { opacity:1; transform:none;}
}

@-ms-keyframes fadeInRight {
from { opacity:0; transform:translate3d(-5em, 0, 0);}
to { opacity:1; transform:none;}
}

@-o-keyframes fadeInRight {
from { opacity:0; transform:translate3d(-5em, 0, 0);}
to { opacity:1; transform:none;}
}

@keyframes fadeInRight {
from { opacity:0; transform:translate3d(-5em, 0, 0);}
to { opacity:1; transform:none;}
}

@-webkit-keyframes fadeInLeft {
from { opacity:0; transform:translate3d(5em, 0, 0);}
to { opacity:1; transform:none;}
}

@-moz-keyframes fadeInLeft {
from { opacity:0; transform:translate3d(5em, 0, 0);}
to { opacity:1; transform:none;}
}

@-ms-keyframes fadeInLeft {
from { opacity:0; transform:translate3d(5em, 0, 0);}
to { opacity:1; transform:none;}
}

@-o-keyframes fadeInLeft {
from { opacity:0; transform:translate3d(5em, 0, 0);}
to { opacity:1; transform:none;}
}

@keyframes fadeInLeft {
from { opacity:0; transform:translate3d(5em, 0, 0);}
to { opacity:1; transform:none;}
}
body { overflow-x:hidden;}
.main-visual { width:100%;}
.main-visual .movie-wrap { width:100%; position:relative; padding-top:56.25%;}
.main-visual .movie-wrap::after { content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}

.main-visual .movie-wrap .odai-logo { width:180px; left:33px; top:26px; z-index:2;}
.main-visual .movie-wrap .odai-logo img { 
	width:100%; 
	height:auto; 
	float:left;
}

}
.main-visual .movie-wrap .odai-logo a { display:block; width:100%; float:left;}

.main-visual .movie-wrap .top-logo { 
	width:80%; 
	right:100px; 
        top: 90px;
	z-index:2;
}
.main-visual .movie-wrap .top-logo img { 
	width:100%; 
	height:auto; 
	float:left;
	/*background: linear-gradient(90deg, rgb(11 11 11 / 25%), rgb(11 11 11 / 25%));*/
}

.main-visual .movie-wrap .top-logo a { display:block; width:100%; float:left;}

.main-visual .movie-wrap .top-img { 
	right:100px; 
	/* top:720px; */
	top:650px; 
	z-index:2;
}
.main-visual .movie-wrap .top-img img { 
	width:150px; 
	height:auto; 
	float:left;
}
.main-visual .movie-wrap .top-img a { display:block; width:100%; float:left;}

.main-visual .movie-wrap .top-txt { 
	top:650px;
/* bottom: 165px; */
    width: 110vw;
    max-width: 800px;
    right: 10.57vw;
	z-index:2;
}
.main-visual .movie-wrap .top-txt p { 
	width:735px; 
	height:auto; 
	float:left;
color: #fff;
font-size: 18px;
}
.main-visual .movie-wrap .top-txt a { display:block; width:100%; float:left;}



.main-visual .yt { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
picture { display:block; width:100%;}
.display-w768 { display:none;}
.display-w800,
.display-w790,
.display-w780,
.display-w770,
.display-w760,
.display-w750,
.display-w740,
.display-w730,
.display-w720,
.display-w710,
.display-w700,
.display-w690,
.display-w680,
.display-w670,
.display-w660,
.display-w650,
.display-w640,
.display-w630,
.display-w620,
.display-w610,
.display-w600,
.display-w590,
.display-w580,
.display-w570,
.display-w560,
.display-w550,
.display-w540,
.display-w530,
.display-w520,
.display-w510,
.display-w500,
.display-w490,
.display-w480,
.display-w470,
.display-w460,
.display-w450,
.display-w440,
.display-w430,
.display-w420,
.display-w410,
.display-w400,
.display-w390,
.display-w380,
.display-w370,
.display-w360,
.display-w350,
.display-w340,
.display-w330,
.display-w320 { display:none;}
.fadeInUp.a { -webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -ms-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:.5s; -moz-animation-duration:.5s; -ms-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.5s; -webkit-animation-iteration-count:1; -moz-animation-iteration-count:1; -ms-animation-iteration-count:1; -o-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-timing-function:ease-out; -moz-animation-timing-function:ease-out; -ms-animation-timing-function:ease-out; -o-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay:0; -moz-animation-delay:0; -ms-animation-delay:0; -o-animation-delay:0; animation-delay:0; -webkit-animation-direction:normal; -moz-animation-direction:normal; -ms-animation-direction:normal; -o-animation-direction:normal; animation-direction:normal;}
.fadeInRight.a { -webkit-animation-name:fadeInRight; -moz-animation-name:fadeInRight; -ms-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight; -webkit-animation-duration:.8s; -moz-animation-duration:.8s; -ms-animation-duration:.8s; -o-animation-duration:.8s; animation-duration:.8s; -webkit-animation-iteration-count:1; -moz-animation-iteration-count:1; -ms-animation-iteration-count:1; -o-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-timing-function:ease-out; -moz-animation-timing-function:ease-out; -ms-animation-timing-function:ease-out; -o-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay:0; -moz-animation-delay:0; -ms-animation-delay:0; -o-animation-delay:0; animation-delay:0; -webkit-animation-direction:normal; -moz-animation-direction:normal; -ms-animation-direction:normal; -o-animation-direction:normal; animation-direction:normal;}
.fadeInLeft.a { -webkit-animation-name:fadeInLeft; -moz-animation-name:fadeInLeft; -ms-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft; -webkit-animation-duration:.8s; -moz-animation-duration:.8s; -ms-animation-duration:.8s; -o-animation-duration:.8s; animation-duration:.8s; -webkit-animation-iteration-count:1; -moz-animation-iteration-count:1; -ms-animation-iteration-count:1; -o-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-timing-function:ease-out; -moz-animation-timing-function:ease-out; -ms-animation-timing-function:ease-out; -o-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay:0; -moz-animation-delay:0; -ms-animation-delay:0; -o-animation-delay:0; animation-delay:0; -webkit-animation-direction:normal; -moz-animation-direction:normal; -ms-animation-direction:normal; -o-animation-direction:normal; animation-direction:normal;}
.font-set-L-01 { line-height:1.5789;}
.marker-01 { background-image:-webkit-linear-gradient(to top, rgba(154, 143, 136, 0.2) 60%, transparent 0); background-image:-moz-linear-gradient(to top, rgba(154, 143, 136, 0.2) 60%, transparent 0); background-image:-ms-linear-gradient(to top, rgba(154, 143, 136, 0.2) 60%, transparent 0); background-image:-o-linear-gradient(to top, rgba(154, 143, 136, 0.2) 60%, transparent 0); background-image:linear-gradient(to top, rgba(154, 143, 136, 0.2) 60%, transparent 0); background-repeat:no-repeat; background-size:100% 65%; background-position:bottom .03em left 0; padding-bottom:.07em;}
.marker-02 { background-image:-webkit-linear-gradient(to top, rgba(142, 181, 186, 0.3) 60%, transparent 0); background-image:-moz-linear-gradient(to top, rgba(142, 181, 186, 0.3) 60%, transparent 0); background-image:-ms-linear-gradient(to top, rgba(142, 181, 186, 0.3) 60%, transparent 0); background-image:-o-linear-gradient(to top, rgba(142, 181, 186, 0.3) 60%, transparent 0); background-image:linear-gradient(to top, rgba(142, 181, 186, 0.3) 60%, transparent 0); background-repeat:no-repeat; background-size:100% 65%; background-position:bottom .03em left 0; padding-bottom:.07em;}
.scroll-01 { width:calc(100% - 140px * 2); position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); padding-top:108px; z-index:2;}
.scroll-01>div { width:1.4px; height:200%; position:absolute; right:0; top:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.scroll-01>div>strong { position:absolute; left:0; top:0; -webkit-transform:translate(20%, -100%) rotate(90deg); -moz-transform:translate(20%, -100%) rotate(90deg); -ms-transform:translate(20%, -100%) rotate(90deg); -o-transform:translate(20%, -100%) rotate(90deg); transform:translate(20%, -100%) rotate(90deg); -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; display:inline-block; letter-spacing:.1em; color:#fff; line-height:1.2;}
.scroll-01 .line { width:100%; height:100%; background:#fff; left:0; top:0;}
.scroll-01 .line::after { content:""; display:block; background-color:#9a8f88; width:100%; height:100%; position:absolute; left:0; top:0; -webkit-animation-name:scroll_bar; -moz-animation-name:scroll_bar; -ms-animation-name:scroll_bar; -o-animation-name:scroll_bar; animation-name:scroll_bar; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:cubic-bezier(0.05, 0.9, 0.05); -moz-animation-timing-function:cubic-bezier(0.05, 0.9, 0.05); -ms-animation-timing-function:cubic-bezier(0.05, 0.9, 0.05); -o-animation-timing-function:cubic-bezier(0.05, 0.9, 0.05); animation-timing-function:cubic-bezier(0.05, 0.9, 0.05); -webkit-animation-fill-mode:none; -moz-animation-fill-mode:none; -ms-animation-fill-mode:none; -o-animation-fill-mode:none; animation-fill-mode:none; -webkit-animation-delay:0; -moz-animation-delay:0; -ms-animation-delay:0; -o-animation-delay:0; animation-delay:0; -webkit-animation-direction:normal; -moz-animation-direction:normal; -ms-animation-direction:normal; -o-animation-direction:normal; animation-direction:normal;}

.content-area-09 .content-01 .slide-area .slick-dots,
/* .content-area-03 .content-01 .slide-area .slick-dots, */
.content-area-33 .content-01 .slide-area .slick-dots,
.content-area-02 .content-01 .slide-area .slick-dots { display:flex; flex-wrap:wrap; width:100%; padding-top:1.25em; padding-right:1.3986%; padding-left:1.3986%;}

.content-area-09 .content-01 .slide-area .slick-dots li,
/* .content-area-03 .content-01 .slide-area .slick-dots li, */
.content-area-02 .content-01 .slide-area .slick-dots li { width:0.5em; height:0.5em; border-radius:50%; position:relative; overflow:hidden; background:#a8a8a8;}
.content-area-09 .content-01 .slide-area .slick-dots li+li,
/* .content-area-03 .content-01 .slide-area .slick-dots li+li, */
.content-area-02 .content-01 .slide-area .slick-dots li+li { margin-left:1.25em;}
.content-area-09 .content-01 .slide-area .slick-dots li.slick-active,
/* .content-area-03 .content-01 .slide-area .slick-dots li.slick-active, */
.content-area-02 .content-01 .slide-area .slick-dots li.slick-active { background:#2b2b2b;}
.content-area-09 .content-01 .slide-area .slick-dots li button,
/* .content-area-03 .content-01 .slide-area .slick-dots li button, */
.content-area-02 .content-01 .slide-area .slick-dots li button { width:100%; height:100%; position:absolute; left:0; top:0; padding-top:100%;}
.content-area-04 .content-01 .illust-01>:nth-child(2),
.content-area-03 .content-01 .illust-01>:nth-child(2),
.content-area-02 .content-01 .illust-01>:nth-child(2) { display:flex;}
.content-area-04 .content-01 .illust-01>:nth-child(2) strong,
.content-area-03 .content-01 .illust-01>:nth-child(2) strong,
.content-area-02 .content-01 .illust-01>:nth-child(2) strong { display:flex; justify-content:center; align-items:center; text-align:center; height:1.7em; padding-top:.03em; padding-right:1em; padding-left:1em;}
.content-area-07 .note-01,
.content-area-04 .content-02>:nth-child(1) .note-01,
.content-area-03 .content-02>:nth-child(1) .note-01,
.content-area-02 .content-02>:nth-child(1) .note-01 { display:block; font-weight:normal; position:relative; padding-left:1.2em; letter-spacing:.03em;}
.content-area-07 .note-01::before,
.content-area-04 .content-02>:nth-child(1) .note-01::before,
.content-area-03 .content-02>:nth-child(1) .note-01::before,
.content-area-02 .content-02>:nth-child(1) .note-01::before { content:"※"; position:absolute; left:0; font-weight:normal;}
.content-area-10 .content-header,
.content-area-09 .content-header,
.content-area-08 .content-header,
.content-area-07 .content-header,
.content-area-06 .content-header,
.content-area-05 .content-header { display:flex; flex-direction:column; align-items:center;}
.content-area-10 .title-en,
.content-area-09 .title-en,
.content-area-08 .title-en,
.content-area-07 .title-en,
.content-area-06 .title-en,
.content-area-05 .title-en { margin-right:auto; margin-left:auto;}
.content-area-10 .title-en img,
.content-area-09 .title-en img,
.content-area-08 .title-en img,
.content-area-07 .title-en img,
.content-area-06 .title-en img,
.content-area-05 .title-en img { width:100%; height:auto; float:left;}
.content-area-10 .title-01,
.content-area-09 .title-01,
.content-area-08 .title-01,
.content-area-07 .title-01,
.content-area-06 .title-01,
.content-area-05 .title-01 { line-height:1.5; margin-top:0.6579em;}

.content-area-08 .content-header .title-02 {
    font-size: 30px;
}
.content-area-08 .title-02 { line-height:1.5; margin-top:0.6579em;}


.content-area-08 .content-header .title-02 {
    letter-spacing: .03em;
}

.content-area-10 .headline-01,
.content-area-07 .headline-01,
.content-area-05 .headline-01 { line-height:1.7; letter-spacing:.03em; text-align:center; position:relative; padding-right:3.25em; padding-left:3.25em;}
.content-area-10 .headline-01::before,
.content-area-07 .headline-01::before,
.content-area-05 .headline-01::before,
.content-area-10 .headline-01::after,
.content-area-07 .headline-01::after,
.content-area-05 .headline-01::after { width:2px; height:110%; -webkit-transform-origin:center bottom; -moz-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; bottom:.2em; position:absolute;}
.content-area-10 .headline-01::before,
.content-area-07 .headline-01::before,
.content-area-05 .headline-01::before { left:0; -webkit-transform:rotate(-27deg); -moz-transform:rotate(-27deg); -ms-transform:rotate(-27deg); -o-transform:rotate(-27deg); transform:rotate(-27deg);}
.content-area-10 .headline-01::after,
.content-area-07 .headline-01::after,
.content-area-05 .headline-01::after { right:0; -webkit-transform:rotate(27deg); -moz-transform:rotate(27deg); -ms-transform:rotate(27deg); -o-transform:rotate(27deg); transform:rotate(27deg);}
.content-area-09 .content-02 .link-01,
.content-area-08 .link-01 { width:100%;}
.content-area-09 .content-02 .link-01 a,
.content-area-08 .link-01 a { margin-right:auto; margin-left:auto; display:flex; justify-content:center; text-align:center; align-items:center; color:#fff; line-height:1.4; width:15em; height:3.3em; letter-spacing:.03em; padding-right:.5em; padding-left:.5em;}
.content-area-08 .content-02 .cut-01,
.content-area-08 .content-03 .cut-01,
.content-area-07 .cut-01,
.content-area-06 .text-area-01 .exp-01 .cut-01 { line-height:0; margin-right:-0.4em; margin-left:-0.35em;}
.content-area-08 .content-02 .cut-01-L,
.content-area-08 .content-03 .cut-01-L,
.content-area-06 .text-area-01 .exp-01 .cut-01-L,
.content-area-06 .text-area-01 .ttl-01 .cut-01-L { line-height:0; margin-left:-0.35em;}
.content-area-08 .content-02 .cut-01-R,
.content-area-08 .content-03 .cut-01-R,
.content-area-06 .text-area-01 .exp-01 .cut-01-R,
.content-area-06 .text-area-01 .ttl-01 .cut-01-R { line-height:0; margin-right:-0.4em;}
.slide-area .slide { width:100%; overflow:hidden;}
.slide-area .slide img { width:100%; height:auto; float:left;}

.slide-area2 .slide { width:100%; overflow:hidden;}
.slide-area2 .slide img { width:100%; height:auto; float:left;}

.content-area-01 { 
	width:100%; 
	/* background:#D8E1E6; 
	padding-top:108px; 
	padding-bottom:130px;
	position:relative; 
	z-index:1; */ 
	background:#fff;
	padding-top:100px; 
	padding-bottom:100px;
}

.content-area-01 .line-01 { -webkit-transform:translateY(50%); -moz-transform:translateY(50%); -ms-transform:translateY(50%); -o-transform:translateY(50%); transform:translateY(50%); width:100%; height:150px; position:absolute; left:0; bottom:0;}
.content-area-01 .line-01 span { display:block; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); background:#9a8f88; left:50%; top:0; width:1.4px; height:100%; position:absolute;}
.content-area-01 .content-01,
.content-area-01 .content-02 { max-width:1280px; width:100%; margin-left:auto; margin-right:auto;}
.content-area-01 .content-01 .inner,
.content-area-01 .content-02 .inner { max-width:1140px; width:95%; display:flex; justify-content:space-between;}
.content-area-01 .content-01 { overflow:hidden;}
.content-area-01 .content-01 .inner { margin-right:auto;}
.content-area-01 .content-01 .inner>:nth-child(1) { width:59.386%; overflow:hidden;}
.content-area-01 .content-01 .inner>:nth-child(1) img { width:100%; height:auto; float:left;}
.content-area-01 .content-01 .inner>:nth-child(2) { width:33.3333%; padding-top:6.4035%;}
.content-area-01 .content-01 .inner>:nth-child(2) .illust-area { margin-left:-42.1053%; position:relative; width:172.1053%; padding-top:70.7895%;}
.content-area-01 .content-01 .inner>:nth-child(2) .illust-01 img,
.content-area-01 .content-01 .inner>:nth-child(2) .illust-02 img { width:100%; height:auto; float:left;}
.content-area-01 .content-01 .inner>:nth-child(2) .illust-01 { top:13.3829%; left:0; width:67.2783%;}
.content-area-01 .content-01 .inner>:nth-child(2) .illust-02 { top:0; right:0; width:41.1315%;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-01 { margin-top:-0.9em; margin-bottom:.7em; letter-spacing:.08em; width:calc(100% + 2em);}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 { display:flex; line-height:1.5;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 strong,
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 span { text-align:center; height:1.65em; padding-top:.03em; display:flex; align-items:center; justify-content:center;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 strong { color:#fff; letter-spacing:.03em; padding-top:.05em; padding-right:.5em; padding-left:.5em;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 strong:nth-of-type(1) { background:#8eb5ba;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 strong:nth-of-type(2) { background:#9a8f88;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 span { padding-right:.45em; padding-left:.45em;}
.content-area-01 .content-02 { padding-top:40px;}
.content-area-01 .content-02 .inner { margin-left:auto;}
.content-area-01 .content-02 .inner>:nth-child(1) { width:50%;}
.content-area-01 .content-02 .inner>:nth-child(1)>p { width:100%;}
.content-area-01 .content-02 .inner>:nth-child(1)>p+p { margin-top:2em;}
.content-area-01 .content-02 .inner>:nth-child(2) { width:45.7895%; display:flex; align-items:flex-end; padding-bottom:.8771929825%;}
.content-area-01 .content-02 .inner>:nth-child(2) figure { width:100%; position:relative;}
.content-area-01 .content-02 .inner>:nth-child(2) figure::before { content:""; display:block; background-position:left bottom; background-repeat:repeat; background-size:1.5326% 2.2857%; background-image:url("../images/bg-dot-brown-01-01.svg"); width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform:translate(-4.5977%, 6.8571%); -moz-transform:translate(-4.5977%, 6.8571%); -ms-transform:translate(-4.5977%, 6.8571%); -o-transform:translate(-4.5977%, 6.8571%); transform:translate(-4.5977%, 6.8571%);}
.content-area-01 .content-02 .inner>:nth-child(2) figure::after { content:""; width:0; height:0; clear:both; display:block;}
.content-area-01 .content-02 .inner>:nth-child(2) figure img { width:100%; height:auto; float:left; position:relative;}

.content-area-02 { 
	width:100%; 
	padding-top:120px; 
	padding-bottom:150px;
	background-color: #dffdff63;
}

.content-area-01 .content-area-02 .content-header-01 { max-width:1280px; width:90%; margin-left:auto; margin-right:auto; padding-bottom:2.5em;}

.content-area-02 .content-header-01 .en { letter-spacing:.05em; text-align:center; color:#E0AC9E;}

.content-area-01 .content-header-01 .headline-01 { 
	padding-top:.4em; 
	letter-spacing:.03em; 
	display:block; 
	text-align:center;
    padding-bottom: 0.4em;
}

.content-area-02 .content-header-01 .headline-01 { 
	padding-top:.4em; 
    	padding-bottom: 1.2em;
	letter-spacing:.03em; 
	display:block; 
	text-align:center;
}

.content-area-03 .content-header-01 .headline-01 { 
	padding-top:.4em; 
    	padding-bottom: 1.2em;
	letter-spacing:.03em; 
	display:block; 
	text-align:center;
}


.content-area-33 {
    width: 100%;
    background: #60a5610a;
    padding-top: 150px;
    padding-bottom: 150px;
}

.content-area-33 .content-header-01 .headline-01 {
    padding-top: 0.4em;
    padding-bottom: 1.2em;
    letter-spacing: .03em;
    display: block;
    text-align: center;
}


.content-area-33 .content-02 {
    max-width: 1000px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* padding-top: 60px; */
}

.content-area-33 .content-02>:nth-child(1) {
    width: 45.5%;
}

.content-area-33 .content-02>:nth-child(1) .headline-01 {
    font-size: 30px;
}

.content-area-33 .content-02>:nth-child(1)>p {
    width: 100%;
    font-size: 16px;
}

.content-area-33 .content-02>:nth-child(2) {
    width: 49.2%;
    position: relative;
}

.content-area-33 .content-02>:nth-child(2) p {
    -webkit-transform: translate(26.1111%, 26.1111%);
    -moz-transform: translate(26.1111%, 26.1111%);
    -ms-transform: translate(26.1111%, 26.1111%);
    -o-transform: translate(26.1111%, 26.1111%);
    transform: translate(26.1111%, 26.1111%);
    width: 36.5854%;
    padding-top: 36.5854%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-position: right bottom;
    background-repeat: repeat;
    background-size: 4.4444% 4.4444%;
    /* background-image: url(../images/bg-dot-brown-02-02.svg); */
}

.content-area-33 .content-02>:nth-child(2) img {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.content-area-33 .content-02>:nth-child(2)::after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}

.content-area-33 .content-01 {
    max-width: 1000px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start;
    padding-top: 120px;
}

.content-area-33 .content-01 .slide-area {
    width: 61.5%;
}

.content-area-33 .content-01 .slide-area2 {
    width: 58.5%;
}

.content-area-33 .content-01 .slide-area .slick-dots {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 1.25em;
    padding-right: 1.3986%;
    padding-left: 1.3986%;
}

.content-area-33 .content-01 .slide-area .slick-dots li {
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background: #a8a8a8;
}

.content-area-33 .content-01 .slide-area .slick-dots li.slick-active {
    background: #2b2b2b;
}

.content-area-33 .content-01 .slide-area .slick-dots li button {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 100%;
}

.content-area-33 .content-01 .illust-01 {
    width: 39.5%;
    padding-top: 47.7%;
    position: relative;
    z-index: 1;
}

/*.content-area-33 .content-01 .illust-01>* {
    position: absolute;
}
*/

.content-area-33 .content-01 .illust-01>:nth-child(1) {
    top: 5.6604%;
    left: 8.2456%;
    width: 103.1579%;
    overflow: hidden;
    font-size: 16px;
}

.content-area-33 .content-02>:nth-child(1) .headline-01 {
    width: 97%;
    margin-top: 0;
    margin-left: auto;
    padding-bottom: 0.6em;
}

/*
.content-area-33 .content-01 .illust-01>:nth-child(1) img {
    width: 100%;
    height: auto;
    float: left;
}
*/

.content-area-02 .content-01 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto; display:flex; align-items:flex-start;}
.content-area-02 .content-01 .illust-01 { width:28.5%; padding-top:47.7%; position:relative; order:1; z-index:1;}
.content-area-02 .content-01 .illust-01>* { position:absolute;}
.content-area-02 .content-01 .illust-01>:nth-child(1) { top:5.6604%; left:-1.7544%; width:103.1579%; overflow:hidden;}
.content-area-02 .content-01 .illust-01>:nth-child(1) img { width:100%; height:auto; float:left;}
.content-area-02 .content-01 .illust-01>:nth-child(2) { top:52.2013%; left:0;}
.content-area-02 .content-01 .illust-01>:nth-child(2) strong { background:rgba(142,181,186,
.2);}
.content-area-02 .content-01 .illust-01>:nth-child(3) { top:58.9099%; left:0; width:114.7368%; overflow:hidden;}
.content-area-02 .content-01 .illust-01>:nth-child(3) img { width:100%; height:auto; float:left;}
.content-area-02 .content-01 .slide-area { width:71.5%; order:2;}
.content-area-02 .content-01 .slide-area .slick-dots { justify-content:flex-end;}
.content-area-02 .content-02 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; align-items:flex-start; padding-top:60px;}
.content-area-02 .content-02>:nth-child(1) { width:45.5%; order:2;}
.content-area-02 .content-02>:nth-child(1) .headline-01 { width:100%; letter-spacing:.03em; line-height:1.6667; margin-top:-0.38em; padding-bottom:.7em;}

.content-area-02 .content-02>:nth-child(1)>p { 
	width:100%;
	font-size: 16px;
}

.content-area-02 .content-02>:nth-child(1) .note-01 { line-height:1.7; margin-top:.8em;}
.content-area-02 .content-02>:nth-child(1) .note-01::before { line-height:1.7; top:0;}
.content-area-02 .content-02>:nth-child(2) { width:49.2%; position:relative; order:1;}
.content-area-02 .content-02>:nth-child(2)::after { content:""; width:0; height:0; clear:both; display:block;}
.content-area-02 .content-02>:nth-child(2) img { width:100%; height:auto; float:left; position:relative;}

.content-area-02 .content-02>:nth-child(2) p { 
	-webkit-transform:translate(-26.1111%, 26.1111%); 
	-moz-transform:translate(-26.1111%, 26.1111%); 
	-ms-transform:translate(-26.1111%, 26.1111%); 
	-o-transform:translate(-26.1111%, 26.1111%); 
	transform:translate(-26.1111%, 26.1111%); 
	width:36.5854%; padding-top:36.5854%; 
	position:absolute; 
	left:0; 
	bottom:0; 
	background-position:left 
	bottom; background-repeat:repeat; 
	background-size:4.4444% 4.4444%; 
	/* background-image:url("../images/bg-dot-brown-02-01.svg"); */
}

.content-area-03 { 
	width:100%; 
	background:#ffeddf75; padding-top:150px; padding-bottom:150px;}


.content-area-03 .content-01 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto; display:flex; align-items:flex-start;}

.content-area-03 .content-01 .illust-01 { 
	/* width:28.5%; 
	padding-top:47.7%; 
	position:relative; */

    width: 38.5%;
    padding-top: 47.7%;
    position: relative;
    z-index: 1;
}

.content-area-03 .content-01 .illust-01>* { position:absolute;}

.content-area-03 .content-01 .illust-01>:nth-child(1) { 
	/* width:148.0702%; 
	overflow:hidden; 
	top:5.87%; 
	right:-.701754386%; */

top: 5.6604%;
    left: 8.2456%;
    width: 103.1579%;
    overflow: hidden;
    font-size: 16px;

}

.content-area-03 .content-01 .illust-01>:nth-child(1) img { width:100%; height:auto; float:left;}
.content-area-03 .content-01 .illust-01>:nth-child(2) { right:0; top:52.4109%;}
.content-area-03 .content-01 .illust-01>:nth-child(2) strong { background:#fff;}
.content-area-03 .content-01 .illust-01>:nth-child(3) { width:114.7368%; overflow:hidden; right:-.701754386%; top:59.1195%;}
.content-area-03 .content-01 .illust-01>:nth-child(3) img { width:100%; height:auto; float:left;}
.content-area-03 .content-01 .slide-area2 { width:59.5%;}

.content-area-03 .content-02 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; align-items:flex-start; padding-top:60px;}
.content-area-03 .content-02>:nth-child(1) { width:45.5%;}
.content-area-03 .content-02>:nth-child(1) .headline-01 { letter-spacing:.03em; line-height:1.6667; margin-top:-0.38em; padding-bottom:.7em;}

.content-area-03 .content-02>:nth-child(1)>p { 
	width:100%;
	font-size: 16px;
}

.content-area-03 .content-02>:nth-child(1) .note-01 { line-height:1.7; margin-top:.8em;}
.content-area-03 .content-02>:nth-child(1) .note-01::before { line-height:1.7; top:0;}
.content-area-03 .content-02>:nth-child(2) { width:49.2%; position:relative;}
.content-area-03 .content-02>:nth-child(2)::after { content:""; width:0; height:0; clear:both; display:block;}
.content-area-03 .content-02>:nth-child(2) img { width:100%; height:auto; float:left; position:relative;}

.content-area-03 .content-02>:nth-child(2) p { -webkit-transform:translate(26.1111%, 26.1111%); -moz-transform:translate(26.1111%, 26.1111%); -ms-transform:translate(26.1111%, 26.1111%); -o-transform:translate(26.1111%, 26.1111%); transform:translate(26.1111%, 26.1111%); width:36.5854%; padding-top:36.5854%; position:absolute; right:0; bottom:0; background-position:right bottom; background-repeat:repeat; background-size:4.4444% 4.4444%; /* background-image:url("../images/bg-dot-brown-02-02.svg"); */}


.content-area-04 { width:100%; padding-top:150px; padding-bottom:150px; background-color: #fcd3de36;}

.content-area-04 .content-01 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto; display:flex; align-items:flex-start;}
.content-area-04 .content-01 .illust-01 { width:28.5%; padding-top:47.7%; position:relative; order:1;}
.content-area-04 .content-01 .illust-01>* { position:absolute;}
.content-area-04 .content-01 .illust-01>:nth-child(1) { top:5.6604%; left:-4.9123%; width:146.6667%; overflow:hidden;}
.content-area-04 .content-01 .illust-01>:nth-child(1) img { width:100%; height:auto; float:left;}
.content-area-04 .content-01 .illust-01>:nth-child(2) { top:51.782%; left:0; left:0;}
.content-area-04 .content-01 .illust-01>:nth-child(2) strong { background:rgba(142,181,186,
.2);}
.content-area-04 .content-01 .illust-01>:nth-child(3) { top:56.6038%; left:6.3158%; width:114.7368%; overflow:hidden;}
.content-area-04 .content-01 .illust-01>:nth-child(3) img { width:100%; height:auto; float:left;}
.content-area-04 .content-01 .img-area { width:71.5%; overflow:hidden; order:2;}
.content-area-04 .content-01 .img-area img { width:100%; height:auto; float:left;}

.content-area-04 .content-02 { 
	max-width:1000px; 
	width:90%; 
	margin-left:auto; 
	margin-right:auto; 
	display:flex; 
	justify-content:space-between; 
	/* padding-top:70px; */
}

.content-area-04 .content-02>:nth-child(1) { width:45.5%; order:2; display:flex; flex-direction:column; justify-content:center;}
.content-area-04 .content-02>:nth-child(1) .headline-01 { letter-spacing:.03em; line-height:1.6667; padding-bottom:.7em;}
.content-area-04 .content-02>:nth-child(1)>p { 
	width:100%;
	font-size: 16px;
}
.content-area-04 .content-02>:nth-child(1) .note-01 { line-height:1.7; margin-top:.8em;}
.content-area-04 .content-02>:nth-child(1) .note-01::before { line-height:1.7; top:0;}
.content-area-04 .content-02>:nth-child(2) { width:49.2%; position:relative; order:1;}
.content-area-04 .content-02>:nth-child(2)::after { content:""; width:0; height:0; clear:both; display:block;}
.content-area-04 .content-02>:nth-child(2) img { width:100%; height:auto; float:left; position:relative;}
.content-area-04 .content-02>:nth-child(2) p { -webkit-transform:translate(-26.1111%, 26.1111%); -moz-transform:translate(-26.1111%, 26.1111%); -ms-transform:translate(-26.1111%, 26.1111%); -o-transform:translate(-26.1111%, 26.1111%); transform:translate(-26.1111%, 26.1111%); width:36.5854%; padding-top:36.5854%; position:absolute; left:0; bottom:0; background-position:left bottom; background-repeat:repeat; background-size:4.4444% 4.4444%; /* background-image:url("../images/bg-dot-brown-02-01.svg");*/ }

.content-area-04 .content-04 { 
	max-width:1000px; 
	width:90%; 
	margin-left:auto; 
	margin-right:auto; 
	display:flex; 
	justify-content:space-between; 
	padding-top:70px;
}

.content-area-04 .content-04>:nth-child(1) {
    width: 45.5%;
    order: 2;
}

.content-area-04 .content-04>:nth-child(1) .headline-01 {
    font-size: 30px;
}

.content-area-04 .content-04>:nth-child(1) .headline-01 {
    width: 100%;
    letter-spacing: .03em;
    line-height: 1.6667;
    margin-top: -0.38em;
    padding-bottom: 0.7em;
}

.content-area-04 .content-04>:nth-child(1)>p {
    width: 100%;
    font-size: 16px;
}

.content-area-04 .content-04>:nth-child(2) {
    width: 49.2%;
    position: relative;
    order: 1;
}

.content-area-04 .content-04>:nth-child(2) p {
    -webkit-transform: translate(-26.1111%, 26.1111%);
    -moz-transform: translate(-26.1111%, 26.1111%);
    -ms-transform: translate(-26.1111%, 26.1111%);
    -o-transform: translate(-26.1111%, 26.1111%);
    transform: translate(-26.1111%, 26.1111%);
    width: 36.5854%;
    padding-top: 36.5854%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-position: left bottom;
    background-repeat: repeat;
    background-size: 4.4444% 4.4444%;
    /* background-image: url(../images/bg-dot-brown-02-01.svg); */
}

.content-area-04 .content-04>:nth-child(2) img {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.content-area-04 .content-header-01 .headline-01 {
    padding-top: 0.4em;
    padding-bottom: 1.2em;
    letter-spacing: .03em;
    display: block;
    text-align: center;
}

.content-area-05 { width:100%; background:#CCCABD; padding-top:150px; padding-bottom:150px;}
.content-area-05 .content-header { max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-05 .title-en { width:15.5%;}
.content-area-05 .title-01 { margin-bottom:1.5789em; letter-spacing:.03em;}
.content-area-05 .headline-01::before,
.content-area-05 .headline-01::after { content:""; display:block; background-color:#9a8f88;}
.content-area-05 .scenes-area { padding-top:50px; display:flex; justify-content:space-between; max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-05 .scene { width:33%;}
.content-area-05 .scene .img-01 { width:100%; padding-bottom:20px; overflow:hidden;}
.content-area-05 .scene .img-01 img { width:100%; height:auto; float:left;}
.content-area-05 .scene .block-01 { width:100%; display:flex; justify-content:space-between; align-items:center; position:relative; padding-left:4.5455%;}
.content-area-05 .scene .block-01::before { content:""; display:block; background-color:#9a8f88; width:2px; height:100%; position:absolute; left:0; top:0;}
.content-area-05 .scene .example { width:calc(100% - 15.4545% - 5px - 4.5455%); padding-bottom:.15em;}
.content-area-05 .scene .example strong:nth-of-type(1) { margin-bottom:.13em; width:100%; display:block; line-height:1.5;}
.content-area-05 .scene .example p:nth-of-type(1) { width:100%; line-height:1.7;}
.content-area-05 .scene .icon-01 { width:15.4545%; overflow:hidden; margin-right:4.5455%;}
.content-area-05 .scene .icon-01 img { width:100%; height:auto; float:left;}
.content-area-06 { width:100%; padding-top:150px; padding-bottom:150px;}
.content-area-06 .content-header { max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-06 .title-en { width:10.8%;}
.content-area-06 .title-01 { letter-spacing:.2em; margin-bottom:2.3684em;}
.content-area-06 .content-01 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-06 .content-01>:nth-of-type(1) { padding-top:0;}
.content-area-06 .feature-area-01,
.content-area-06 .feature-area-02 { padding-top:100px; display:flex; justify-content:space-between; align-items:flex-start; width:100%;}
.content-area-06 .text-area-01 { width:46.3%; display:flex; justify-content:space-between; align-self:stretch;}
.content-area-06 .text-area-01>:nth-child(1) { display:flex; align-items:center; flex-direction:column; width:0.625em;}
.content-area-06 .text-area-01>:nth-child(1) img:nth-of-type(1) { width:100%; height:auto; margin-bottom:1.875em;}
.content-area-06 .text-area-01>:nth-child(1)::after { content:""; display:block; background-color:#8eb5ba; width:2px; flex-grow:1;}
.content-area-06 .text-area-01>:nth-child(2) { width:calc(100% - 8.6393% - 0.625em);}
.content-area-06 .text-area-01 .number-01,
.content-area-06 .text-area-01 .number-02,
.content-area-06 .text-area-01 .number-03 { overflow:hidden;}
.content-area-06 .text-area-01 .number-01 img,
.content-area-06 .text-area-01 .number-02 img,
.content-area-06 .text-area-01 .number-03 img { width:100%; height:auto; float:left;}
.content-area-06 .text-area-01 .number-01 { width:16.2228%;}
.content-area-06 .text-area-01 .number-02 { width:20.5811%; margin-left:auto;}
.content-area-06 .text-area-01 .number-03 { width:20.5811%;}
.content-area-06 .text-area-01 .numbers { font-family:Arial,sans-serif;}
.content-area-06 .text-area-01 .ttl-01 { width:100%; letter-spacing:.03em; line-height:1.6667; margin-top:.65em; margin-bottom:.6em;}
.content-area-06 .text-area-01 .ttl-01 .numbers { font-size:1.1em; line-height:0;}
.content-area-06 .text-area-01 .exp-01 { width:100%;}
.content-area-06 .feature-area-spacer { display:none; width:100%; padding-top:6.43%;}
.content-area-06 .img-01 { width:49.2%; position:relative;}
.content-area-06 .img-01 img { width:100%; height:auto; float:left; position:relative;}
.content-area-06 .img-01::before,
.content-area-06 .img-01::after { content:""; display:block;}
.content-area-06 .img-01::before { width:100%; height:100%; position:absolute; background-repeat:repeat; background-size:1.626% 2.439%;}
.content-area-06 .img-01::after { width:0; height:0; clear:both;}
.content-area-06 .feature-area-01 .img-01::before { -webkit-transform:translate(4.878%, 7.3171%); -moz-transform:translate(4.878%, 7.3171%); -ms-transform:translate(4.878%, 7.3171%); -o-transform:translate(4.878%, 7.3171%); transform:translate(4.878%, 7.3171%); background-position:right bottom; background-image:url("../images/bg-dot-brown-02-02.svg");}
.content-area-06 .feature-area-02 .img-01::before { -webkit-transform:translate(-4.878%, 7.3171%); -moz-transform:translate(-4.878%, 7.3171%); -ms-transform:translate(-4.878%, 7.3171%); -o-transform:translate(-4.878%, 7.3171%); transform:translate(-4.878%, 7.3171%); background-position:left bottom; background-image:url("../images/bg-dot-brown-02-01.svg");}
.content-area-06 .feature-area-02 .text-area-01 { order:2;}
.content-area-06 .feature-area-02 .text-area-01>:nth-child(1) { order:2;}
.content-area-06 .feature-area-02 .text-area-01>:nth-child(2) { order:1;}
.content-area-06 .feature-area-02 .img-01 { order:1;}
.content-area-07 { width:100%; background:#D8E1E6; padding-top:150px; padding-bottom:150px;}
.content-area-07 .content-header { max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-07 .title-en { width:15.1%;}
.content-area-07 .title-01 { margin-bottom:1.5789em; letter-spacing:.03em;}
.content-area-07 .headline-01::before,
.content-area-07 .headline-01::after { content:""; display:block; background-color:#8eb5ba;}
.content-area-07 .other-points-area { padding-top:50px; display:flex; justify-content:space-between; max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-07 .point { width:33%; background:#fff;}
.content-area-07 .img-area-01 { width:100%; position:relative;}
.content-area-07 .img-area-01::after { content:""; width:0; height:0; clear:both; display:block;}
.content-area-07 .img-01 { width:100%; float:left;}
.content-area-07 .img-01 img { width:100%; height:auto; float:left;}
.content-area-07 .icon-01 { width:15.4545%; bottom:0; left:50%; -webkit-transform:translate(-50%, 50%); -moz-transform:translate(-50%, 50%); -ms-transform:translate(-50%, 50%); -o-transform:translate(-50%, 50%); transform:translate(-50%, 50%);}
.content-area-07 .icon-01 img { width:100%; height:auto; float:left;}
.content-area-07 .text-area-01 { width:100%; padding-top:37px; padding-bottom:30px;}
.content-area-07 .exp-01 .space-L,
.content-area-07 .ttl-01 .space-L { margin-left:.08em;}
.content-area-07 .exp-01 .space-R,
.content-area-07 .ttl-01 .space-R { margin-right:.08em;}
.content-area-07 .ttl-01 { width:calc(100% - (330px - 302px)); text-align:center; margin-right:auto; margin-bottom:.7em; margin-left:auto; line-height:1.5789;}
.content-area-07 .ttl-01 strong { color:#568990; line-height:0;}
.content-area-07 .exp-01 { width:calc(100% - (330px - 302px)); line-height:1.8em; font-weight:normal; margin-right:auto; margin-left:auto;}
.content-area-07 .exp-01.blue,
.content-area-07 .exp-01 .blue { color:#568990;}
.content-area-07 .exp-01.blue .cut-01,
.content-area-07 .exp-01 .blue .cut-01 { color:#568990;}
.content-area-07 .exp-01 strong { line-height:0; color:#568990;}
.content-area-07 .exp-01 strong .cut-01 { line-height:0; color:#568990;}
.content-area-07 .note-01 { width:calc(100% - (330px - 302px)); margin-top:.8em; margin-right:auto; margin-left:auto; line-height:1.6;}
.content-area-07 .note-01::before { line-height:1.6;}

.content-area-08 { width:100%; padding-top:50px; padding-bottom:100px;}

.content-area-08 .content-header,
.content-area-08 .content-01,
.content-area-08 .content-02,
.content-area-08 .content-03 { max-width:832px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-08 .content-header .title-en { width:6.3702%;}
.content-area-08 .content-header .title-01 { letter-spacing:.03em;}
.content-area-08 .movie-wrap { width:100%; position:relative; padding-top:56.25%;}
.content-area-08 .yt { position:absolute; width:100%; height:100%; left:0; top:0;}
.content-area-08 .content-01 { padding-top:45px;}
.content-area-08 .content-02 .title-02,
.content-area-08 .content-03 .title-02 { letter-spacing:.08em; width:100%; border-width:0 0 1.4px; border-color:#568990; border-style:solid; color:#568990; line-height:1.7; text-align:center; padding-bottom:.3em;}
.content-area-08 .content-02 .headline-01,
.content-area-08 .content-03 .headline-01 { padding-top:2.5em; line-height:2; width:100%; text-align:center;}
.content-area-08 .content-02,
.content-area-08 .content-03 { padding-top:95px;}
.content-area-08 .content-02 .title-02 .cut-01,
.content-area-08 .content-02 .title-02 .cut-01-L,
.content-area-08 .content-02 .title-02 .cut-01-R,
.content-area-08 .content-03 .title-02 .cut-01,
.content-area-08 .content-03 .title-02 .cut-01-L,
.content-area-08 .content-03 .title-02 .cut-01-R { color:#568990;}
.content-area-08 .content-02 .headline-01 { padding-bottom:1.875em;}
.content-area-08 .content-02 .table-01 { width:100%; display:flex;}
.content-area-08 .content-02 .table-01 .th-area-01 { width:9.6154%;}
.content-area-08 .content-02 .table-01 .th-area-01>* { width:100%;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-01 { padding-top:calc(37.5% + 15px);}
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 { position:relative; overflow:hidden;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 img { width:100%; height:auto; float:left;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong { display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; line-height:1.3; color:#568990; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; text-orientation:upright; letter-spacing:.2em;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong span { color:#568990;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-03,
.content-area-08 .content-02 .table-01 .th-area-01 .th-04 { padding-top:87.5%; background-position:center center; background-repeat:no-repeat; background-size:contain; position:relative;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-03::before,
.content-area-08 .content-02 .table-01 .th-area-01 .th-04::before { content:""; display:block; background-color:#8eb5ba; top:-2px; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); height:1.4px; width:75%; position:absolute;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-03 { background-image:url("../images/spec-sun.svg");}
.content-area-08 .content-02 .table-01 .th-area-01 .th-04 { background-image:url("../images/spec-clock.svg");}
.content-area-08 .content-02 .table-01 .td-01 { width:22.1154%;}
.content-area-08 .content-02 .table-01 .td-02 { width:4px;}
.content-area-08 .content-02 .table-01 .td-03 { width:100%; height:4px;}
.content-area-08 .content-02 .table-01 .td-inner-01 { width:100%;}
.content-area-08 .content-02 .table-01 .icon-01 { display:flex; justify-content:center; padding-bottom:15px;}
.content-area-08 .content-02 .table-01 .icon-01 img { width:16.3043%; height:auto;}
.content-area-08 .content-02 .table-01 .img-01 { width:100%; overflow:hidden; padding-bottom:4px;}
.content-area-08 .content-02 .table-01 .img-01 img { width:100%; height:auto; float:left;}
.content-area-08 .content-02 .table-01 .lm,
.content-area-08 .content-02 .table-01 .time { position:relative; width:100%;}
.content-area-08 .content-02 .table-01 .lm>p:nth-of-type(1),
.content-area-08 .content-02 .table-01 .time>p:nth-of-type(1) { width:100%;}
.content-area-08 .content-02 .table-01 .lm>p:nth-of-type(1)::after,
.content-area-08 .content-02 .table-01 .time>p:nth-of-type(1)::after { content:""; display:block; width:0; height:0; clear:both;}
.content-area-08 .content-02 .table-01 .lm img,
.content-area-08 .content-02 .table-01 .time img { width:100%; height:auto; float:left;}
.content-area-08 .content-02 .table-01 .lm::after,
.content-area-08 .content-02 .table-01 .time::after { content:""; display:block; background-color:#8eb5ba; top:50%; left:-2px; width:1.4px; height:85.7143%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute;}
.content-area-08 .content-02 .table-01 .time::before { content:""; display:block; background-color:#8eb5ba; top:-2px; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); height:1.4px; width:89.1304%; position:absolute;}
.content-area-08 .content-02 .table-01 .sun-icon-01,
.content-area-08 .content-02 .table-01 .clock-icon-01 { background-position:center center; background-repeat:no-repeat; width:30%; display:block; padding-top:30%; display:none; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); position:absolute; left:5%; top:50%;}
.content-area-08 .content-02 .table-01 .sun-icon-01 { background-image:url("../images/spec-sun.svg"); background-size:110% auto;}
.content-area-08 .content-02 .table-01 .clock-icon-01 { background-image:url("../images/spec-clock.svg"); background-size:90% auto;}
.content-area-08 .content-02 .note-area-01 { width:100%; display:flex; justify-content:center; padding-top:35px;}
.content-area-08 .content-02 .note-area-01 li { position:relative; width:100%; font-weight:normal; line-height:1.5714;}
.content-area-08 .content-02 .note-area-01 li+li { margin-top:.2em;}
.content-area-08 .content-02 .note-area-01 .note-01,
.content-area-08 .content-02 .note-area-01 .note-02 { padding-left:1.83em;}
.content-area-08 .content-02 .note-area-01 .note-01::before,
.content-area-08 .content-02 .note-area-01 .note-02::before { position:absolute; left:0; top:0;}
.content-area-08 .content-02 .note-area-01 .note-01::before { content:"※1"; font-weight:normal; line-height:1.5714;}
.content-area-08 .content-02 .note-area-01 .note-02::before { content:"※2"; font-weight:normal; line-height:1.5714;}
.content-area-08 .content-02 .note-area-01 .note-03 { padding-left:1.2em;}
.content-area-08 .content-02 .note-area-01 .note-03::before { content:"※"; position:absolute; left:0; top:0; font-weight:normal; line-height:1.5714;}
.content-area-08 .content-03 .headline-01 { padding-bottom:2.5em;}
.content-area-08 .content-03 .charges-area { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.content-area-08 .content-03 .charges { padding-top:30px; display:flex; width:calc((100% - 2px)/2); background:#fff;}
.content-area-08 .content-03 .charges:nth-of-type(1),
.content-area-08 .content-03 .charges:nth-of-type(2) { padding-top:0;}
.content-area-08 .content-03 .illust { width:37.1084%; overflow:hidden;}
.content-area-08 .content-03 .illust img { width:100%; height:auto; float:left;}
.content-area-08 .content-03 .info-area { width:57.1084%;}
.content-area-08 .content-03 .info-01 { background:#e8f0f1; line-height:1.5; height:1.875em; display:flex; justify-content:center; align-items:center; text-align:center; width:100%; padding-top:.08em; padding-right:.5em; padding-left:.5em;}
.content-area-08 .content-03 .info-02 { width:100%;}
.content-area-08 .content-03 .info-02 img { width:78%; display:block; margin-right:auto; margin-left:auto;}
.content-area-08 .content-03 .info-03 { line-height:1.5; display:block; text-align:center; padding-top:.6em;}
.content-area-08 .link-01 { padding-top:45px;}
.content-area-08 .link-01 a { background:#D95D94;}
.content-area-09 { width:100%; background:#ffeddf; padding-top:150px; padding-bottom:140px;}
.content-area-09 .content-header { max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-09 .title-en { width:16.8%;}
.content-area-09 .title-01 { margin-bottom:1.5789em; letter-spacing:.03em;}
.content-area-09 .content-01 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between;}
.content-area-09 .content-01 .slide-area { width:53%;}
.content-area-09 .content-01 .text-area-01 { width:41%;}
.content-area-09 .content-01 .text-area-01>p { width:100%;}
.content-area-09 .content-01 .text-area-01 .note-01 { width:100%; padding-top:1.4286em;}
.content-area-09 .content-01 .text-area-01 .note-01 li { width:100%; position:relative; line-height:1.5714; padding-left:1.2em; font-weight:normal;}
.content-area-09 .content-01 .text-area-01 .note-01 li::before { content:"※"; position:absolute; left:0; top:0; font-weight:normal; line-height:1.5714;}
.content-area-09 .content-01 .text-area-01 .note-01 li+li { margin-top:.2em;}
.content-area-09 .content-02 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto; padding-top:50px;}
.content-area-09 .content-02 .sub-images-01 { display:flex; justify-content:space-between;}
.content-area-09 .content-02 .sub-images-01 figure { overflow:hidden; width:calc((100% - 8px)/3);}
.content-area-09 .content-02 .sub-images-01 figure img { width:100%; height:auto; float:left;}
.content-area-09 .content-02 .link-01 { padding-top:50px;}
.content-area-09 .content-02 .link-01 a { background:#9a8f88;}
.content-area-10 { width:100%; padding-top:140px; padding-bottom:110px;}
.content-area-10 .content-header,
.content-area-10 .banner-01,
.content-area-10 .banner-area-01 { max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
.content-area-10 .title-01 { margin-bottom:1.5789em; letter-spacing:.03em;}
.content-area-10 .headline-01::before,
.content-area-10 .headline-01::after { content:""; display:block; background-color:#8eb5ba;}
.content-area-10 .headline-02 { letter-spacing:.03em; line-height:1.5; text-align:center; padding-right:1.7105em; padding-left:1.7105em; display:block; position:relative; margin-top:0.6579em;}
.content-area-10 .headline-02::before,
.content-area-10 .headline-02::after { content:""; display:block; background-color:#8eb5ba; width:2px; height:110%; -webkit-transform-origin:center bottom; -moz-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; bottom:-0.01em; position:absolute;}
.content-area-10 .headline-02::before { left:0; -webkit-transform:rotate(-27deg); -moz-transform:rotate(-27deg); -ms-transform:rotate(-27deg); -o-transform:rotate(-27deg); transform:rotate(-27deg);}
.content-area-10 .headline-02::after { right:0; -webkit-transform:rotate(27deg); -moz-transform:rotate(27deg); -ms-transform:rotate(27deg); -o-transform:rotate(27deg); transform:rotate(27deg);}
.content-area-10 .header-01 { padding-bottom:65px;}
.content-area-10 .header-01 .title-en { width:11.7%;}
.content-area-10 .header-02 { padding-top:140px;}
.content-area-10 .header-02 .title-en { width:11%;}
.content-area-10 .banner-01,
.content-area-10 .banner-02 { overflow:hidden;}
.content-area-10 .banner-01 a,
.content-area-10 .banner-02 a { display:block; width:100%; float:left;}
.content-area-10 .banner-01 img,
.content-area-10 .banner-02 img { width:100%; height:auto; float:left;}
.content-area-10 .banner-02 { width:48.4%;}
.content-area-10 .banner-area-01 { padding-top:65px; display:flex; justify-content:space-between;}


.infoArea { width:140px; font-size:10px; position:fixed; left:10px; bottom:10px; background-color:#ccc; text-align:left; padding-top:.7em; padding-bottom:.88em; z-index:10; line-height:1.4em; display:none;}
.infoArea * { font-size:1em; line-height:1.4em;}
.infoArea p { width:calc(100% - 20px); font-weight:500; margin-right:auto; margin-left:auto;}

p.text01{
    padding: 10px 100px;
    font-size: 16px;
}

@media (max-width:1200px) {
.scroll-01 { width:78.125%; padding-top:9%;}
.content-area-01 {
	/* 
	padding-top:9%; 
	padding-bottom:10.8333%;
        */
	padding-top:10%; 
	padding-bottom:12.5%;
}

.content-area-01 .line-01 { height:auto; padding-top:12.5%;}
.content-area-01 .content-02 { padding-top:3.3333%;}
.content-area-02 { padding-top:10%; padding-bottom:12.5%;}
.content-area-02 .content-02 { padding-top:5%;}
.content-area-03 { padding-top:12.5%; padding-bottom:12.5%;}
.content-area-33 { padding-top:12.5%; padding-bottom:12.5%;}
.content-area-04 { padding-top:12.5%; padding-bottom:12.5%;}
.content-area-05 { padding-top:12.5%; padding-bottom:12.5%;}
.content-area-06 { padding-top:12.5%; padding-bottom:12.5%;}
.content-area-06 .feature-area-01,
.content-area-06 .feature-area-02 { padding-top:8.3333%;}
.content-area-07 { padding-top:12.5%; padding-bottom:12.5%;}
.content-area-08 { padding-top:12.5%; padding-bottom:12.5%;}
.content-area-09 { padding-top:12.5%; padding-bottom:11.6667%;}
.content-area-10 { padding-top:11.6667%; padding-bottom:9.1667%;}
.content-area-10 .header-02 { padding-top:11.6667%;}
}

@media (max-width:1120px) {
.content-area-05 .scenes-area { padding-top:4.4643%;}
.content-area-05 .scene .img-01 { padding-bottom:6.0606%;}
.content-area-07 .other-points-area { padding-top:4.4643%;}
.content-area-07 .text-area-01 { padding-top:11.2121%; padding-bottom:9.0909%;}
.content-area-08 .link-01 { padding-top:4.0179%;}
.content-area-09 .content-02 { padding-top:4.4643%;}
.content-area-09 .content-02 .link-01 { padding-top:4.4643%;}
}

@media (max-width:940px) {
.content-area-08 .content-01 { padding-top:4.7872%;}
.content-area-08 .content-02,
.content-area-08 .content-03 { padding-top:10.1064%;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-01 { padding-top:56.25%;}
.content-area-08 .content-02 .table-01 .icon-01 { padding-bottom:8.1522%;}
}

@media (max-width:800px) {
.hide-w800 { display:none;}
.display-w800 { display:block;}
}

@media (max-width:790px) {
.hide-w790 { display:none;}
.display-w790 { display:block;}
}

@media (max-width:780px) {
.hide-w780 { display:none;}
.display-w780 { display:block;}
}

@media (max-width:770px) {
.hide-w770 { display:none;}
.display-w770 { display:block;}
}

@media (max-width:768px) {
.hide-w768 { display:none;}
.display-w768 { display:block;}
.scroll-01 { width:82.6667%;}
.scroll-01>div { height:250%; -webkit-transform:translateY(-60%); -moz-transform:translateY(-60%); -ms-transform:translateY(-60%); -o-transform:translateY(-60%); transform:translateY(-60%);}
.content-area-09 .content-01 .slide-area .slick-dots,
.content-area-03 .content-01 .slide-area .slick-dots,
.content-area-33 .content-01 .slide-area .slick-dots,
.content-area-02 .content-01 .slide-area .slick-dots { padding-top:20px;}

.content-area-10 .headline-01,
.content-area-07 .headline-01,
.content-area-05 .headline-01 { padding-right:1.75em; padding-left:1.75em;}
.content-area-09 .content-02 .link-01 a,
.content-area-08 .link-01 a { max-width:16em; width:90%; height:3.2308em;}

.content-area-01 { 
	padding-top:9.1146%; 
	padding-bottom:3.3229%;
}

.content-area-01 .line-01 { padding-top:13.0208%;}
.content-area-01 .line-01 span { top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); height:100%;}
.content-area-01 .content-01,
.content-area-01 .content-02 { width:90%;}
.content-area-01 .content-01 .inner,
.content-area-01 .content-02 .inner { display:block; width:100%;}
.content-area-01 .content-01 .inner>:nth-child(1) { width:100%;}
.content-area-01 .content-01 .inner>:nth-child(2) { width:100%; padding-top:0;}
.content-area-01 .content-01 .inner>:nth-child(2) .illust-area { width:100%; margin-left:0; padding-top:23.1481%;}
.content-area-01 .content-01 .inner>:nth-child(2) .illust-01 { top:-25%; left:1.4468%; width:63.6574%;}
.content-area-01 .content-01 .inner>:nth-child(2) .illust-02 { top:-48.125%; right:1.3021%; width:38.9178%;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-01 { width:97%; margin-top:0.1842em; margin-bottom:.45em; margin-left:auto;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 { width:97%; margin-left:auto;}
.content-area-01 .content-02 { padding-top:6.5104%;}
.content-area-01 .content-02 .inner>:nth-child(1) { width:97%; margin-left:auto; padding-bottom:3.1em;}
.content-area-01 .content-02 .inner>:nth-child(1)>p { line-height:2.1;}
.content-area-01 .content-02 .inner>:nth-child(1)>p+p { margin-top:1.5em;}
.content-area-01 .content-02 .inner>:nth-child(2) { width:100%;}
.content-area-01 .content-02 .inner>:nth-child(2) figure { width:90%; margin-right:3%; margin-left:auto;}
.content-area-02 { padding-top:10.4167%;}
.content-area-02 .content-header-01 { padding-bottom:1.0526em;}
.content-area-02 .content-01 { display:block;}
.content-area-02 .content-01 .illust-01 { width:100%; padding-top:32.5521%;}
.content-area-02 .content-01 .illust-01>:nth-child(1) { top:-26.6667%; left:1.7361%; width:42.5347%;}
.content-area-02 .content-01 .illust-01>:nth-child(2) { top:75.5556%; left:2.0255%;}
.content-area-02 .content-01 .illust-01>:nth-child(3) { top:0; left:auto; right:.2893518519%; width:47.309%;}
.content-area-02 .content-01 .slide-area { width:100%;}

.content-area-02 .content-02 { 
	display:block; 
	/* padding-top:32.6042%; */
	padding-top: 5.6042%;
}

.content-area-02 .content-02>:nth-child(1) { width:100%; padding-bottom:3em;}

.content-area-02 .content-02>:nth-child(1) .headline-01 { width:97%; margin-top:0; margin-left:auto; padding-bottom:.6em;}

.content-area-02 .content-02>:nth-child(1)>p { width:97%; margin-left:auto; line-height:2.1;}
.content-area-02 .content-02>:nth-child(1) .note-01 { width:97%; margin-left:auto; margin-top:.9em;}
.content-area-02 .content-02>:nth-child(2) { width:90%; margin-right:3%; margin-left:auto;}

.content-area-02 .content-02>:nth-child(2)::before { content:""; display:block; background-position:left bottom; background-repeat:repeat; background-size:1.626% 2.4316%; 
/* background-image:url("../images/bg-dot-brown-02-01.svg"); */ 
width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform:translate(-4.878%, 7.2948%); -moz-transform:translate(-4.878%, 7.2948%); -ms-transform:translate(-4.878%, 7.2948%); -o-transform:translate(-4.878%, 7.2948%); transform:translate(-4.878%, 7.2948%);}

.content-area-02 .content-02>:nth-child(2) p { display:none;}
.content-area-03 .content-01 { display:block;}

.content-area-03 .content-01 .illust-01 { 
	width:100%; 
	/* padding-top:33.7095%; */
    padding: 0px 0px 170px 0px;
}

.content-area-03 .content-01 .illust-01>:nth-child(1) { 
	/* top:-25.7511%; 
	left:2.4595%; 
	width:61.0532%; */
	z-index:2;

    top: 20px;
    left: 3px;
    width: 100%;
    font-size: 14px;
}

.content-area-03 .content-01 .illust-01>:nth-child(2) { top:74.2489%; left:2.0255%;}
.content-area-03 .content-01 .illust-01>:nth-child(3) { width:47.309%; top:14.5923%; right:-.5787037037%; z-index:1;}
.content-area-03 .content-01 .slide-area { width:100%;}

.content-area-03 .content-01 .slide-area2 {
    width: 100%;
}

.content-area-03 .content-01 .slide-area .slick-dots { justify-content:flex-end;}

.content-area-03 .content-02 { 
	display:block; 
	/* padding-top:2.6042%; */
padding-top: 0%;
}

.content-area-03 .content-02>:nth-child(1) { width:100%; padding-bottom:3em;}
.content-area-03 .content-02>:nth-child(1) .headline-01 { width:97%; margin-top:0; margin-left:auto; padding-bottom:.6em;}
.content-area-03 .content-02>:nth-child(1)>p { width:97%; margin-left:auto; line-height:2.1;}
.content-area-03 .content-02>:nth-child(1) .note-01 { width:97%; margin-left:auto; margin-top:.9em;}
.content-area-03 .content-02>:nth-child(2) { width:90%; margin-right:auto; margin-left:3%;}

.content-area-03 .content-02>:nth-child(2)::before { content:""; display:block; background-position:right bottom; background-repeat:repeat; background-size:1.6463% 2.4316%; 
	/* background-image:url("../images/bg-dot-brown-02-02.svg"); */
width:100%; height:100%; position:absolute; right:0; top:0; -webkit-transform:translate(4.878%, 7.2948%); -moz-transform:translate(4.878%, 7.2948%); -ms-transform:translate(4.878%, 7.2948%); -o-transform:translate(4.878%, 7.2948%); transform:translate(4.878%, 7.2948%);}
.content-area-03 .content-02>:nth-child(2) p { display:none;}


.content-area-33 {
    padding-top: 12.5%;
    padding-bottom: 105.5%;
}

.content-area-33 .content-01 .slide-area2 {
    width: 100%;
}

.content-area-33 .content-01 .slide-area .slick-dots { justify-content:flex-end;}


.content-area-33 .content-02 {
    display: block;
    /* padding-top: 2.6042%; */
    padding-top: 0%;
}

.content-area-33 .content-02>:nth-child(1) {
    width: 100%;
    padding-bottom: 3em;
}

.content-area-33 .content-02>:nth-child(1) .headline-01 {
font-size: calc(22px + (1vw - 4px) * 5.4348);
}

.content-area-33 .content-02>:nth-child(1)>p {
    width: 97%;
    margin-left: auto;
    line-height: 2.1;
}

.content-area-33 .content-02>:nth-child(2) {
    width: 90%;
    margin-right: auto;
    margin-left: 3%;
}

.content-area-33 .content-02>:nth-child(2)::before {
    content: "";
    display: block;
    background-position: right bottom;
    background-repeat: repeat;
    background-size: 1.6463% 2.4316%;
    /* background-image: url(../images/bg-dot-brown-02-02.svg); */
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(4.878%, 7.2948%);
    -moz-transform: translate(4.878%, 7.2948%);
    -ms-transform: translate(4.878%, 7.2948%);
    -o-transform: translate(4.878%, 7.2948%);
    transform: translate(4.878%, 7.2948%);
}

.content-area-33 .content-02>:nth-child(2) p {
    display: none;
}

.content-area-33 .content-01 {
    display: block;
    padding-top: 80px;
}

.content-area-33 .content-01 .slide-area {
    width: 100%;
}

.content-area-33 .content-01 .illust-01 {
    width: 100%;
    padding-top: 33.7095%;
}

.content-area-33 .content-01 .illust-01>:nth-child(1) {
    z-index: 2;
    top: 10px;
    left: 3px;
    width: 100%;
    font-size: 14px;
}

.content-area-04 .content-01 { display:block;}
.content-area-04 .content-01 .illust-01 { width:100%; padding-top:33.5648%;}
.content-area-04 .content-01 .illust-01>:nth-child(1) { width:60.4745%; top:-13.7931%; left:.4340277778%;}
.content-area-04 .content-01 .illust-01>:nth-child(2) { top:81.8966%; left:2.0255%;}
.content-area-04 .content-01 .illust-01>:nth-child(3) { width:47.309%; top:6.4655%; left:auto; right:-2.1701%;}
.content-area-04 .content-01 .img-area { width:100%;}
.content-area-04 .content-02 { display:block; padding-top:3.9063%;}
.content-area-04 .content-02>:nth-child(1) { width:100%; padding-bottom:3em;}
.content-area-04 .content-02>:nth-child(1) .headline-01 { width:97%; margin-top:0; margin-left:auto; padding-bottom:.6em;}
.content-area-04 .content-02>:nth-child(1)>p { width:97%; margin-left:auto; line-height:2.1;}
.content-area-04 .content-02>:nth-child(1) .note-01 { width:97%; margin-left:auto; margin-top:.9em;}
.content-area-04 .content-02>:nth-child(2) { width:90%; margin-right:3%; margin-left:auto;}
.content-area-04 .content-02>:nth-child(2) { width:95%; margin-right:2.5%;}

.content-area-04 .content-02>:nth-child(2)::before { content:""; display:block; background-position:left bottom; background-repeat:repeat; background-size:1.626% 2.4316%; /* background-image:url("../images/bg-dot-brown-02-01.svg"); */ width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform:translate(-4.878%, 7.2948%); -moz-transform:translate(-4.878%, 7.2948%); -ms-transform:translate(-4.878%, 7.2948%); -o-transform:translate(-4.878%, 7.2948%); transform:translate(-4.878%, 7.2948%);}
.content-area-04 .content-02>:nth-child(2) p { display:none;}
.content-area-04 .content-04 { display:block; padding-top:32.6042%;}

.content-area-04 .content-04>:nth-child(1) {
    width: 100%;
    padding-bottom: 3em;
}
.content-area-04 .content-04>:nth-child(1) .headline-01 {
    width: 97%;
    margin-top: 0;
    margin-left: auto;
    padding-bottom: 0.6em;
}
.content-area-04 .content-04>:nth-child(1) .headline-01 {
    font-size: calc(22px + (1vw - 4px) * 5.4348);
}

.content-area-04 .content-04>:nth-child(1)>p {
    width: 97%;
    margin-left: auto;
    line-height: 2.1;
}

.content-area-04 .content-04>:nth-child(2) {
    width: 90%;
    margin-right: 3%;
    margin-left: auto;
}

.content-area-04 .content-04>:nth-child(2)::before {
    content: "";
    display: block;
    background-position: left bottom;
    background-repeat: repeat;
    background-size: 1.626% 2.4316%;
    /* background-image: url(../images/bg-dot-brown-02-01.svg); */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(-4.878%, 7.2948%);
    -moz-transform: translate(-4.878%, 7.2948%);
    -ms-transform: translate(-4.878%, 7.2948%);
    -o-transform: translate(-4.878%, 7.2948%);
    transform: translate(-4.878%, 7.2948%);
}

.content-area-04 .content-04>:nth-child(2) p {
    display: none;
}


.content-area-05 .title-en { width:22.4248%;}
.content-area-05 .title-01 { margin-bottom:1.2632em;}
.content-area-05 .scenes-area { display:block; width:81%; padding-top:6.5104%;}
.content-area-05 .scene { width:100%;}
.content-area-05 .scene+.scene { padding-top:9.6451%;}
.content-area-05 .scene .img-01 { padding-bottom:4.0188%;}
.content-area-05 .scene .block-01::before { min-width:2px; width:.803755144%;}
.content-area-05 .scene .example { width:calc(100% - 16.7181% - 5px);}
.content-area-05 .scene .icon-01 { width:16.0751%; margin-right:0;}
.content-area-06 .title-en { width:15.625%;}
.content-area-06 .title-01 { margin-bottom:1.2632em;}
.content-area-06 .content-01 { width:81%;}
.content-area-06 .feature-area-01,
.content-area-06 .feature-area-02 { display:block;}
.content-area-06 .text-area-01 { width:100%;}
.content-area-06 .text-area-01>:nth-child(1) { width:0.83em;}
.content-area-06 .text-area-01 .ttl-01 { margin-top:.55em; margin-bottom:.5em; line-height:1.5;}
.content-area-06 .feature-area-spacer { display:block;}
.content-area-06 .img-01 { width:100%;}
.content-area-06 .feature-area-01+.feature-area-02 { padding-top:17.6826%;}
.content-area-06 .feature-area-02+.feature-area-01 { padding-top:17.6826%;}
.content-area-07 .title-en { width:21.8461%;}
.content-area-07 .title-01 { margin-bottom:1.2632em;}
.content-area-07 .other-points-area { display:block; width:81%; padding-top:6.5104%;}
.content-area-07 .point { width:100%; background:none;}
.content-area-07 .point+.point { padding-top:8.0376%;}
.content-area-07 .icon-01 { width:16.8789%;}
.content-area-07 .text-area-01 { background:#fff; padding-top:11.2526%; padding-bottom:7.2338%;}
.content-area-07 .ttl-01 { width:85%;}
.content-area-07 .exp-01 { width:85%;}
.content-area-07 .note-01 { width:85%;}


.content-area-08 .content-header .title-en { width:7.6678%;}
.content-area-08 .content-02 .title-02,
.content-area-08 .content-03 .title-02 { line-height:1.5; padding-bottom:.5em;}
.content-area-08 .content-02 .headline-01,
.content-area-08 .content-03 .headline-01 { line-height:1.7; padding-top:1.8182em;}
.content-area-08 .content-02 .headline-01 { padding-bottom:1.5909em;}
.content-area-08 .content-02 .note-area-01 { justify-content:flex-start;}
.content-area-08 .content-03 .headline-01 { padding-bottom:1.8182em;}
.content-area-08 .content-03 .charges-area { width:90%; margin-right:auto; margin-left:auto;}
.content-area-08 .content-03 .charges { width:47%; display:block;}
.content-area-08 .content-03 .illust { width:80%; margin-right:auto; margin-left:auto; padding-bottom:3.4202%;}
.content-area-08 .content-03 .info-area { width:100%;}
.content-area-08 .content-03 .info-02 img { width:100%;}
.content-area-08 .content-03 .info-03 { padding-top:.5em;}
.content-area-08 .link-01 { padding-top:6.5104%;}
.content-area-09 { padding-bottom:12.5%;}
.content-area-09 .title-en { width:24.3056%;}
.content-area-09 .title-01 { margin-bottom:1.2632em;}
.content-area-09 .content-01 { display:block;}
.content-area-09 .content-01 .slide-area { width:100%;}
.content-area-09 .content-01 .slide-area .slick-dots { justify-content:flex-end;}
.content-area-09 .content-01 .text-area-01 { padding-top:5.0637%; width:97%; margin-left:auto;}
.content-area-09 .content-02 { width:100%; padding-top:8.4635%;}
.content-area-09 .content-02 .link-01 { padding-top:8.4635%;}
.content-area-10 { padding-bottom:11.6667%;}
.content-area-10 .title-01 { margin-bottom:1.2632em;}
.content-area-10 .header-01 { padding-bottom:8.4635%;}
.content-area-10 .header-01 .title-en { width:16.9271%;}
.content-area-10 .header-02 .title-en { width:15.9144%;}
.content-area-10 .banner-02+.banner-02 { padding-top:4.3403%;}
.content-area-10 .banner-02 { width:100%;}
.content-area-10 .banner-area-01 { display:block; padding-top:8.4635%;}

}

@media (max-width:760px) {
.hide-w760 { display:none;}
.display-w760 { display:block;}
}

@media (max-width:750px) {
.hide-w750 { display:none;}
.display-w750 { display:block;}

.main-visual .movie-wrap .top-logo {
    width: 90%;
    right: 20px;
    top: 70px;
}

.main-visual .movie-wrap .top-img {
    right: 10px;
    top: 150px;
}

.main-visual .movie-wrap .top-img img {
    width: 90px;
    height: auto;
    float: left;
}

.main-visual .movie-wrap .top-txt {

   top: 250px;
   /* bottom: 0px; */
    width: 330px;
    max-width: 100%;
    left: 10px;
}

.main-visual .movie-wrap .top-txt p {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
width: 300px;
}

p.text01 {
    padding: 10px 0px;
    font-size: 14px;
}

}

@media (max-width:740px) {
.hide-w740 { display:none;}
.display-w740 { display:block;}
}

@media (max-width:730px) {
.hide-w730 { display:none;}
.display-w730 { display:block;}
}

@media (max-width:720px) {
.hide-w720 { display:none;}
.display-w720 { display:block;}
}

@media (max-width:710px) {
.hide-w710 { display:none;}
.display-w710 { display:block;}
}

@media (max-width:700px) {
.hide-w700 { display:none;}
.display-w700 { display:block;}
}

@media (max-width:690px) {
.hide-w690 { display:none;}
.display-w690 { display:block;}
}

@media (max-width:680px) {
.hide-w680 { display:none;}
.display-w680 { display:block;}
}

@media (max-width:670px) {
.hide-w670 { display:none;}
.display-w670 { display:block;}
}

@media (max-width:660px) {
.hide-w660 { display:none;}
.display-w660 { display:block;}
}

@media (max-width:650px) {
.hide-w650 { display:none;}
.display-w650 { display:block;}
.content-area-08 .content-02 .table-01 .td-02 { width:3px;}
.content-area-08 .content-02 .table-01 .td-03 { height:3px;}
.content-area-08 .content-02 .table-01 .img-01 { padding-bottom:3px;}
.content-area-09 .content-02 .sub-images-01 figure { width:calc((100% - 6px)/3);}
}

@media (max-width:640px) {
.hide-w640 { display:none;}
.display-w640 { display:block;}
}

@media (max-width:630px) {
.hide-w630 { display:none;}
.display-w630 { display:block;}
}

@media (max-width:620px) {
.hide-w620 { display:none;}
.display-w620 { display:block;}
}

@media (max-width:610px) {
.hide-w610 { display:none;}
.display-w610 { display:block;}
}

@media (max-width:600px) {
.main-visual .movie-wrap .odai-logo { width:21.1667%; left:5.5%; top:7.7037%;}
.hide-w600 { display:none;}
.display-w600 { display:block;}
.content-area-06 .text-area-01>:nth-child(1) { width:0.815em;}
.content-area-08 .content-02 .table-01 .td-02 { width:2px;}
.content-area-08 .content-02 .table-01 .td-03 { height:2px;}
.content-area-08 .content-02 .table-01 .img-01 { padding-bottom:2px;}
.content-area-09 .content-02 .sub-images-01 figure { width:calc((100% - 4px)/3);}

.content-area-08 .content-header .title-02 {
    font-size: 18px;
}

.content-area-02 .content-header-01 .headline-01 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.content-area-03 .content-header-01 .headline-01 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.content-area-04 .content-header-01 .headline-01 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.content-area-33 .content-header-01 .headline-01 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


}

@media (max-width:590px) {
.hide-w590 { display:none;}
.display-w590 { display:block;}
}

@media (max-width:580px) {
.hide-w580 { display:none;}
.display-w580 { display:block;}
}

@media (max-width:570px) {
.hide-w570 { display:none;}
.display-w570 { display:block;}
}

@media (max-width:560px) {
.hide-w560 { display:none;}
.display-w560 { display:block;}
}

@media (max-width:550px) {
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong { font-size:13px;}
.hide-w550 { display:none;}
.display-w550 { display:block;}
.content-area-09 .content-01 .slide-area .slick-dots,
.content-area-03 .content-01 .slide-area .slick-dots,
.content-area-33 .content-01 .slide-area .slick-dots,
.content-area-02 .content-01 .slide-area .slick-dots { padding-top:14.322px;}


.content-area-08 .content-02 .headline-01 { padding-bottom:2.9545em;}
.content-area-08 .content-02 .table-01 { display:block; width:90%; margin-right:auto; margin-left:auto;}
.content-area-08 .content-02 .table-01 .th-area-01 { width:100%;}
.content-area-08 .content-02 .table-01 .th-area-01+.td-02 { display:none;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-01 { display:none;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 img { display:none;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong { padding-bottom:.9em; height:auto; -webkit-writing-mode:horizontal-tb; -moz-writing-mode:horizontal-tb; -ms-writing-mode:horizontal-tb; -o-writing-mode:horizontal-tb; writing-mode:horizontal-tb; position:relative; left:auto; top:auto;}
.content-area-08 .content-02 .table-01 .th-area-01 .th-03,
.content-area-08 .content-02 .table-01 .th-area-01 .th-04 { display:none;}
.content-area-08 .content-02 .table-01 .th-area-01 .td-03 { display:none;}
.content-area-08 .content-02 .table-01 .td-01 { display:flex; justify-content:space-between; align-items:center; width:100%;}
.content-area-08 .content-02 .table-01 .td-02 { width:100%; padding-top:6.0606%;}
.content-area-08 .content-02 .table-01 .td-inner-01 { width:calc(100% - 35% - 8.5%);}
.content-area-08 .content-02 .table-01 .icon-01 { padding-bottom:0; width:8.5%; justify-content:flex-start; align-items:center;}
.content-area-08 .content-02 .table-01 .icon-01 img { width:75%;}
.content-area-08 .content-02 .table-01 .img-01 { padding-bottom:0; width:35%;}
.content-area-08 .content-02 .table-01 .lm img,
.content-area-08 .content-02 .table-01 .time img { float:right; width:73%;}
.content-area-08 .content-02 .table-01 .lm::before { content:""; display:block; background-color:#8eb5ba; top:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); height:1.4px; width:89.1304%; position:absolute;}
.content-area-08 .content-02 .table-01 .lm::after { content:none;}
.content-area-08 .content-02 .table-01 .time::after { top:auto; bottom:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); height:1.4px; width:89.1304%; position:absolute;}
.content-area-08 .content-02 .table-01 .sun-icon-01,
.content-area-08 .content-02 .table-01 .clock-icon-01 { display:block;}
}

@media (max-width:540px) {
.hide-w540 { display:none;}
.display-w540 { display:block;}
}

@media (max-width:530px) {
.hide-w530 { display:none;}
.display-w530 { display:block;}
}

@media (max-width:520px) {
.hide-w520 { display:none;}
.display-w520 { display:block;}
}

@media (max-width:510px) {
.hide-w510 { display:none;}
.display-w510 { display:block;}
}

@media (max-width:500px) {
.hide-w500 { display:none;}
.display-w500 { display:block;}
.content-area-06 .text-area-01>:nth-child(1) { width:0.8em;}
.content-area-07 .ttl-01 { width:87%;}
.content-area-07 .exp-01 { width:87%;}
.content-area-07 .note-01 { width:87%;}
}

@media (max-width:490px) {
.hide-w490 { display:none;}
.display-w490 { display:block;}
}

@media (max-width:480px) {
.hide-w480 { display:none;}
.display-w480 { display:block;}
}

@media (max-width:470px) {
.hide-w470 { display:none;}
.display-w470 { display:block;}
}

@media (max-width:460px) {
.hide-w460 { display:none;}
.display-w460 { display:block;}
}

@media (max-width:450px) {
.hide-w450 { display:none;}
.display-w450 { display:block;}
.content-area-01 .content-02 .inner>:nth-child(2) figure { width:95%; margin-right:2.5%;}
.content-area-02 .content-02>:nth-child(2) { width:95%; margin-right:2.5%;}
.content-area-03 .content-02>:nth-child(2) { width:95%; margin-left:2.5%;}

.content-area-33 .content-02>:nth-child(2) {
    width: 95%;
    margin-left: 2.5%;
}

.content-area-05 .headline-01 { width:85%; margin-right:auto; margin-left:auto;}
.content-area-05 .scenes-area { width:85.5%;}
.content-area-06 .content-01 { width:85.5%;}
.content-area-06 .text-area-01>:nth-child(1) { width:0.79em;}
.content-area-07 .other-points-area { width:85.5%;}
.content-area-08 .content-02 .table-01 { width:95%;}
.content-area-08 .content-03 .charges-area { width:100%;}
.content-area-08 .content-03 .charges { width:48%;}
}

@media (max-width:440px) {
.hide-w440 { display:none;}
.display-w440 { display:block;}
}

@media (max-width:430px) {
.hide-w430 { display:none;}
.display-w430 { display:block;}
}

@media (max-width:420px) {
.hide-w420 { display:none;}
.display-w420 { display:block;}
}

@media (max-width:410px) {
.hide-w410 { display:none;}
.display-w410 { display:block;}
}

@media (max-width:400px) {
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong { font-size:16px;}
.content-area-01 .content-02 .inner>:nth-child(1),
.content-area-02 .content-01 .illust-01>:nth-child(2),
.content-area-02 .content-02>:nth-child(1),
.content-area-03 .content-01 .illust-01>:nth-child(2),
.content-area-03 .content-02>:nth-child(1),
.content-area-04 .content-01 .illust-01>:nth-child(2),
.content-area-04 .content-02>:nth-child(1),
.content-area-06 .text-area-01>:nth-child(1),
.content-area-06 .text-area-01 .exp-01,
.content-area-07 .exp-01,
.content-area-09 .content-01 .text-area-01 { font-size:11px;}

.content-area-33 .content-02>:nth-child(1) {
    font-size: 11px;
}

.content-area-33 .content-02>:nth-child(1) .headline-01 {
font-size: calc(22px + (1vw - 4px) * 5.4348);
}

.content-area-33 .content-02>:nth-child(1)>p {
    line-height: 1.89;
}

.content-area-05 .headline-01,
.content-area-07 .headline-01,
.content-area-10 .headline-01 { font-size:12px;}
.content-area-08 .content-02 .headline-01,
.content-area-08 .content-03 .headline-01 { font-size:12px;}
.scroll-01>div>strong,
.content-area-08 .content-03 .info-03 { font-size:10px;}

.content-area-08 .content-02 .note-area-01,
.content-area-09 .content-01 .text-area-01 .note-01 { font-size:10px;}
.content-area-02 .content-02>:nth-child(1) .note-01,
.content-area-03 .content-02>:nth-child(1) .note-01,
.content-area-04 .content-02>:nth-child(1) .note-01,
.content-area-07 .note-01 { font-size:10px;}
.content-area-02 .content-header-01 .en { font-size:10px;}
.content-area-08 .content-03 .info-01 { font-size:11px;}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02,
.content-area-05 .scene .example p:nth-of-type(1) { font-size:13px;}
.content-area-08 .link-01,
.content-area-09 .content-02 .link-01 { font-size:14px;}
.content-area-08 .content-02 .title-02,
.content-area-08 .content-03 .title-02 { font-size:18px;}
.content-area-05 .scene .block-01 { font-size:19px;}
.font-set-L-01,
.content-area-02 .content-header-01,
.content-area-05 .title-01,
.content-area-06 .title-01,
.content-area-07 .title-01,
.content-area-07 .ttl-01,
.content-area-08 .content-header .title-01,
.content-area-09 .title-01,
.content-area-10 .title-01,
.content-area-10 .headline-02 { font-size:20px;}

.content-area-08 .content-header .title-02 { font-size:12px;}

.content-area-02 .content-02>:nth-child(1) .headline-01,
.content-area-03 .content-02>:nth-child(1) .headline-01,
.content-area-04 .content-02>:nth-child(1) .headline-01,
.content-area-06 .text-area-01 .ttl-01 { font-size:22px;}
.hide-w400 { display:none;}
.display-w400 { display:block;}
.font-set-L-01 { line-height:1.4211;}
.scroll-01>div>strong { -webkit-transform:translate(15%, -100%) rotate(90deg) scale(0.85); -moz-transform:translate(15%, -100%) rotate(90deg) scale(0.85); -ms-transform:translate(15%, -100%) rotate(90deg) scale(0.85); -o-transform:translate(15%, -100%) rotate(90deg) scale(0.85); transform:translate(15%, -100%) rotate(90deg) scale(0.85);}

.content-area-09 .content-01 .slide-area .slick-dots,
.content-area-03 .content-01 .slide-area .slick-dots,
.content-area-33 .content-01 .slide-area .slick-dots,
.content-area-02 .content-01 .slide-area .slick-dots { padding-top:10.416px;}

.content-area-10 .headline-01,
.content-area-07 .headline-01,
.content-area-05 .headline-01 { max-width:80%; padding-right:1.25em; padding-left:1.25em;}
.content-area-01 .content-02 .inner>:nth-child(1)>p { line-height:1.89;}
.content-area-02 .content-02>:nth-child(1) .headline-01 { line-height:1.5;}
.content-area-02 .content-02>:nth-child(1)>p { line-height:1.89;}
.content-area-03 .content-02>:nth-child(1) .headline-01 { line-height:1.5;}
.content-area-03 .content-02>:nth-child(1)>p { line-height:1.89;}
.content-area-04 .content-02>:nth-child(1) .headline-01 { line-height:1.5;}
.content-area-04 .content-02>:nth-child(1)>p { line-height:1.89;}
.content-area-06 .text-area-01>:nth-child(1) { width:0.78em;}
.content-area-07 .ttl-01 { margin-bottom:.55em;}
.content-area-09 .content-02 .sub-images-01 { display:block; max-width:230px; width:80%; margin-left:auto; margin-right:auto;}
.content-area-09 .content-02 .sub-images-01 figure+figure { margin-top:2px;}
.content-area-09 .content-02 .sub-images-01 figure { width:100%;}
}

@media (max-width:390px) {
.hide-w390 { display:none;}
.display-w390 { display:block;}
}

@media (max-width:380px) {
.hide-w380 { display:none;}
.display-w380 { display:block;}
}

@media (max-width:370px) {
.hide-w370 { display:none;}
.display-w370 { display:block;}
}

@media (max-width:360px) {
.hide-w360 { display:none;}
.display-w360 { display:block;}
}

@media (max-width:350px) {
.hide-w350 { display:none;}
.display-w350 { display:block;}
.content-area-10 .headline-01,
.content-area-07 .headline-01,
.content-area-05 .headline-01 { max-width:75%;}
}

@media (max-width:340px) {
.hide-w340 { display:none;}
.display-w340 { display:block;}
}

@media (max-width:330px) {
.hide-w330 { display:none;}
.display-w330 { display:block;}
}

@media (max-width:320px) {
.hide-w320 { display:none;}
.display-w320 { display:block;}
}

@media (min-width:550.1px) and (max-width:768px) {
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong { font-size:calc(13px + (1vw - 5.5px) * 1.8349);}
}

@media (min-width:400.1px) and (max-width:550px) {
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong { font-size:calc(16px + (1vw - 4px) * 5.3333);}
}

@media (min-width:768.1px) and (max-width:1200px) {
.content-area-05 .scene .example p:nth-of-type(1),
.content-area-07 .exp-01 { font-size:calc(11px + (1vw - 7.68px) * .6944);}
html { font-size:calc(11px + (1vw - 7.68px) * 1.1574);}
.content-area-08 .content-02 .headline-01,
.content-area-08 .content-03 .headline-01 { font-size:calc(13px + (1vw - 7.68px) * .6944);}
.content-area-07 .ttl-01 { font-size:calc(14px + (1vw - 7.68px) * 1.1574);}
.content-area-08 .link-01,
.content-area-09 .content-02 .link-01 { font-size:calc(15px + (1vw - 7.68px) * 1.1574);}
.content-area-08 .content-02 .title-02,
.content-area-08 .content-03 .title-02 { font-size:calc(20px + (1vw - 7.68px) * .9259);}
.content-area-08 .content-03 .info-03 { font-size:calc(10px + (1vw - 7.68px) * .2315);}
.scroll-01>div>strong,
.content-area-07 .note-01 { font-size:calc(10px + (1vw - 7.68px) * .463);}
.content-area-02 .content-02>:nth-child(1) .note-01,
.content-area-03 .content-02>:nth-child(1) .note-01,
.content-area-04 .content-02>:nth-child(1) .note-01,
.content-area-08 .content-02 .note-area-01,
.content-area-09 .content-01 .text-area-01 .note-01 { font-size:calc(10px + (1vw - 7.68px) * .9259);}
.content-area-02 .content-header-01 .en { font-size:calc(12px + (1vw - 7.68px) * 1.3889);}
.content-area-02 .content-01 .illust-01>:nth-child(2),
.content-area-03 .content-01 .illust-01>:nth-child(2),
.content-area-04 .content-01 .illust-01>:nth-child(2),
.content-area-05 .headline-01,
.content-area-05 .scene .block-01,
.content-area-07 .headline-01,
.content-area-08 .content-02 .table-01 .th-area-01 .th-02 strong,
.content-area-10 .headline-01 { font-size:calc(13px + (1vw - 7.68px) * 1.6204);}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02 { font-size:calc(15px + (1vw - 7.68px) * 2.0833);}
.content-area-02 .content-02>:nth-child(1) .headline-01,
.content-area-03 .content-02>:nth-child(1) .headline-01,
.content-area-04 .content-02>:nth-child(1) .headline-01,
.content-area-06 .text-area-01 .ttl-01 { font-size:calc(19px + (1vw - 7.68px) * 2.5463);}

.font-set-L-01,
.content-area-01 .content-header-01,
.content-area-02 .content-header-01,
.content-area-05 .title-01,
.content-area-06 .title-01,
.content-area-07 .title-01,
.content-area-08 .content-header .title-01,
.content-area-09 .title-01,
.content-area-10 .title-01,
.content-area-10 .headline-02 { font-size:calc(24px + (1vw - 7.68px) * 3.2407);}
}

@media (min-width:400.1px) and (max-width:768px) {
.content-area-01 .content-02 .inner>:nth-child(1),
.content-area-02 .content-01 .illust-01>:nth-child(2),
.content-area-02 .content-02>:nth-child(1),
.content-area-03 .content-01 .illust-01>:nth-child(2),
.content-area-03 .content-02>:nth-child(1),
.content-area-04 .content-01 .illust-01>:nth-child(2),
.content-area-04 .content-02>:nth-child(1),
.content-area-04 .content-04>:nth-child(1),
.content-area-06 .text-area-01>:nth-child(1),
.content-area-06 .text-area-01 .exp-01,
.content-area-07 .exp-01,
.content-area-09 .content-01 .text-area-01 { font-size:calc(11px + (1vw - 4px) * 2.4457);}
.content-area-05 .headline-01,
.content-area-07 .headline-01,
.content-area-10 .headline-01 { font-size:calc(12px + (1vw - 4px) * 2.1739);}
.content-area-08 .content-02 .headline-01,
.content-area-08 .content-03 .headline-01 { font-size:calc(12px + (1vw - 4px) * 2.7174);}
.scroll-01>div>strong,
.content-area-08 .content-03 .info-03 { font-size:calc(10px + (1vw - 4px) * .5435);}

.content-area-08 .content-02 .note-area-01,
.content-area-09 .content-01 .text-area-01 .note-01 { font-size:calc(10px + (1vw - 4px) * 1.3587);}
.content-area-02 .content-02>:nth-child(1) .note-01,
.content-area-03 .content-02>:nth-child(1) .note-01,
.content-area-04 .content-02>:nth-child(1) .note-01,
.content-area-07 .note-01 { font-size:calc(10px + (1vw - 4px) * 1.6304);}
.content-area-02 .content-header-01 .en { font-size:calc(10px + (1vw - 4px) * 2.1739);}
.content-area-08 .content-03 .info-01 { font-size:calc(11px + (1vw - 4px) * 2.9891);}
.content-area-01 .content-01 .inner>:nth-child(2) .headline-02,
.content-area-05 .scene .example p:nth-of-type(1) { font-size:calc(13px + (1vw - 4px) * 2.9891);}
.content-area-08 .link-01,
.content-area-09 .content-02 .link-01 { font-size:calc(14px + (1vw - 4px) * 3.2609);}
.content-area-08 .content-02 .title-02,
.content-area-08 .content-03 .title-02 { font-size:calc(18px + (1vw - 4px) * 4.3478);}
.content-area-05 .scene .block-01 { font-size:calc(19px + (1vw - 4px) * 4.6196);}
.font-set-L-01,
.content-area-02 .content-header-01,
.content-area-03 .content-header-01,
.content-area-04 .content-header-01,
.content-area-33 .content-header-01,
.content-area-05 .title-01,
.content-area-06 .title-01,
.content-area-07 .title-01,
.content-area-07 .ttl-01,
.content-area-08 .content-header .title-01,
.content-area-09 .title-01,
.content-area-10 .title-01,
.content-area-10 .headline-02 { font-size:calc(20px + (1vw - 4px) * 4.8913);}
.content-area-02 .content-02>:nth-child(1) .headline-01,
.content-area-03 .content-02>:nth-child(1) .headline-01,
.content-area-04 .content-02>:nth-child(1) .headline-01,
.content-area-06 .text-area-01 .ttl-01 { font-size:calc(22px + (1vw - 4px) * 5.4348);}

.content-area-04 .content-header-02 .headline-01 {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    letter-spacing: .03em;
    font-size: 20px;
}

}

@media (hover:hover) and (pointer:fine) {
.content-area-09 .content-02 .link-01 a,
.content-area-08 .link-01 a { -webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s; -o-transition:background .4s; transition:background .4s;}
.content-area-08 .link-01 a:hover { background:#a5c4c8;}
.content-area-09 .content-02 .link-01 a:hover { background:#ada49d;}
.content-area-10 .banner-01 a img,
.content-area-10 .banner-02 a img { -webkit-transition:opacity .4s; -moz-transition:opacity .4s; -ms-transition:opacity .4s; -o-transition:opacity .4s; transition:opacity .4s;}
.content-area-10 .banner-01 a:hover img,
.content-area-10 .banner-02 a:hover img { filter:alpha(opacity=80); -webkit-opacity:.8; -moz-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
}