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

  study29

======================================================================== */
:root {
--bg-gradient:linear-gradient(90deg,rgba(139, 232, 177, 1) 0%, rgba(103, 184, 206, 1) 100%);
--main-color:#d85288;
--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); }
main .contents { margin:auto; padding-top:0; padding-bottom:0; width:min(calc(1340/1920*100vw), 1340px) }
main img { max-width:100%; }
main hr { display:none; }
main p.txt { font-weight:500; }
main p.img { margin-bottom:0; font-size:0; }
/* ============ 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(1080/1920*100vw), 1080px); background:url('img/bg_fv.png') no-repeat; background-size:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; }
#fv h2 { margin:0 0 min(calc(55/1920*100vw), 55px); width:100%; text-align:center; font-weight:900; font-size:min(calc(94/1920*100vw), 94px); }
#fv h2 span { font-weight:900; font-size:min(calc(70/1920*100vw), 70px); }
#fv h2 small { font-weight:700; font-size:min(calc(48/1920*100vw), 48px); }

#fv p.img { width:min(calc(653/1920*100vw), 653px); }
/* ============ smart phone ============ */
@media (max-width:750px){
#fv { height:calc(940/750*100vw); background-size:auto 100%; }
#fv h2 { margin-bottom:calc(80/750*100vw); color:#000000; font-size:calc(68/750*100vw); }
#fv h2 small { font-size:calc(40/750*100vw); }
#fv p.img { width:calc(482/750*100vw); }
}
/************************************************************************
  #introduction
************************************************************************/
#introduction .contents { padding:min(calc(130/1920*100vw), 130px) 0 min(calc(150/1920*100vw), 150px); width:min(calc(970/1920*100vw), 970px); }
#introduction .contents > p.txt { margin:0 auto min(calc(150/1920*100vw), 150px); line-height:calc(60/26); font-weight:700; font-size:min(calc(26/1920*100vw), 26px); }
#introduction article { background:url('img/bg_introduction.jpg') no-repeat; background-size:100% auto; }
#introduction article h3 { padding:min(calc(10/1920*100vw), 10px); width:min(calc(245/1920*100vw), 245px); height:min(calc(95/1920*100vw), 95px); background-color:var(--main-color); color:#ffffff; font-weight:700; font-size:min(calc(18/1920*100vw), 18px); clip-path:polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%); }
/* .profile */
#introduction article .profile { margin:auto auto max(calc(-55/1920*100vw), -55px); width:min(calc(795/1920*100vw), 795px); display:flex; justify-content:space-between; position:relative; top:max(calc(-55/1920*100vw), -55px); }
#introduction article .profile p.img { order:1; width:min(calc(230/1920*100vw), 230px); height:min(calc(230/1920*100vw), 230px); position:relative; }
#introduction article .profile p.img img { position:relative; z-index:1; display:block; }
#introduction article .profile p.img::after { content:''; width:min(calc(230/1920*100vw), 230px); height:min(calc(230/1920*100vw), 230px); background-color:var(--main-color); border-radius:50%; display:block; position:absolute; bottom:max(calc(-5/1920*100vw), -5px); right:max(calc(-5/1920*100vw), -5px); z-index:0; }
#introduction article .profile .text { order:2; width:min(calc(510/1920*100vw), 510px); }
#introduction article .profile .text h4 { margin:auto auto min(calc(25/1920*100vw), 25px); padding:0 0 min(calc(25/1920*100vw), 25px); border-bottom:1px solid var(--main-color); font-weight:500; font-size:min(calc(32/1920*100vw), 32px); }
#introduction article .profile .text h4 span { font-size:min(calc(18/1920*100vw), 18px); }
#introduction article .profile .text h5 { font-weight:700; font-size:min(calc(20/1920*100vw), 20px); }
#introduction article .profile .text p.txt { margin-bottom:0; line-height:calc(28/16); font-weight:400; font-size:min(calc(16/1920*100vw), 16px); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#introduction article { background-image:url('img/bg_introduction@2x.jpg'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#introduction .contents { padding:calc(90/750*100vw) 0; width:auto; }
#introduction .contents > p.txt { margin-bottom:calc(120/750*100vw); line-height:calc(60/30); font-size:calc(30/750*100vw); }
/* article */
#introduction article { background-size:auto 100%; }
#introduction article h3 { padding:calc(20/750*100vw); width:calc(355/750*100vw); height:calc(145/750*100vw); font-size:calc(26/750*100vw); }
/* .profile */
#introduction article .profile { margin-top:calc(-90/750*100vw); padding-bottom:calc(35/750*100vw);  width:calc(510/750*100vw); top:0; flex-direction:column; }
#introduction article .profile .text { width:auto; }
#introduction article .profile p.img { margin:auto auto calc(45/750*100vw); width:calc(355/750*100vw); height:calc(355/750*100vw); }
#introduction article .profile p.img::after { width:calc(355/750*100vw); height:calc(355/750*100vw); bottom:calc(-10/750*100vw); right:calc(-10/750*100vw); }
#introduction article .profile .text h4 { margin-bottom:calc(25/750*100vw);  padding-bottom:calc(25/750*100vw); text-align:center; font-size:calc(45/750*100vw); }
#introduction article .profile .text h4 span { font-size:calc(26/750*100vw); }
#introduction article .profile .text h5 { font-size:calc(26/750*100vw); }
#introduction article .profile .text p.txt { line-height:calc(39/27); font-size:calc(28/750*100vw); }
}
/************************************************************************
  nav#in-page-links
************************************************************************/
nav#in-page-links { padding:0 0 min(calc(125/1920*100vw), 125px); position:static; }
nav#in-page-links ul { margin:auto; padding:0; width:min(calc(1340/1920*100vw), 1340px); max-width:initial; display:flex; justify-content:space-between; }
nav#in-page-links ul li { padding:min(calc(35/1920*100vw), 35px) min(calc(40/1920*100vw), 40px); width:min(calc(320/1920*100vw), 320px); background-color:#f7f7f7; position:relative; }
nav#in-page-links ul li::before { content:''; width:min(calc(50/1920*100vw), 50px); height:min(calc(50/1920*100vw), 50px); background-color:var(--main-color); position:absolute; top:0; left:0; clip-path:polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%); }

