@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* ========================================================================

  study30

======================================================================== */
:root {
--bg-gradient:linear-gradient(90deg,rgba(139, 232, 177, 1) 0%, rgba(103, 184, 206, 1) 100%);
--main-color:#1b499b;
--sub-color:#fabe00;

--question-01-color:#2b73b3;
--question-02-color:#627038;
--question-03-color:#856193;

--polygon:polygon(0% 100%, 0% 0%, 100% 0%, 85% 100%);
--polygon2:polygon(0% 100%, 0% 0%, 100% 0%, 90% 100%);

--noto-sans:"Noto Sans JP", sans-serif;
--noto-serif:"Noto Serif JP", serif;
} 
.sp-only { display:none; }
/* ============ smart phone ============ */
@media (max-width:750px){
.sp-only { display:initial; }
.pc-only { display:none; }
}
/************************************************************************
  main
************************************************************************/
main * { font-family:var(--noto-sans); font-weight:500; }
main .contents { margin:auto; padding-top:0; padding-bottom:0; width:min(calc(1340/1920*100vw), 1340px) }
main img { max-width:100%; max-height:100%; }
main hr { display:none; }
main p.txt { font-weight:500; }
main p.img { margin-bottom:0; font-size:0; }
main .flex { display:flex; }

/* ============ smart phone ============ */
@media (max-width:750px){
main .contents  { margin-right:calc(30/750*100vw); margin-left:calc(30/750*100vw);  width:auto; }
}
/************************************************************************
  #fv
************************************************************************/
#fv { width:100%; /*height:min(calc(920/1920*100vw), 920px);*/ height:calc(920/1920*100vw); background:url('img/fv.jpg') no-repeat bottom center; background-size:cover; font-size:0; }
#fv h2 { display:none; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#fv { background-image:url('img/fv@2x.jpg'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#fv { height:calc(921/750*100vw); background-image:url('img/fv_sp.jpg'); background-size:auto 100%; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#fv { background-image:url('img/fv_sp@2x.jpg'); }
}
}
/************************************************************************
  .bg
************************************************************************/
.bg { padding-bottom:calc(155/1290*100vw); /*height:min(calc(2090/1920*100vw), 2090px);*/height:calc(2090/1920*100vw); background:url('img/bg.jpg') no-repeat 0; background-size:cover; overflow:hidden; display:flex; flex-direction:column; justify-content:space-around; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
.bg { background-image:url('img/bg@2x.jpg'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
.bg { height:calc(1443/750*100vw); background-image:url('img/bg_sp.jpg'); background-size:auto 100%; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
.bg { background-image:url('img/bg_sp@2x.jpg'); }
}
}
/************************************************************************
  .bg2
************************************************************************/
.bg2 { padding:min(calc(140/1920*100vw), 140px) 0 min(calc(135/1920*100vw), 135px); background:url('img/bg2.jpg') no-repeat center top; background-size:100% auto; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
.bg2 { background-image:url('img/bg2@2x.jpg'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
.bg2 { padding:calc(95/750*100vw) 0 0; background-image:url('img/bg2_sp.jpg'); /*background-repeat:repeat-y;*/background-size:cover; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
.bg2 { background-image:url('img/bg2_sp@2x.jpg'); }
}
}
/************************************************************************
  #introduction
************************************************************************/
#introduction { /*height:min(calc(725/1920*100vw), 725px);height:calc(660/1920*100vw); */color:#ffffff; text-align:center; }
#introduction .contents { /*padding:min(calc(125/1920*100vw), 125px) 0 min(calc(290/1920*100vw), 290px);*/padding:calc(125/1920*100vw) 0 calc(290/1920*100vw); }
#introduction .contents > p.txt { margin:0 auto; line-height:calc(60/26); font-weight:700; font-size:min(calc(24/1920*100vw), 24px); }
/* ============ smart phone ============ */
@media (max-width:750px){
#introduction .contents { padding:calc(75/750*100vw) 0 calc(170/750*100vw); }
#introduction .contents > p.txt { line-height:calc(53/28); font-size:calc(28/750*100vw); }
}
/************************************************************************
  #cast
************************************************************************/
#cast { padding:min(calc(80/1920*100vw), 40px) 0 min(calc(145/1920*100vw), 145px); min-height:min(calc(1393.9503/1920*100vw), 1393.9503px); background-color:#022057; color:#ffffff; position:relative; z-index:0; }
#cast::before { content:''; margin:auto; width:min(calc(1808.0825/1920*100vw), 1808.0825px); height:min(calc(563.2617/1920*100vw), 563.2617px); background:url('img/bg_cast.svg') no-repeat; background-size:100% auto; display:block; position:absolute; top:min(calc(320/1920*100vw), 320px); right:0; left:0; z-index:0; mix-blend-mode:multiply; }
#cast .contents { position:relative; z-index:1; }
/* ul */
#cast ul { margin:auto; padding:0; width:min(calc(1130/1920*100vw), 1130px); display:flex; justify-content:space-between; list-style:none; }
#cast ul li { width:min(calc(360/1920*100vw), 360px); display:flex; flex-direction:column; }
#cast ul li .text { order:2; }
#cast ul li .img { order:1; margin-bottom:min(calc(35/1920*100vw), 35px); padding:0 0 ; height:min(calc(825.1145/1920*100vw), 825.1145px); display:flex; align-items:flex-end; justify-content:center; }
#cast ul li h4 { margin-bottom:min(calc(40/1920*100vw), 40px); color:#ffc64a; text-align:center; font-size:min(calc(32/1920*100vw), 32px); position:relative; }
#cast ul li h4 span { padding-bottom:0.5em; color:#ffffff; display:block; font-size:min(calc(16/1920*100vw), 16px); }
#cast ul li h4 small { font-size:min(calc(18/1920*100vw), 18px); }
#cast ul li h4::before,
#cast ul li h4::after { content:''; height:1px; background-color:#ffffff; display:block; position:absolute; }
#cast ul li h4::before { width:min(calc(110/1920*100vw), 110px); transform:rotate(-65deg); top:min(calc(44/1920*100vw), 44px); left:max(calc(-6/1920*100vw), -6px); }
#cast ul li h4::after { margin:auto; width:min(calc(310/1920*100vw), 310px); bottom:max(calc(-30/1920*100vw), -30px); right:0; left:0; }

#cast ul li:nth-child(1) .img img { width:min(calc(264/1920*100vw), 264px); }
#cast ul li:nth-child(2) .img img { width:min(calc(355/1920*100vw), 355px); }
#cast ul li:nth-child(3) .img img { width:min(calc(261/1920*100vw), 261px); }

/* dl */
#cast dl.info { margin:auto; width:min(calc(310/1920*100vw), 310px); font-size:min(calc(18/1920*100vw), 18px); }
/* dl.info */
dl.info { line-height:1.8; }
dl.info.dt-5 dt { line-height:1.8; }
dl.info.dt-5 dd { margin:-1.8em 0 0 6em; }
/* ============ smart phone ============ */
@media (max-width:750px){
#cast::before { width:100%; height:calc(233.6433/750*100vw); top:calc(220/750*100vw); }
#cast h3 { margin-bottom:calc(50/750*100vw); }
/* ul */
#cast ul { width:auto; padding-top:calc(910/750*100vw); position:relative; flex-direction:column; }
#cast ul::before { content:''; margin:auto; width:calc(697/750*100vw); height:calc(845/750*100vw); background:url('img/photo_cast_sp.png') no-repeat; background-size:100% auto; display:block; position:absolute; top:0; right:0; left:0; }
#cast ul li { width:auto; flex-direction:row; justify-content:space-between; }
#cast ul li:not(:last-child) { margin-bottom:calc(70/750*100vw); }
#cast ul li:nth-child(1) .img img { width:calc(177/750*100vw); }
#cast ul li:nth-child(2) .img img { width:calc(177/750*100vw); }
#cast ul li:nth-child(3) .img img { width:calc(177/750*100vw); }

#cast ul li .text { width:calc(470/750*100vw); }
#cast ul li .img { height:auto; }
/* h4 */
#cast ul li h4 { margin-bottom:calc(45/750*100vw); font-size:calc(40/750*100vw); }
#cast ul li h4 span { padding-bottom:0.5em; font-size:calc(25/750*100vw); }
#cast ul li h4 small { font-size:calc(25/750*100vw); }
#cast ul li h4::before { width:calc(110/750*100vw); top:calc(58/750*100vw); left:calc(-30/750*100vw); }
#cast ul li h4::after { width:100%; bottom:calc(-20/750*100vw); }
/* dl.info */
#cast dl.info { margin-left:calc(50/750*100vw); width:auto; font-size:calc(24/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
/* ul */
#cast ul::before { background-image:url('img/photo_cast_sp@2x.png'); }
}
}
/************************************************************************
  .parentheses
************************************************************************/
h3.parentheses { margin-bottom:min(calc(40/1920*100vw), 40px); color:var(--sub-color); text-align:center; line-height:1; font-weight:800; font-size:min(calc(40/1920*100vw), 40px); display:flex; align-items:center; justify-content:center; }
.parentheses::before,
.parentheses::after { content:''; width:min(calc(50.865/1920*100vw), 50.865px); height:min(calc(35.834/1920*100vw), 35.834px); background-repeat:no-repeat; background-size:100% auto; display:inline-block; }
.parentheses::before { margin-right:1.2em; background-image:url('img/parentheses_b.svg'); }
.parentheses::after { margin-left:1.2em; background-image:url('img/parentheses_a.svg'); }
/* ============ smart phone ============ */
@media (max-width:750px){
h3.parentheses { font-size:calc(30/750*100vw); }
.parentheses::before,
.parentheses::after { width:calc(37.0806/750*100vw); height:calc(26.123/750*100vw); }
.parentheses::before { margin-right:0.5em; }
.parentheses::after { margin-left:0.5em; }
}
/************************************************************************
  #agenda
************************************************************************/
#agenda { /*height:calc(1430/1920*100vw);*/ display:flex; align-items:center; justify-content:center; }
#agenda h3 { /*margin-bottom:min(calc(70/1920*100vw), 70px);*/ margin-bottom:calc(70/1920*100vw); }
/* ============ smart phone ============ */
@media (max-width:750px){
#agenda h3 { margin-bottom:calc(90/750*100vw); }
}
/************************************************************************
  nav#in-page-links
************************************************************************/
nav#in-page-links { /*padding-bottom:min(calc(90/1920*100vw), 90px);*/padding-bottom:0; position:static; }
nav#in-page-links ul { margin:auto; width:min(calc(1130/1920*100vw), 1130px); padding:0; background-color:transparent; list-style:none; flex-direction:column; }
nav#in-page-links ul li { height:min(calc(310/1920*100vw), 310px); background:url('img/bg_agenda.png') no-repeat center bottom #022057; background-size:100% auto; border:min(calc(2/1920*100vw), 2px) solid #ffffff; position:relative; display:flex; align-items:center; justify-content:center; z-index:1; white-space:nowrap; }
nav#in-page-links ul li:not(:last-child) { /*margin-bottom:min(calc(45/1920*100vw), 45px);*/ margin-bottom:calc(45/1920*100vw); }
nav#in-page-links ul li a { padding:min(calc(60/1920*100vw), 60px) min(calc(350/1920*100vw), 350px) 0 min(calc(65/1920*100vw), 65px); width:100%; height:100%; color:hsl(0, 0%, 100%); line-height:calc(69/40); font-size:min(calc(40/1920*100vw), 40px); font-weight:800; display:flex; align-items:center; position:relative; z-index:-1; font-feature-settings:'palt'; }
/* span */
nav#in-page-links ul li a span { padding:0 min(calc(100/1920*100vw), 100px) 0 min(calc(45/1920*100vw), 45px); width:min(calc(350/1920*100vw), 350px); height:min(calc(90/1920*100vw), 90px); color:var(--sub-color); border-bottom:min(calc(2/1920*100vw), 2px) solid #ffffff; font-size:min(calc(34/1920*100vw), 34px); display:flex; align-items:center; position:absolute; top:0; left:0; clip-path:var(--polygon); z-index:auto; }
/* a::before */
nav#in-page-links ul li a::before { content:''; margin:auto; width:min(calc(350/1920*100vw), 350px); height:min(calc(90/1920*100vw), 90px); background-color:#ffffff; clip-path:var(--polygon); position:absolute; top:0; left:max(calc(1/1920*100vw), 1px); z-index:-1 }

nav#in-page-links ul li:nth-child(1) span { background-color:var(--question-01-color); }
nav#in-page-links ul li:nth-child(2) span { background-color:var(--question-02-color); }
nav#in-page-links ul li:nth-child(3) span { background-color:var(--question-03-color); }

/* a::after */
nav#in-page-links ul li a::after { content:''; background-repeat:no-repeat; background-size:100% auto; display:block; position:absolute; bottom:0; right:0; }

nav#in-page-links ul li:nth-child(1) a::after { width:min(calc(338/1920*100vw), 338px); height:min(calc(343/1920*100vw), 343px); background-image:url('img/pict_agenda_01.svg'); right:min(calc(10/1920*100vw), 10px); }
nav#in-page-links ul li:nth-child(2) a::after { width:min(calc(271/1920*100vw), 271px); height:min(calc(339/1920*100vw), 339px); background-image:url('img/pict_agenda_02.svg'); bottom:max(calc(-8/1920*100vw), -8px); right:min(calc(45/1920*100vw), 45px); }
nav#in-page-links ul li:nth-child(3) a::after { width:min(calc(331/1920*100vw), 331px); height:min(calc(338/1920*100vw), 338px); background-image:url('img/pict_agenda_03.svg'); right:min(calc(15/1920*100vw), 15px); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
nav#in-page-links ul li { background-image:url('img/bg_agenda@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
nav#in-page-links { display:block; }
nav#in-page-links ul { width:calc(580/750*100vw); }
nav#in-page-links ul li { padding:0; height:calc(160/750*100vw); }
nav#in-page-links ul li:not(:last-child) { margin-bottom:calc(50/750*100vw); }
nav#in-page-links ul li a { font-size:calc(24/750*100vw); text-align:left; }
/* span */
nav#in-page-links ul li a span { width:calc(175/750*100vw); font-size:calc(20/750*100vw); }

nav#in-page-links ul li:nth-child(1) a::after { width:calc(172.3069/750*100vw); height:calc(175.174/750*100vw); right:calc(5/750*100vw); }
nav#in-page-links ul li:nth-child(2) a::after { width:calc(138.2607/750*100vw); height:calc(173.2421/750*100vw);bottom:max(calc(-8/1920*100vw), -8px); right:calc(25/750*100vw); }
nav#in-page-links ul li:nth-child(3) a::after { width:calc(168.9174/750*100vw); height:calc(172.5846/750*100vw); right:calc(10/750*100vw); }
}
/************************************************************************
  section.question
************************************************************************/
section.question { margin-bottom:min(calc(115/1920*100vw), 115px); padding:min(calc(205/1920*100vw), 205px) 0 0; height:min(calc(1645/1920*100vw), 1645px); background-repeat:no-repeat; background-size:100% auto; color:#ffffff; position:relative; }
/* .contents */
section.question .contents { width:min(calc(1130/1920*100vw), 1130px); height:100%; position:relative; }
section.question .contents::after { content:''; width:min(calc(92/1920*100vw), 92px); height:min(calc(91/1920*100vw), 91px); background:url('img/ball.svg') no-repeat; background-size:100% auto; display:block; position:absolute; } 
section.question .contents::before { content:''; background-size:100% auto; display:block; position:absolute; z-index:0; }

/* h2 */
section.question h2 { margin:0 auto min(calc(50/1920*100vw), 50px); background-color:#ffffff; color:var(--main-color); border:min(calc(2/1920*100vw), 2px) solid #ffffff; font-weight:700; font-size:min(calc(28/1920*100vw), 28px); font-feature-settings: 'palt'; display:flex; align-items:center; position:relative; z-index:1; }
section.question h2 span { padding:0 min(calc(100/1920*100vw), 100px) 0 min(calc(45/1920*100vw), 45px); height:min(calc(90/1920*100vw), 90px); color:var(--sub-color); font-weight:800; font-size:min(calc(34/1920*100vw), 34px); display:flex; align-items:center; clip-path:var(--polygon); }
section.question .flex { justify-content:space-between; }
/* h4 */
section.question .text h4 { order:2; margin-bottom:0; padding:min(calc(10/1920*100vw), 10px) 0 min(calc(10/1920*100vw), 10px) min(calc(120/1920*100vw), 120px); width:min(calc(100% + (120/1920*100vw)), calc(100% + 120px)); color:var(--main-color); border-top:min(calc(2/1920*100vw), 2px) solid #ffffff;; font-weight:500; font-size:min(calc(32/1920*100vw), 32px); position:relative; left:max(calc(-120/1920*100vw), -120px); z-index:0; clip-path:var(--polygon); }
section.question .text h4::after { content:''; width:min(calc(540/1920*100vw), 540px); height:100%; background-color:#ffffff; clip-path:var(--polygon2); display:inline-block; position:absolute; top:0; left:0; z-index:-1; }
section.question .text h4 small { font-size:min(calc(18/1920*100vw), 18px); }
section.question .text h4 span { padding:min(calc(2/1920*100vw), 2px) min(calc(8/1920*100vw), 8px)  min(calc(6/1920*100vw), 6px); background-color:var(--main-color); color:#ffffff; display:inline-block; }
section.question .text p.txt { order:1; }

section.question p.txt { line-height:calc(30/18); font-size:min(calc(18/1920*100vw), 18px); }

/* ============ smart phone ============ */
@media (max-width:750px){
section.question { margin-bottom:calc(120/750*100vw); padding-bottom:calc(110/750*100vw);  height:auto; background-position:center; background-size:auto 100%; }
/* .contents */
section.question .contents { width:auto; }
section.question .contents::before { z-index:2; }
section.question .contents::after { width:calc(90.153/750*100vw); height:calc(90.1486/750*100vw); }
/* h2 */
section.question h2 { margin:auto auto calc(50/750*100vw); width:calc(535/750*100vw); background-color:transparent; color:#ffffff; border:0; line-height:calc(48/28); font-size:calc(28/750*100vw); flex-direction:column; align-items:flex-start; }
section.question h2 span { margin-bottom:calc(20/750*100vw); width:calc(350/750*100vw); height:calc(95/750*100vw); border:1px solid #ffffff; font-size:calc(40/750*100vw); z-index:0; }
section.question h2::before { content:''; width:calc(535/750*100vw); height:calc(95/750*100vw); display:block; background-color:#ffffff; position:absolute; left:0; z-index:-1; }
/* p.txt */
section.question p.txt { line-height:calc(50/28); font-size:calc(28/750*100vw); }
section.question p.txt:not(:last-child) { margin-bottom:calc(45/750*100vw); } 
/* h4 */
section.question .text h4 { margin:auto; padding:calc(10/750*100vw) 0 calc(10/750*100vw) calc(45/750*100vw); width:calc(380/750*100vw); border:0; text-align:left; font-size:calc(32/750*100vw); clip-path:none; position:absolute; bottom:0; right:0; left:0; z-index:1; }
section.question .text h4::after { width:calc(420/750*100vw) !important; clip-path:polygon(0% 100%, 20% 0%, 100% 0%, 80% 100%); }
section.question .text h4::before { content:''; width:calc(420/750*100vw) !important; height:100%; clip-path:polygon(0% 100%, 20% 0%, 100% 0%, 80% 100%); mix-blend-mode:multiply; display:block; position:absolute; top:calc(15/750*100vw); left:calc(10/750*100vw); z-index:-1; }
section.question .text h4 span { margin:0 0 0 calc(45/750*100vw); padding:0.2em 0.5em; width:7em; text-align:center; font-size:calc(18/750*100vw); display:block; clip-path:polygon(0% 100%, 20% 0%, 100% 0%, 80% 100%); }
section.question .text h4 small { font-size:calc(18/750*100vw); }
}
/************************************************************************
  .answer
************************************************************************/
section.question .answer { margin-bottom:min(calc(65/1920*100vw), 65px); }
section.question .answer .text { order:2; width:min(calc(810/1920*100vw), 810px); display:flex; flex-direction:column; justify-content:space-between; }
section.question .answer .img { order:1; position:relative; }
/* ============ smart phone ============ */
@media (max-width:750px){
section.question .answer .flex { flex-direction:column; align-items:center; position:relative; }
section.question .answer .text { order:1; width:auto; }
section.question .answer .img { order:2;/*float:left;*/ }
}
/************************************************************************
  .point
************************************************************************/
section.question .point .flex { align-items:center; }
section.question .point p.txt { width:min(calc(750/1920*100vw), 750px); }
section.question .point p.img { width:min(calc(365/1920*100vw), 365px); text-align:center; }

section.question .point .flex.right .txt { order:2; } 
section.question .point .flex.right .img { order:1; }
section.question .point .flex.left .txt { order:1; } 
section.question .point .flex.left .img { order:2; }
/* ============ smart phone ============ */
@media (max-width:750px){
section.question .point .flex { display:block; }
section.question .point p.txt { margin-bottom:0; width:auto; }
section.question .point p.img { width:calc(305/750*100vw); }

section.question .point .flex.right .img { float:left; }
section.question .point .flex.left .img { float:right; }
}
/************************************************************************
  .three-lines
************************************************************************/
.three-lines { margin-bottom:min(calc(40/1920*100vw), 40px); font-size:min(calc(40/1920*100vw), 40px); }
.three-lines::before,
.three-lines::after { content:''; width:min(calc(480/1920*100vw), 480px); height:min(calc(29/1920*100vw), 29px); background:url('img/three_lines.svg') no-repeat; background-size:100% auto; display:inline-block; }
.three-lines::before { margin-right:0.5em; }
.three-lines::after { margin-left:0.5em; }
/* ============ smart phone ============ */
@media (max-width:750px){
.three-lines { margin-bottom:calc(30/750*100vw); font-size:calc(30/750*100vw); }
.three-lines::before,
.three-lines::after { width:calc(282.9329/750*100vw); height:calc(16.6988/750*100vw); }
}
/************************************************************************
  #question-01
************************************************************************/
#question-01 { background-image:url('img/bg_question_01.png'); }
#question-01 .contents::before { width:min(calc(216.0589/1920*100vw), 216.0589px); height:min(calc(219.6541/1920*100vw), 219.6541px); background-image:url('img/pict_agenda_01.svg'); top:max(calc(-200/1920*100vw), -200px); right:min(calc(65/1920*100vw), 65px); }
#question-01 .contents::after { bottom:min(calc(86/1920*100vw), 86px); right:max(calc(-104/1920*100vw), -104px); }

#question-01 h2 span { background-color:var(--question-01-color); }
#photo-question-01 { width:min(calc(281/1920*100vw), 281px); height:min(calc(428/1920*100vw), 428px); }
#pict-question-01-a img { width:min(calc(299/1920*100vw), 299px); }
#pict-question-01-b img { width:min(calc(415/1920*100vw), 415px); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){

#question-01 { background-image:url('img/bg_question_01@2x.png'); }
#question-01 .contents::after { bottom:min(calc(86/1920*100vw), 86px); right:0; }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#question-01 { min-height:calc(3122/750*100vw); background-image:url('img/bg_question_01_sp.png'); }
#question-01 .contents::before { width:calc(200/750*100vw); height:calc(203/750*100vw); background-image:url('img/pict_agenda_01_sp.svg'); top:calc(-107/750*100vw); right:calc(40/750*100vw); }
#question-01 .contents::after { bottom:calc((16 - 110)/750*100vw); right:calc(30/750*100vw); }
#question-01 .text h4::before { background-color:var(--question-01-color); }
#photo-question-01 { width:calc(304/750*100vw); height:calc(381/750*100vw); }
#pict-question-01-a img { width:calc(297/750*100vw); }
#pict-question-01-b img { width:calc(333.4466/750*100vw); }
/* h2 */
#question-01 h2 span { background-color:var(--question-01-color); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#question-01 { background-image:url('img/bg_question_01_sp@2x.png'); }
}
}
/************************************************************************
  #question-02
************************************************************************/
#question-02 { background-image:url('img/bg_question_02.png'); }
#question-02 .contents::before { width:min(calc(180.511/1920*100vw), 180.511px); height:min(calc(226.1831/1920*100vw), 219.6541px); background-image:url('img/pict_agenda_02.svg'); top:max(calc(-200/1920*100vw), -200px); right:min(calc(35/1920*100vw), 35px); }
#question-02 .contents::after { bottom:min(calc(44/1920*100vw), 44px); right:min(calc(71/1920*100vw), 71px); }
#question-02 h2 span { background-color:var(--question-02-color); }
#photo-question-02 { width:min(calc(286/1920*100vw), 286px); height:min(calc(428/1920*100vw), 428px); }
#pict-question-02-a img { width:min(calc(411/1920*100vw), 411px); }
#pict-question-02-b img { width:min(calc(143/1920*100vw), 143px); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#question-02 { background-image:url('img/bg_question_02@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#question-02 { min-height:calc(2951/750*100vw); background-image:url('img/bg_question_02_sp.png'); }
#question-02 .contents::before { width:calc(164/750*100vw); height:calc(205/750*100vw); background-image:url('img/pict_agenda_02_sp.svg'); top:calc(-105/750*100vw); right:calc(40/750*100vw); }
#question-02 .contents::after { bottom:calc((8 - 110)/749*100vw); right:calc(120/750*100vw); }
#question-02 .text h4::before { background-color:var(--question-02-color); }

#photo-question-02 { width:calc(304/750*100vw); height:calc(394/750*100vw); }
#pict-question-02-a img { width:calc(318.19/760*100vw); }
#pict-question-02-b img { width:calc(127.1613/760*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#question-02 { background-image:url('img/bg_question_02_sp@2x.png'); }
}
}
/************************************************************************
  #question-03
************************************************************************/
#question-03 { background-image:url('img/bg_question_03.png'); }
#question-03 .contents::before { width:min(calc(220.6974/1920*100vw), 220.6974px); height:min(calc(225.4887/1920*100vw), 225.4887px); background-image:url('img/pict_agenda_03.svg'); top:max(calc(-200/1920*100vw), -200px); right:min(calc(10/1920*100vw), 10px); }
#question-03 .contents::after { bottom:0; right:min(calc(482/1920*100vw), 482px); }
#question-03 h2 span { background-color:var(--question-03-color); }
#question-03 .point .flex:not(:last-child) { margin-bottom:min(calc(25/1920*100vw), 25px); }
#question-03 .text h4::after { width:min(calc(600/1920*100vw), 600px); }

#photo-question-03 { width:min(calc(286/1920*100vw), 286px); height:min(calc(428/1920*100vw), 428px); }
#pict-question-03-a img { width:min(calc(360/1920*100vw), 360px); }
#pict-question-03-b img { width:min(calc(356/1920*100vw), 356px); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#question-03 { background-image:url('img/bg_question_03@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#question-03 { min-height:calc(2810/750*100vw); background-image:url('img/bg_question_03_sp.png'); }
#question-03 .contents::before { width:calc(199/750*100vw); height:calc(203/750*100vw); background-image:url('img/pict_agenda_03_sp.svg'); top:calc(-107/750*100vw); right:calc(40/750*100vw); }
#question-03 .contents::after { bottom:calc(-110/750*100vw); right:calc(300/750*100vw); }
#question-03 .text h4::before { background-color:var(--question-03-color); }

#photo-question-03 { width:calc(303/750*100vw); height:calc(380/750*100vw); }
#pict-question-03-a img { width:calc(305.3526/750*100vw); }
#pict-question-03-b img { width:calc(325.1303/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#question-03 { background-image:url('img/bg_question_03_sp@2x.png'); }
}
}
/************************************************************************
  #lets-study
************************************************************************/
#lets-study { text-align:center; }
#lets-study .contents { width:min(calc(1500/1920*100vw), 1500px); }
#lets-study h2 { margin:0 auto min(calc(30/1920*100vw), 30px); padding:0 0 min(calc(30/1920*100vw), 30px); width:min(calc(1130/1920*100vw), 1130px); color:var(--main-color); border-bottom:min(calc(2/1920*100vw), 2px) solid var(--main-color); text-align:center; line-height:1; font-weight:800; font-size:min(calc(50/1920*100vw), 50px); }
#lets-study p.txt { margin:0 auto min(calc(90/1920*100vw), 90px); color:var(--main-color); line-height:calc(48/28); font-weight:800; font-size:min(calc(28/1920*100vw), 28px); }
/* .flex */
#lets-study .flex { justify-content:space-between; }
#lets-study .flex article { padding:min(calc(45/1920*100vw), 45px) min(calc(50/1920*100vw), 50px); border-radius:min(calc(20/1920*100vw), 20px); }
#lets-study .flex article:not(:last-child) { margin-bottom:min(calc(40/1920*100vw), 40px); }
#lets-study .flex h3 { margin:0 auto min(calc(30/1920*100vw), 30px); color:var(--sub-color); line-height:1; font-weight:700; font-size:min(calc(28/1920*100vw), 28px); }
#lets-study .flex p.txt { margin:auto; color:#ffffff; text-align:left; line-height:calc(46/22); font-weight:500; font-size:min(calc(22/1920*100vw), 22px); }

#lets-study .flex .left { width:min(calc(895/1920*100vw), 895px); }
#lets-study .flex .right { width:min(calc(575/1920*100vw), 575px); display:flex; flex-direction:column; justify-content:space-between; }

#lets-study .flex .left article:nth-child(1) { background-color:var(--question-01-color); }
#lets-study .flex .left article:nth-child(2) { background-color:var(--question-02-color); }
#lets-study .flex .right article:nth-child(1) { background-color:var(--question-03-color); }
#lets-study .flex .right h3 { line-height:calc(48/28); }

/* ============ smart phone ============ */
@media (max-width:750px){
#lets-study .contents { width:auto; }
#lets-study .flex { flex-direction:column; }
#lets-study h2 { width:auto; border-bottom-width:2px; font-size:calc(40/750*100vw); }
#lets-study p.txt { text-align:left; font-size:calc(28/750*100vw); }
#lets-study p.txt br { display:none; }

#lets-study .flex .left { width:auto; }
#lets-study .flex .right { width:auto; }

/* .flex */
#lets-study .flex article:not(:last-child) { margin-bottom:calc(40/750*100vw);  }
#lets-study .flex article { margin-bottom:calc(40/750*100vw); padding:calc(35/750*100vw) calc(50/750*100vw) calc(40/750*100vw); border-radius:calc(20/750*100vw); }
#lets-study .flex h3 { font-size:calc(28/750*100vw); line-height:calc(48/28); }
#lets-study .flex p.txt { font-size:calc(22/750*100vw); }
#lets-study .flex .right article:last-child { margin-bottom:0; }
}
/************************************************************************
  .share
************************************************************************/
.share { padding-top:min(calc(100/1920*100vw), 100px); }