@charset "utf-8";
/* =================== header =================== */

header { position: sticky; top: 0; left: 0; width: 100%; z-index: 998; transition: 0.6s; padding: 30px 0 10px; background-color: #fff; }
header .container{max-width: 100%;}
header .flex-box{ gap: 0 30px; }
header .left{ padding-top:0px; }
header .left h1 a img{ max-width: 330px; object-fit: contain; object-position: left; }
header .left .pointmetabox{ background:#16B3EE; width:100%; margin-top:10px; padding:5px 5px; border-radius:16px; color:#fff; line-height:1em; text-align:center; display:inline-block; }

header .right{ width: calc( 100% - 330px); gap:5px; }
header .right .box1{ margin-right: 10px; }
header .right .box1 p{ font-size: 1.1vw; }
header .right .box1 span{ margin-top: -2px; font-size: 2.6vw; flex-shrink: 0; }
header .right .box1 img{ width: auto; height: 100%; }
header .right .box1 .flex{ gap: 0 2%; }
header .right .box2 a{ padding: 10px 23px 10px 10px; gap: 0 13px; background: var(--blue-color); color: #fff; height: 70px; border-radius: 7px; width: 190px; }
header .right .box2.pink-box a{ background: var(--pink-color); }
header .right .box2 a img{ width: auto; max-height: 28px; height: 100%; }
header .right .box .btn.arrow:after { right: 12px; }
header .right .box .btn.arrow:hover:after { right: 18px; }

header .rightwrap{ flex-wrap:wrap; }
header .right .headernavtop{ width:100%; }
header .right .headernavtopul{ /*margin-top:-30px;*/ justify-content:end; }
header .right .headernavtopli{ padding:0 12px; }
header .right .headernavtopli:first-child{ padding-left:0; }
header .right .headernavtopli:last-child{ padding-right:0; }
header .right .headernavtopli img{ margin-left:5px; width:12px; }
header .right .headernavtop a{ color:#898989; font-weight:400; }
header .right .headernavtop .headernavtopli1 a{ font-weight:bold; }
header .right .headerbtn{}

/*header .right .headernavbottom{ width:100%; margin-top:25px; }*/
header .right .headernavbottomul{ justify-content:end; }
header .right .headernavbottomli{ padding:0 16px; }
header .right .headernavbottomli:first-child{ padding-left:0; }
header .right .headernavbottomli:last-child{ padding-right:50px; }
header .right .headernavtoplimodal{ position:relative; }


header .right #modal{ overflow: scroll; padding: 60px 0; transition: 0.3s; position: fixed; top: 180px; right: -100%; width: 100%; max-width: 100%; height: calc( 100% - 180px ); z-index: 998; background: #F7F7F7; }
header .right #modal.active{ right: 0; }
header .right #modalbtn{ cursor: pointer; transition: 0.3s; flex-shrink: 0; position: fixed; top:57px; right: 0; z-index: 999; width: 60px; height: 60px; background: var(--orange-color); border-radius:5px; }
header .right #modalbtn span,
header .right #modalbtn span:after,
header .right #modalbtn span:before{  content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 15px; height: 2px; border-radius: 2px; background: #fff; }
header .right #modalbtn span:after{ top: -12px; }
header .right #modalbtn span:before{ bottom: -12px; }
header .right #modalbtn.active span{ background: none; }
header .right #modalbtn.active span:after{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .right #modalbtn.active span:before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
header .right #modalbtn.active span:after,
header .right #modalbtn.active span:before{ top: 0; bottom: -0; }

header .right #modal{ display:none; }
header .right #modal .menu{}
header .right #modal .menu a{ padding: 20px 0; display: block; color:#000; }
header .right #modal .menu > li{ width: 100%; }
header .right #modal .menu > li > a{ padding: 20px; position: relative; width: 100%; color:#000; }
header .right #modal .menu > li.menu-item-has-children > a:before,
header .right #modal .menu > li.menu-item-has-children > a:after{ content: ""; transition: 0.3s; position: absolute; right: 27.5px!important; top: 0; bottom: 0; margin: auto; height: 15px; width: 2px; border-radius: 2px; background: var(--sub-color); }
header .right #modal .menu > li.menu-item-has-children > a:after{ -webkit-transform: rotate(90deg); transform: rotate(90deg);}
header .right #modal .menu > li.menu-item-has-children > a.active:before{ -webkit-transform: rotate(90deg); transform: rotate(90deg);}
header .right #modal .menu > li > .sub-menu{ display: none; margin: 0 20px; }
header .right #modal .menu > li > .sub-menu li a{ position: relative; }

#modal{}
#modal .container{}
#modal .modalbox{}
#modal .menubox{}
#modal .menuboxl{ width:33.3%; }
#modal .menuboxm{ width:33.3%; padding:0 25px 0 25px; }
#modal .menuboxr{ width:33.3%; padding:0 25px 0 25px; }
#modal .titlebox{ background: var(--main-color) url(../images/common/menu_arrowright.svg) 95% center no-repeat; padding: 15px 25px; color: #fff; border-top-right-radius: 15px; border-top-left-radius: 15px; }
#modal .titlebox a, #modal .titleroundbox a{ color:#fff; }
#modal .titleroundbox{ margin-bottom:20px; background: var(--main-color) url(../images/common/menu_arrowright.svg) 95% center no-repeat; padding: 15px 25px; color: #fff; border-radius: 10px; }

#modal .menuinbox{ background:#fff; margin-bottom:20px; padding:10px 25px 20px; border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
#modal .menuinboxli{ padding:8px 0px; border-bottom:1px solid #D8D8D8; }
/*#modal .menuinboxli a{ color:#707070; }*/
#modal .menus1{ justify-content:space-between; flex-wrap:wrap; }
#modal .menus1 li{ width:48%; }
#modal .menuicon{ padding:20px 15px; border-radius:10px; margin-bottom:15px; text-align:center; }
#modal .menuicon1{ background:#E67166; }
#modal .menuicon2{ background:#00BDAC; }
#modal .menuicon3{ background:#A560E3; }
#modal .menuicon4{ background:#DF802F; }
#modal .menuimg1{ width:60px;}
#modal .menuimg2{ width:30px; }
#modal .menuicontext{ padding:15px 10px; color:#fff; }
#modal .menubox1{ padding-top:15px; }
#modal .menuboxli1{ padding:7px 0px; }
#modal .menuboxli1 a{ font-size:18px; font-weight:400; }
#modal .menuboxli1 img{ width:14px; }

/* =================== footer =================== */


footer{ position: relative; padding-bottom: 120px; /*background: var(--brown-color);*/  }
footer .top{ position: relative;top: -120px; }
footer .top:before{ content: ""; position: absolute; left: 0; top: 0; height: 50%; width: 100%; z-index: 0; }
footer .top .box{ position: relative; z-index: 1; padding: 50px; background: #fff; border-radius: 17px; border: 6px solid #B7E5E1; }
footer .top h3{ font-size: 2.6rem; }
footer .top h3 .en{ line-height: 1em; font-weight: 400; font-size: 5.1rem; }
footer .medium{ margin: 0px 0 35px; }
footer .medium .logo{ max-width: 150px; display: inline-block; }
footer .bottom small{ margin: auto; line-height: 1.5em; }

#top footer .container .sectitle-box p{ margin-bottom:0; }
footer .mainnav{ margin-top:-30px; margin-bottom:125px; }
footer .sectitle-box{}
footer .sectitle-box p{ margin-bottom:10px; }
footer .sectitle-box .subtitle{ margin-top:5px; }

footer ul{}
footer .footermenulist{ margin-top:70px; justify-content:center; }
footer .footermenulist1{}
footer .footermenulist2{ margin-top:90px; }
footer .footermenulist3{ margin-top:35px; }
footer .footermenulist li{ margin-right:60px; }
footer .footermenulist li:last-child{ margin-right:0; }

footer .footerbox{ margin-top:85px; }
footer .footerbox1{ margin-top:80px; }
footer .footerboxc{}
footer .footerboxc1{ width:19%; margin-top:15px; }
footer .footerboxtitle{ line-height:1.3em; }
footer .footerboxlist{}
footer .footerboxlist li{ padding:10px 0px; }
footer .footerboxlist a{ font-weight:normal; }
footer .footerboxc2{ width:27%; }
footer .footerboxc3{ width:28%; }
footer .footerboxc4{ width:26%; }

footer .footerbox2{ margin-top:65px; }
footer .footerbox3{ margin-top:60px; }

/* =================== all =================== */

.sectitle-box p{ margin-bottom: -40px; }
.ribbon{ background: url(../images/top/ribbon.svg) center/contain no-repeat; background-size:auto; font-size: 2.7rem; margin-bottom: 40px; padding: 30px 0; }
.ribbon1{ background: url(../images/common/titlebg_style1.svg) top left no-repeat; background-size: 380px auto; font-size: 2.7rem; margin-bottom: 40px; padding: 25px 0 30px 40px; }


/* =================== top =================== */

#top .fv .small-box{ padding: 20px; }
#top .fv .small-box small{ margin: 0 0 0 auto; }
#top .content .container{ max-width: 1000px; }

#top #sec01{ background: url(../images/top/topics.svg) center/cover no-repeat; padding: 70px 0 200px; margin-bottom: 60px; }
#top #sec01 .container p{ font-size: 1.5rem; line-height: 2; }
#top #sec01 .container p small{ font-size: 75%; }
#top #sec01 .container .sectitle-box p{ font-size: 5rem; }
#top #sec01 .container h4{ font-size: 2rem; margin: 60px 0 20px; line-height: 1.8; }
#top #sec01 .container .flex{ border: 6px solid #B7E5E1; border-radius: 13px; background-color: #fff; margin: 0 auto; position: relative; }
#top #sec01 .container .flex::after{ content:""; display: inline-block; width: 6px; height:100%; background-color:#B7E5E1; position:absolute; top: 0; left: 50%;  transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
#top #sec01 .container .flex .box{ padding: 50px 20px; }
#top #sec01 .container .flex .box img{ width: 24px; height: 24px; object-fit: contain; }
#top #sec01 .container .flex .box h5{ margin: 15px 0 20px; font-size: 1.8rem; }
#top #sec01 .container .flex .box p{ font-size: 1.3rem; }

#top #sec02{ padding-top:5px; padding-bottom:130px; }
#top #sec02 .container{ max-width: 1300px; }
#top #sec02 .sectitle-box{}
#top #sec02 p{}
#top #sec02 .ribbon{ background-size:auto; }
#top #sec02 .orangeborder{ margin-top:60px; /*z-index: 1; padding: 40px 40px; border-radius: 10px; border: 4px solid #FFAA50;*/ }

.sub #top #sec02{ padding-top: 60px; padding-bottom: 0; }

#top #sec02 .tabs{ margin-bottom:35px; flex-wrap:wrap; }
#top #sec02 .tabli1{ width:19%; margin-right:1%; margin-bottom:10px; padding:10px 5px; color:#0D0D0D; border:2px solid #EE7A00; border-radius:25px; text-align:center; }
#top #sec02 .tabli1.active, #top #sec02 .tabli1:hover{ background:#EE7A00; color:#fff; }
#top #sec02 .tabli1.active a, #top #sec02 .tabli1:hover a{ color:#fff; }
#top #sec02 .tabli{ width:19%; margin-right:1%;  margin-bottom:10px; }
#tobs li a{ width:100%; padding:10px 5px; background:#EE7A00; color:#fff; border:2px solid #fff; border-radius:25px; text-align:center; }
#tobs li a.inactive{ background:#fff; padding:10px 5px; color:#EE7A00; border:2px solid #EE7A00; border-radius:25px; text-align:center; }
#tobs li a:hover{ background:#EE7A00; color:#fff; border:2px solid #fff; }
#tobs li a.inactive:hover{ color:#fff; }


#top #sec02 .tabli:nth-child(5){}
#top #sec02 .tabdiv{}
/*#top #sec02 .tablist{ justify-content:space-between; }
#top #sec02 .tabbox{ width:23.6%; border-radius:10px;}
#top #sec02 .tabbox:hover{ background:#F0F0F0; }
#top #sec02 .tabimg{}
#top #sec02 .tabtextbox{ padding:20px 20px 20px; }*/
#top #sec02 .tabmetaflex{ justify-content:space-between; align-items:center; }
#top #sec02 .tabmetaflex1{}
#top #sec02 .font19{}
#top #sec02 .fontbig{}
#top #sec02 .font43{}
#top #sec02 .tabmetabutton{}
/*#top #sec02 .tabbtn{ padding:4px 40px; border-radius:15px; color:#fff; text-align:center; }
#top #sec02 .tabtextbox p{ margin-top:15px; }
#top #sec02 .readmore{ margin-top:15px; text-align:right; }
#top #sec02 .readmore img{ width:12px; vertical-align:middle; }
#top #sec02 .button{ margin-top:35px; }*/
#top #sec02 .btn{}
#top #sec02 .tabdiv{ padding:0 20px; }

#top #sec03{ background: url(../images/common/bluebg.svg) top center no-repeat; background-size:cover;  padding-top:75px; padding-bottom:100px; }
#top #sec03 .container{ max-width: 1140px; /*background: url(../images/top/top_aboutbg.png) right 90px no-repeat; background-size: 48% auto;*/ }
#top #sec03 .sectitle-box{}
#top #sec03 p{}
#top #sec03 .ribbon{ background-size:auto; }
#top #sec03 .box{}
#top #sec03 .box1{ margin-top:60px; /*max-width:550px;*/ align-items:center; }
#top #sec03 .left1{ width:105px; text-align:center;  }
#top #sec03 .left1 img{ max-width:102px; }
#top #sec03 .right1{ width: calc( 100% - 105px ); padding-left:30px; }
#top #sec03 h3{}
#top #sec03 .title{}
#top #sec03 .font26{}
#top #sec03 .box1 p{ margin-top:25px; }
#top #sec03 .font16{}
#top #sec03 .button{ margin-top:40px; }
#top #sec03 .btn{ background:#73A3A7; }

#top #sec03 .box2{ margin-top:50px; border:5px solid #D6E4E5;  border-radius: 13px; background-color: #fff; }
#top #sec03 .left2{ width:50%; padding: 50px 30px 50px 30px; }
#top #sec03 .right2{ width:50%; padding: 50px 30px 50px 60px; border-left:5px solid #D6E4E5; }
#top #sec03 .box2 .list{ margin-top:20px; }
#top #sec03 .box2 .list1{ background: url(../images/common/dot_black.svg) 8px 18px no-repeat; padding:8px 0px 8px 30px; }
#top #sec03 .box2 .list2{ background: url(../images/common/round_orange.svg) left 12px no-repeat; padding:8px 0px 8px 30px; }
#top #sec03 .box2 .list1:lastchild{  }

#top #sec03 .box3{ background: url(../images/top/top_about3.jpg) bottom right no-repeat; background-size: auto 100%;  margin-top:60px; border:5px solid #D6E4E5;  border-radius: 13px; background-color: #fff; }
#top #sec03 .box3 .left3 p{ margin-top:25px; }
#top #sec03 .box3 .button{ margin-top:25px; }
#top #sec03 .box3 .btn{ padding:20px; }
#top #sec03 .left3{ width:50%; padding: 35px 30px 40px 70px; }

#top #sec04{ background:#F5FBFF; padding-top:80px; padding-bottom:170px; }
#top #sec04 .container{ max-width: 1200px; }
#top #sec04 .sectitle-box{}
/*#top #sec04 .container .sectitle-box p{ margin-bottom: -80px; }*/
#top #sec04 p{}
#top #sec04 .ribbon{ background-size:auto; }
#top #sec04 .list{margin-top:50px; flex-wrap:wrap; justify-content:space-between; }
#top #sec04 li{ background:#fff; width:32%; border-radius:15px; margin-bottom:30px; }
#top #sec04 .imgbox{ position:relative; }
#top #sec04 .imgtext{ position:absolute; bottom:0; left:0; background:#FF7200; width:100px; border-top-right-radius:20px; padding:8px 5px; text-align:center; color:#fff; }
#top #sec04 .imgnumbertext{ color:#fff; text-align:center; }
#top #sec04 .list p{ background:url( ../images/common/arrowright_orange.svg) 95% 30px no-repeat;  padding:25px 25px 25px 25px; }
#top #sec04 .font17{}
#top #sec04 .button{ margin-top:10px; }
#top #sec04 .btn{ padding:20px; background: var( --yellow-color);}

/* =================== mito =================== */

#top #mito01{ padding-top:60px; padding-bottom:90px; }
#top #mito01 .container{ max-width:1300px; }

#top #mito01 .sectitle-box{}
#top #mito01 .sectitle-box p{}
#top #mito01 .sectitle-box .ribbon{ margin-bottom:35px; }
/*#top #mito01 .borderbox{ margin: 0px auto 0; border-color:#FFAA50; padding:55px 20px 50px; }
#top #mito01 .list{ max-width:1060px; margin: 0 auto; justify-content:space-between; }
#top #mito01 .list li{ width:24%; }
#top #mito01 .textbox{ padding:10px 10px; }
#top #mito01 .list li:hover{ background:#F0F0F0; }
#top #mito01 .newsdate{}
#top #mito01 .newstitle{ margin-top:5px; }
#top #mito01 .readmore{ margin-top:8px; text-align:right; }
#top #mito01 .readmore img{ width:10px; margin-left:5px; vertical-align:unset; }
#top #mito01 .button{ margin-top:55px; }
#top #mito01 .btn{ padding:15px; }
#top #mito01 .pink{}*/

#top #mito02{ background: url(../images/top/topics.svg) top center no-repeat; background-size:cover; padding-top: 60px; padding-bottom:65px; }
#top #mito02 .container{ max-width:1180px; }
#top #mito02 .container p{  line-height: 2; }
#top #mito02 .container p.text{ font-size: 1.5rem; line-height: 2.1em; }
#top #mito02 .container p.text small{ font-size: 75%; }
#top #mito02 .container .sectitle-box p{ font-size: 5rem; }
#top #mito02 .container h4{ font-size: 2rem; margin: 60px 0 20px; line-height: 1.8; }
#top #mito02 .container .flex{ max-width:900px; border: 6px solid #B7E5E1; border-radius: 13px; background-color: #fff; margin: 40px auto 0px; position: relative; }
#top #mito02 .container .flex::after{ content:""; display: inline-block; width: 6px; height:100%; background-color:#B7E5E1; position:absolute; top: 0; left: 50%;  transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
#top #mito02 .container .flex .box{ padding: 50px 20px; }
#top #mito02 .container .flex .box img{ width: 24px; height: 24px; object-fit: contain; }
#top #mito02 .container .flex .box h5{ margin: 15px 0 20px; font-size: 1.8rem; }
#top #mito02 .container .flex .box p{ font-size: 1.3rem; }
/*#top #mito02 .container .box p{ margin-top:-10px; }*/

#top #mito02 .button{ margin-top:45px; }
#top #mito02 .btn{}
#top #mito02 .pink{}
#top #mito02 .list{ margin-top:80px; display:flex; flex-wrap:wrap; justify-content:space-between; }
#top #mito02 .list li{ width:32%; margin-bottom:20px; }
#top #mito02 .listbox{ background:#fff url(../images/common/arrow_orange.svg) 94% center no-repeat;  display:flex; border-radius:20px; align-items:center; }
#top #mito02 .listboxl{ width:32%; }
#top #mito02 .listboxr{ width:68%; padding:20px 20px; }
/*#top #mito02 .text{ display:inline-block; vertical-align:middle; }*/
#top #mito02 .text1{ margin-top:-5px; }
.map{}

#top #mito03{ background:#F5FBFF; padding-top:60px; padding-bottom:90px; }
#top #mito03 .container{ max-width: 1180px; }
#top #mito03 .sectitle-box{}
#top #mito03 .sectitle-box .ribbon{ margin-bottom:10px; }
#top #mito03 p{}
#top #mito03 .list{margin-top:20px; flex-wrap:wrap; justify-content:space-between; }
#top #mito03 li{ background:#fff; width:32%; border-radius:15px; margin-bottom:30px; }
#top #mito03 .imgbox{ position:relative; }
#top #mito03 .imgtext{ position:absolute; bottom:0; left:0; background:#FF7200; width:100px; border-top-right-radius:20px; padding:8px 5px; text-align:center; color:#fff; }
#top #mito03 .imgnumbertext{ color:#fff; text-align:center; }
#top #mito03 .list p{ background:url( ../images/common/arrowright_orange.svg) 95% 30px no-repeat;  padding:25px 25px 25px 25px; }
#top #mito03 .font17{}
#top #mito03 .button{ margin-top:10px; }
#top #mito03 .btn{ padding:20px; background: var( --yellow-color);}

#top #mito04{ padding-top:70px; padding-bottom:50px; }
#top #mito04 .container{ max-width:1180px; }
#top #mito04 .borderbox{ flex-wrap:wrap; padding:0; }
#top #mito04 .borderinbox{ width:50%; padding-left:25px; padding-right:25px; }
#top #mito04 .borderinbox1{ border-bottom:4px solid #B7E5E1; border-right:4px solid #B7E5E1; }
#top #mito04 .borderinbox2{ border-bottom:4px solid #B7E5E1; }
#top #mito04 .borderinbox3{ border-right:4px solid #B7E5E1 }
#top #mito04 .borderinbox4{}
#top #mito04 .text1{ padding-top:30px; }
#top #mito04 .text2{ margin-top:15px; padding-bottom:24px; }


#top #mito05{ padding-top:0px; padding-bottom:230px; }
#top #mito05 .container{ max-width:1180px; }
#top #mito05 .mito05l{ background:#FF7200; width:50%; }
#top #mito05 .mito05lin{ max-width:560px; float:right; padding: 80px 50px 50px 20px; }
#top #mito05 .title{ color:#fff; }
#top #mito05 .text1{ padding-top:5px; color:#fff; }
#top #mito05 .text2{ padding-top:40px; color:#fff; }
#top #mito05 .text3{ padding-top:20px; color:#fff; }
#top #mito05 .mito05r{ background:url( ../images/common/whitebg.svg) top center no-repeat; background-size:cover; width:50%; }
#top #mito05 .mito05rin{ max-width:560px; float:left; padding: 80px 20px 80px 50px; }
#top #mito05 .list{}
#top #mito05 .list li{ padding:30px 0px; border-bottom:1px dotted #C1C1C1; }
#top #mito05 .listbox{}
#top #mito05 .text4{}
#top #mito05 .text5{ padding-top:15px; }
#top #mito05 .text6{ padding-top:15px; }

/* =================== common =================== */

.pagination{ margin-top: 90px; gap: 20px; }
.pagination li a,
.pagination li span{ display: inline-block; min-width: 15px; min-height: 26.5px; }
.pagination .nav-links a,
.pagination .nav-links span{ border-bottom: 2px solid #fff; font-size: 1.7rem; font-weight: 700; font-family: var(--en-font); text-align: center; }
.pagination .nav-links span{ color: var(--g-blue-color); border-color: var(--g-blue-color); }
.pagination .arrow a{ position: relative; }
.pagination .arrow a:before{ content: ""; position: absolute; transition: all .3s; right: 0; top: -4px; bottom: 0; margin: auto; width: 5px; height: 5px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pagination .arrow.prev a:before{ -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.single-pagenation{ margin: 90px auto 0; max-width: 200px; padding-bottom: 20px; }
.single-pagenation .prev{ float: left; }
.single-pagenation .next{ float: right; }
.single-pagenation .prev a{ padding-left: 25px; }
.single-pagenation .next a{ padding-right: 25px; }
.single-pagenation div a{ position: relative; font-size: 1.4rem; }
.single-pagenation div a:before{ content: ""; position: absolute; transition: all .3s; right: 0; top: 0; bottom: 0; margin: auto; width: 5px; height: 5px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.single-pagenation div.prev a:before{ -webkit-transform: rotate(225deg); transform: rotate(225deg); left: 0; right: auto; }

.note{ display: table!important; font-size: 80%; opacity: 0.5; line-height: 1.5em; }
.note:before{ content: "※"; display: inline-block!important; display: table-cell; }

/* =================== sub =================== */

/* .sub .title-box{ margin: 50px 0 150px; text-align: center; }
.sub .title-box .cat{ display: block; line-height: 1em; font-size: 4rem; }
.sub .title-box span{ line-height: 1em; font-size: 12.9rem; }
.sub .title-box .none{ height: 0; width: 0; font-size: 0; opacity: 0; }
.sub .flex-box{ -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 90px 100px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.sub .flex-box main{ width: 600px; } */

.sub main{ padding-bottom: -230px; }

.sub .ttl-box{ margin: 35px auto 100px; max-width: 1280px; }
.sub .ttl-box .flex .left{ width: 30%; }
.sub .ttl-box .flex .left h2{ font-size: 2rem; }
.sub .ttl-box .flex .left h2 span{ display: block; font-size: 6.6rem; line-height: 1 ;margin-bottom: 28px; }
.sub .ttl-box .flex .left .breadcrumbs,
.sub .ttl-box .flex .left .breadcrumbs *{ color: #7E7E7E; word-break: break-all; font-size: 1.2rem; font-weight: 400; }
.sub .ttl-box .flex .left .breadcrumbs .current-item{ color: var(--text-color); }
.sub .ttl-box .flex .left .breadcrumbs{ line-height: 1.1em; }
.sub .ttl-box .flex .right{ width: 70%; }
.sub .ttl-box  .flex .right img{ border-radius: 42px 0 0 0 ;height: 220px; object-fit: cover; object-position: 50% 10%; }



.sub .form-box form .list{ padding: 35px 0; gap: 15px; }
.sub .form-box form div > .list:not(:first-child){ border-top: 1px solid var(--gray-color); }
.sub .form-box .left small{ font-size: 80%; display: block; margin-top: 15px; }
.sub .form-box form .list .left{ width: calc( 40% - 7.5px ); }
.sub .form-box form .list .left p{ font-size: 1.6rem; font-weight: 700; }
.sub .form-box form .list .left p:before{ content: "任意"; background-color: var(--blue-color); padding: 4px 22px; color: #fff; font-weight: 700; border-radius: 20px; margin-right: 20px; font-size: 1.4rem; }
.sub .form-box form .list .left p.required:before{ content: "必須"; background-color: var(--main-color); }
.sub .form-box form .list .right{ width: calc( 60% - 7.5px ); }
.sub .form-box form .list .right textarea{ width: 100%; min-height: 200px; padding: 15px; background: var(--gray-color); border-radius: 4px; }
.sub .form-box form .list .right p{ display: inline-block; line-height: 1.3em; }
.sub .form-box form .list .right.flex{ gap: 20px; }
.sub .form-box form .list .right.flex *{ gap: 10px; }
.sub .form-box form .list .right.flex .flex p{ width: 150px; flex-shrink: 0; }
.sub .form-box form .list .right .min-parts input{ width: auto; }
.sub .form-box form .select-box{ position: relative; display: inline-block; }
.sub .form-box form .select-box:before{ content: ""; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; width: 6px; height: 6px; border-top: 1.5px solid var(--text-color); border-right: 1.5px solid var(--text-color); transform: rotate(135deg); }
.sub .form-box form .select-box select{ background-color: var(--gray-color); border-radius: 4px; padding: 15px 80px 15px 15px; font-size: 1.5rem; }
.sub .form-box p{ line-height: 2em; }
.sub .form-box .mw_wp_form_input .input-hidden,
.sub .form-box .mw_wp_form_confirm .confirm-hidden{ display: none!important; }
.sub .form-box .mw_wp_form_confirm .select-box:before{ content: none!important; }

.sub .form-box .bottom .information{ padding: 20px; height: 250px; overflow-y: scroll; background-color: var(--gray-color); border-radius: 4px; line-height: 2; font-size: 1.4rem; }

.sub .content .container{}


/* =================== single-detail =================== */

.meta-box .content-title{ margin-bottom: 20px; font-size: 2.15rem; }
.meta-box .meta span{ line-height: 1em; }
.meta-box .meta .date-box{ margin-bottom: 20px; }
.meta-box .meta .date-box dl{ gap: 5px 25px; }
.meta-box .meta .date-box dd{ gap: 10px; }
.meta-box .meta .date-box dt,
.meta-box .meta .date-box dd .dotw,
.meta-box .meta .date-box dd .time{ font-size: 1.9rem; }
.meta-box .meta .date-box dd .day{ font-size: 3.4rem; }
.meta-box .meta .cat-box{ gap: 5px; margin-bottom: 25px; }
.meta-box .meta .cat-box .cat{ border-radius: 5px; background: var(--main-color); line-height: 1em; font-size: 1.3rem; padding: 8px 12px; }
.meta-box .meta .point-box ul{ margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; }
.meta-box .meta .point-box ul li{ font-size: 1.4rem; position: relative; list-style: none; padding-left: 30px; width: calc( 100% / 3 - ( 10px )); }
.meta-box .meta .point-box ul li:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 15px; height: 15px; border: 1px solid var(--main-color); border-radius: 15px; background: #fff; }

.entrybtn-box{ margin-top: 30px; gap: 15px; }
.entrybtn-box > *{ min-width: 300px; max-width: 300px; flex: 1; }
.entrybtn-box .btn{ margin-top: 0; padding: 18px 34px; }
.entry-box{ background: #F7F7F7; border-radius: 11px; padding: 40px; margin-top: 70px; }
.entry-box h2{ font-size: 2.2rem; margin-bottom: 20px; }

.event-false .entrybtn-box form{ display: none; }
.event-false .entrybtn-box:before{ content: "このイベントは受付終了しました。"; color: var(--main-color); font-weight: 700; }
#single-detail .thumbnail-box{ margin-bottom: 80px; }
#single-detail .meta-box{ padding-bottom: 34px; margin-bottom: 40px; }
#single-detail .meta-box .meta{ border: 6px solid #F2F2F2; border-radius: 13px; padding: 40px; }
#single-detail .meta-box .meta .point-box ul li { font-size: 1.6rem; }

.meta-box .meta .point-box ul li:after{ content: ''; position: absolute; top: -3px; bottom: 0; left: 4.5px; width: 7px; margin: auto; height: 4px; border-left: 1px solid var(--main-color); border-bottom: 1px solid var(--main-color); transform: rotate(-45deg); }


/* =================== single-detail parts =================== */

#single-detail .contents h2{ margin-bottom: 30px; font-size: 2.1rem; border-left: 2px solid var(--main-color); padding-left: 20px; color: var(--main-color); }
#single-detail .contents > h2:not(:first-child){ margin-top: 95px; }
#single-detail .contents h3{ position: relative; margin-bottom: 30px; padding-left: 35px; padding-left: 0px; font-size: 1.9rem; color: var(--main-color); }
#single-detail .contents h3:befores{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 2px; width: 20px; background: var(--main-color); }
#single-detail .contents > h3:not(:first-child){ margin-top: 85px; }
#single-detail .contents h4{ margin-bottom: 30px; font-size: 1.7rem; color: var(--main-color); }
#single-detail .contents > h4:not(:first-child){ margin-top: 65px; }
#single-detail .contents > h2 > *,
#single-detail .contents > h3 > *,
#single-detail .contents > h4 > *,
#single-detail .contents > h5 > *{ color: var(--main-color); }

#single-detail .contents cite,
#single-detail .contents a,
#single-detail .contents p,
#single-detail .contents ol,
#single-detail .contents ul,
#single-detail .contents li,
#single-detail .contents pre,
#single-detail .contents pre *{ font-weight: 400; font-size: 1.5rem; line-height: 2em; }
#single-detail .contents a{ color: var(--main-color); text-decoration: underline; }
#single-detail .contents > pre:not(:first-child){ margin-top: 2em; }
#single-detail .contents pre,
#single-detail .contents pre *{ font-size: 1.3rem; color: #969696; }

#single-detail .contents > *:not(:first-child){ margin-top: 1em; }

#single-detail .contents ol,
#single-detail .contents ul{ margin-left: 1em; }
#single-detail .contents > ol:not(:first-child),
#single-detail .contents > ul:not(:first-child){ margin-top: 35px; }
#single-detail .contents ol li{ list-style: decimal; }
#single-detail .contents ul li{ list-style: disc; }
#single-detail .contents li::marker{ color: var(--main-color); font-weight: 700; }
#single-detail .contents ol li:not(:last-child),
#single-detail .contents ul li:not(:last-child){ margin-bottom: 5px; }

#single-detail .contents > blockquote:not(:first-child){ margin-top: 75px; }
#single-detail .contents blockquote p{ font-family: var(--ja-font); position: relative; margin-bottom: 15px; font-size: 2.1rem; color: var(--main-color); }
#single-detail .contents blockquote p:before{ content: ""; position: absolute; left: 4em; right: 0; top: 0; bottom: 0; margin: auto; height: 2px; width: calc( 100% - 4em); background: var(--main-color); }

#single-detail .contents > .wp-block-buttons:not(:first-child){ margin-top: 35px; }
#single-detail .contents .wp-block-buttons > .wp-block-button{ width: 100%; }
#single-detail .contents .wp-block-button__link{ position: relative; display: inline-block;  max-width: 300px; width: 100%; padding: 22px; border-radius: 100px; text-decoration: none; line-height: 1em; background: var(--btn-color); transition: all .3s; font-size: 1.7rem; font-weight: 700; text-align: center; color: #fff; }
#single-detail .contents .wp-block-button__link:before{ content: ""; position: absolute; transition: all .3s; right: 18px; top: 0; bottom: 0; margin: auto; width: 15px; height: 15px; background: url(../images/common/arrow.svg) center/contain no-repeat; }
#single-detail .contents .wp-block-button__link:hover:before{ right: 30px; }


/* =================== archive =================== */

.event-list{ gap: 50px; }
.event-list li a{ width: 100%; border: 6px solid #F2F2F2; border-radius: 13px; padding: 40px; display: inline-block; }
.event-list li .content-title{ margin-bottom: 20px; font-size: 1.9rem; }
.event-list li a > .flex{ gap: 20px 40px; }
.event-list li .left{ width: calc( 35% - 20px ); }
/*.event-list li .left .thumbnail-box{ height: 100%; }*/
.event-list li .left img{ object-fit: cover; height: 100%; }
.event-list li .right{ width: calc( 65% - 20px ); }
.event-list li .entry-box{ margin-top: 40px; padding: 15px 20px; }
.event-list li .entry-box h2{ font-size: 1.7rem; margin-bottom: 15px; }
.event-list li .entrybtn-box{ margin-top: 0; }
.event-list li .entrybtn-box > * { min-width: 195px; max-width: 230px; }
.event-list li .entrybtn-box .btn{ padding: 10px 13px; font-size: 1.5rem; }
.event-list li .entrybtn-box .btn.arrow:after { right: 13px; width: 12px; height: 12px; }


/* =================== 6 boxes =================== */

.borderbox{ padding:30px 30px; border: 4px solid #B7E5E1; border-radius: 13px; background-color: #fff; }
.borderboxnp{ border: 4px solid #B7E5E1; border-radius: 13px; background-color: #fff; }
.roundborder{ background: #1D72C7; padding: 10px 30px; border-radius: 16px; color: #fff; line-height: 1em; text-align: center; display: inline-block; }

.pointbox{ border-radius: 20px; background-color: #fff; }
.poingboxl{ width:56.5%; padding:30px 40px; }
.pointmetabox{ background:#FF7200; width:135px; padding:5px 5px 9px; border-radius:16px; color:#fff; line-height:1em; text-align:center; display:inline-block; }
.pointbigfont{ color:#fff; }
.pointtitle{ margin-top:10px; }
.pointp{ margin-top:15px; line-height:1.8em; }
.pointboxr{ width:43.5%; }
.boxroundv1{ background:#E38396; margin-top:40px; padding:30px 30px; color:#fff; line-height:1.3em; border-radius:30px; }

.bluebg{ background:#16B3EE; }
.bluecolor{ color:#17B6F2; }
.orangebg{ background:#FF7200; }
.orangecolor{ color:#FF7200; }
.violetbg{ background:#9167AF; }
.greenbg{ background:#00BDAC; }
.greencolor{ color:#14D009; }
.ungubg{ background:#D75C96; }
.ungucolor{ color:#D75C96; }
.violetcolor{ color:#E81916; }

.forange{ color:#FF5C5A; }
.fblue{ color:#16B3EE; }
.fyellow{ color:#FFD600; }

.bgorange{ background:#FFF4EB; }
.bgblue{ background:#EBF9FF; }
.bggreen{ background:#F1FFF0; }
.btngreen{ background:#53B8AB; }

#sixpoints{}
#sixpoints .container{ max-width:1180px; }
#sixpointsa{  background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:70px;  padding-bottom:90px; }
#sixpointsa .container{}
#sixpointsa .sectitle-box{}
#sixpointsa .sectitle-box p{}
#sixpointsa .sectitle{}
#sixpointsa .ribbon{}
#sixpointsa p{}
#sixpointsa .ptext{ margin-top:-10px; line-height:2em; }
#sixpointsa .box{ margin-top:85px; border: 4px solid #B7E5E1; border-radius: 10px; background-color: #fff; position:relative; }
#sixpointsa .box1{ margin-bottom:60px; }
#sixpointsa .fbox{ background: url(../images/common/arrow_bottom.svg) center 90% no-repeat; width:33.3%; height:160px; line-height:150px; position:relative; }
#sixpointsa .fboxl{ position:relative; }
#sixpointsa .inorangebox{ position:absolute; top:-80px; left:0; width:100%; text-align:center; }
#sixpointsa .orangebox{ background:#FF7200; width:150px; padding:7px 5px; border-radius:16px; color:#fff; line-height:1em; text-align:center; display:inline-block; }
#sixpointsa .bigfont{ color:#fff; }
#sixpointsa .text{ width:100%; display: inline-block; text-align:center; vertical-align: middle; line-height: 1.5em; }
#sixpointsa .fboxm{ border-left: 4px solid #B7E5E1; }
#sixpointsa .fboxr{ border-left: 4px solid #B7E5E1; }
#sixpointsa .box2{ margin-top:70px; }

#sixpointsb{ background:#F5FBFF; padding-top:85px; padding-bottom:0px; }
#sixpointsb .container{}
#sixpointsb .borderbox{ margin-top:90px; padding:70px 20px 25px; border: 4px solid #B7E5E1; border-radius: 13px; background-color: #fff; }
.couponborderboxl{ width:50%; background:url(../images/common/verticalline.svg) top right no-repeat; padding-right:25px; }
.couponborderboximg{ padding-top:25px; text-align:center; }
.couponborderboximg img{ width: 25px; height: 25px; object-fit: contain; }
.couponbordertitle{ padding-top:15px; }
.coupon{ margin-top:50px; border-radius:20px; }
.couponred{}
.couponl{ width: calc( 100% - 60px ); padding:15px 40px 20px 40px; border-top-left-radius:20px; border-bottom-left-radius:20px;  }
.couponr{ width:60px;  text-align:center; border-top-right-radius:20px; border-bottom-right-radius:20px; }
.couponr img{ margin-top: 70px; width:25px; }
.couponred .couponl{ background:#F07700; }
.couponred .couponr{ background:#814000; }
.titlecoupon{ margin-bottom:-10px; color:#fff; }

.couponmeta{ background:#fff; margin-top:10px; padding:2px 10px; text-align:center; border-radius:20px; }
.couponred .couponmeta{ color:#E69C30; }
.copupontext{ margin-top:10px; color:#fff; text-align:center; }
.textdetail{ margin-top:20px; }
.couponblue{ margin-top:60px; }
.couponblue .couponl{ background:#00A3E4; }
.couponblue .couponr{ background:#006790; }
.couponblue .couponmeta{ color:#00A3E4; }
.coupongreen{ margin-top:60px; }
.coupongreen .couponl{ background:#7FBA65; }
.coupongreen .couponr{ background:#446535; }
.coupongreen .couponmeta{ color:#7FBA65; }
#sixpointsb .textdetail3{ margin-bottom:30px; }

.couponborderboxr{ width:50%; padding-left:25px; }
.greenbox{  margin-top:50px; }
.greenboxl{ width: calc( 100% - 60px ); background:#75BBAD; padding:15px 30px 30px 30px; border-top-left-radius:20px; border-bottom-left-radius:20px; }
.greenboxr{ width:60px; background:#3E605A; text-align:center; border-top-right-radius:20px; border-bottom-right-radius:20px; }
.greenboxr img{ margin-top: 55px; width:25px; }
.titlecouponcolorbox{ margin-bottom:-20px; color:#fff; }
.textcouponcolorbox{ margin-top:10px; color:#fff; }
.bigcoupontitle{ color:#fff; }

.bluebox{  margin-top:20px; }
.blueboxl{ width: calc( 100% - 60px );  background:#72A4D7; padding:15px 30px 30px 30px; border-top-left-radius:20px; border-bottom-left-radius:20px; }
.blueboxr{  width:60px; background:#395067; text-align:center; border-top-right-radius:20px; border-bottom-right-radius:20px; }
.blueboxr img{ margin-top: 55px; width:25px; }
#sixpointsb .textdetail{}

.bigcoupon{ margin-top:10px; }
.bigcouponl{ background:#D75C96; align-items:center; width: calc( 100% - 70px ); padding:20px 30px 15px 30px; border-top-left-radius:20px; border-bottom-left-radius:20px;  }
.bigcouponl1{ width:44%; }
.titlebigcoupon{ color:#fff; text-align:center; }
.bigcouponl2{ width:56%; background: url(../images/common/verticalline_white.svg) top left no-repeat; padding-left:20px; }
.metabigcoupon{ background:#fff; width:70%; padding:2px 10px; text-align:center; color:#D75C96; border-radius:20px; }
.textbigcoupon1{ margin-top:5px; color:#fff; }
.textbigcoupon2{ margin-top:5px; color:#fff; }
.bigcouponr{ background:#652C3E; width:70px;  text-align:center; border-top-right-radius:20px; border-bottom-right-radius:20px; }
.bigcouponr img{ margin-top: 50px; width:25px; }
.metagrey{ margin-top:25px;  background:#D9D9D9; padding:5px 10px; text-align:center; border-radius:20px;  }
#sixpointsb .ribbon1{ margin-top:100px; margin-bottom:40px; }

/* #sixpointsc{ background: url(../images/common/whitebg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:0px; } */
#sixpointsc .submeta{ margin-top:20px; }
#sixpointsc .container{}
#sixpointsc .pointbox{ margin-top:55px; }
#sixpointsc .ribbon1{ margin-bottom:15px; }
#sixpointsc .poingboxl{}
#sixpointsc .pointmetabox{}
#sixpointsc .pointbigfont{}
#sixpointsc .pointtitle{}
#sixpointsc .pointp{}
#sixpointsc .pointboxr{}

#sixpointsc .box{ margin-top:40px; }
#sixpointsc .box1{}
#sixpointsc .title{}
#sixpointsc .submeta{}
#sixpointsc .roundborder{}
#sixpointsc .text{}
#sixpointsc .list{ margin-top:30px; justify-content:space-between; }
#sixpointsc .list1{ margin-top: 30px!important; max-width: 100%!important; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
#sixpointsc .list1 li{ /*width:24%;*/ background:#fff; border-radius:20px; padding: 0!important; }
#sixpointsc .imgbox{}
#sixpointsc .textbox{ padding:15px 15px; }
#sixpointsc .list1 li p{}

#sixpointsc .box2{ margin-top:80px; }
#sixpointsc .sectitle{}
#sixpointsc .ribbon1{ background-size: 320px auto; padding-top:20px; }
#sixpointsc .list2{ margin-top:45px; flex-wrap:wrap; }
#sixpointsc .list2 li{ width:24%; background:#fff; margin-bottom:30px; border-radius:20px; }
#sixpointsc .list2 .textbox{ padding:15px 15px; }
#sixpointsc .list2 li p{}
#sixpointsc .box2 .button{ margin-top:10px; }
#sixpointsc .box2 .btn{}

#sixpointsc .box3{ margin-top:90px; }
#sixpointsc .box3l{ width:52%; }
#sixpointsc .box3r{ width:40%; margin-left:8%; }
#sixpointsc .sectitle{}
#sixpointsc .box3 .ribbon1{ background: url(../images/common/titlebg_style1red.svg) top left no-repeat; background-size: 380px auto; color:#E8468E; padding-top:15px; }
#sixpointsc .box3 p{ line-height:1.8em; }
#sixpointsc .box3 .button{ margin-top:30px; }
#sixpointsc .box3 .btn{}

#sixpointsc .sectitle-box{ margin-top:120px; }
#sixpointsc .sectitle-box p{}
#sixpointsc .ribbon{ margin-bottom:0px; }

#sixpointsc .borderbox{ margin:25px auto 0; padding-top:50px; padding-bottom:40px; max-width:790px; }
#sixpointsc .borderbox title{}
#sixpointsc .borderbox .text{ padding-top:20px; }
#sixpointsc .list3{ margin-top:25px;  justify-content:center; }
#sixpointsc .list3 li{ padding:20px 40px 5px; }
#sixpointsc .list3 li img{ width:110px; }
#sixpointsc .list3 p{ margin-top:10px; }
#sixpointsc .borderbox .button{ margin-top:30px; }
#sixpointsc .borderbox .btn{}


#sixpointsd{ background: url(../images/common/pinkbg.svg) center/cover no-repeat; padding-top:80px; padding-bottom:80px; }
#sixpointsd .container{  }
/* #sixpointsd .pointbox{ margin-top:40px; } */
/* #sixpointsd .poingboxl{}
#sixpointsd .pointmetabox{}
#sixpointsd .pointbigfont{}
#sixpointsd .pointtitle{}
#sixpointsd .pointp{}
#sixpointsd .pointboxr{}
#sixpointsd .normalslider{ margin-top:85px; }
#sixpointsd .normalslider .slid{ padding:0 20px; }
#sixpointsd .slick-dots{ bottom:-25px; }
#sixpointsd .slick-dots li button{ margin-top:0; border-radius:12.5px; }
#sixpointsd .slick-dots li{ margin:0 8px; }
#sixpointsd .slick-dots li button{ width: 5px; height: 5px; padding: 5px;  border:1px solid #00275A; }
#sixpointsd .slick-dots li button:before{ content: ''; }
#sixpointsd .slick-dots li.slick-active button{ background:#00275A; }
#sixpointsd .slick-dots li, #top #sec04 .slick-dots li button{ width:5px; height:5px; } */

/* #sixpointse{ background: url(../images/common/whitebg.svg) center/cover no-repeat; padding-top:80px; padding-bottom:80px; }
#sixpointse .container{}
#sixpointse .pointbox{ margin-top:40px; }
#sixpointse .poingboxl{}
#sixpointse .pointmetabox{}
#sixpointse .pointbigfont{}
#sixpointse .pointtitle{}
#sixpointse .pointp{}
#sixpointse .pointboxr{}

#sixpointse .box{ margin-top:80px; }
#sixpointse .box1{ justify-content: space-between; }
#sixpointse .box1l{ width:47%; background:#fff; border-radius:20px; }
#sixpointse .textbox{ height:110px; padding:30px 30px 0px; }
#sixpointse .box1r{ width:47%; background:#fff; }

#sixpointse .borderboxnp{ max-width:800px; margin:40px auto 0;}
#sixpointse .box2{}
#sixpointse .box2l{ padding:30px 50px 30px 50px; }
#sixpointse .iconbox{ text-align:center; }
#sixpointse .iconbox img{ width:35px; }
#sixpointse .title{ margin-top:10px; }
#sixpointse .box2 .text{ margin-top:20px; line-height:2em; }
#sixpointse .box2r{ padding:30px 50px 30px 50px; border-left:4px solid #B7E5E1; }

#sixpointse .box3{ margin-top:105px; }
#sixpointse .box3l{ width:50%; }
#sixpointse .box3r{ width:44%; margin-left:6%; }
#sixpointse .sectitle{}
#sixpointse .ribbon1{ background: url(../images/common/titlebg_style1_2lines.svg) top left no-repeat; background-size: 380px auto; font-size: 2.7rem; margin-bottom: 10px; padding: 12px 0 30px 40px; }
#sixpointse .box3 .title{}
#sixpointse .text{ margin-top:15px; }

#sixpointsf{ background: url(../images/common/yellowbg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:50px; }
#sixpointsf .container{}
#sixpointsf .pointbox{ margin-top:40px; }
#sixpointsf .poingboxl{}
#sixpointsf .pointmetabox{}
#sixpointsf .pointbigfont{}
#sixpointsf .pointtitle{}
#sixpointsf .pointboxr{}

#sixpointsf .borderbox{ margin-top:85px; padding-top:45px; padding-left:45px; padding-right:45px; }
#sixpointsf .sectitle-box{}
#sixpointsf .borderbox p{}
#sixpointsf .sectitle{}
#sixpointsf .ribbon{}
#sixpointsf .box{ justify-content:space-between; }
#sixpointsf .bbox{ padding:25px 25px; border-radius:15px; }
#sixpointsf .bboxl{ width:32%; }
#sixpointsf .bgorange{}
#sixpointsf .btitlel{}
#sixpointsf h5{ padding-bottom:10px; border-bottom:2px dotted #A0A0A0; }
#sixpointsf .orangecolor{}
#sixpointsf .btext{ margin-top:20px; line-height:1.6em; }
#sixpointsf .bboxm{ width:32%; }
#sixpointsf .bggreen{}
#sixpointsf .btitlem{}
#sixpointsf .greencolor{}
#sixpointsf .bboxr{ width:32%; }
#sixpointsf .bgblue{}
#sixpointsf .btitler{}

#sixpointsf .text1{ margin-top:30px; }
#sixpointsf .boxroundv1{ background:#E38396; margin-top:40px; padding:40px 30px; color:#fff; line-height:1.35em; border-radius:20px; }
#sixpointsf .box{ margin-top:60px; }
#sixpointsf .box1{ margin-top:70px; }
#sixpointsf .box1l{ width:50%; }
#sixpointsf .box1 .sectitle{}
#sixpointsf .box1 .ribbon1{}
#sixpointsf .text{ line-height:1.7em; }
#sixpointsf .box1r{ width:40%; margin-left:10%; }
#sixpointsf .box1 .ribbon1{ background: url(../images/common/titlebg_style1long.svg) top left no-repeat; background-size:auto 75%; padding:12px 0 30px 20px; margin-bottom:20px; }

#sixpointsf .box2{ margin-top:70px; justify-content: space-between; }
#sixpointsf .box2l{ width:32%; background:#fff; padding:25px 20px; }
#sixpointsf .pointmetabox{}
#sixpointsf .bluebg{}
#sixpointsf .pointbigfont{}
#sixpointsf .titlebox2{ margin-top:10px; padding-bottom:15px; border-bottom:2px dotted #A0A0A0; }
#sixpointsf .textbox2{ margin-top:15px; }
#sixpointsf .box2m{ width:32%; background:#fff; padding:25px 20px; }
#sixpointsf .bluebg{}
#sixpointsf .box2r{ width:32%; background:#fff; padding:25px 20px; }
#sixpointsf .box2 .pointmetabox{ padding:3px 5px; }

#sixpointsg{ background: url(../images/common/whitebg.svg) center/cover no-repeat; padding-top:20px; padding-bottom:40px; }
#sixpointsg .container{}
#sixpointsg .pointbox{ margin-top:40px; }
#sixpointsg .poingboxl{}
#sixpointsg .pointmetabox{}
#sixpointsg .pointbigfont{}
#sixpointsg .pointtitle{}
#sixpointsg .pointp{}
#sixpointsg .pointboxr{}
#sixpointsg .text1{ margin-top:60px; }
#sixpointsg .ungucolor{}
#sixpointsg .text2{ margin-top:30px; }

#sixpointsh{ background: url(../images/common/pinkbg.svg) center/cover no-repeat; padding-top:50px; padding-bottom:230px; }
#sixpointsh .container{}
#sixpointsh .box{}
#sixpointsh .box1{ margin-top:70px; justify-content:space-between; }
#sixpointsh .box1l{ width:48%; background:#fff; padding:0 35px 25px; border-radius:25px; position:relative; }
#sixpointsh .cloudabs{ position:absolute; top:-50px; right:0; padding:20px 50px; border-radius:30px; color:#fff; } */
/*#sixpointsh .cloudabs{ background: url(../images/common/cloud.svg) top center no-repeat; background-size:cover; }*/
/* #sixpointsh .bluebg{}
#sixpointsh .titlebox{ padding:13px 10px; margin:0 -35px 0; color:#fff; text-align:center; border-top-right-radius:25px; border-top-left-radius:25px; }
#sixpointsh .imgbox{ margin-top:40px; }
#sixpointsh .meta{ margin-top:35px; justify-content:space-between; align-items: flex-end; }
#sixpointsh .metal{}
#sixpointsh .metar{}
#sixpointsh .bigfont{}
#sixpointsh .boxtext{ margin-top:28px; }
#sixpointsh .boxtextl{ width:25px; text-align:center; color:#fff; padding-top:50px; }
#sixpointsh .box1l .boxtextl{ background:var(--main-color); }
#sixpointsh .box1r .boxtextl{ background:var(--gray2-color); }
#sixpointsh .box1l .titlebox{ background:var(--main-color); }
#sixpointsh .boxtextr{ width: calc( 100% - 25px ); padding-left:20px;  }
#sixpointsh .list{}
#sixpointsh .list li{ background: url(../images/common/dot_black.svg) 0px 8px no-repeat; padding-bottom:4px; padding-left:20px; }
#sixpointsh .list li:last-child{ padding-bottom:0; }
#sixpointsh .box1r{ width:48%; background:#fff; padding:0 35px 25px; border-radius:25px; position:relative; }
#sixpointsh .box1r .titlebox{ background:var(--gray2-color); }

#sixpointsh .borderbox{ margin-top:60px; padding:45px 50px 70px; }
#sixpointsh .sectitle-box{}
#sixpointsh .sectitle{}
#sixpointsh .ribbon{} */
/*#sixpointsh .box2l:hover, #sixpointsh .box2m:hover, #sixpointsh .box2r:hover{ opacity:0.6; }*/
/* #sixpointsh .box2{ padding-top:30px; align-items:center; justify-content:space-between; }
#sixpointsh .box2l{ position:relative; background:#4F86C3; border-radius:25px; padding:55px 25px 15px; }
#sixpointsh .box2m{ position:relative; background:#4F86C3; border-radius:25px; padding:55px 25px 15px; }
#sixpointsh .box2r{ position:relative; background:#4F86C3; border-radius:25px; padding:55px 25px 15px; }
#sixpointsh .innumber{ position:absolute; top:-40px; left:0; width:100%; text-align:center;}
#sixpointsh .number{ background:#fff; width:80px; height:80px; border-radius:40px; margin:0 auto; line-height:70px; border:5px solid #4F86C3; color:#4F86C3; }
#sixpointsh .box2title{ margin:0px 10px 20px; padding-bottom:15px; border-bottom:2px dotted #fff; color:#fff; text-align:center; }
#sixpointsh .box2text{ margin-top:15px; margin-bottom:0px;  color:#fff; height:70px; }
#sixpointsh .box2img{ }
#sixpointsh .box2img img{ width:40px; margin:0 10px 0px 0px; }
#sixpointsh .boxroundv1{ background:#E38396; margin-top:40px; padding:50px 30px; color:#fff; line-height:1.5em; border-radius:20px; } */

/* =================== what =================== */

#what{}
#what .container{ max-width:1180px; }
#whata{ background: url(../images/common/orangebg.svg) center/cover no-repeat; margin-top:125px; padding-top:75px;  padding-bottom:70px; }
#whata .container{}
#whata .box{}
#whata .box1{ max-width:800px; margin:0 auto; }
#whata .titlebox{ background:var(--main-color); padding:23px 30px;  color:#fff; border-top-right-radius:20px; border-top-left-radius:20px; }
#whata .titlev1{ border-left:3px solid var(--main-color); margin-top:40px; padding-left:30px; }
#whata .text{ margin-top:30px; line-height:1.75em; }
#whata .box2{ margin-top:50px; background:#fff; border-radius:20px; align-items:center; }
#whata .box2l{ width:44%; margin-right:6%; }
#whata .box2r{ width:50%; padding:10px 35px 10px 0px; }
#whata .pointmetabox{}
#whata .pointbigfont{}
#whata .boxtitle{ margin-top:15px; }
#whata .text1{ margin-top:10px; line-height:1.9em; }
#whata .box3{ margin-top:60px; background:#fff; border-radius:20px; align-items:center; }
#whata .box3l{ width:50%; padding:10px 0px 10px 25px; }
#whata .box3r{ width:44%; margin-left:6%; }

#whatb{ background:#F0F8F9; padding-top:45px;  padding-bottom:70px; }
#whatb .container{}
#whatb .borderbox{ padding-bottom:55px; }
#whatb .sectitle-box{}
#whatb p{}
#whatb .sectitle{}
#whatb .ribbon{}
#whatb .text{ margin-top:-15px; line-height:2.1em; }
#whatb .button{ margin-top:80px; }
#whatb .btn{ max-width:400px; padding-top:18px; padding-bottom:18px; }
#whatb .btn.pink{ background:#EE7A00; }
#whatb .cloudbox{ margin-top:70px; background: url(../images/common/cloudbig.svg) top center no-repeat; background-size:cover; padding:25px 40px 35px; color:#fff; display:inline-block; }
#whatb .bigfont{ color:#fff; }
#whatb .text1{ margin-top:0px; }
#whatb .ungucolor{}
#whatb .text2{ margin-top:20px; }

#whatc{ background:#F0F8F9 url(../images/what/whatbg.png) top center no-repeat; background-size:100% auto; height:100px; }

#what #sixpointsh{ background:#FAFAFA; padding-top:10px; }
#what #sixpointsh .borderbox{}


/* =================== courselistt =================== */


#courselist{}
#courselista{ background: #F5FBFF; margin-top:75px; padding-top:115px;  padding-bottom:195px; }
#courselista .container{}
#courselista .borderbox{ padding-top:60px; }
#courselista .couponborderboximg{ margin-top:-15px; padding-top:0; }
#courselista .couponborderboximg img{ width:35px; height:35px; }
#courselista .couponbordertitle{ padding-top:5px; }
#courselista .bigcoupon{ margin-top:40px; }
#courselista .sectitle-box{}
#courselista .sectitle{}
#courselista .ribbon{}
#courselista .couponborderinbox{}
#courselista .box{}
#courselista .box2{ margin-top:70px; }
#courselista .box2l{ width:35%; margin-right:7%; }
#courselista .sectitle{}
#courselista .box2 .ribbon1{ background: url(../images/common/titlebg_style2.svg) top left no-repeat; background-size: 100% auto; margin-bottom: 25px; padding: 15px 0 18px 40px; }
#courselista .box2 .text{ margin-top:15px; line-height:1.8em; }
#courselista .pink{ background:#FF7200; }
#courselista .box2r{ width:58%; }
#courselista .box .button{ margin-top:40px; }
#courselista .box .btn{ max-width:330px; }

#courselista .box3{ margin-top:115px; }
#courselista .box3l{ width:56%; }
#courselista .box3 .ribbon1{ background: url(../images/common/titlebg_style1red.svg) top left no-repeat; background-size: 380px auto; margin-bottom:0; color: #E8468E; padding-top: 15px; }
#courselista .box3r{ width:35%; margin-left:9%; }
#courselista .box3 .text{ margin-top:15px; line-height:1.8em; }
#courselista .ungubg{}

#courselista .box4{ margin-top:95px; }
#courselista .sectitle-box{}
#courselista .sectitle-box .sectitle{}
#courselista .sectitle-box .ribbon{}
#courselista .sectitle-box .borderbox{}
#courselista .title{}
#courselista .sectitle-box .text{}
#courselista .borderbox1{ margin-top:-15px; padding-bottom:35px; }
#courselista .borderbox1 title{}
#courselista .borderbox1 .text{ padding-top:20px; line-height:2.2em; }
#courselista .list{}
#courselista .list3{ margin-top:-10px; justify-content:center; }
#courselista .list3 li{ padding:20px 40px 5px; }
#courselista .list3 li img{ width:110px; }
#courselista .list3 p{ margin-top:10px; }
#courselista .sectitle-box p{}
#courselista .forange{}
#courselista .fblue{}
#courselista .fyellow{}
#courselista .borderbox1 .button{ margin-top:30px; }
#courselista .borderbox1 .btn{ max-width:330px; }
#courselista .purple{}


#courselistb{ background: #f00 url(../images/campas/campasbg.png) bottom center no-repeat; background-size:100% auto; padding-bottom:90px; position:relative; margin-bottom:150px;}
#courselistb .container1{}
#courselistb .sectitle-box{ width:100%; position:absolute; top:-85px; }
#courselistb .sectitle{}
#courselistb .ribbon{}
#courselistb .title{ padding-top:120px; color:#fff; }
#courselistb .text{ margin-top:20px; color:#fff;}
#courselistb .button{ margin-top:30px; }
#courselistb .btn{ background:#00A3E4; max-width:330px; }
#courselistb .bluebg{}

#courselistc{}

/* =================== campas =================== */

#campas{}
#campasa{ background: #F5FBFF; padding-top:85px;  padding-bottom:240px; }
#campasa .container{}
#campasa .sectitle-box{}
#campasa .sectitle{}
#campasa .ribbon{}
#campasa .qtitle{}

.answerimgmap{}
.answertextbox{ padding-top: 25px; line-height: 1.7em; }
.answerreadmore{ text-align:right; margin-top:-25px; }
.answerreadmore img{ width:15px; margin-left:60px; margin-top:-5px; vertical-align:middle; }
.accordion-area{ max-width:800px; margin:0 auto 0; }
.accordion-area li{}
.question{ background:#fff; display: flex; padding: 15px 30px; margin-top:20px; cursor:pointer; border-radius:5px; position:relative; }
.answer{ background:#fff; display: none; padding: 20px 30px; margin-bottom:30px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; position:relative; }
.question:before{ content: ""; z-index: 0; position: absolute; background-size: contain; right: 23px; top: 16px; bottom: 0; width: 16px; height: 16px; border: 0; border-bottom: solid 3px #FF7200; }
.question:after{ content: ""; z-index: 0; position: absolute; background-size: contain; right: 30px; top: 25px; bottom: 0; width: 16px; height: 16px; border: 0; border-right: solid 3px #FF7200; }
/*.question.active:before{ content: ""; z-index: 0; position: absolute; background-size: contain; right: 23px; top: 16px; bottom: 0; width: 16px; height: 16px; border: 0; border-bottom: solid 3px #FF7200; }
.question.active:after{ content: ""; z-index: 0; position: absolute; border:none; }*/
/*.question.active{ padding-bottom:25px; margin-bottom:0; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }*/

/* =================== choice academy  =================== */

#cacademy{ padding-top:25px; }
#cacademya{ background:#F5FBFF; padding-top:50px; padding-bottom:230px; }
#cacademya .container{}
#cacademya .ribbon1{ margin-bottom:15px; }
#cacademya .box{}
#cacademya .box1{}
#cacademya .title{}
#cacademya .submeta{}
#cacademya .roundborder{ flex-shrink: 0;}
#cacademya .text{}
#cacademya .list{ margin-top:30px; justify-content:space-between; }
#cacademya .list1{margin-top: 30px;
  max-width: 100% !important;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;}
#cacademya .list1 li{ /*width:24%;*/ background:#fff; border-radius:20px; }
#cacademya .imgbox{}
#cacademya .textbox{ padding:15px 15px; background:url( ../images/common/pdf_icon.svg) 90% 20px no-repeat; }
#cacademya .list1 li p{}

#cacademya .box2{ margin-top:90px; }
#cacademya .sectitle{}
#cacademya .ribbon1{ background-size: 320px auto; padding-top:20px; }
#cacademya .list2{ margin-top:30px; flex-wrap:wrap; }
#cacademya .list2 li{ width:24%; background:#fff; margin-bottom:30px; border-radius:20px; }
#cacademya .list2 .textbox{ padding:15px 15px; background:url( ../images/common/pdf_icon.svg) 90% 20px no-repeat; }
#cacademya .list2 li p{}

/* =================== about =================== */

#about{}
#abouta{ background: url(../images/top/topics.svg) center/cover no-repeat; padding: 80px 0 230px; }
#abouta .container{}
#abouta .sectitle{}
#abouta .ribbon{}
#abouta .list{ margin-top:45px; flex-wrap:wrap; justify-content:space-between; }
#abouta .list li{ width:31%; margin-bottom:30px; }
#abouta .listbox{ border-radius:20px; }
#abouta .textbox{ background:#fff; padding:18px 15px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
#abouta .text{ background:url( ../images/common/arrowright_orange.svg) 100% 5px no-repeat; }
#abouta .button{ padding-top:45px; }
#abouta .btn{}
#abouta .pink{}

/* =================== about tsushin =================== */

#abouttsu{ }
#abouttsua{ background: url(../images/top/topics.svg) center/cover no-repeat; padding: 80px 0 230px; }
#abouttsua .container{ max-width:900px; }
#abouttsua .sectitle{}
#abouttsua .ribbon{}
#abouttsua .box{ padding-top:0px; flex-wrap:wrap; justify-content:space-between; }
#abouttsua .box li{ width:47.5%; margin-bottom:50px;  }
#abouttsua .box li img{ border-top-right-radius:20px; border-top-left-radius:20px; }
#abouttsua .textbox{ background:#fff; padding:10px 20px 30px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; }
#abouttsua .listtitle{ background:url( ../images/common/arrowright_orange.svg) 100% 5px no-repeat; }
#abouttsua .text{ padding-top:15px; }
#abouttsua .button{ margin-top:10px; }
#abouttsua .btn{}


/* =================== about outline =================== */

#aboutout{}
#aboutouta{ background: url(../images/top/topics.svg) center/cover no-repeat; padding: 80px 0 230px; }
#aboutouta .container{ max-width:900px; }
#aboutouta .sectitle{}
#aboutouta .ribbon{ margin-bottom:30px; }
#aboutouta .borderbox{ margin-top:0px; padding:65px 50px 100px; }
#aboutouta .box{}
#aboutouta .box1{}
#aboutouta dl{ padding:25px 0px 10px; border-bottom:1px dotted #E3E3E3; }
#aboutouta dt{ width:120px; line-height:1.85em; }
#aboutouta dd{ width: calc( 100% - 120px ); line-height:1.85em; }
#aboutouta dd img{ width:12px; vertical-align:middle; }
#aboutouta .linka{ margin-top:20px; }
#aboutouta .box2{ margin-top:70px; border-radius:20px; }
#aboutouta .titlebox{ background:var(--main-color); padding:23px 30px;  color:#fff; border-top-right-radius:20px; border-top-left-radius:20px; }
#aboutouta .inbox{ background:#fff; padding:50px 60px 50px 80px; }
#aboutouta .box2l{ width:50%;}
#aboutouta .title{ border-left: 4px solid var(--main-color); padding-left:20px; margin-left:-20px; }
#aboutouta .text1{ margin-top:15px; }
#aboutouta .text2{ margin-top:20px; }
#aboutouta .text3{ margin-top:10px; }
#aboutouta .box2r{ width:50%; padding-left:10px; }


/* =================== about campuslist =================== */

#aboutcampas{}
#aboutcampasa{ background:#F5FBFF; padding-top:90px; padding-bottom:110px; }
#aboutcampasa .container{ max-width:900px; }
#aboutcampasa .navi{ display:none; background:#fff; border:3px solid #B7E5E1; border-radius:10px; margin-bottom:55px;  }
#aboutcampasa .navi li{ background: url(../images/common/arrowbottom_blue.svg) 93% center no-repeat; width:50%; text-align:center;}
#aboutcampasa .navi li a{ max-width:400px; padding:17px 17px; display:block; }
#aboutcampasa .navi li:first-child{ border-right:3px solid #B7E5E1; }
#aboutcampasa .box{}
#aboutcampasa .box1{}
#aboutcampasa .titlebox{ background:var(--main-color); padding:23px 30px;  color:#fff; border-top-right-radius:20px; border-top-left-radius:20px; }
#aboutcampasa .accordion-area{ margin-top:50px; }
#aboutcampasa .accordion-area li{}
#aboutcampasa .question{}
#aboutcampasa .qtitle{}
#aboutcampasa .answer{}
#aboutcampasa .answerimgmap{}
#aboutcampasa .answertextbox{}
#aboutcampasa .answerreadmore{}

.titleline{ padding:5px 0px 3px 20px; border-left:4px solid var(--main-color); }
#aboutcampasb{ padding-top:110px; padding-bottom:40px; }
#aboutcampasb .container{ max-width:900px; }
#aboutcampasb .titleline{}
#aboutcampasb .borderbox{ margin-top:30px; padding:65px 50px 75px; }
#aboutcampasb dl{ padding:25px 0px 10px; border-bottom:1px dotted #E3E3E3; }
#aboutcampasb dt{ width:120px; line-height:1.85em; }
#aboutcampasb dd{ width: calc( 100% - 120px ); line-height:1.85em; }
#aboutcampasb dd img{ width:12px; vertical-align:middle; }
#aboutcampasb .linka{}

#aboutcampasc{ padding-top:60px; padding-bottom:190px; }
#aboutcampasc .container{ max-width:900px; }
#aboutcampasc .titleline{ }
#aboutcampasc .text{ padding-top:30px; }
#aboutcampasc .borderbox{ margin-top:60px; padding:75px 50px 75px; }
#aboutcampasc .ibox{ padding:14px 0px; }
#aboutcampasc .iboxl{ width:60px; }
#aboutcampasc .iboxm{ width:40px; }
#aboutcampasc .iboxr{ width: calc( 100% - 100px ); }

/* =================== about club =================== */

#aboutclub{}
#aboutcluba{ background: url(../images/top/topics.svg) center/cover no-repeat; padding: 95px 0 230px; }
#aboutcluba .container{ max-width:900px; }
#aboutcluba .sectitle-box{}
#aboutcluba .sectitle{}
#aboutcluba .ribbon{}
#aboutcluba .text1{ margin-top:-10px; margin-bottom:60px; }
#aboutcluba .box{ padding-top:0px; flex-wrap:wrap; }
#aboutcluba .box li{ width:32%; margin-right:2%; margin-bottom:30px; }
#aboutcluba .box li:nth-child(3n){ margin-right:0; }
#aboutcluba .box li img{ border-top-right-radius:20px; border-top-left-radius:20px; }
#aboutcluba .textbox{ background:#fff; padding:20px 15px 20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; }
#aboutcluba .listtitle{}
#aboutcluba .text{ padding-top:10px; min-height:80px; }
#aboutcluba .button{ margin-top: 55px; }
#aboutcluba .btn{}
#aboutcluba .pink{ background:#817A7A; }
#aboutcluba .text2{ margin-top:-10px; }


/* =================== about teacher =================== */

#aboutteacher{}
#aboutteachera{ background: url(../images/top/topics.svg) center/cover no-repeat; padding:100px 0 230px; }
#aboutteachera .container{ max-width:900px; }
#aboutteachera .box{ padding-top:0px; flex-wrap:wrap; justify-content:space-between; }
#aboutteachera .box li{ width:32%; margin-bottom:35px; }
#aboutteachera .box li img{ border-top-right-radius:20px; border-top-left-radius:20px; }
#aboutteachera .textbox{ background:#fff; padding:8px 15px 20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; }
#aboutteachera .listtitle{ padding-top:5px; }
#aboutteachera .text{ padding-top:5px; min-height:90px; }
#aboutteachera .button{ margin-top:55px; }
#aboutteachera .meta{}|
#aboutteachera .btn{}
#aboutteachera .pink{ background:#817A7A; }



/* =================== about group =================== */

#aboutgroup{}
#aboutgroupa{ padding-bottom:150px; }
#aboutgroupa .container{}
#aboutgroupa .roundbox{}
#aboutgroupa .boxn{ padding-top:60px; padding-bottom:55px; }
#aboutgroupa .titlev1{ border-left: 3px solid var(--main-color); margin-top: 40px; padding-left: 30px; }
#aboutgroupa .textn{ margin-top: 15px; max-width:800px; }
#aboutgroupa .titlebox{ background:var(--main-color); padding:23px 30px;  color:#fff; border-top-right-radius:20px; border-top-left-radius:20px; }
#aboutgroupa .mainbox{ margin-top:50px; }
#aboutgroupa .mainboxl{ width:320px; }
#aboutgroupa .titles1{ background:url(../images/common/arrowtriangle_orange.svg) 0px center no-repeat; padding-left:10px; }
#aboutgroupa .list1{ padding-top:10px; }
#aboutgroupa .mainboxl .list1 li{ padding:10px 20px; }
#aboutgroupa .mainboxl .list1 li a{ color:#8E8E8E; font-weight:normal; }
#aboutgroupa .mainboxr{ width: calc( 100% - 320px ); }
#aboutgroupa .sect{ padding-bottom:60px; }
#aboutgroupa .sect1{}
#aboutgroupa .titleline{}
#aboutgroupa .text{ padding-top:30px; }
#aboutgroupa .mainlink{ padding-top:40px; }
#aboutgroupa .mainlink img{ width:14px; margin-left:8px; vertical-align:middle; }
#aboutgroupa .mainlink a{ color:#FF7200; border-bottom:1px solid #FF7200; font-weight:bold; }
#aboutgroupa .list{ max-width:600px; padding-top:20px; flex-wrap:wrap; justify-content: space-between; }
#aboutgroupa .listk{ max-width:1000px; }
#aboutgroupa .list li{ width:48%; padding:10px 0px 20px; }
#aboutgroupa .list li a{ color:#FF7200; border-bottom:1px solid #FF7200; font-weight:bold; }
#aboutgroupa .list li img{ width:14px; margin-left:8px; vertical-align:middle; }
#aboutgroupa .listlink{}
#aboutgroupa .sect2{}
#aboutgroupa .sect3{}
#aboutgroupa .sect4{}
#aboutgroupa .sect5{}
#aboutgroupa .sect6{}
#aboutgroupa .sect7{}
#aboutgroupa .sect8{}
#aboutgroupa .sect9{}
#aboutgroupa .sect10{}
#aboutgroupa .sect11{}
#aboutgroupa .sect12{}


/* =================== about schedule =================== */

.fotobox img{ width:30%; }

#aboutschedule{ padding-bottom:150px; }
#aboutschedulea{ background: url(../images/top/topics.svg) center/cover no-repeat; margin-top:190px; }
#aboutschedulea .container{ max-width:1140px; position:relative; }
#aboutschedulea .abscloud{ position:absolute; top:-40px; left:35px; background: url(../images/common/cloud_bigorange.svg) top center no-repeat; padding:10px 50px 30px; color:#fff; }
#aboutschedulea .banner{}

#aboutscheduleb{  }
#aboutscheduleb .aboutscheduleb{}
#aboutscheduleb .aboutscheduleb1{}
#aboutscheduleb .container{ max-width:1180px; }
#aboutscheduleb .mainbox{}
#aboutscheduleb .mainboxl{ width:100px; }
#aboutscheduleb .roundnumber{ background:#fff; width:100px; height:100px; line-height:90px; border-radius:50px; color:#FF7200; text-align:center; }
#aboutscheduleb .bigfont{ color:#FF7200; }
#aboutscheduleb .mainboxr{ width: calc( 100% - 100px ); padding-left:40px; }
#aboutscheduleb .maininbox{ padding-top:15px; }
#aboutscheduleb .maininboxl{ min-width:300px; }
#aboutscheduleb .list{}
#aboutscheduleb .list li{ background: url(../images/common/dot_orange.svg) 8px 18px no-repeat; padding: 8px 0px 8px 30px; padding:10px 10px 0px 25px; font-weight:bold;  }
#aboutscheduleb .maininboxr{}
#aboutscheduleb .fotobox{ padding-top:50px; justify-content:space-between; }
#aboutscheduleb .fotobox img{ width:32%; }
#aboutscheduleb .list1{ display:flex; flex-wrap:wrap; justify-content:space-between; }
#aboutscheduleb .list1 li{ width:49%; }


#aboutscheduleb .aboutscheduleb3,
#aboutscheduleb .aboutscheduleb5,
#aboutscheduleb .aboutscheduleb7,
#aboutscheduleb .aboutscheduleb9,
#aboutscheduleb .aboutscheduleb11{ background: url(../images/common/bluebg.svg) center/cover no-repeat, url(../images/common/timeline.svg) 220px 0px repeat-y; padding-top:50px; padding-bottom:50px; }
#aboutscheduleb .aboutscheduleb1{ background: url(../images/common/bluebg.svg) center/cover no-repeat, url(../images/common/timeline.svg) 220px 150px no-repeat; padding-top:50px; padding-bottom:50px; }

#aboutscheduleb .aboutscheduleb2,
#aboutscheduleb .aboutscheduleb4,
#aboutscheduleb .aboutscheduleb6,
#aboutscheduleb .aboutscheduleb8,
#aboutscheduleb .aboutscheduleb10{ background: url(../images/common/whitebg.svg) center/cover no-repeat, url(../images/common/timeline.svg) 220px 0px repeat-y;  padding-top:50px; padding-bottom:50px; }
#aboutscheduleb .aboutscheduleb12{ background: url(../images/common/whitebg.svg) center/cover no-repeat, url(../images/common/timeline.svg) 220px -200px no-repeat;  padding-top:50px; padding-bottom:50px; }

/* =================== about news =================== */

#aboutnews{}
#aboutnewsa{ padding-top:35px; padding-bottom:230px; }
#aboutnewsa .container{ max-width:900px; }
#aboutnewsa .titlelinebottom{ padding-bottom:10px; border-bottom:5px solid #FF7200; }
#aboutnewsa .list{ margin-top:40px; }
#aboutnewsa .list li{ width:100%; margin-bottom:20px; padding: 20px 25px; border:3px solid #F2F2F2; border-radius:20px; }
#aboutnewsa .newsbox{ align-items:center; }
#aboutnewsa .newsboxl{ width:110px; }
#aboutnewsa .newsboxr{ width: calc( 100% - 110px); padding-left:20px; }
#aboutnewsa .newsmeta{}
#aboutnewsa .newsmetadate{}
#aboutnewsa .newsmetacat{ background:#E5746D; padding:5px 15px 1px; margin-left:20px; line-height:1em; color:#fff; border-radius:5px; }
#aboutnewsa .newstitle{ padding-top:15px; line-height:1.8em; }

/* =================== about detail =================== */

#aboutnewsdetail{}
#aboutnewsdetaila{ padding-top:20px; padding-bottom:230px; }
#aboutnewsdetaila .container{ max-width:900px; }
#aboutnewsdetaila .imgbox{}
#aboutnewsdetaila .button{ margin-top:50px; }
#aboutnewsdetaila .btn{ padding:15px; }
#aboutnewsdetaila .pink{ background:#EE7A00; }

#single-detail{}
#single-detail .contents{ margin-top:60px; }

/* =================== entry =================== */

#entrya{}
#entrya{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding: 80px 0 230px; }
#entrya .container{}
#entrya .sectitle{}
#entrya .ribbon{}
#entrya .list{ margin-top:45px; flex-wrap:wrap; justify-content:space-between; }
#entrya .list li{ width:31%; margin-bottom:30px; }
#entrya .listbox{ border-radius:20px; }
#entrya .textbox{ background:#fff; padding:18px 15px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
#entrya .text{ background:url( ../images/common/arrowright_orange.svg) 100% 5px no-repeat; }
#entrya .button{ padding-top:45px; }
#entrya .btn{}
#entrya .pink{}

/* =================== entry detail =================== */

#entrydetail{}
#entrydetaila{ background:#F5FBFF; padding-top:75px;  padding-bottom:220px; }
#entrydetaila .container{ max-width:900px; }
#entrydetaila .box{}
#entrydetaila .box1{  }
#entrydetaila .titlebox{ background:var(--main-color); padding:23px 30px;  color:#fff; border-top-right-radius:20px; border-top-left-radius:20px; }
#entrydetaila .titlev1{ border-left:3px solid var(--main-color); margin-top:40px; padding-left:30px; }
#entrydetaila .text{ margin-top:55px; line-height:1.6em; }

#entrydetaila .button{ margin-top:40px; justify-content:space-between; }
#entrydetaila .btn{}
#entrydetaila .pdf{}
#entrydetaila .btngreen{}
#entrydetaila .btn1{ max-width:400px; width:49%;}

#entrydetaila .box2{ padding-top:75px; }
#entrydetaila .titleline{}
#entrydetaila .borderbox{ margin-top:40px; padding:50px 20px 0px; }
#entrydetaila .stepbox{ max-width:560px; margin:0 auto 50px;}
#entrydetaila .stepbox1{}
#entrydetaila .stepboxl{ width:60px; }
#entrydetaila .roundbox{ background:#FF7200; width:70px; height:70px; padding-top:10px; border-radius:35px; color:#fff; text-align:center; }
#entrydetaila .bignumber{ margin-top:-8px; color:#fff; }
#entrydetaila .stepboxr{ width:calc( 100% - 60px ); padding-left:40px; }
#entrydetaila .steptitle{}
#entrydetaila .text1{ padding-top:6px; }
#entrydetaila .text2{ padding-top:12px; }
#entrydetaila .borderbox .button{ margin-top:15px; }
#entrydetaila .btn{}

#entrydetaila .box3{ padding-top:75px; }
#entrydetaila .titleline{}
#entrydetaila .text3{ padding-top:45px; }
#entrydetaila .box3 .button, #entrydetaila .box4 .button{ margin-top:60px; }
#entrydetaila .btn{}
#entrydetaila .box4{ padding-top:95px; }


/* =================== choice =================== */

#tabs{ width: 100%; padding-top:20px; justify-content:center; }
#tabs a{ cursor:pointer; }
#tabs li{}
#tabs li a{ padding:17px 70px; background:#FF7200; color:#fff; }
#tabs li a.inactive{ padding:17px 70px; background:#fff; color:#0D0D0D }
#tabs li a:hover{ color:#000; }
#tabs li a.inactive:hover{ color:#FF7200; }
.tabcontainer{ background:#fff; margin-top:15px; padding:95px 30px 85px; position:relative; }
.tabcontainerin{ margin:0 auto; max-width:780px; }

/* #choice{ padding-top:40px; } */
#choice .container{}
#choice .box{ border-radius:20px; }
#choice .box1{ align-items:center; }
#choice .box1l{ width:50%; padding:0px 80px 0px 35px; }
#choice .box1l .box1title{ color:#fff; padding-bottom:0px;  border-bottom:1px dotted #fff; line-height:1.15em; }
#choice .box1l .smallfont{ color:#fff; }
#choice .box1l .metabox{ margin-top:20px; background:#fff; padding:15px 20px; border-radius:10px; }
#choice .box1l .text1{ margin-top:15px; color:#fff; }
#choice .box1r{ width:50%; position:relative; }
#choice .absround{ position:absolute; top:-70px; right:0; width:210px; height:210px; padding-top:40px; color:#fff; background: url( ../images/choice/messageorange_left.svg) top center no-repeat; text-align:center; }
#choice .mfont{ color:#fff; }
#choice .bigfont1{ color:#fff; }
#choice .middletext{ color:#fff; padding:10px 0px 20px; }
#choice .borderbox{ margin-top:-10px; padding:45px 30px 25px; border-radius:10px; }
#choice .list{ max-width:500px; margin: 0 auto; }
#choice .list li{ padding: 8px 0px 25px 50px; }
#choice .inlist{}
#choice #choicebasicimg{ margin-top:-140px; overflow: hidden; margin-left:-70px; }
#choice #choicebasicimg img{ width:1550px; height:223px; }
#choice .banner{}
#choice .absround1{ position:absolute; top:-45px; left:70px; width:130px; height:130px; padding-top:40px; color:#fff; background: url( ../images/choice/messageorange_right.svg) top center no-repeat; text-align:center; }
#choice .absround1text{ color:#fff; padding-top:5px; }
.scroll_container { height: 260px; width: 100%; display: flex; align-items: center; overflow: hidden; position: relative; }
.scroll_container_sub { height: 223px; float: none; display: inline-block; zoom: 1; }
.scroll_container_sub img{ height: 223px; width: 1550px; margin-left:30px; }

/* =================== choice basic =================== */

#choicebasica{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:90px; padding-bottom:80px; }
#choicebasica .container{}
#choicebasica .bgcolor{ background:#F07700; }
#choicebasica .fontcolor{ color:#F07700; }

#choicebasicb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:205px; }
#choicebasicb .container{ max-width:900px; }
#choicebasicb .sectitle-box{}
#choicebasicb .ribbon{}
#choicebasicb .borderbox{ border: 5px solid #F07700; }
#choicebasicb .list{}
#choicebasicb .list li{ background: url(../images/choice/check_orangeround.svg) 8px 5px no-repeat; }
#choicebasicb .inlist{}

#choicebasicc{ margin-top:-120px; background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:160px; padding-bottom:80px; }
#choicebasicc .container{}
#choicebasicc .sectitle-box{}
#choicebasicc .ribbon{ background: url(../images/choice/ribbonchoice.svg) center/contain no-repeat; background-size: auto; }
#choicebasicc .text1{ padding-top:20px; }

#choicebasicd{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:230px; }
#choicebasicd .container{}
#choicebasicd .sectitle-box{}
#choicebasicd .ribbon{}
#choicebasicd .banner{ max-width:800px; margin:-20px auto 0; }


/* =================== choice standard  =================== */

#choicestandarda{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:90px; padding-bottom:80px; }
#choicestandarda .container{}

#choicestandarda .bgcolor{ background:#00A3E4; }
#choicestandarda .fontcolor{ color:#00A3E4; }

#choicestandardb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:205px; }
#choicestandardb .container{ max-width:900px; }
#choicestandardb .sectitle-box{}
#choicestandardb .ribbon{}
#choicestandardb .borderbox{ border: 5px solid #00A3E4; }
#choicestandardb .list{}
#choicestandardb .list li{ background: url(../images/choice/check_blueround.svg) 8px 5px no-repeat; }
#choicestandardb .inlist{}

#choicestandardc{ margin-top:-120px; background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:160px; padding-bottom:80px; }
#choicestandardc .container{}
#choicestandardc .sectitle-box{}
#choicestandardc .ribbon{ padding:35px 0px; background-size:90%; }

#choicestandardc .text1{ padding-top:20px; }
#choicestandardc .absround1{ background: url( ../images/choice/messageblue_right.svg) top center no-repeat; }
#choicestandardc #tabs li a{ background:#00A3E4; }
#choicestandardc #tabs li a.inactive{ background:#fff; }
#choicestandardc #tabs li a.inactive:hover{ color:#00A3E4; }

#choicestandardd{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:230px; }
#choicestandardd .container{}
#choicestandardd .sectitle-box{}
#choicestandardd .ribbon{}
#choicestandardd .banner{ max-width:800px; margin:-20px auto 0; }

/* =================== choice internet =================== */

#choiceinterneta{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:90px; padding-bottom:80px; }
#choiceinterneta .container{}
#choiceinterneta .bgcolor{ background:#7FBA65; }
#choiceinterneta .fontcolor{ color:#7FBA65; }

#choiceinternetb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:205px; }
#choiceinternetb .container{ max-width:900px; }
#choiceinternetb .sectitle-box{}
#choiceinternetb .ribbon{}
#choiceinternetb .borderbox{ border: 5px solid #7FBA65; }
#choiceinternetb .list{}
#choiceinternetb .list li{ background: url(../images/choice/check_internetround.svg) 8px 5px no-repeat; }
#choiceinternetb .inlist{}

#choiceinternetc{ margin-top:-120px; background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:205px; padding-bottom:45px; }
#choiceinternetc .container{}
#choiceinternetc .text1{ padding-top:20px; }
#choiceinternetc .absround1{ background: url( ../images/choice/messageinternet_right.svg) top center no-repeat; }
#choiceinternetc #tabs li a{ background:#7FBA65; }
#choiceinternetc #tabs li a.inactive{ background:#fff; }
#choiceinternetc #tabs li a.inactive:hover{ color:#7FBA65; }

#choiceinternetd{ background:#F5FBFF; padding-top:105px; padding-bottom:230px; }
#choiceinternetd .container{}
#choiceinternetd .pointbox1{}
#choiceinternetd .pointbox{ margin-bottom:50px; }
#choiceinternetd .pointbox1{ align-items:center; }
#choiceinternetd .pointboxl{ width:50%; }
#choiceinternetd .pointboxl img{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
#choiceinternetd .poingboxr{ width:50%; padding:10px 80px; }
#choiceinternetd .pointmetabox{ margin-bottom:25px; }
#choiceinternetd .sectitle{}
#choiceinternetd .ribbon1{ background: url(../images/choice/titlebg_choice.svg) top left no-repeat; background-size: 385px 70px; margin-left:-5px; margin-bottom: 10px; padding: 15px 0 25px 30px; }
#choiceinternetd .ribbon2{ font-size:2rem; padding:20px 0 25px 30px; }
#choiceinternetd .pointp{ margin-top:0; }
#choiceinternetd .pointbox2{ align-items:center; }
#choiceinternetd .poingbox1l{ width:50%; padding:10px 50px; }
#choiceinternetd .pointbox1r{ width:50%; }


/* =================== choice 3day =================== */

#choice3daya{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:90px; padding-bottom:80px; }
#choice3daya .container{}
#choice3daya .bgcolor{ background:#75BBAD; }
#choice3daya .fontcolor{ color:#75BBAD; }

#choice3dayb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:205px; }
#choice3dayb .container{ max-width:900px; }
#choice3dayb .sectitle-box{}
#choice3dayb .ribbon{}
#choice3dayb .borderbox{ border: 5px solid #75BBAD; }
#choice3dayb .list{}
#choice3dayb .list li{ background: url(../images/choice/check_3dayround.svg) 8px 5px no-repeat; }
#choice3dayb .inlist{}

#choice3dayc{ margin-top:-120px; background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:205px; padding-bottom:80px; }
#choice3dayc .container{}
#choice3dayc .text1{ padding-top:20px; }
#choice3dayc .absround1{ background: url( ../images/choice/message3day_right.svg) top center no-repeat; }
#choice3dayc #tabs li a{ background:#75BBAD; }
#choice3dayc #tabs li a.inactive{ background:#fff; }
#choice3dayc #tabs li a.inactive:hover{ color:#75BBAD; }

#choice3dayd{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:230px; }
#choice3dayd .container{}
#choice3dayd .sectitle-box{}
#choice3dayd .ribbon{}
#choice3dayd .banner{ max-width:800px; margin:-20px auto 0; }

/* =================== choice 5day =================== */

#choice5daya{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:90px; padding-bottom:80px; }
#choice5daya .container{}
#choice5daya .bgcolor{ background:#72A4D7; }
#choice5daya .fontcolor{ color:#72A4D7; }

#choice5dayb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:170px; }
#choice5dayb .container{ max-width:900px; }
#choice5dayb .sectitle-box{}
#choice5dayb .ribbon{}
#choice5dayb .borderbox{ border: 5px solid #72A4D7; }
#choice5dayb .list{}
#choice5dayb .list li{ background: url(../images/choice/check_5dayround.svg) 8px 5px no-repeat; }
#choice5dayb .inlist{}

#choice5dayc{ margin-top:-120px; background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:160px; padding-bottom:80px; }
#choice5dayc .container{}
#choice5dayc .sectitle-box{}
#choice5dayc .ribbon{ padding:35px 0px; background-size:90%; }
#choice5dayc .text1{ padding-top:20px; }
#choice5dayc .absround1{ background: url( ../images/choice/message5day_right.svg) top center no-repeat; }
#choice5dayc #tabs li a{ background:#72A4D7; }
#choice5dayc #tabs li a.inactive{ background:#fff; }
#choice5dayc #tabs li a.inactive:hover{ color:#72A4D7; }

#choice5dayd{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:230px; }
#choice5dayd .container{}
#choice5dayd .sectitle-box{}
#choice5dayd .ribbon{}
#choice5dayd .banner{ max-width:800px; margin:-20px auto 0; }

/* =================== choice1 =================== */

#choice1{}
#choice1 .box1l{ background: url(../images/common/beforebg.svg) top center no-repeat; background-size:100% 100%; width:50%; padding:20px 80px 20px 20px; line-height:1.6em; }
#choice1 .box1r{ background: url(../images/common/afterbg.svg) top center no-repeat; background-size:100% 100%; width:50%; padding:20px 20px 20px 80px; line-height:1.6em; }
.commentleftcss{ display:inline-block; padding: 20px; border-radius: 20px; margin-left: 50px; background-color:#fff; position: relative; border:3px solid #F07700; }
.commentrightcss:before{ content:''; position: absolute; top: 30px; right: -50px; margin: 0 auto; width: 0; height: 0; border-left: solid 50px #F07700; border-top: solid 15px transparent; border-bottom: solid 15px transparent; }
.commentrightcss:after{ content:''; position: absolute; top: 30px; right: -45px; margin: 0 auto; width: 0; height: 0; border-left: solid 50px #fff; border-top: solid 15px transparent;  border-bottom: solid 15px transparent; }
.commentrightcss{ display:inline-block; padding: 20px; border-radius: 20px; margin-right: 50px; background-color:#fff; position: relative; border:3px solid #F07700; }
.commentleftcss:before{ content:''; position: absolute; top: 30px; left: -50px; margin: 0 auto; width: 0; height: 0; border-right: solid 50px #F07700;  border-top: solid 15px transparent; border-bottom: solid 15px transparent; }
.commentleftcss:after{ content:''; position: absolute; top: 30px; left: -45px; margin: 0 auto; width: 0; height: 0; border-right: solid 50px #fff; border-top: solid 15px transparent; border-bottom: solid 15px transparent; }
#choice1 .hourlinel{ width: calc( 50% - 67.5px );  margin-bottom:30px; }
#choice1 .hourlinem{ width:135px; padding:0 10px; }
#choice1 .roundbox{ width:115px; height:115px; border-radius:57.7px; line-height:115px; color:#fff; }
#choice1 .hourliner{ width: calc( 50% - 67.5px ); }
#choice1 .text2{ padding-top:10px; min-height:75px; }

/* =================== choice basic 1day =================== */

#choicebasic1daya{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:75px; }
#choicebasic1daya .bgcolor{ background:#F07700; }
#choicebasic1daya .fontcolor{ color:#F07700; }
#choicebasic1daya .container{ max-width:900px; }
#choicebasic1daya .banner{}
#choicebasic1daya .box{ padding-top:30px; }
#choicebasic1daya .box1{}
#choicebasic1daya .box1l{}
#choicebasic1daya .box1r{}
#choicebasic1daya .box1title{}
#choicebasic1daya .text1{ padding-top:10px; }

#choicebasic1dayb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:80px; padding-bottom:230px; }
#choicebasic1dayb .container{ max-width:900px; }
#choicebasic1dayb .bgcolor{ background:#F07700; }

#choicebasic1dayb .hourline{}
#choicebasic1dayb .hourline1{}
#choicebasic1dayb .hourlinel{}
#choicebasic1dayb .hourlinem{}
#choicebasic1dayb .roundbox{}
#choicebasic1dayb .hourliner{}
#choicebasic1dayb .hourline{}
#choicebasic1dayb .textbox{  }
#choicebasic1dayb .text2{}

#choicebasic1dayb .hourliner1{ margin-top:110px; }
#choicebasic1dayb .hourlinel2{ margin-top:25px; }
#choicebasic1dayb .hourline3{ margin-top:-55px; }
#choicebasic1dayb .hourliner3{ margin-top:-10px; }
#choicebasic1dayb .hourlinel3{ margin-top:270px; }
#choicebasic1dayb .commentleftcss2{ margin-top:125px; margin-bottom:30px;}
#choicebasic1dayb .hourliner4{ margin-top:40px; }
#choicebasic1dayb .hourlinel4{ margin-top:-65px; }
#choicebasic1dayb .hourliner1 .commentleftcss:before, #choicebasic1dayb .hourliner1 .commentleftcss:after{ top:110px; }
#choicebasic1dayb .hourlinel3 .commentrightcss:before, #choicebasic1dayb .hourlinel3 .commentrightcss:after{ top:110px; }
#choicebasic1dayb .hourlinel4 .commentrightcss:before, #choicebasic1dayb .hourlinel4 .commentrightcss:after{ top:110px; }

#choicebasic1dayb .hourline{ background: url(../images/choice/timelineorange.svg) top center repeat-y; }
#choicebasic1dayb .hourline4{ background:none; }
#choicebasic1dayb .commentrightcss, #choicebasic1dayb .commentleftcss{ border:3px solid #F07700; }
#choicebasic1dayb .commentrightcss:before{ border-left: solid 50px #F07700; }
#choicebasic1dayb .commentleftcss:before{ border-right: solid 50px #F07700; }



/* =================== choice standard 1day  =================== */

#choicestandard1daya{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:75px; }
#choicestandard1daya .bgcolor{ background:#00A3E4; }
#choicestandard1daya .fontcolor{ color:#00A3E4; }
#choicestandard1daya .container{ max-width:900px; }
#choicestandard1daya .banner{}
#choicestandard1daya .box{ padding-top:30px; }
#choicestandard1daya .box1{}
#choicestandard1daya .box1l{}
#choicestandard1daya .box1r{}
#choicestandard1daya .box1title{}
#choicestandard1daya .text1{ padding-top:10px; }

#choicestandard1dayb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:80px; padding-bottom:230px; }
#choicestandard1dayb .container{ max-width:900px; }
#choicestandard1dayb .bgcolor{ background:#00A3E4; }

#choicestandard1dayb .hourliner1{ margin-top:110px; }
#choicestandard1dayb .hourliner1 .commentleftcss:before, #choicestandard1dayb .hourliner1 .commentleftcss:after{ top:110px; }
#choicestandard1dayb .hourlinel3 .commentrightcss:before, #choicestandard1dayb .hourlinel3 .commentrightcss:after{ top:110px; }
#choicestandard1dayb .hourlinel4 .commentrightcss:before, #choicestandard1dayb .hourlinel4 .commentrightcss:after{ top:110px; }
#choicestandard1dayb .hourliner4 .commentleftcss:before, #choicestandard1dayb .hourliner4 .commentleftcss:after{ top:110px; }
#choicestandard1dayb .hourlinel2{ margin-top:25px; }
#choicestandard1dayb .hourline3{ margin-top:-55px; }
#choicestandard1dayb .hourliner3{ margin-top:-10px; }
#choicestandard1dayb .hourlinel3{ margin-top:215px; margin-bottom:70px; }
#choicestandard1dayb .hourliner4{ margin-top:-75px; }
#choicestandard1dayb .hourlinel4{ margin-top:20px; }

#choicestandard1dayb .hourline{ background: url(../images/choice/timelineblue.svg) top center repeat-y; }
#choicestandard1dayb .hourline4{ background:none; }
#choicestandard1dayb .commentrightcss, #choicestandard1dayb .commentleftcss{ border:3px solid #00A3E4; }
#choicestandard1dayb .commentrightcss:before{ border-left: solid 50px #00A3E4; }
#choicestandard1dayb .commentleftcss:before{ border-right: solid 50px #00A3E4; }


/* =================== choice 3day 1day =================== */

#choice3day1daya{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:75px; }
#choice3day1daya .bgcolor{ background:#75BBAD; }
#choice3day1daya .fontcolor{ color:#75BBAD; }
#choice3day1daya .container{ max-width:900px; }
#choice3day1daya .banner{}
#choice3day1daya .box{ padding-top:30px; }
#choice3day1daya .box1{}
#choice3day1daya .box1l{}
#choice3day1daya .box1r{}
#choice3day1daya .box1title{}
#choice3day1daya .text1{ padding-top:10px; }

#choice3day1dayb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:80px; padding-bottom:230px; }
#choice3day1dayb .container{ max-width:900px; }
#choice3day1dayb .bgcolor{ background:#75BBAD; }

#choice3day1dayb .hourlinel1{ margin-bottom:0px; }
#choice3day1dayb .hourlinel2{ margin-top:100px; }
#choice3day1dayb .hourliner2{ margin-top:-60px; }
#choice3day1dayb .hourline3{ margin-top:-65px; }
#choice3day1dayb .hourline2 .commentleftcss:before, #choice3day1dayb .hourline2 .commentleftcss:after{ top:95px; }
#choice3day1dayb .hourliner3{ margin-top:0px; }
#choice3day1dayb .hourliner4{ margin-top:-50px; }
#choice3day1dayb .hourline4 .commentrightcss:before, #choice3day1dayb .hourline4 .commentrightcss:after{ top:95px; }
#choice3day1dayb .hourlinel4{ margin-top:-50px; margin-bottom:70px; }
#choice3day1dayb .hourline5{}
#choice3day1dayb .hourliner5{ margin-top:-80px; }
#choice3day1dayb .hourline5 .commentleftcss:before, #choice3day1dayb .hourline5 .commentleftcss:after{ top:115px; }

#choice3day1dayb .hourline{ background: url(../images/choice/timeline_3day.svg) top center repeat-y; }
#choice3day1dayb .hourline5{ background:none; }
#choice3day1dayb .commentrightcss, #choice3day1dayb .commentleftcss{ border:3px solid #75BBAD; }
#choice3day1dayb .commentrightcss:before{ border-left: solid 50px #75BBAD; }
#choice3day1dayb .commentleftcss:before{ border-right: solid 50px #75BBAD; }


/* =================== choice 5day 1day =================== */

#choice5day1daya{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:40px; }
#choice5day1daya .bgcolor{ background:#72A4D7; }
#choice5day1daya .fontcolor{ color:#72A4D7; }
#choice5day1daya .container{ max-width:900px; }
#choice5day1daya .banner{}
#choice5day1daya .box{ padding-top:30px; }
#choice5day1daya .box1{}
#choice5day1daya .box1l{}
#choice5day1daya .box1r{}
#choice5day1daya .box1title{}
#choice5day1daya .text1{ padding-top:10px; }

#choice5day1dayb{ background: url(../images/common/bluebg.svg) center/cover no-repeat; padding-top:85px; padding-bottom:230px; }
#choice5day1dayb .container{ max-width:900px; }
#choice5day1dayb .bgcolor{ background:#72A4D7; }

#choice5day1dayb .hourlinel1{ margin-bottom:0px; }
#choice5day1dayb .hourliner2{ margin-top:-60px; }
#choice5day1dayb .hourline3{ margin-top:-65px; }
#choice5day1dayb .hourline2 .commentleftcss:before, #choice5day1dayb .hourline2 .commentleftcss:after{ top:95px; }
#choice5day1dayb .hourliner3{ margin-top:0px; }
#choice5day1dayb .hourliner5{ margin-top:-150px; }
#choice5day1dayb .hourline5{ padding-bottom: 200px; }
#choice5day1dayb .hourline5 .commentleftcss:before, #choice5day1dayb .hourline5 .commentleftcss:after{ top:190px; }
#choice5day1dayb .hourlinel6{ margin-top:-180px; }
#choice5day1dayb .hourline6 .commentrightcss:before, #choice5day1dayb .hourline6 .commentrightcss:after{ top:225px; }
#choice5day1dayb .hourliner6{ margin-top:-100px; }

#choice5day1dayb .hourline{ background: url(../images/choice/timeline_5day.svg) top center repeat-y; }
#choice5day1dayb .hourline6{ background:none; }
#choice5day1dayb .commentrightcss, #choice5day1dayb .commentleftcss{ border:3px solid #72A4D7; }
#choice5day1dayb .commentrightcss:before{ border-left: solid 50px #72A4D7; }
#choice5day1dayb .commentleftcss:before{ border-right: solid 50px #72A4D7; }
/*
#choice5day1dayb .box{ max-width:800px; margin:0 auto; }
#choice5day1dayb .box img{ border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
#choice5day1dayb .box2{ justify-content:space-between; }
#choice5day1dayb .box2l{ width:47%; position:relative; }
#choice5day1dayb .textbox{ position:absolute; left:0; bottom:0; width:100%; padding:15px 10px; color:#fff; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
#choice5day1dayb .box2r{ width:47%; position:relative; }


#choice5day1dayb .pointbox{ margin-top:70px; }
#choice5day1dayb .pointbox1{}
#choice5day1dayb .pointboxl{ width:45%; }
#choice5day1dayb .pointboxl img{ border-bottom-left-radius:20px; border-top-left-radius:20px; }
#choice5day1dayb .poingboxr{ width:55%; padding:20px 80px; }
#choice5day1dayb .pointmetabox{ margin-bottom:25px; }
#choice5day1dayb .ribbon1{  background: url(../images/choice/titlebg_choice.svg) top left no-repeat; background-size: 385px 70px; margin-left:-5px; margin-bottom: 10px; padding: 15px 0 25px 30px; }
#choice5day1dayb .pointp{ margin-top:10px; }*/

/* =================== choice beautivician =================== */

#choicebeautician{}
#choicebeautician .bgcolor{ background:#D75C96; }
#choicebeautician .fontcolor{ color:#D75C96; }

#choicebeauticiana{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:100px; padding-bottom:100px; }
#choicebeauticiana .container{}
#choicebeauticiana .borderbox{ padding:50px 30px 90px 30px; }
#choicebeauticiana .sectitle-box{}
#choicebeauticiana .ribbon{ font-size:2.2rem; }
#choicebeauticiana .borderinbox{ max-width:800px; margin:0 auto; }
#choicebeauticiana .roundtable{ padding-top:15px; justify-content:center; align-items:center }
#choicebeauticiana .roundtablebox{ padding:8px 30px; color:#fff; text-align:center; border-radius:30px;  }
#choicebeauticiana .roundtablebox1{ background:#E69C2F; margin-right:10px; }
#choicebeauticiana .roundtablebox2{ background:#00A3E4; margin-right:10px; }
#choicebeauticiana .roundtablebox3{ background:#7FBA65; margin-right:0px; }
#choicebeauticiana .rounndtableblack{ width:26px; height:26px; border-radius:13px; line-height:25px; background:#000; color:#fff; margin-right:10px; }
#choicebeauticiana .roundtable1{ margin:15px auto 0; width:26px; height:26px; border-radius:13px; line-height:25px; background:#000; color:#fff; }
#choicebeauticiana .roundtable2{ margin:27px auto 0; background:#D75C96; padding:8px 30px; color:#fff; text-align:center; display:inline-block; border-radius:30px; }


#choicebeauticianb{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:0px; padding-bottom:20px; }
#choicebeauticianb .container{}
#choicebeauticianb .pointbox{}
#choicebeauticianb .pointbox1{}
#choicebeauticianb .pointboxl{ width:50%; }
#choicebeauticianb .pointboxl img{ border-bottom-left-radius:20px; border-top-left-radius:20px; }
#choicebeauticianb .poingboxr{ width:50%; padding:50px 40px; }
#choicebeauticianb .pointmetabox{ margin-bottom:25px; padding:3px 5px 8px; }
#choicebeauticianb .ribbon1{ background: url(../images/choice/titlebg_choice.svg) top left no-repeat; background-size: 385px 70px; margin-left:-5px; margin-bottom: 10px; padding: 15px 0 25px 30px; }
#choicebeauticianb .pointp{ margin-top:10px; }
#choicebeauticianb .title{ padding-top:130px; position:relative; }
#choicebeauticianb .abscloud{ padding:30px 40px; position: absolute; top:20px; left:40px; background:url(../images/choice/beautifican_cloud.svg) center center no-repeat; }
#choicebeauticianb .text{ padding-top:15px; line-height:2.5em; }
#choicebeauticianb .cloudtext{ margin-top:-20px; }
#choicebeauticianb .cloudtext1{}
#choicebeauticianc{ background:#F5FBFF;  }

#choicebeauticiand{ background:#F5FBFF; padding-top:40px; padding-bottom:55px; }
#choicebeauticiand .container{}
#choicebeauticiand .sectitle-box{}
#choicebeauticiand .ribbon{ font-size:2.2rem; }
#choicebeauticiand .borderbox{}
#choicebeauticiand .box1{ margin:0 auto; max-width:800px; padding:40px 20px 30px 20px; }
#choicebeauticiand .text{ margin:0 auto; max-width:600px; line-height:2.5em; }
#choicebeauticiand .box2{ margin-top:70px; padding:30px 45px; }
#choicebeauticiand .text1{}
#choicebeauticiand .tetlebox{ padding-top:30px; padding-bottom:65px; }
#choicebeauticiand .title{ display:inline-block; padding-bottom:12px; border-bottom: 2px dotted #D75C96; }
#choicebeauticiand .text1{ margin-top:15px; }


#choicebeauticiane{ background:#FFF4F9; padding-top:45px; padding-bottom:225px; }
#choicebeauticiane .container{}
#choicebeauticiane .list{ flex-wrap:wrap; }
#choicebeauticiane .list li{ width:46%; margin-right:8%; margin-bottom:30px; }
#choicebeauticiane .list li:nth-child(2n){ margin-right:0; }
#choicebeauticiane .listbox{ background:#fff; border-radius:15px; }
#choicebeauticiane .listboxl{ width:44%; }
#choicebeauticiane .listboxr{ width:56%; padding:20px 20px; }
#choicebeauticiane .title{ color:#D75C96; }
#choicebeauticiane .text{ padding-top:10px; }


/* =================== choice trial =================== */

#choicetrial{}
#choicetrial .box{}
#choicetrial .box1{}
#choicetrial .imgbox{ justify-content: space-between; padding-top:30px; }
#choicetrial .imgbox img{ width:48%; }
#choicetrial .text{ padding-top:20px; line-height:1.7em; }
#choicetrial .borderbox{ margin-top:25px; padding:40px 40px 40px 40px; }
#choicetrial .title{ color:#00BDAC; }
#choicetrial .list{ padding-top:15px; flex-wrap:wrap; }
#choicetrial .list li{ width:24%; margin-right:1%; background: url(../images/common/dot_blue.svg) 0px 17px no-repeat; padding:10px 10px 10px 22px; }
#choicetrial .inlist{}
#choicetrial .text1{ padding-top:5px; text-align:right; }
#choicetrial .ribbon{ margin-bottom:0px; }

#choicetriala{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:45px; padding-bottom:55px; }
#choicetriala .container{ max-width:900px; }
#choicetriala .sectitle-box{}
#choicetriala .ribbon{}


#choicetrialb{ background:#F5FBFF; padding-top:55px; padding-bottom:75px; }
#choicetrialb .container{ max-width:900px; }
#choicetrialb .ribbon{}
#choicetrialb .inlist{ font-size:1.2rem; }


#choicetrialc{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:65px; padding-bottom:225px; }
#choicetrialc .container{ max-width:900px; }
#choicetrialc .ribbon{}
#choicetrialc .inlist{ font-size:1.3rem; }

/* =================== graduate result =================== */

#result{}
#resulta{ background:#FAFAFA; padding-top:75px; padding-bottom:230px; }
#resulta .container{ max-width:900px; }
#resulta .mainbox{}
#resulta .titlebox{ background: var(--main-color); padding: 23px 30px; color: #fff; border-top-right-radius: 20px; border-top-left-radius: 20px; }
#resulta .box{ padding-bottom:40px; }
#resulta .box1{ padding-top:50px; }
#resulta .titleline{}
#resulta .text{ padding-top:30px; line-height:1.7em; }
#resulta .box2{}
#resulta .box3{}
#resulta .box4{}

/* =================== about =================== */

#class1{}
#class1 .ribbon{ margin-bottom:35px; }
#class1 .text1{ padding-top:0px; }
#class1 .box{ padding-top:85px; justify-content:space-between;  }
#class1 .box1{}
#class1 .borderbox{}
#class1 .box1l{ width:50%;  padding:10px 30px 0px 30px; }
#class1 .list{}
#class1 .list li{ background:url(../images/common/check_blue.svg) 0px 20px no-repeat; padding:10px 0px 20px 25px; }
#class1 .inlist{}
#class1 .btetext{}
#class1 .box1r{ width:48%; position:relative; }
#class1 .absimage{ position:absolute; top:-30px; right:0; }
#class1 .box2{ margin-top:100px; padding:50px 20px 65px; }
#class1 .titleline{}
#class1 .text{ padding-top:25px; }
#class1 .inbox{ max-width:800px; margin:0 auto; }

#shinnyugakua{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:80px; padding-bottom:230px; }
#shinnyugakua .container{}
#shinnyugakua .ribbon{}
#shinnyugakua .text1{}

#shinnyugakua .box{}
#shinnyugakua .box1{}
#shinnyugakua .borderbox{}
#shinnyugakua .box1l{}
#shinnyugakua .list{}
#shinnyugakua .list li{}
#shinnyugakua .inlist{}
#shinnyugakua .btetext{}
#shinnyugakua .box1r{}
#shinnyugakua .absimage{}
#shinnyugakua .box2{}
#shinnyugakua .titleline{}
#shinnyugakua .text{}

/* =================== transfera =================== */

#transfera{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:80px; padding-bottom:230px; }
#transfera .container{}
#transfera .ribbon{}
#transfera .text1{}

#transfera .box{}
#transfera .box1{}
#transfera .borderbox{}
#transfera .#transfera .box1l{}
#transfera .list{}
#transfera .list li{}
#transfera .inlist{}
#transfera .btetext{}
#transfera .box1r{}
#transfera .absimage{}
#transfera .box2{}
#transfera .titleline{}
#transfera .text{}

/* =================== about =================== */

#incorporationa{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:80px; padding-bottom:230px; }
#incorporationa .container{}
#incorporationa .ribbon{}
#incorporationa .text1{}

#incorporationa .box{}
#incorporationa .box1{}
#incorporationa .borderbox{}
#incorporationa .box1l{}
#incorporationa .list{}
#incorporationa .list li{}
#incorporationa .inlist{}
#incorporationa .btetext{}
#incorporationa .box1r{}
#incorporationa .absimage{}
#incorporationa .box2{}
#incorporationa .titleline{}
#incorporationa .text{}


/* =================== character =================== */

#character{}
#charactera{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:85px; padding-bottom:230px; }
#charactera .container{ max-width:900px; }
#charactera .titlebox{ background: var(--main-color); padding: 23px 30px; color: #fff; border-top-right-radius: 20px; border-top-left-radius: 20px; }
#charactera .titleline{ margin-top:50px; }
#charactera .text{ padding-top:20px; line-height:1.7em; }
#charactera .borderbox{ margin-top:45px; padding:40px 40px 30px; }

/* =================== privacy =================== */

#privacy{}
#privacya{ background:#fff; padding-top:0px; padding-bottom:230px; }
#privacya .container{ max-width:900px; }
#privacya .titleline{}
#privacya .text{ padding-top:30px; }
#privacya .borderbox{ margin-top:50px; padding:45px 30px; }
#privacya .box{ padding-bottom:40px; }
#privacya .box1{}
#privacya .title{}
#privacya .text1{ padding:10px 0px 0px 10px; }
#privacya .text2{ padding-top:20px; text-align:right; }
#privacya .intext{ margin-top:40px; }
#privacya .link1{ margin-top:30px; padding-bottom:10px; color:#FF7200; border-bottom:1px solid #FF7200; }
#privacya .text3{ padding:10px 0px 20px 0px; }

/* =================== qa =================== */

#qa{}
#qaa{ background:#F5FBFF; padding-top:90px; padding-bottom:230px; }

#qaa .box{}
#qaa .box1{}
#qaa .accordion-area{}
#qaa li{ margin-bottom:30px; }
#qaa .question{}
#qaa .questionbox{}
#qaa .roundborder{ background:#F07700; padding:8px 15px 8px; margin-bottom:20px; }
#qaa .qtitle{}
#qaa .question.active{ padding-bottom:15px; }
#qaa .answer{ padding:0; margin-bottom:45px; }
#qaa .answerbox{ padding:15px 0px; margin:0 30px; border-top:1px dotted #C1C1C1; }
#qaa .roundborder1{ background:#16B3EE; padding:8px 25px 8px; }
#qaa .text{ margin-top:-10px; }

/* =================== sitemap =================== */

#sitemap{}
#sitemapa{ background:#FAFAFA; padding-top:90px; padding-bottom:230px; }
#sitemapa .container{ max-width:900px; }
#sitemapa .mainbox{}
#sitemapa .titlebox{ background: var(--main-color); padding: 23px 30px; color: #fff; border-top-right-radius: 20px; border-top-left-radius: 20px; }
#sitemapa .drop-btn{ cursor:pointer; color:#FF7200; font-weight:bold; }
#sitemapa .drop-btn:after{ content: ""; z-index: 0; position: absolute; background-size: contain; right: 0px; top: 10px; bottom: 0; width: 6px; height: 6px; border: 0; border-bottom: solid 1px #FF7200; border-right: solid 1px #FF7200; position: absolute; top: 10px; margin-top: 0px; transform: rotate(45deg); }
#sitemapa .active:after{ content: ""; z-index: 0; position: absolute; background-size: contain; right: 0px; top: 0; bottom: 0; width: 6px; height: 6px; border: 0; border-top: solid 1px #FF7200; border-left: solid 1px #FF7200; position: absolute; top: 20px; margin-top: -6px; transform: rotate(45deg); }
#sitemapa .mwdropbtn{ display:none; }
#sitemapa .mwdropbtn a{ display: block; padding: 7px 0px 7px 50px; }
#sitemapa .list{ padding-top:25px; }
#sitemapa .list a{ color:#FF7200; }
#sitemapa .list li{ padding:15px 0px; border-bottom:1px dotted #E0E0E0; position:relative; }
#sitemapa .list li img, #sitemapa .list1 li img{ width:8px; margin-top:-4px; vertical-align:middle; margin-left:8px; }
#sitemapa .box{ padding-top:30px; padding-bottom:10px; border-bottom:1px dotted #E0E0E0; }
#sitemapa .title{}
#sitemapa .list1{ padding-top:20px; flex-wrap:wrap; }
#sitemapa .list1 a{ color:#FF7200; }
#sitemapa .list1 li{ width:48%; margin-right:2%; padding:5px 0px; position:relative;}

/* =================== guardian =================== */

#guardian .orangeinbox{ background:#FF7200; padding:7px 30px; border-radius:16px; color:#fff; line-height:1em; text-align:center; display:inline-block; }
#guardian .orangeinboxbigfont{ color:#fff; }
#guardian .ribbon{ margin-bottom: 30px;}
#guardian .sectitle-box p{ margin-bottom:-20px; }
#guardian .orangecolor{ color:#FF7200; }
#guardian .bluecolor{ color:#00A3E4; }
#guardian .bluebg{ color:#00A3E4; }
#guardian .imgtext{ position: absolute; bottom: 0; left: 0; background:#fff; width: 100px; border-top-right-radius: 20px; padding: 8px 5px; text-align: center;  }

#guardian{}
#guardiana{ background: url(../images/top/topics.svg) center/cover no-repeat; padding-top:75px; padding-bottom:80px; }
#guardiana{}
#guardiana .box{ border: 4px solid #B7E5E1; border-radius: 10px; background-color: #fff; position:relative; }
#guardiana .fbox{ background: url(../images/common/arrow_bottom.svg) center 90% no-repeat; width:33.3%; height:130px; line-height:130px; position:relative; }
#guardiana .fboxl{ position:relative; }
#guardiana .inorangebox{ position:absolute; top:-67px; left:0; width:100%; text-align:center; }
#guardiana .orangebox{ background:#FF7200; width:120px; padding:7px 5px; border-radius:16px; color:#fff; line-height:1em; text-align:center; display:inline-block; }
#guardiana .bigfont{ color:#fff; }
#guardiana .text{ width:100%; display: inline-block; text-align:center; vertical-align: middle; line-height: 1.5em; }
#guardiana .fboxm{ border-left: 4px solid #B7E5E1; }
#guardiana .fboxr{ border-left: 4px solid #B7E5E1; }
#guardiana .box2{ margin-top:45px; }

#guardianb{ background:#F5FBFF; padding-top:80px; padding-bottom:60px; }
#guardianb .ribbon{ margin-bottom:35px; }
#guardianb .container{}

#guardianb .ribbon{}
#guardianb .box{}
#guardianb .box1{ background:#fff; margin-bottom:50px; border:4px solid #B7E5E1; border-radius:10px; }
#guardianb .box1l{ width:50%; padding:40px 0px 10px 30px; }
#guardianb .titlearea{ padding-bottom:30px; align-items:center; }
#guardianb .titleboxl{}
#guardianb .titlebig{}
#guardianb .title{ padding-top:20px; padding-left:20px; }
#guardianb .text{ padding-top:15px; line-height:1.8em; }
#guardianb .box1r{ width:45%; margin-left:5%; }

#guardianb .box2{ background:#fff; margin-bottom:40px; border:4px solid #B7E5E1; border-radius:10px; }
#guardianb .box2l{ width:45%; margin-right:5%; }
#guardianb .box2r{ width:50%; padding:40px 30px 10px 0px; }

#guardianb .box4{ padding-top:5px; }
#guardianb .titleline{}
#guardianb .text1{ padding-top:30px; }
#guardianb .box5{ padding-top:50px; padding-bottom:65px; }


#guardianb .box6l{}
#guardianb .box6l .boxtextl{ background:var(--main-color); }
#guardianb .box6r .boxtextl{ background:var(--gray2-color); }
#guardianb .box6l .titlebox{ background:var(--main-color); }
#guardianb .boxtextr{ width: calc( 100% - 25px ); padding-left:20px;  }
#guardianb .list{}
#guardianb .list li{ background: url(../images/common/dot_black.svg) 0px 8px no-repeat; padding-bottom:4px; padding-left:20px; }
#guardianb .list li:last-child{ padding-bottom:0; }
#guardianb .box6r{ width:48%; background:#fff; padding:0 35px 25px; border-radius:25px; position:relative; }
#guardianb .box6r .titlebox{ background:var(--gray2-color); }
#guardianb .texta{ width:50%; padding-top:10px; text-align:right; }
#guardianb .box6{ margin-top:125px; justify-content:space-between; }
#guardianb .box6l{ width:48%; background:#fff; padding:0 35px 25px; border-radius:25px; position:relative; }
#guardianb .cloudabs{ position:absolute; top:-50px; right:0; padding:20px 50px; border-radius:30px; color:#fff; }
#guardianb .cloudabs{ background: url(../images/common/cloud.svg) top center no-repeat; background-size:cover; }
#guardianb .bluebg{}
#guardianb .titlebox{ padding:13px 10px; margin:0 -35px 0; color:#fff; text-align:center; border-top-right-radius:25px; border-top-left-radius:25px; }
#guardianb .imgbox{ margin-top:40px; }
#guardianb .meta{ margin-top:35px; justify-content:space-between; align-items: flex-end; }
#guardianb .metal{}
#guardianb .metar{}
#guardianb .bigfont{}
#guardianb .boxtext{ margin-top:28px; }
#guardianb .boxtextl{ width:25px; text-align:center; color:#fff; padding-top:50px; }

#guardianb .borderbox{ margin:80px auto 0; max-width:800px; padding-bottom:50px; }
#guardianb .borderbox .title{ padding-top:25px; padding-bottom:15px; }
#guardianb .borderbox .title1{ padding-top:25px; padding-bottom:15px; padding-left:0; }
#guardianb .textb{ line-height:1.6em; }
#guardianb .borderbox .imgbox{ justify-content:space-between; }
#guardianb .borderbox .imgbox img{ width:49%; }

#guardianc{ background:#FFFFF5; padding-top:70px; padding-bottom:60px; }
#guardianc .container{}
#guardianc .ribbon{}
#guardianc .box{ padding-bottom:60px; }
#guardianc .box1{ padding-top:0px; margin:0 auto 10px; max-width:800px; }
#guardianc .titlebox{ align-items:center; padding-bottom:20px; border-bottom:1px solid #C3C3C3; }
#guardianc .titlearea{}
#guardianc .titlebig{ }
#guardianc .title{ padding-top:15px; padding-left:20px;  }
#guardianc .bigcoupon{ color:#fff; }
#guardianc .coupon{ margin-top:20px; }
#guardianc .couponred{}
#guardianc .couponl{ width: calc( 100% - 315px ); padding:30px 25px 0px 25px; }
#guardianc .couponr{ width:315px; }
#guardianc .couponr img{ width:100%; margin:0; }
#guardianc .titlecoupon{ margin-bottom:-15px; }
#guardianc .copupontext{ text-align:left; }

#guardianc .couponblue {}
#guardianc .coupongreen{}

#guardianc .box2{ margin:0 auto; max-width:800px; }
#guardianc .titlebox{}
#guardianc .titlearea{}
#guardianc .titlebig{}

#guardianc .colorbox{}
#guardianc .greenbox{ margin-top:15px; }

#guardianc .titlecouponcolorbox{}
#guardianc .bigcoupontitle{}
#guardianc .textcouponcolorbox{}
#guardianc .greenboxl{ width: calc( 100% - 315px ); padding:30px 25px 0px 25px; }
#guardianc .greenboxr{ width:315px; }
#guardianc .greenboxr img{ width:100%; margin:0; }
#guardianc .bluebox{}
#guardianc .blueboxl{ width: calc( 100% - 315px ); padding:30px 25px 0px 25px;}
#guardianc .blueboxr{ width:315px; }
#guardianc .blueboxr img{ width:100%; margin:0; }
#guardianc .whitebox{ margin-top:20px; background:#fff; padding:30px 20px; border-radius:10px; }
#guardianc .textc{}
#guardianc .textd{ padding-top:20px; }
#guardianc .button{ padding-top:20px; }
#guardianc .btn{}

#guardianc .box3{ padding-top:70px; padding-bottom:80px; }
#guardianc .ribbon1{ background: url(../images/common/titlebg_style1.svg) top left no-repeat; background-size: 320px auto; font-size: 2.7rem; margin-bottom: 20px; padding: 20px 0 30px 25px; }
#guardianc .submeta{}
#guardianc .roundborder{}
#guardianc .text{}
/* #guardianc .list{ margin-top:30px; justify-content:space-between; } */

#guardianc .list1 li{ background:#fff; border-radius:20px; }
#guardianc .list li{}
#guardianc .imgbox{}
#guardianc .textbox{ padding:15px 15px; }
#guardianc .box4{}
#guardianc .list2{ margin-top:45px; }
#guardianc .list2 li{ background:#fff; border-radius:20px; }
#guardianc .list2 .textbox{ padding:15px 15px; }
#guardianc .list2 li p{}
#guardianc .box4{ padding-bottom:15px; }

#guardianc .borderbox{ padding:90px 30px ;}
#guardianc .borderbox1{}
#guardianc .borderinbox{ margin:0 auto; max-width:800px; }
#guardianc .box5{ margin-top:0px; padding-bottom:0;}
#guardianc .box5l{ width:45%; margin-right:5%; }
#guardianc .box5r{ width:50%; }
#guardianc .sectitle{}
#guardianc .box5 .ribbon1{ background: url(../images/common/titlebg_style1red.svg) top left no-repeat; background-size: 380px auto; color:#E8468E; padding-top:15px; margin-bottom:10px; }
#guardianc .box5 p{ line-height:1.8em; }
#guardianc .box5 .button{ margin-top:30px; }
#guardianc .box5 .btn{}
#guardianc .roundtable{ padding-top:80px; justify-content:center; align-items:center }
#guardianc .roundtablebox{ padding:8px 30px; color:#fff; text-align:center; border-radius:30px;  }
#guardianc .roundtablebox1{ background:#E69C2F; margin-right:10px; }
#guardianc .roundtablebox2{ background:#00A3E4; margin-right:10px; }
#guardianc .roundtablebox3{ background:#7FBA65; margin-right:0px; }
#guardianc .rounndtableblack{ width:26px; height:26px; border-radius:13px; line-height:25px; background:#000; color:#fff; margin-right:10px; }
#guardianc .roundtable1{ margin:15px auto 0; width:26px; height:26px; border-radius:13px; line-height:25px; background:#000; color:#fff; }
#guardianc .roundtable2{ margin:27px auto 0; width:100%; background:#D75C96; padding:8px 30px; color:#fff; text-align:center; display:inline-block; border-radius:30px; }


#guardiand{ background:#FAFAFA; padding-top:80px; padding-bottom:60px; }
#guardiand .container{}
#guardiand .imgbox{ position:relative; }
#guardiand .imgtext{ position: absolute; bottom: 0; left: 0; background:#fff; width: 100px; border-top-right-radius: 20px; padding: 5px 5px; text-align: center;  }
#guardiand .ribbon{}
#guardiand .list{ padding-top:20px; justify-content:space-between; flex-wrap:wrap; }
#guardiand .onlist{ width:49%; background:#fff; border-radius:20px; margin-bottom:35px; }
#guardiand .imgbox{ position:relative; }
#guardiand .imgtext{}
#guardiand .textbox{ padding:15px 30px 25px 30px; }
#guardiand .listtitle{}
#guardiand .meta{ padding-top:20px; }
#guardiand .text{ padding-top: 15px; line-height: 1.8em; }
#guardiand .text2{ padding-top:10px; }



#guardiane{ background:#FFF7FB; padding-top:80px; padding-bottom:80px; }
#guardiane .container{}
#guardiane .inlist::before{ content: "\2022";  color: #00BDAC; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
#guardiane .#guardiane .ribbon{}
#guardiane .text{}
#guardiane .title{ padding-top:60px; }
#guardiane .text1{ padding-top:30px; max-width:800px; margin:0 auto; }
#guardiane .borderbox{ max-width:800px; margin: 60px auto 0px; }
#guardiane .borderbox .title{ padding-top:0px; }
#guardiane .textbox1{ padding-top:40px; text-align:center; }
#guardiane .smalltext{}
#guardiane .bigtext{}
#guardiane .button{ padding-top:60px; }
#guardiane .btn{}
#guardiane .list{ padding-top:70px; justify-content:space-between; flex-wrap:wrap; }
#guardiane .onlist{ width:49%; background:#fff; border-radius:20px; margin-bottom:10px; }
#guardiane .onlist:nth-child(3){ width:100%; margin-bottom:0; }
#guardiane .imgbox{ position:relative; }
#guardiane .imgtext{}
#guardiane .textbox{ padding:15px 30px 25px 30px; }
#guardiane .listtitle{}
#guardiane .meta{ padding-top:20px; }
#guardiane .text2{ padding-top: 15px; line-height: 1.8em; }
#guardiane .metalist{ width:50%; }
#guardiane .metalist .inlist{ padding:3px 0px; }
#guardiane .text2{ padding-top:10px; }
#guardiane .borderbox1{ margin-top:70px; border:none; padding:65px 65px 40px; }
#guardiane .borderbox1 .title{ padding-top:0px; }
#guardiane .text3{ padding-top:25px; }


#guardianf{ background:#FAFAFA; padding-top:80px; padding-bottom:50px; }
#guardianf .container{}
#guardianf .borderboxnp{ max-width:800px; margin:70px auto 0;}
#guardianf .box2{}
#guardianf .box2l{ width:50%;  padding:40px 30px 20px 30px; }
#guardianf .iconbox{text-align:center; }
#guardianf .iconbox img{ width:35px; }
#guardianf .title{ margin-top:10px; color:#00BDAC; font-weight:bold; }
#guardianf .bigfont{ color:#00BDAC; font-weight:bold; }
#guardianf .box2r{ width:50%;  padding:50px 40px 30px 40px; border-left:4px solid #B7E5E1; }

#guardianf .inlist1{ }
#guardianf .inlist::before{ content: "\2022";  color: #00BDAC; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
#guardianf .inlist1::before{ content: "\2022";  color: #00BDAC; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

#guardianf .ribbon{}
#guardianf .text{ margin-top:-5px;}
#guardianf .box{ padding-top:60px; }
#guardianf .box1{ padding-top:80px; }
#guardianf .titleline{}
#guardianf .text1{ padding-top:20px; }
#guardianf .borderboxnp{}
#guardianf .box2l{}
#guardianf .iconbox{}
#guardianf .title{}
#guardianf .list{ padding-top:20px; }
#guardianf .list li{}
#guardianf .inlist{ padding:3px 0px; }
#guardianf .box2r{}
#guardianf .box2{ padding-top:40px; }
#guardianf .titleline{}
#guardianf .text1{ padding-top: 30px; line-height: 2em; }
#guardianf .borderbox{ margin-top:60px; }
#guardianf .borderbox1{ padding:20px 50px 30px 50px; }
#guardianf .borderbox .title{}
#guardianf .text1a{ padding-top: 20px; }

#guardianf .borderinbox{ padding-top:50px; }
#guardianf .borderinboxl{ width:62%; }
#guardianf .borderinbox1{ width:50%; }
#guardianf .list1{}
#guardianf .inlist1{ padding:3px 0px 3px; }
#guardianf .borderinbox2{ width:50%; }
#guardianf .borderinboxr{ width:38%; text-align:right; }
#guardianf .borderinboxr img{ max-width:320px; }
#guardianf .box3{ max-width:800px; margin:auto; }
#guardianf .text2{ padding-top:20px; padding-bottom:40px; }
#guardianf .text1b{ padding-top:20px; padding-bottom:20px; line-height:1.8em; }
#guardianf .img-box{}


#guardiang{ background:#F5FBFF; padding-top:80px; padding-bottom:230px; }
#guardiang .container{}
#guardiang .ribbon{}
#guardiang .text{ padding-top:0px; }
#guardiang .button{ padding-top:50px; }
#guardiang .btn{}










/* =================== 2024.01.05追記 =================== */

.pdf-link-wrap{
  max-width: 1300px;
  padding: 0 50px;
  margin: 0 auto;
}
.pdf-link{
  max-width: 1200px;
  text-align: center;
  border-radius: 10px;
  color: #ffaa50;
  margin: 0 auto;
  margin-top: 7rem;
  border: 4px solid #ffaa50;
}
.pdf-link a{
  max-width: 100%;
  display: block;
  padding: 3rem 0;


}
.pdf-link a span{
  background: url(../images/common/pdf_icon.svg) 100% 50%/15px no-repeat;
  display: inline-block;
  padding-right: 20px;
}

@media screen and (max-width: 1080px){
  .pdf-link-wrap{
    padding: 0 20px;
  }
}
@media screen and (max-width: px){}













/* =================== about =================== */
/* =================== about =================== */



/* =================== 2024.05.15追記 =================== */

#sixpointsa .box2{ margin-top:70px; margin-bottom:60px; }
#sixpointsa .box3{ margin-top:70px; }

#sixpointsc{ background: url(../images/common/whitebg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:80px; }

#sixpointsd .box1{ margin-top: 40px;}
#sixpointsd .box1 .list{ justify-content: space-between;}

#sixpointsd .box2{ margin-top:80px; }
#sixpointsd .sectitle{}
#sixpointsd .ribbon1{ background-size: 320px auto; padding-top:20px; }
#sixpointsd .list2{ margin-top:45px; flex-wrap:wrap; }
#sixpointsd .list2 li{ width:24%; background:#fff; margin-bottom:30px; border-radius:20px; }
#sixpointsd .list2 .textbox{ padding:15px 15px; }
#sixpointsd .list2 li p{}
#sixpointsd .box2 .button{ margin-top:10px; }
#sixpointsd .box2 .btn{}

#sixpointsd .box3{ margin-top:90px; }
#sixpointsd .box3l{ width:52%; }
#sixpointsd .box3r{ width:40%; margin-left:8%; }
#sixpointsd .sectitle{}
#sixpointsd .box3 .ribbon1{ background: url(../images/common/titlebg_style1red.svg) top left no-repeat; background-size: 380px auto; color:#E8468E; padding-top:15px; }
#sixpointsd .box3 p{ line-height:1.8em; }
#sixpointsd .box3 .button{ margin-top:30px; }
#sixpointsd .box3 .btn{}

#sixpointsd .sectitle-box{ margin-top:120px; }
#sixpointsd .sectitle-box p{}
#sixpointsd .ribbon{ margin-bottom:0px; }
#sixpointsd .ribbon1 { margin-bottom: 15px;}

#sixpointsd .borderbox{ margin:25px auto 0; padding-top:50px; padding-bottom:40px; max-width:790px; }
#sixpointsd .borderbox title{}
#sixpointsd .borderbox .text{ padding-top:20px; }
#sixpointsd .list3{ margin-top:25px;  justify-content:center; }
#sixpointsd .list3 li{ padding:20px 40px 5px; }
#sixpointsd .list3 li img{ width:110px; }
#sixpointsd .list3 p{ margin-top:10px; }
#sixpointsd .borderbox .button{ margin-top:30px; }
#sixpointsd .borderbox .btn{}

#sixpointse{ background: #F5FBFF ; padding-top:80px; padding-bottom:80px; }
#sixpointse .container{  }
#sixpointse .pointbox{ margin-top:40px; }
#sixpointse .poingboxl{}
#sixpointse .pointmetabox{}
#sixpointse .pointbigfont{}
#sixpointse .pointtitle{}
#sixpointse .pointp{}
#sixpointse .pointboxr{}
#sixpointse .normalslider{ margin-top:85px; }
#sixpointse .normalslider .slid{ padding:0 20px; }
#sixpointse .slick-dots{ bottom:-25px; }
#sixpointse .slick-dots li button{ margin-top:0; border-radius:12.5px; }
#sixpointse .slick-dots li{ margin:0 8px; }
#sixpointse .slick-dots li button{ width: 5px; height: 5px; padding: 5px;  border:1px solid #00275A; }
#sixpointse .slick-dots li button:before{ content: ''; }
#sixpointse .slick-dots li.slick-active button{ background:#00275A; }
#sixpointse .slick-dots li, #top #sec04 .slick-dots li button{ width:5px; height:5px; }

#sixpointsf{ background: url(../images/common/whitebg.svg) center/cover no-repeat; padding-top:80px; padding-bottom:80px; }
#sixpointsf .container{}
#sixpointsf .pointbox{ margin-top:40px; }
#sixpointsf .poingboxl{}
#sixpointsf .pointmetabox{}
#sixpointsf .pointbigfont{}
#sixpointsf .pointtitle{}
#sixpointsf .pointp{}
#sixpointsf .pointboxr{}

#sixpointsf .box{ margin-top:80px; }
#sixpointsf .box1{ justify-content: space-between; }
#sixpointsf .box1l{ width:47%; background:#fff; border-radius:20px; }
#sixpointsf .textbox{ height:110px; padding:30px 30px 0px; }
#sixpointsf .box1r{ width:47%; background:#fff; }

#sixpointsf .borderboxnp{ max-width:800px; margin:40px auto 0;}
#sixpointsf .box2{}
#sixpointsf .box2l{ padding:30px 50px 30px 50px; }
#sixpointsf .iconbox{ text-align:center; }
#sixpointsf .iconbox img{ width:35px; }
#sixpointsf .title{ margin-top:10px; }
#sixpointsf .box2 .text{ margin-top:20px; line-height:2em; }
#sixpointsf .box2r{ padding:30px 50px 30px 50px; border-left:4px solid #B7E5E1; }

#sixpointsf .box3{ margin-top:105px; }
#sixpointsf .box3l{ width:50%; }
#sixpointsf .box3r{ width:44%; margin-left:6%; }
#sixpointsf .sectitle{}
#sixpointsf .ribbon1{ background: url(../images/common/titlebg_style1_2lines.svg) top left no-repeat; background-size: 380px auto; font-size: 2.7rem; margin-bottom: 10px; padding: 12px 0 30px 40px; }
#sixpointsf .box3 .title{}
#sixpointsf .text{ margin-top:15px; }

#sixpointsg{ background: url(../images/common/yellowbg.svg) center/cover no-repeat; padding-top:60px; padding-bottom:50px; }
#sixpointsg .container{}
#sixpointsg .pointbox{ margin-top:40px; }
#sixpointsg .poingboxl{}
#sixpointsg .pointmetabox{}
#sixpointsg .pointbigfont{}
#sixpointsg .pointtitle{}
#sixpointsg .pointboxr{}

#sixpointsg .borderbox{ margin-top:85px; padding-top:45px; padding-left:45px; padding-right:45px; }
#sixpointsg .sectitle-box{}
#sixpointsg .borderbox p{}
#sixpointsg .sectitle{}
#sixpointsg .ribbon{}
#sixpointsg .box{ justify-content:space-between; }
#sixpointsg .bbox{ padding:25px 25px; border-radius:15px; }
#sixpointsg .bboxl{ width:32%; }
#sixpointsg .bgorange{}
#sixpointsg .btitlel{}
#sixpointsg h5{ padding-bottom:10px; border-bottom:2px dotted #A0A0A0; }
#sixpointsg .orangecolor{}
#sixpointsg .btext{ margin-top:20px; line-height:1.6em; }
#sixpointsg .bboxm{ width:32%; }
#sixpointsg .bggreen{}
#sixpointsg .btitlem{}
#sixpointsg .greencolor{}
#sixpointsg .bboxr{ width:32%; }
#sixpointsg .bgblue{}
#sixpointsg .btitler{}

#sixpointsg .text1{ margin-top:30px; }
#sixpointsg .boxroundv1{ background:#E38396; margin-top:40px; padding:40px 30px; color:#fff; line-height:1.35em; border-radius:20px; }
#sixpointsg .box{ margin-top:60px; }
#sixpointsg .box1{ margin-top:70px; }
#sixpointsg .box1l{ width:50%; }
#sixpointsg .box1 .sectitle{}
#sixpointsg .box1 .ribbon1{}
#sixpointsg .text{ line-height:1.7em; }
#sixpointsg .box1r{ width:40%; margin-left:10%; }
#sixpointsg .box1 .ribbon1{ background: url(../images/common/titlebg_style1long.svg) top left no-repeat; background-size:auto 75%; padding:12px 0 30px 20px; margin-bottom:20px; }

#sixpointsg .box2{ margin-top:70px; justify-content: space-between; }
#sixpointsg .box2l{ width:32%; background:#fff; padding:25px 20px; }
#sixpointsg .pointmetabox{}
#sixpointsg .bluebg{}
#sixpointsg .pointbigfont{}
#sixpointsg .titlebox2{ margin-top:10px; padding-bottom:15px; border-bottom:2px dotted #A0A0A0; }
#sixpointsg .textbox2{ margin-top:15px; }
#sixpointsg .box2m{ width:32%; background:#fff; padding:25px 20px; }
#sixpointsg .bluebg{}
#sixpointsg .box2r{ width:32%; background:#fff; padding:25px 20px; }
#sixpointsg .box2 .pointmetabox{ padding:3px 5px; }

#sixpointsh{ background: url(../images/common/whitebg.svg) center/cover no-repeat; padding-top:20px; padding-bottom:40px; }
#sixpointsh .container{}
#sixpointsh .pointbox{ margin-top:40px; }
#sixpointsh .poingboxl{}
#sixpointsh .pointmetabox{}
#sixpointsh .pointbigfont{}
#sixpointsh .pointtitle{}
#sixpointsh .pointp{}
#sixpointsh .pointboxr{}
#sixpointsh .text1{ margin-top:60px; }
#sixpointsh .ungucolor{}
#sixpointsh .text2{ margin-top:30px; }

#sixpointsi{ background: url(../images/common/pinkbg.svg) center/cover no-repeat; padding-top:50px; padding-bottom:230px; }
#sixpointsi .container{}
#sixpointsi .box{}
#sixpointsi .box1{ margin-top:70px; justify-content:space-between; }
#sixpointsi .box1l{ width:48%; background:#fff; padding:0 35px 25px; border-radius:25px; position:relative; }
#sixpointsi .cloudabs{ position:absolute; top:-50px; right:0; padding:20px 50px; border-radius:30px; color:#fff; }
/*#sixpointsh .cloudabs{ background: url(../images/common/cloud.svg) top center no-repeat; background-size:cover; }*/
#sixpointsi .bluebg{}
#sixpointsi .titlebox{ padding:13px 10px; margin:0 -35px 0; color:#fff; text-align:center; border-top-right-radius:25px; border-top-left-radius:25px; }
#sixpointsi .imgbox{ margin-top:40px; }
#sixpointsi .meta{ margin-top:35px; justify-content:space-between; align-items: flex-end; }
#sixpointsi .metal{}
#sixpointsi .metar{}
#sixpointsi .bigfont{}
#sixpointsi .boxtext{ margin-top:28px; }
#sixpointsi .boxtextl{ width:25px; text-align:center; color:#fff; padding-top:50px; }
#sixpointsi .box1l .boxtextl{ background:var(--main-color); }
#sixpointsi .box1r .boxtextl{ background:var(--gray2-color); }
#sixpointsi .box1l .titlebox{ background:var(--main-color); }
#sixpointsi .boxtextr{ width: calc( 100% - 25px ); padding-left:20px;  }
#sixpointsi .list{}
#sixpointsi .list li{ background: url(../images/common/dot_black.svg) 0px 8px no-repeat; padding-bottom:4px; padding-left:20px; }
#sixpointsi .list li:last-child{ padding-bottom:0; }
#sixpointsi .box1r{ width:48%; background:#fff; padding:0 35px 25px; border-radius:25px; position:relative; }
#sixpointsi .box1r .titlebox{ background:var(--gray2-color); }

#sixpointsi .borderbox{ margin-top:60px; padding:45px 50px 70px; }
#sixpointsi .sectitle-box{}
#sixpointsi .sectitle{}
#sixpointsi .ribbon{}
/*#sixpointsh .box2l:hover, #sixpointsh .box2m:hover, #sixpointsh .box2r:hover{ opacity:0.6; }*/
#sixpointsi .box2{ padding-top:30px; align-items:center; justify-content:space-between; }
#sixpointsi .box2l{ position:relative; background:#4F86C3; border-radius:25px; padding:55px 25px 15px; }
#sixpointsi .box2m{ position:relative; background:#4F86C3; border-radius:25px; padding:55px 25px 15px; }
#sixpointsi .box2r{ position:relative; background:#4F86C3; border-radius:25px; padding:55px 25px 15px; }
#sixpointsi .innumber{ position:absolute; top:-40px; left:0; width:100%; text-align:center;}
#sixpointsi .number{ background:#fff; width:80px; height:80px; border-radius:40px; margin:0 auto; line-height:70px; border:5px solid #4F86C3; color:#4F86C3; }
#sixpointsi .box2title{ margin:0px 10px 20px; padding-bottom:15px; border-bottom:2px dotted #fff; color:#fff; text-align:center; }
#sixpointsi .box2text{ margin-top:15px; margin-bottom:0px;  color:#fff; height:70px; }
#sixpointsi .box2img{ }
#sixpointsi .box2img img{ width:40px; margin:0 10px 0px 0px; }
#sixpointsi .boxroundv1{ background:#E38396; margin-top:40px; padding:50px 30px; color:#fff; line-height:1.5em; border-radius:20px; }


/* 追加分 */
#sixpointsa .box3 {width: calc(100% / 3);}
#sixpointsa .box.box3 .fbox{ width: 100%;}

#sixpointsc .list{flex-wrap: wrap;}
#sixpointsc .list1 li{ margin-bottom: 30px;}
#sixpointsc .textbox-btm{ padding: 15px 15px; padding-top: 0;}

#cacademya .list1{ flex-wrap: wrap;}
#cacademya .list1 li{ margin-bottom: 30px;}
#cacademya .list1 .textbox-btm{ padding: 15px 15px; padding-top: 0;}
#cacademya .list1 .textbox {background: none;}

#guardianc .list{ margin-top:30px; gap: 15px; display: grid; grid-template-columns: repeat(4, 1fr);}
#guardianc .list .textbox-btm{ padding: 15px 15px; padding-top: 0;}

#top .fv { background-color: #FFF6EF;}
#top .fv .container {max-width: 1300px;}
#top .fv-btm{padding: 50px 0;}
#top .fv-btm .fv-btm-left, #top .fv-btm .fv-btm-right { width: 50%;}
/* #top .fv-btm .fv-btm-right{margin-top: 20px;} */
/* #top .fv-btm .fv-btm-right ul { flex-wrap: wrap; justify-content: space-between} */
/* #top .fv-btm .fv-btm-right ul li{width: calc((100% - 10px)/3); margin-bottom: 5px;} */
#top .fv-btm-flex{align-items: center;}

#aboutgroupa .list li p{
  color: #8E8E8E;
  margin-top: 3px;
}

/* 20240801追記 */
.fv-under-tx div{
  background: #fff;
  padding: 1rem;
  border: 1px solid #E81916;
}
#top .fv-btm .fv-btm-left ul {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2rem;
}
#top .fv-btm .fv-btm-left ul li{
  width: calc((100% - 10px)/3);
  margin-bottom: 5px;
}
#top .fv-btm .fv-btm-right{
  border: 2px solid var(--main-color);
  padding: 4rem 5rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  margin-left: 6.5rem;
}
#top .fv-btm .fv-btm-right ul{
  display: flex;
  flex-wrap: wrap;
}
#top .fv-btm .fv-btm-right ul li{
  width: calc((100% - 10px)/2);
}
#top .fv-btm .fv-btm-right .small-tx{
  font-weight: 400;
}

.fix-cta .box a.arrow-adj{
  padding: 10px 5px 20px !important;
  line-height: 1.2;
}
.fix-cta .box a.arrow-adj img{
  margin-bottom: 3px;
}
.fix-cta .box .btn.arrow.arrow-adj:after{
  bottom: -70px;
}

/* 20240904追記 */
#top .fv-under-tx{
  width: min(70vw, 100%);
  margin-inline: auto;
}
@media screen and (max-width: 990px){
  #top .fv-under-tx{
    width: 100%;
  }
}
#top .fv_wrap{
  position: relative;
}

@media screen and (max-width: 990px){
  #top .fv_wrap{
  margin-bottom: 80px;
  }
}
#top .fv .link_btn { 
  position: absolute;
  bottom: -120px;
  left: 5%;
}
@media screen and (max-width: 990px){
  #top .fv .link_btn { 
    position: absolute;
    bottom: -55px;
    left: 5%;
  }
    }
#top .fv .link_btn img{ 
  width: min(15vw, 180px);
  height: min(15vw, 180px);
  }

  @media screen and (max-width: 990px){
#top .fv .link_btn img{ 
  width: min(28vw, 180px);
  height: min(28vw, 180px);
  }
  }

  /* 202410追記 */
  #single-detail .thumbnail-box{
    width: 50%;
    margin: 80px auto;
  }
  #single-detail .meta-box .meta .cat-box{
    margin-bottom: 5px;
  }
  #visit .meta-box .meta .cat-box{
    margin-bottom: 0;
  }
  #visit .event-list li .entry-box{
    margin-top: 30px;
  }
  #entrya .listbox img{
    border-radius: 20px 20px 0 0;
}

/* 202504追記 */
#top .fv-btm ul{
  margin-top: 4rem;
  flex-wrap: wrap;
  gap: 5px;
}
#top .fv-btm ul li {
  width: calc((100% - 20px) / 5);
}
#top .fv-btm-img{
  text-align: center;
}
#top .fv-btm-img img{
  max-width: 570px;
}
@media screen and (max-width: 640px){
  #top .fv-btm ul{
    margin-top: 2rem;
  }
  #top .fv-btm ul li {
    width: calc((100% - 10px) / 3);
  }
}