nav#in-page-links ul li a { width:auto; font-weight:700; font-size:min(calc(30/1920*100vw), 30px); display:block; position:relative; }
nav#in-page-links ul li a::after { content:''; width:min(calc(40/1920*100vw), 40px); height:min(calc(40/1920*100vw), 40px); background:url('img/icon_link.svg') no-repeat; background-size:100% auto; display:inline-block; position:absolute; top:min(calc(5/1920*100vw), 5px); right:max(calc(-25/1920*100vw), -25px); }

nav#in-page-links ul li strong { color:var(--main-color); font-size:min(calc(50/1920*100vw), 50px); }
nav#in-page-links ul li strong span { font-size:min(calc(32/1920*100vw), 32px); }
/* ============ smart phone ============ */
@media (max-width:750px){
nav#in-page-links { display:block; }
nav#in-page-links ul { margin-right:calc(30/750*100vw); margin-left:calc(30/750*100vw); padding:calc(45/750*100vw) 0; width:auto; background-color:#f7f7f7; position:relative; }
nav#in-page-links ul::before { content:''; width:calc(50/750*100vw); height:calc(45/750*100vw); background-color:var(--main-color); position:absolute; top:0; left:0; clip-path:polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%); z-index:1; }

nav#in-page-links ul li { margin-bottom:calc(30/750*100vw); padding:0 0 0 calc(40/750*100vw); width:100%; text-align:left; }
nav#in-page-links ul li:last-child { margin-bottom:0; }
nav#in-page-links ul li::before { display:none; }

nav#in-page-links ul li a br { display:none; }
nav#in-page-links ul li a { font-size:calc(30/750*100vw); }
nav#in-page-links ul li a::after { margin:auto; width:calc(40/750*100vw); height:calc(40/750*100vw); top:0; bottom:0; right:calc(20/750*100vw); }

nav#in-page-links ul li strong { margin-right:calc(20/750*100vw); font-size:calc(50/750*100vw); }
nav#in-page-links ul li strong span { font-size:calc(32/750*100vw); }

nav#in-page-links ul li a.maru::before { content:''; margin-right:0.2em; width:1em; height:1em; background-color:var(--main-color); border-radius:50%; display:inline-block; }
}
/************************************************************************
  section.point
************************************************************************/
.bg-point { margin-bottom:min(calc(110/1920*100vw), 110px); padding:min(calc(130/1920*100vw), 130px) 0 0; background:url('img/bg_point.jpg'); position:relative; z-index:0; }
/* ============ smart phone ============ */
@media (max-width:750px){
.bg-point { padding:calc(50/750*100vw) 0; }

}
/************************************************************************
  section.point
************************************************************************/
section.point { padding:0 0 min(calc(130/1920*100vw), 130px) }
section.point h2 { margin-bottom:min(calc(50/1920*100vw), 50px); height:min(calc(245/1920*100vw), 245px); background-color:#ffffff; font-weight:700; font-size:min(calc(44/1920*100vw), 44px); display:flex; align-items:center; }
section.point h2 span.point { padding-right:min(calc(50/1920*100vw), 50px); width:min(calc(260/1920*100vw), 260px);  height:100%; background-color:var(--main-color); color:#ffffff; text-align:center; display:flex; flex-direction:column; justify-content:center; font-size:min(calc(54/1920*100vw), 54px); clip-path:polygon(0% 0%, 100% 0%, 60% 100%, 0% 100%); }
section.point h2 span.point b { font-size:min(calc(80/1920*100vw), 80px); }
/* ============ smart phone ============ */
@media (max-width:750px){
section.point h2 { margin-bottom:calc(50/750*100vw); padding-left:calc(190/750*100vw); height:calc(165/750*100vw); text-align:center; font-size:calc(42/750*100vw); position:relative; }
section.point h2 span.point { padding:calc(15/750*100vw) calc(20/750*100vw); width:calc(185/750*100vw); height:calc(150/750*100vw); font-size:calc(32/750*100vw); clip-path:polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%); justify-content:flex-start; align-items:flex-start; position:absolute; top:0; left:0;}
section.point h2 span.point b { font-size:calc(50/750*100vw); }
}
/************************************************************************
  article.qa
************************************************************************/
article.qa { margin:auto auto min(calc(60/1920*100vw), 60px); width:min(calc(970/1920*100vw), 970px); }
/* ============ smart phone ============ */
@media (max-width:750px){
article.qa { width:auto; }
}
/************************************************************************
  .question
************************************************************************/
article.qa .question { position:relative; }
article.qa .question h3,
article.qa .question h3 * { font-weight:700; }
article.qa .question h3 span.q { padding:min(calc(5/1920*100vw), 5px) min(calc(20/1920*100vw), 20px) min(calc(30/1920*100vw), 30px); background-color:#ffffff; color:var(--main-color); line-height:1; font-weight:700; font-size:min(calc(80/1920*100vw), 80px); display:inline-block; position:absolute; top:max(calc(-15/1920*100vw), -15px); left:max(calc(-15/1920*100vw), -15px); }
article.qa .question h3 span.q::after { content:''; width:100%; height:100%; background-color:#ffffff; box-shadow:3px 3px 6px 0 rgba(0,0,0,0.5); mix-blend-mode:multiply; position:absolute; top:0; left:0; z-index:-1; }
article.qa .question h3 span.txt { display:block; font-size:min(calc(30/1920*100vw), 30px); position:absolute; top:min(calc(125/1920*100vw), 125px); left:min(calc(325/1920*100vw), 325px); }
article.qa .question h3 span.txt span { padding:min(calc(15/1920*100vw), 5px); background-color:#ffffff; /*box-shadow:3px 3px 6px 0 rgba(0,0,0,0.5);*/ display:inline-block; position:relative; }
article.qa .question h3 span.txt span::after { content:''; width:100%; height:100%; background-color:#ffffff; box-shadow:3px 3px 6px 0 rgba(0,0,0,0.5); mix-blend-mode:multiply; position:absolute; top:0; left:0; z-index:-1; }
article.qa .question p.img { width:min(calc(391/1920*100vw), 391px); position:relative; z-index:-2; }
/* ============ smart phone ============ */
@media (max-width:750px){
article.qa .question { margin-bottom:calc(45/750*100vw); padding-bottom:calc(190/750*100vw); }
article.qa .question h3 span.q { padding:calc(20/750*100vw) calc(20/750*100vw) calc(30/750*100vw); font-size:calc(80/750*100vw); top:calc(-15/750*100vw); left:calc(135/750*100vw); }
article.qa .question h3 span.txt { margin:auto; top:calc(365/750*100vw); right:0; left:0; }
article.qa .question h3 span.txt span { padding:calc(15/750*100vw) calc(20/750*100vw) calc(10/750*100vw); font-size:calc(30/750*100vw); }
article.qa .question h3 span.txt span:last-child { padding-bottom:calc(20/750*100vw); }
article.qa .question p.img { margin:auto; width:calc(390/750*100vw); }
}
/************************************************************************
  .answer
************************************************************************/
article.qa .answer { padding:min(calc(15/1920*100vw), 15px) min(calc(35/1920*100vw), 35px) min(calc(40/1920*100vw), 40px); background-color:#ffffff; }
article.qa .answer h3 { margin:auto; padding:min(calc(10/1920*100vw), 10px) 0 min(calc(20/1920*100vw), 20px); width:min(calc(480/1920*100vw), 480px); background-color:#ffffff; color:var(--main-color); line-height:1; text-align:center; font-weight:700; font-size:min(calc(80/1920*100vw), 80px); position:relative; }
article.qa .answer h3::after { content:''; width:100%; height:100%; background-color:#ffffff; box-shadow:3px 3px 6px 0 rgba(0,0,0,0.5); mix-blend-mode:multiply; position:absolute; top:0; left:0; z-index:-1; }
article.qa .answer h4 { margin-left:min(calc(40/1920*100vw), 40px); line-height:calc(45/26); font-size:min(calc(26/1920*100vw), 26px); }
article.qa .answer h4 span { color:var(--main-color); }
article.qa .answer p.txt { padding:0 min(calc(30/1920*100vw), 30px); border-left:min(calc(12/1920*100vw), 12px) solid var(--main-color); border-right:min(calc(12/1920*100vw), 12px) solid var(--main-color); line-height:calc(28/16); font-size:min(calc(16/1920*100vw), 16px); }
article.qa .answer p.img { width:min(calc(390/1920*100vw), 390px); }

article.qa .answer .header { padding:0 0 min(calc(40/1920*100vw), 40px); display:flex; }
article.qa .answer .header .text { order:2; }
article.qa .answer .header .text h3 { position:relative; z-index:1; }
article.qa .answer .header .text h4 { margin-bottom:0; }
article.qa .answer .header p.img { order:1; }

#point-1 article.qa .answer .header .text h3 { margin-bottom:0; top:max(calc(-35/1920*100vw), -35px); }
#point-2 article.qa .answer .header .text h3 { margin-bottom:min(calc((35 + 50)/1920*100vw), calc(35px + 50px)); top:min(calc(50/1920*100vw), 50px); }
#point-3 article.qa .answer .header .text h3 { margin-bottom:min(calc(35/1920*100vw), 35px); }
/* ============ smart phone ============ */
@media (max-width:750px){
article.qa .answer .header { padding:0; flex-direction:column; }
article.qa .answer .header p.img { order:2; margin:auto; width:calc(404/750*100vw); }
article.qa .answer .header .text { order:1; }
article.qa .answer .header .text h3 { padding:calc(20/750*100vw) 0; width:calc(345/750*100vw); font-size:calc(50/750*100vw); top:calc(-30/750*100vw) !important; }
article.qa .answer .header .text h4 { margin-left:auto; text-align:center; line-height:calc(50/30); font-size:calc(30/750*100vw); }

article.qa .answer p.txt { padding:calc(30/750*100vw) 0; border:0; border-top:calc(12/750*100vw) solid var(--main-color); border-bottom:calc(12/750*100vw) solid var(--main-color); line-height:calc(50/30); font-weight:400; font-size:calc(30/750*100vw); }
}
/************************************************************************
  .column
************************************************************************/
article.column { margin:auto; padding:min(calc(45/1920*100vw), 45px); width:min(calc(970/1920*100vw), 970px); background-color:#ede8df; border-radius:min(calc(20/1920*100vw), 20px); position:relative; }
article.column h3 { margin-bottom:min(calc(35/1920*100vw), 35px); padding:min(calc(25/1920*100vw), 25px) 0; background-color:#ffffff; border-radius:min(calc(35/1920*100vw), 35px); text-align:center; line-height:1; font-weight:700; font-size:min(calc(24/1920*100vw), 24px); position:relative; }
article.column h3::before,
article.column h3::after { content:''; width:min(calc(20/1920*100vw), 20px); height:min(calc(20/1920*100vw), 20px); background-color:var(--main-color); border-radius:50%; display:inline-block; position:absolute; }
article.column h3::before { left:min(calc(20/1920*100vw), 20px); }
article.column h3::after { right:min(calc(20/1920*100vw), 20px); }
article.column p.txt { margin:auto auto 1.5em; width:min(calc(460/1920*100vw), 460px); line-height:calc(28/16); font-size:min(calc(16/1920*100vw), 16px); }
article.column p.txt:last-child { margin-bottom:0; }

article.column::before, 
article.column::after { content:''; background-repeat:no-repeat; background-size:100% auto; display:block; position:absolute; }
/* #point-1 */
#point-1 article.column::before { width:min(calc(185/1920*100vw), 185px);  height:min(calc(226/1920*100vw), 226px); background-image:url('img/img_column_1_b.png'); bottom:min(calc(55/1920*100vw), 55px); left:min(calc(45/1920*100vw), 45px); }
#point-1 article.column::after {  width:min(calc(180/1920*100vw), 180px);  height:min(calc(224/1920*100vw), 224px); background-image:url('img/img_column_1_a.png'); top:min(calc(135/1920*100vw), 135px); right:min(calc(45/1920*100vw), 45px); }
/* #point-2 */
#point-2 article.column::before { width:min(calc(240/1920*100vw), 240px);  height:min(calc(186/1920*100vw), 186px); background-image:url('img/img_column_2_b.jpg'); bottom:min(calc(55/1920*100vw), 55px); left:0; }
#point-2 article.column::after { width:min(calc(241/1920*100vw), 241px);  height:min(calc(186/1920*100vw), 186px); background-image:url('img/img_column_2_a.jpg'); top:min(calc(155/1920*100vw), 155px); right:0; }
/* #point-3 */
#point-3 article.column::before { width:min(calc(240/1920*100vw), 240px);  height:min(calc(186/1920*100vw), 186px); background-image:url('img/img_column_3_b.jpg'); bottom:min(calc(55/1920*100vw), 55px); left:0; }
#point-3 article.column::after { width:min(calc(184/1920*100vw), 184px);  height:min(calc(230/1920*100vw), 230px); background-image:url('img/img_column_3_a.png'); top:min(calc(155/1920*100vw), 155px); right:min(calc(45/1920*100vw), 45px); }

div.floatR p.img { display:none; }
div.floatL p.img { display:none; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
/* #point-1 */
#point-1 article.column::before { background-image:url('img/img_column_1_b@2x.png'); }
#point-1 article.column::after { background-image:url('img/img_column_1_a@2x.png'); }
/* #point-2 */
#point-2 article.column::before { background-image:url('img/img_column_2_b@2x.jpg'); }
#point-2 article.column::after { background-image:url('img/img_column_2_a@2x.jpg'); }
/* #point-3 */
#point-3 article.column::before { background-image:url('img/img_column_3_b@2x.jpg'); }
#point-3 article.column::after { background-image:url('img/img_column_3_a@2x.png'); }
}

/* ============ smart phone ============ */
@media (max-width:750px){
article.column { padding:calc(25/750*100vw) calc(20/750*100vw); width:auto; }
article.column h3 { margin-bottom:calc(40/750*100vw); border-radius:calc(16/750*100vw); line-height:calc(50/34); font-size:calc(34/750*100vw); }
article.column h3::before,
article.column h3::after { margin:auto; width:calc(20/750*100vw); height:calc(20/750*100vw); top:0; bottom:0; }
article.column h3::before { left:calc(20/750*100vw); }
article.column h3::after { right:calc(20/750*100vw); }
article.column p.txt { width:auto; font-weight:400; font-size:calc(30/750*100vw); }
article.column p.txt:last-child { margin-bottom:0; }

article.column::before,
article.column::after { display:none; }

article.column div.floatR,
article.column div.floatL { margin:0 calc(20/750*100vw) calc(50/750*100vw); }
article.column div.floatR:last-child,
article.column div.floatL:last-child { margin-bottom:0; }

div.floatR p.img { margin-left:calc(30/750*100vw); float:right; display:inherit; }
div.floatL p.img { margin-right:calc(30/750*100vw); float:left; display:inherit; }

/* #point-1 */
#point-1 div.floatR p.img { width:calc(179/750*100vw); }
#point-1 div.floatL p.img { width:calc(185/750*100vw); }
/* #point-2 */
#point-2 div.floatL p.img { margin-right:calc(30/750*100vw); margin-left:calc(-40/750*100vw); width:calc(235/750*100vw); }
#point-2 div.floatR p.img { margin-left:0; margin-right:calc(-40/750*100vw); width:calc(235/750*100vw); }
/* #point-3 */
#point-3 div.floatL p.img { margin-right:calc(30/750*100vw); margin-left:calc(-40/750*100vw); width:calc(235/750*100vw); }
#point-3 div.floatR p.img { width:calc(183/750*100vw); }
}
/************************************************************************
  #point-3
************************************************************************/
#point-3 ul.accordion { margin:0; padding:0; list-style:none; display:flex; justify-content:space-between; align-items:flex-start; }
#point-3 ul.accordion li { margin:0; padding:0; width:min(calc(265/1920*100vw), 265px); }
#point-3 ul.accordion li h4 { margin:0 0 min(calc(5/1920*100vw), 5px); width:auto; height:2em; text-align:center; line-height:calc(26/20); font-weight:700; font-size:min(calc(20/1920*100vw), 20px); display:flex; align-items:flex-end; justify-content:center; }

#point-3 ul.accordion li h4 span { padding:0 1em 0 1.2em; height:100%; color:#343434; display:inline-flex; align-items:flex-end; justify-content:center; position:relative; vertical-align:bottom; }
#point-3 ul.accordion li h4 span::before, 
#point-3 ul.accordion li h4 span::after { content:''; width:min(calc(16.63/1920*100vw), 16.63px); height:min(calc(37.68/1920*100vw), 37.68px); background:url('img/icon_emphasis.svg') no-repeat; background-size:100% auto; display:inline-block; position:absolute; bottom:0; }
#point-3 ul.accordion li h4 span::before { left:0; }
#point-3 ul.accordion li h4 span::after { right:0; transform:scale(-1, 1); }

#point-3 ul.accordion li h5 { text-align:center; font-weight:700; font-size:min(calc(46/1920*100vw), 46px); }
#point-3 ul.accordion li .btn { width:100%; height:auto; background-color:#ede8df; border-radius:min(calc(10/1920*100vw), 10px); display:block; }
#point-3 ul.accordion li .btn p.link { margin:0; text-align:right; font-size:min(calc(14/1920*100vw), 14px); }
#point-3 ul.accordion li .btn p.link::after { content:''; margin-left:min(calc(5/1920*100vw), 5px); width:min(calc(27/1920*100vw), 27px); height:min(calc(27/1920*100vw), 27px); background:url('img/icon_plus.svg') no-repeat; background-size:100% auto; vertical-align:middle; display:inline-block; transition:0.5s; }

#point-3 ul.accordion li.active .btn p.link::after { background-image:url('img/icon_minus.svg'); }

ul.accordion li .text { padding:min(calc(20/1920*100vw), 20px) 0 0; display:none; }

/* ============ smart phone ============ */
@media (max-width:750px){
#point-3 ul.accordion { margin:auto calc(20/750*100vw); padding:calc(70/750*100vw) 0 0; flex-direction:column; } 
#point-3 ul.accordion li { margin:0 0 calc(40/750*100vw); width:100%; }
#point-3 ul.accordion li h4 { margin-bottom:calc(30/750*100vw); height:auto; font-size:calc(30/750*100vw); }
#point-3 ul.accordion li h4 span::before,
#point-3 ul.accordion li h4 span::after { margin:auto; width:calc(25.52/750*100vw); height:calc(57.81/750*100vw); top:0; bottom:0; }
#point-3 ul.accordion li article { padding:calc(25/750*100vw); background-color:#ede8df; border-radius:calc(14/750*100vw); }
#point-3 ul.accordion li .btn { padding:0; background-color:transparent; /*display:flex; justify-content:space-between;*/ position:relative; }
#point-3 ul.accordion li .btn h5 { font-size:calc(46/750*100vw); }
#point-3 ul.accordion li .btn p.link { font-size:calc(18/750*100vw); position:absolute; top:0; right:0; }
#point-3 ul.accordion li .btn p.link::after { margin-left:calc(10/750*100vw); width:calc(45/750*100vw); height:calc(45/750*100vw); }
#point-3 ul.accordion li .text { padding:calc(30/750*100vw) calc(35/750*100vw);background-color:#ffffff; border-radius:calc(14/750*100vw); line-height:calc(50/30); font-size:calc(30/750*100vw); }
}
/************************************************************************
  #points-to-note
************************************************************************/
#points-to-note { padding:0 0 min(calc(60/1920*100vw), 60px); }

#points-to-note h2 { margin:0; padding:min(calc(20/1920*100vw), 20px) 0 min(calc(35/1920*100vw), 35px); width:min(calc(440/1920*100vw), 440px); background-color:var(--main-color); color:#ffffff; line-height:calc(40/28); text-align:center; border-radius:min(calc(38/1920*100vw), 38px); font-size:min(calc(40/1920*100vw), 40px); position:relative; bottom:max(calc(-40/1920*100vw), -40px); }
#points-to-note h2 span { font-size:min(calc(28/1920*100vw), 28px); }
#points-to-note h2::after { content:''; width:min(calc(44.50/1920*100vw), 44.50px); height:min(calc(27.79/1920*100vw), 27.79px); background:url('img/fukidashi.svg') no-repeat; background-size:100% auto; position:absolute; bottom:max(calc(-25/1920*100vw), -25px); right:70px; }

#points-to-note .box { margin:auto auto min(calc(80/1920*100vw), 80px); padding:min(calc(40/1920*100vw), 40px) min(calc(45/1920*100vw), 45px) min(calc(60/1920*100vw), 60px); width:min(calc(970/1920*100vw), 970px); border:2px solid var(--main-color); border-radius:min(calc(20/1920*100vw), 20px); }
#points-to-note .box article { margin-bottom:min(calc(30/1920*100vw), 30px); }
#points-to-note .box article:last-child { margin-bottom:0; }
#points-to-note .box article h3 { margin-bottom:min(calc(15/1920*100vw), 15px); padding:0 0 0.8em; color:var(--main-color); border-bottom:1px solid var(--main-color); text-align:center; font-size:min(calc(26/1920*100vw), 26px); }
#points-to-note .box article p.txt { margin-bottom:0; line-height:calc(28/16); font-size:min(calc(16/1920*100vw), 16px); }
/* .announcement */
#points-to-note .announcement { padding:min(calc(30/1920*100vw), 30px); background-color:#f7f7f7; border:2px solid var(--main-color); }
#points-to-note .announcement h3 { margin:auto auto min(calc(35/1920*100vw), 35px); padding:min(calc(10/1920*100vw), 10px) 0; width:min(calc(880/1920*100vw), 880px); background-color:#ffffff; color:var(--main-color); border:2px solid var(--main-color); border-radius:min(calc(45/1920*100vw), 45px); text-align:center; font-size:min(calc(44/1920*100vw), 44px); }
#points-to-note .announcement p.txt { margin:auto; width:min(calc(880/1920*100vw), 880px); line-height:calc(28/16); font-size:min(calc(16/1920*100vw), 16px); }

/* ============ smart phone ============ */
@media (max-width:750px){

#points-to-note h2 { margin:auto; padding:calc(20/750*100vw) 0 calc(35/750*100vw); width:calc(440/750*100vw); border-radius:calc(40/750*100vw); line-height:calc(40/30); font-size:calc(45/750*100vw); bottom:calc(-35/750*100vw); }
#points-to-note h2 span { font-size:calc(30/750*100vw); }
#points-to-note h2::after { margin:auto; width:calc(45/750*100vw); height:calc(28/750*100vw); bottom:calc(-25/750*100vw); right:0; left:0; }
#points-to-note .box { padding:calc(85/750*100vw) calc(30/750*100vw) calc(50/750*100vw); width:auto; border-radius:calc(20/750*100vw); }
#points-to-note .box article { margin-bottom:calc(55/750*100vw); }
#points-to-note .box article:last-child { margin-bottom:0; } 
#points-to-note .box article h3 { padding-bottom:calc(30/750*100vw); font-size:calc(30/750*100vw); }
#points-to-note .box article p.txt { width:auto; font-size:calc(30/750*100vw); }
#points-to-note .box article p.txt a { font-size:calc(25/750*100vw); }
/* .announcement */
#points-to-note .announcement { padding:calc(35/750*100vw); }
#points-to-note .announcement h3 { margin-bottom:calc(40/750*100vw); padding:calc(25/750*100vw) 0; width:auto; border-radius:calc(45/750*100vw); font-size:calc(32/750*100vw); }
#points-to-note .announcement p.txt { width:auto; font-size:calc(30/750*100vw); }
}