@charset "utf-8"; /* CSS Document */ /* font =========================================== */ @font-face {/*NotoSansJP*/ font-family: 'NotoSansJP'; src: url('../fonts/font/NotoSansJP-Medium.otf'); src: url('../fonts/font/NotoSansJP-Medium.woff2') format('woff2'), url('../fonts/font/NotoSansJP-Medium.woff') format('woff'), url('../fonts/font/NotoSansJP-Medium.ttf') format('TrueType'); font-weight: 500; } @font-face {/*NotoSansJP*/ font-family: 'NotoSansJP'; src: url('../fonts/font/NotoSansJP-Bold.otf'); src: url('../fonts/font/NotoSansJP-Bold.woff2') format('woff2'), url('../fonts/font/NotoSansJP-Bold.woff') format('woff'), url('../fonts/font/NotoSansJP-Bold.ttf') format('TrueType'); font-weight: 700; } @font-face {/*NotoSansJP*/ font-family: 'NotoSansJP'; src: url('../fonts/font/NotoSansJP-ExtraBold.otf'); src: url('../fonts/font/NotoSansJP-ExtraBold.woff2') format('woff2'), url('../fonts/font/NotoSansJP-ExtraBold.woff') format('woff'), url('../fonts/font/NotoSansJP-ExtraBold.ttf') format('TrueType'); font-weight: 800; } @font-face {/*NotoSerifJP*/ font-family: 'Roboto'; src: url('../fonts/font/Roboto-Bold.otf'); src: url('../fonts/font/Roboto-Bold.woff2') format('woff2'), url('../fonts/font/Roboto-Bold.woff') format('woff'), url('../fonts/font/Roboto-Bold.ttf') format('TrueType'); font-weight: 700; } /*共通*/ body{overflow: hidden;width: 100%;} .pc {display:none!important;} .sp {display:block;} body { color: #0B0B0B; background-color: #fff; background-image: linear-gradient(#F7F7F7 1px, transparent 1px), linear-gradient(90deg, #F7F7F7 1px, transparent 1px); background-size: 63px 63px; font-size:16px; line-height:1.6; line-height:normal; font-family: 'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: 500; font-style: normal; word-break: break-all;} img{width:100%;height:auto;} table {width: 100%;table-layout: fixed;} h1,h2,h3,h4,h5,h6{font-weight: 700;} a:link, a:visited { color: #0B0B0B; text-decoration: none; transition: 0.3s; } .wrap{position:relative;} a {color: #0B0B0B;} :focus { outline: none;} input, select { -webkit-appearance: auto; appearance: auto; } /*共通設定*/ .btn01 {width:100%;height:64px;display:table;margin:0 auto;} .btn01 a {display:table-cell;vertical-align:middle;text-align:center;font-weight:bold;text-decoration:none;background:#fff;border:2px solid #0B0B0B;border-radius:40px;overflow:hidden;position:relative;} .btn01 a span {position:relative;z-index: 2;} .btn01 a::before {content:"";background:url("../img/common/btn01.svg") no-repeat;width:20px;height:20px;background-size:contain;position:absolute;top:0;bottom:0;right:24px;margin: auto;z-index: 2;} .btn01 a::after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#0B0B0B;transform-origin:100% 50%;scale:0 1;transition:scale 0.3s ease;} .btn02 a {background:#CC522F;color:#fff;} .btn02 a::after {background:#C04420;} .btn01.blank a span {padding-left:32px;display:inline-block;background:url("../img/common/blank.svg") no-repeat center left;} .btn01.blank a::before {content:none;} .title01 {line-height:1;text-align:center;} .title01 .p_fuki01 {font-weight:bold;margin-bottom:17px;} .title01 .p_fuki01 .waku {display: inline-block;padding:8px 16px;background:#0B0B0B;border-radius:40px;position:relative;color:#fff;} .title01 .p_fuki01 .waku::after {content:"";width:21px;height:9px;background:url("../img/common/p_fuki01.svg") no-repeat;background-size:contain!important;position:absolute;left:0;right:0;bottom:-9px;margin:auto;} .title01 .p_fuki01 .big {color: #FFE476;font-size: 26px;line-height: 0;position: relative;top: -1px;margin-right: 4px;z-index:2;} .title01 .p_fuki01 .big::before {content: attr(data-text);position: absolute;color: #0B0B0B;z-index: -1;-webkit-text-stroke: 3px #0B0B0B;top: -3px;margin: auto;line-height: normal;white-space: nowrap;} .title01 h2 {font-size:40px;line-height:1.25;} .title01 .p_fuki02 {font-weight:bold;margin-bottom:17px;font-size:18px;} .title01 .p_fuki02 .waku {display: inline-block;padding:8px 16px;background:#0D784F;border-radius:40px;position:relative;color:#fff;} /*ウェブフォント*/ .tcenter {text-align: center;} .tright {text-align: right;} .roboto {font-family: 'Roboto';font-weight:bold;} /*色*/ .shiro {color:#fff;} .orange {color:#CC522F;} .yellow {color:#FFDC50;} .ao {color:#3374B7;} .mt20 {margin-top: 20px;} .flex {width: 100%; margin: 0 ; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*header ---------------------------------------------------------------*/ #header {width:100%;position:fixed;transition: 0.3s;left:0;right: 0;top:0;margin: auto;z-index: 100;background:#fff;border-bottom:1px solid #0B0B0B;} .header_inner {display: block;height: 100%;} .header_inner .left {display: block;height: 100%;} .header_inner .left .p01 {display:none;} .header_inner .logo {padding-left:15px;} .header_inner .logo a {display: block;width:164px;height:56px;background: url("../img/common/logo_sp.svg") no-repeat center left;background-size: contain!important;} .header_inner .logo a img {display:none;} .header_inner .right {display:none;} /* nav =========================================== */ .sp-nav-btn {width: 80px;height:56px;position: absolute;box-sizing: border-box;text-align: center;top: 0;right:0;background:#132B51;margin: auto;transition: 0.3s;display: table;z-index: 109;} .sp-nav-btn:before{content:"";width:32px;height:2px;background:#fff;position: absolute;top:8px;left:0;right:0;margin:auto;transition: 0.3s;box-shadow: 0 9px 0 0 #fff;} .sp-nav-btn:after{content:"";width:32px;height:2px;background:#fff;position: absolute;top:26px;left:0;right:0;margin:auto;transition: 0.3s;} .sp-nav-btn span {width:100%;font-family: 'Roboto';font-weight:bold;text-align:center;font-size:13px;line-height:1;color:#fff;display: table-cell;vertical-align: bottom;padding-bottom:9px;} .sp-nav-btn.opon:before {transform: rotateZ(45deg);top:18px;box-shadow: none!important;} .sp-nav-btn.opon:after {transform: rotateZ(-45deg);top:18px;} div.navs-list {position: fixed;width: 100%;height:calc(100% - 57px);z-index: 102;top: 57px;padding:32px 20px;box-sizing: border-box;right:-100%;transition: 0.3s;overflow-x: hidden;overflow-y: auto;background:#fff;} div.navs-list.opon {right:0;} div.navs-list > ul {margin: 0 auto 50px;} div.navs-list > ul > li {margin-bottom:25px;font-size:18px;line-height:26px;font-weight:bold;} div.navs-list > ul > li:last-child {margin-bottom:0;} div.navs-list > ul > li > a {padding-left:22px;display:block;text-decoration:none;background: url("../img/common/jap.svg") no-repeat center left;background-size:18px;} div.navs-list .nav-box_info {text-align:center;} div.navs-list .nav-box_info .tel {margin-bottom:3px;} div.navs-list .nav-box_info .tel a {font-size:32px;line-height:1;} div.navs-list .nav-box_info .tel a span {display:inline-block;padding-left:58px;background:url("../img/common/tel.svg") no-repeat center left;background-size:50px;} div.navs-list .nav-box_info .time {font-weight:bold;} div.navs-list .nav-box_info .time span {display:inline-block;margin:0 6px;} .h_contact01 {width:100%;height:64px;display:table;margin:24px auto 10px;} .h_contact01 a {display:table-cell;vertical-align:middle;text-align:center;font-size:18px;font-weight:bold;text-decoration:none;color:#fff;background:#CC522F;border:2px solid #0B0B0B;border-radius:40px;overflow:hidden;position:relative;} .h_contact01 a span {position:relative;z-index: 2;} .h_contact01 a::before {content:"";background:url("../img/common/btn01.svg") no-repeat;width:20px;height:20px;background-size:contain;position:absolute;top:0;bottom:0;right:24px;margin: auto;z-index: 2;} .h_contact01 a::after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#C04420;transform-origin:100% 50%;scale:0 1;transition:scale 0.3s ease;} .h_contact02 {width:100%;height:64px;display:table;} .h_contact02 a {display:table-cell;vertical-align:middle;text-align:center;font-size:18px;font-weight:bold;text-decoration:none;background:#fff;border:2px solid #0B0B0B;border-radius:40px;overflow:hidden;position:relative;} .h_contact02 a span {position:relative;z-index: 2;display: inline-block;padding-left: 32px;background: url("../img/common/mail.svg") no-repeat bottom 1px left;} .h_contact02 a::before {content:"";background:url("../img/common/btn01.svg") no-repeat;width:20px;height:20px;background-size:contain;position:absolute;top:0;bottom:0;right:24px;margin: auto;z-index: 2;} .h_contact02 a::after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#0B0B0B;transform-origin:100% 50%;scale:0 1;transition:scale 0.3s ease;} /* main */ /*-------------------------------------------*/ #main {margin-top:56px;} #main.home_main {} #main.home_main .home_main_in {} #main.home_main .home_main_in .img_list {margin-bottom:2vw;} #main.home_main .home_main_in .img_list .img {width:50%;} #main.home_main .home_main_in .cnt01 {position:relative;margin-bottom:4.27vw;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;} #main.home_main .home_main_in .cnt01 h3 {font-size:5vw;} #main.home_main .home_main_in .cnt01 h3 span {font-size:4vw;padding:2vw;color:#fff;background:#CC522F;display:inline-block;margin-right:1vw;border-radius:1vw;line-height: 1;} #main.home_main .home_main_in .cnt01 .maru {width:25%;} #main.home_main .home_main_in .cnt01 h2 {width: 90%;margin: 0 auto;margin-top: 0px;margin-top: 2vw;} #main.home_main .home_main_in .box_list {margin: 0 auto 2vw;display: block;width: 90%;} #main.home_main .home_main_in .box_list .box {width:100%;margin-bottom:9vw;border:2px solid #0B0B0B;box-sizing:border-box;border-radius: 2vw;} #main.home_main .home_main_in .box_list .box:last-child {margin-bottom:0;} #main.home_main .home_main_in .box_list .box h4 {font-size:5vw;font-weight:800;color:#fff;line-height:11vw;border-radius:1.3vw 1.3vw 0 0;} #main.home_main .home_main_in .box_list .box01 {background:#EFFFF9;position:relative;} #main.home_main .home_main_in .box_list .box01::before {content:"";background:url("../img/common/batsu.svg") no-repeat;width:5vw;height:5vw;background-size:contain;position:absolute;left:0;right:0;bottom:-7.6vw;margin: auto;} #main.home_main .home_main_in .box_list .box01 h4 {background: repeating-linear-gradient(-45deg,#0F8B5C 0,#0F8B5C 9px,#0D915F 9px,#0D915F 18px);} #main.home_main .home_main_in .box_list .box01 .box_in {padding: 2.5vw 0 3vw;font-size: 6vw;line-height:1.35;color:#14513A;font-weight:800;} #main.home_main .home_main_in .box_list .box01 .box_in .mini {font-size:5.2vw;} #main.home_main .home_main_in .box_list .box02 {background:#EFF7FF;} #main.home_main .home_main_in .box_list .box02 h4 {background: repeating-linear-gradient(-45deg,#31659C 0,#31659C 9px,#366CA4 9px,#366CA4 18px);} #main.home_main .home_main_in .box_list .box02 .box_in {padding: 2.5vw 0 3vw;font-size: 6vw;line-height:1.35;color:#1E4974;font-weight:800;} #main.home_main .home_main_in .box_list .box02 .box_in .mini {font-size:5.2vw;} #main.home_main .home_main_in .cnt02 {width:90%;margin:0 auto;} #main.home_main .home_main_in .cnt02 .text01 {font-size: 4.8vw;line-height:1.3;font-weight:800;text-align: center;margin: 3vw auto 2vw;} #main.home_main .home_main_in .cnt02 .text01 .big {font-size:6vw;} #main.home_main .home_main_in .cnt02 .img {width:90%;margin:3vw auto 0;} /* 下層 main */ /*-------------------------------------------*/ #main.kasou {padding:48px 0;background:#3374B7;position:relative;line-height:1;text-align:center;} #main.kasou .eng {font-size:80px;font-family: 'Roboto';font-weight: bold;color:#3577BC;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-transform:uppercase;white-space: nowrap;} #main.kasou .jap {font-size:24px;font-weight:800;color:#fff;position:relative;z-index:2;white-space:nowrap;} #main.kasou.kasou02 {padding:38px 0;} #main.kasou.kasou02 .jap01 {font-size:16px;font-weight:800;color:#fff;position:relative;z-index:2;margin-bottom:4px;} /*パンくず*/ div#bread {height:0;position:relative;top:8px;z-index:3;padding:0 5%;} ul.bread-list {flex-wrap: nowrap;white-space: nowrap;overflow: hidden;-webkit-line-clamp: 1;} ul.bread-list li {font-size:12px;line-height:1.2;} ul.bread-list li a {text-decoration:none;} ul.bread-list li:after{content:">";margin: 0 5px;} ul.bread-list li:last-child:after{content:none;} /* TOPへ戻る・追従 */ /*-------------------------------------------*/ #fixed_trigger {position: absolute;left: 0;top:56px;z-index: -100;} .kotei_btn_list {position:fixed;bottom:-56px;left:0;z-index:99;width:100%;display:flex;transition:0.3s;} .fixed .kotei_btn_list {bottom:0;} .kotei_btn_list .kotei_btn {;height:56px;display:table;} .kotei_btn_list .kotei_btn a {display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-weight: bold;text-decoration:none;font-size:17px;border:2px solid #000;} .kotei_btn_list .kotei_btn a span {display:inline-block;padding-right:22px;background: url("../img/common/jap.svg") no-repeat center right;background-size:17px;} .kotei_btn_list .kotei_btn.kotei_btn01 {width:60%;} .kotei_btn_list .kotei_btn.kotei_btn02 {width:40%;} .kotei_btn_list .kotei_btn.kotei_btn01 a {background:#CC522F;border-right:0;} .kotei_btn_list .kotei_btn.kotei_btn02 a {background:#0F8B5C;} /* CLEARFIX =========================================== */ .cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; } .cf { min-height: 1px; } * html .cf { height: 1px;/*¥*//*/ height: auto; overflow: hidden; /**/ } /* iOSでのデフォルトスタイルをリセット */ input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; } input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; } /*ライトボックス設定*/ #fancybox-wrap { padding: 0!important;width: 100%!important;left: 0!important;} div#fancybox-content {border:none;width: 92%!important;padding: 2%;margin: 2%;height: auto!important;} div#fancybox-outer {background: none;} #fancybox-close {position: absolute; top: 0!important;right: 0!important;} section {position:relative;} /* footer */ /*-------------------------------------------*/ #footer {} .footer_contact {background: url("../img/common/bg01.png")no-repeat center top 40px #0F8B5C;background-size:1080px;width:calc(100% - 10%);border-radius:20px;margin:0 auto 80px;padding:60px 5%;box-sizing: border-box;} .footer_contact .title01 {margin-bottom:24px;} .footer_contact .title01 h2 {font-size:30px;} .footer_contact .cnt01 {width:100%;margin:0 auto 40px;display:block;background:#0D7C52;position:relative;} .footer_contact .cnt01::before {content:"";background: url("../img/common/illust02.png") no-repeat;background-size:contain;width: 120px;height:114px;position:absolute;right:-60px;top:-40px;} .footer_contact .cnt01 tbody {display:block;width:100%;} .footer_contact .cnt01 tr {display:block;width:100%;} .footer_contact .cnt01 th {display:block;width:100%;font-size:20px;font-weight:800;font-style:italic;text-align: center;background:rgba(11,107,70,0.8);line-height:40px;border-radius:10px 10px 0 0;} .footer_contact .cnt01 td {line-height:1;display:block;width:100%;background:#0D7C52;text-align:center;;border-radius:0 0 10px 10px;padding:16px 0;} .footer_contact .cnt01 td p {font-size:18px;margin-bottom:4px;font-weight:bold;} .footer_contact .cnt01 td h3 {font-size:20px;line-height:1.25;} .footer_contact .cnt02 {display:block;} .footer_contact .cnt02 .box {width:100%;background:#fff;border:2px solid #0B0B0B;border-radius:10px;box-sizing:border-box;padding:24px 0;position:relative;} .footer_contact .cnt02 .box.box01 {margin-bottom:8px;} .footer_contact .cnt02 .box h3 {font-size:20px;line-height:1.2;} .footer_contact .cnt02 .box h3 span {display:inline-block;padding-left:28px;} .footer_contact .cnt02 .box.box01 h3 span {background:url("../img/common/mail.svg") no-repeat bottom 1px left;} .footer_contact .cnt02 .box.box01 .h_contact01 {width:90%;margin:16px auto 0;} .footer_contact .cnt02 .box.box01 .h_contact01 a {font-size:16px;} .footer_contact .cnt02 .box.box01 .h_contact01 a::before {right:15px;} .footer_contact .cnt02 .box.box02 h3 span {background:url("../img/common/tel02.svg") no-repeat bottom left;} .footer_contact .cnt02 .box.box02 .tel {margin-top:15px;} .footer_contact .cnt02 .box.box02 .tel a {font-size:32px;line-height:1;} .footer_contact .cnt02 .box.box02 .tel a span {display:inline-block;padding-left:48px;background:url("../img/common/tel.svg") no-repeat center left;background-size:44px;} .footer_contact .cnt02 .box.box02 .time {font-weight:bold;text-align:left;width: 154px;margin: 8px auto 0;} .footer_contact .cnt02 .box.box02 .time span {display:none;} .footer_contact .form_link {margin-top:32px;line-height:24px;} .footer_contact .form_link a {padding:0 28px 0 32px;background:url("../img/common/form_link.svg") no-repeat center right,url("../img/common/mail02.svg") no-repeat center left;position:relative;text-decoration:none;color:#fff;} .footer {padding:80px 5% 96px;background:#F5F5F5;} .footer .cnt01 {display:block;margin-bottom:60px;} .footer .cnt01 .logo {width:220px;margin:0 auto 40px;} .footer .cnt01 .right {justify-content:center;} .footer .cnt01 .right .f_nav {display: block;width: auto;margin-right:40px;} .footer .cnt01 .right .f_nav ul {} .footer .cnt01 .right .f_nav ul li {margin-bottom:20px;line-height: 1.25;font-weight:bold;} .footer .cnt01 .right .f_nav ul:last-child li:last-child {margin-bottom:0;} .footer .cnt01 .right .f_nav ul li a {text-decoration:none;} .footer .cnt01 .right .f_nav.f_nav02 {margin-right:0;} .footer .cnt01 .right .f_nav.f_nav02 ul li {font-size:14px;margin-bottom:24px;} .footer .cnt01 .right .f_nav.f_nav02 ul li:last-child {margin-bottom:0;} .footer .cnt01 .right .f_nav.f_nav02 ul li a {display:inline-block;padding-left:20px;background:url("../img/common/f_nav02.svg") no-repeat center left;} .footer .cnt02 {display:block;margin-bottom:40px;} .footer .cnt02 .corporate {width:100%;} .footer .cnt02 .banner_list {display:block;} .footer .cnt02 .banner_list .banner {width:100%;margin-top:10px;} .footer .cnt03 {display:block;text-align:center;font-size:14px;line-height:1.25;} .footer .cnt03 .policy {justify-content:center;margin-bottom:24px;} .footer .cnt03 .policy li {margin-right:17px;} .footer .cnt03 .policy li:last-child {margin-right:0;} .footer .cnt03 .policy li a {text-decoration:none;} .footer .cnt03 .cnt03_in {display:block;} .footer .cnt03 .cnt03_in .p01 {margin-bottom:24px;} .footer .copyright {line-height:1} /*TOPページ　p01 =========================================== */ #topbox01 {background:#3374B7;padding:50px 5% 0;} #topbox01 .cnt {padding:20px;border:2px solid #0B0B0B;border-radius:10px;box-sizing:border-box;display:block;background:#fff;line-height: 1;} #topbox01 .cnt .top_news {display:block;box-sizing:border-box;margin-bottom:20px;} #topbox01 .cnt .top_news a {text-decoration:none;} #topbox01 .cnt .top_news a .time {width: 100%;margin-bottom:8px;} #topbox01 .cnt .top_news a .title {width: 100%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:1.35;} #topbox01 .cnt .btn {line-height:20px;text-align:right;margin:0 0 0 auto;} #topbox01 .cnt .btn a {text-decoration:none;padding-right: 28px;background: url("../img/common/jap.svg") no-repeat center right;} #topbox02 {background:url("../img/top/bg00.png") no-repeat center top 30px #3374B7;padding:50px 5% 80px;background-size:1080px;} #topbox02 .cnt {display:block;margin:0 auto 40px;} #topbox02 .cnt .info {} #topbox02 .cnt .info .title01 {margin-bottom:18px;} #topbox02 .cnt .img {display:none;} #topbox02 .bg {padding:40px 5%;position:relative;z-index:2;background:#2A6EB4;border-radius:20px;} #topbox02 .bg .feature_list {margin-bottom:40px;display:block;} #topbox02 .bg .feature_list .feature01 {width:100%;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #3577BC;display:block;text-align:center;} #topbox02 .bg .feature_list .feature01:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0;} #topbox02 .bg .feature_list .feature01 .img {width:140px;margin:0 auto 16px;} #topbox02 .bg .feature_list .feature01 .info {width:100%;} #topbox02 .bg .feature_list .feature01 .info .num {line-height:1;margin-bottom:8px;color:#83A3C4;} #topbox02 .bg .feature_list .feature01 .info h3 {font-size:24px;} #topbox02 .bg .feature_list .feature01 .info h3 span {line-height:1;display:inline-block;padding: 3px 6px 5px;background:#132B51;border-radius:5px;margin-right: 3px;} #topbox02 .bg .feature_list .feature01:nth-child(5) .info h3 span {margin-right:0;margin-left: 3px;} #topbox02 .bg .btn01 {margin-top:40px;} #topbox03 {padding:80px 5% 160px;position:relative;background-color: #fff;background-image: linear-gradient(#F7F7F7 1px, transparent 1px), linear-gradient(90deg, #F7F7F7 1px, transparent 1px);background-size: 63px 63px;border-radius:40px 40px 0 0;} #topbox03::before {content:"";background:#3374B7;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;} #topbox03 .title01 {margin-bottom:24px;position:relative;z-index:2;} #topbox03 .title01::before {content:"";background: url("../img/top/illust01.png") no-repeat;background-size:contain;width: 66px;height:88px;position:absolute;left:calc(50% + 55px);top:-56px;} #topbox03 .text01 {margin-bottom:40px;font-weight:bold;} #topbox03 .cnt01 {margin-bottom:20px;position:relative;display:block; } #topbox03 .cnt01 .box {width:100%;border:2px solid #0B0B0B;overflow:hidden;border-radius:10px;box-sizing:border-box;margin-bottom:16px;} #topbox03 .cnt01 .box:last-child {margin-bottom:0;} #topbox03 .cnt01 .box h3 {line-height:49px;font-size:20px;color:#fff;} #topbox03 .cnt01 .box .img {} #topbox03 .cnt01 .box .box_in {font-weight:bold;padding:16px 0;} #topbox03 .cnt01 .box01 {background: #EFFFF9;} #topbox03 .cnt01 .box01 h3 {background: repeating-linear-gradient(-45deg,#0F8B5C 0,#0F8B5C 9px,#0D915F 9px,#0D915F 18px);} #topbox03 .cnt01 .box02 {background: #EFF7FF;} #topbox03 .cnt01 .box02 h3 {background: repeating-linear-gradient(-45deg,#31659C 0,#31659C 9px,#366CA4 9px,#366CA4 18px);} #topbox03 .cnt02 {margin-bottom:40px;} #topbox03 .cnt02 .box {width:100%;border:2px solid #0B0B0B;overflow:hidden;border-radius:10px;box-sizing:border-box;margin-top:16px;background: #EFFFF9;} #topbox03 .cnt02 .box:nth-child(2n) {background: #EFF7FF;} #topbox03 .cnt02 .box .img {} #topbox03 .cnt02 .box .box_in {padding:16px 0;font-weight:bold;line-height:1.45;} #topbox03 .cnt02 .box .box_in span {font-size:20px;color:#289C58;} #topbox03 .cnt02 .box:nth-child(2n) .box_in span {color:#2A64A1;} .otameshi_sec {background: url("../img/common/bg01.png")no-repeat center top 40px #0F8B5C;background-size:1080px;width:calc(100% - 10%);border-radius:40px;margin: 0 auto;padding:40px 5%;box-sizing: border-box;} .otameshi_sec .title01 {margin-bottom:16px;} #topbox03 + .otameshi_sec {margin-top:-80px;margin-bottom:-220px;position:relative;z-index:2;} #topbox04 {padding:303px 5% 80px;background: url("../img/top/bg02_sp01.png") no-repeat top 243px left -10px, url("../img/top/bg02_sp02.png") no-repeat top 243px right -10px, #FFF6EF;background-size:160px;} #topbox04 .title01 {margin-bottom:8px;} #topbox04 .text01 {margin-bottom:24px;} #topbox04 .jisseki_box_list {position:relative;z-index:2;} #topbox04 .jisseki_box_list::before {content:"";background: url("../img/top/illust02.png") no-repeat;background-size:contain;width: 92px;height:80px;position:absolute;left:0;top:-60px;z-index:-1;} #topbox04 .jisseki_box_list .jisseki_box {padding: 24px 20px;box-sizing:border-box;margin-bottom:16px;display:block;position:relative;z-index:2;background:#fff;border-radius:20px;} #topbox04 .jisseki_box_list .jisseki_box:last-child {margin-bottom:0;} #topbox04 .jisseki_box_list .jisseki_box h3 {font-size:24px;line-height:1.05;color:#fff;text-align: center;margin-bottom:24px;} #topbox04 .jisseki_box_list .jisseki_box h3 span {display: inline-block;padding: 7px 12px 8px;border-radius: 5px;background: #0F8B5C;} #topbox04 .jisseki_box_list .jisseki_box h3 span br {display: none;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul {width:100%;display:block;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul {width:100%;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul li {justify-content:space-between;align-items:center;font-weight:bold;padding-bottom:16px;border-bottom:1px solid #E6E6E6;margin-bottom:16px;line-height:1;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul:last-child li:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul li .school {font-size:18px;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul li .num_box {width:auto;justify-content:flex-end;align-items:center;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul li .num_box .all {margin-right:5px;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul li .num_box .all span {display:inline-block;padding:6px 12px 7px;border-radius:40px;color:#fff;background:#0F8B5C;line-height: 1;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul li .num_box .num {font-size:18px;} #topbox04 .jisseki_box_list .jisseki_box .jisseki_ul ul li .num_box .num span {font-size:30px;font-style:italic;display:inline-block;margin-right:8px;color:#0F8B5C;} #topbox04 .jisseki_box_list .jisseki_box.jisseki_box02 h3 span {background:#31659C;} #topbox04 .jisseki_box_list .jisseki_box.jisseki_box02 .jisseki_ul ul li .num_box .all span {background:#31659C;} #topbox04 .jisseki_box_list .jisseki_box.jisseki_box02 .jisseki_ul ul li .num_box .num span {color:#31659C;} #topbox04 .text02 {margin-top:16px;text-indent:-1em;padding-left:1em;text-align:left;} #topbox05 {padding:80px 5% 165px;position:relative;background-color: #fff;background-image: linear-gradient(#F7F7F7 1px, transparent 1px), linear-gradient(90deg, #F7F7F7 1px, transparent 1px);background-size: 63px 63px;border-radius:40px 40px 0 0;margin-bottom: -85px;} #topbox05::before {content:"";background:#FFF6EF;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;} #topbox05 .title01 {margin-bottom:40px;white-space: nowrap;} .taiken_list {position:relative;} .taiken_list .taiken01 {margin-bottom:40px;display:block;} .taiken_list .taiken01:last-child {margin-bottom:0;} .taiken_list .taiken01 .info {width:100%;border-radius:20px;overflow:hidden;} .taiken_list .taiken01 .info .midashi {padding:12px 20px 18px;background:#3374B7;color:#fff;} .taiken_list .taiken01 .info .midashi .school {line-height:40px;font-size:24px;} .taiken_list .taiken01 .info .midashi .school span {display:inline-block;padding-right:48px;background:url("../img/top/goukaku.png")no-repeat center right;background-size:40px;} .taiken_list .taiken01 .info .midashi h4 {line-height:1;margin-top:8px;} .taiken_list .taiken01 .info .info_in {padding:20px;background:#F5F5F5;} .taiken_list .taiken01 .img_box {margin-top:10px;align-items:center;} .taiken_list .taiken01 .img_box .img {overflow: hidden;position:relative;border-radius:100%;width:64px;border: 2px solid #000;box-sizing: border-box;} .taiken_list .taiken01 .img_box .img .in_img {aspect-ratio: 100 / 100;} .taiken_list .taiken01 .img_box .name {line-height:1;width: 100px;text-align: center;} .taiken_list .taiken01 .img_box .name p:last-child {margin-top:5px;} #topbox05 .btn01 {margin-top:40px;} .top_bg01 {background:#FFF6EF;} #topbox06 {background:#3374B7;width:90%;border-radius:40px;margin: 0 auto 10px;padding:80px 5% 40px;box-sizing:border-box;} #topbox06 h2 {margin-bottom:30px;font-size:36px;line-height:1.25;text-align:center;position:relative;} #topbox06 h2::before {content:"";background: url("../img/top/illust04.png") no-repeat;background-size:contain;width: 80px;height:80px;position:absolute;left:calc(50% + 40px);top:-90px;} #topbox06 h2 span {font-size:32px;} #topbox06 .reason_list {position:relative;display:block;} #topbox06 .reason_list .reason01 {width:100%;padding:24px 0;background:#306FAF;border-radius:10px;box-sizing:border-box;margin-bottom:8px;font-weight:bold;color:#fff;} #topbox06 .reason_list .reason01:last-child {margin-bottom:0;} #topbox06 .reason_list .reason01 .p01 {margin-bottom:8px;} #topbox06 .reason_list .reason01 .p01 span {display:inline-block;padding:4px 16px;background:#132B51;line-height:1;border-radius:40px;} #topbox06 .reason_list .reason01 .p02 {line-height:1.4;} #topbox06 .reason_list .reason01 .p02 span {font-size:20px;color:#FFCC00;} #topbox06 .ya_box {width:100%;height:98px;display:table;margin:16px auto 0;position:relative;z-index: 2;} #topbox06 .ya_box::after {content:"";background: url("../img/top/illust05.png") no-repeat;background-size:contain;width: 110px;height:76px;position:absolute;right:calc(50% + 50px);bottom:-25px;z-index: -1;} #topbox06 .ya_box .ya_box_in {display:table-cell;vertical-align:middle;text-align:center;font-size:18px;line-height:1.4;font-weight:bold;color:#fff;background:url("../img/top/ya_bg.svg")no-repeat center;background-size:contain;} #topbox07 {padding:80px 5% 110px;} #topbox07 .cnt {margin-bottom:40px;display:block;} #topbox07 .cnt .title01 {margin-bottom:24px;} #topbox07 .cnt .text01 {font-weight:bold;} #topbox07 .movie_list {margin-bottom:40px;position:relative;} #topbox07 .movie_list .movie01 {width:100%;margin-bottom:40px;} #topbox07 .movie_list .movie01:last-child {margin-bottom:0;} #topbox07 .movie_list .movie01 .movie_in {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;} #topbox07 .movie_list .movie01 .movie_in iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #topbox07 .movie_list .movie01 h3 {font-size:500;margin-top:8px;} #topbox07 .banner {margin-top:80px;} #topbox08 {padding:80px 5%;position:relative;background-color: #fff;background-image: linear-gradient(#F7F7F7 1px, transparent 1px), linear-gradient(90deg, #F7F7F7 1px, transparent 1px);background-size: 63px 63px;border-radius:40px 40px 0 0;} #topbox08::before {content:"";background:#FFF6EF;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;} #topbox08 .title01 {margin-bottom:40px;} #topbox08 .blog_slider {margin-bottom:0!important;padding-bottom:88px;} .blog_slider .slick-track {display:flex;} .blog_slider button.slick-arrow {opacity: 1;z-index: 2;transition: 0.3s;width:64px;height:64px;top:auto;bottom:-32px;border-radius:100%;} .blog_slider button.slick-prev.slick-arrow {background: url("../img/top/arrow01.svg") no-repeat center;left:calc(50% - 69px)} .blog_slider button.slick-next.slick-arrow {background: url("../img/top/arrow02.svg") no-repeat center;right:calc(50% - 69px);} .blog_slider button.slick-arrow:before {content: none;} #topbox08 .blog_slider .blog01 {height:auto!important;width:100%;margin:0 5px;} #topbox08 .blog_slider .blog01 a {height:100%;display: block;text-decoration:none;transition:0.3s;box-sizing: border-box;border:2px solid #0B0B0B;border-radius:10px;overflow:hidden;background: #fff;} #topbox08 .blog_slider .blog01 a .img {position:relative;overflow:hidden;} #topbox08 .blog_slider .blog01 a .img .in_img { aspect-ratio: 340 / 220;transition: 0.3s;} #topbox08 .blog_slider .blog01 a .info {padding:20px 30px 30px;} #topbox08 .blog_slider .blog01 a .info .title {width: 100%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #topbox08 .blog_slider .blog01 a .info .time {margin-top:16px;line-height:1;} #topbox08 .blog_slider .blog01 a .info .cat {margin-top:20px;} #topbox08 .blog_slider .blog01 a .info .cat li {padding:4px 8px 5px;;font-weight:bold;line-height:1;margin:4px 4px 0 0;border-radius:40px;color:#fff;background:#132B51;} #topbox08 .blog_slider .blog01 a .info .cat li:last-child {margin-right:0;} #topbox08 .btn01 {margin-top:24px;} /*オンライン竹進の特長 (feature) p02 =========================================== */ #p02box01 {padding:60px 5% 80px;} #p02box01 h2 {font-size:30px;line-height: 1.4;margin-bottom:30px;text-align:center;} #p02box01 .cnt {display:block;margin-bottom: 70px;} #p02box01 .cnt .img {width: 100%;margin-bottom:20;} #p02box01 .cnt .info {width: 100%;} #p02box01 .cnt .info .info_img {margin-bottom:10px;} #p02box01 .cnt .info .anker {margin-bottom:24px;text-align:right;} #p02box01 .cnt .info .anker a {display:inline-block;padding-left: 25px;background: url(../img/common/f_nav02.svg) no-repeat center left;font-weight:bold;} #p02box01 .cnt .info .text {font-weight:bold;} #p02box01 h3.miadashi {font-size:20px;color:#fff;line-height:1.3;margin-bottom:-36px;position:relative;z-index:2;} #p02box01 h3.miadashi span {display:inline-block;padding:9px 16px 10px;background:#3374B7;border-radius:40px;} #p02box01 h3.miadashi br {display:inline-block;} #p02box01 .bg {padding:55px 20px 30px;background:#EFF7FF;border-radius:10px;border:2px solid #3374B7;box-sizing:border-box;position:relative;} #p02box01 .bg::before {content:"";background: url("../img/p02/illust01.png") no-repeat;background-size:contain;width: 80px;height:100px;position:absolute;right:0;top:-92px;} #p02box01 .bg .tool_list {display:block;} #p02box01 .bg .tool_list .tool01 {width:100%;position:relative;padding:20px;box-sizing:border-box;background:#fff;border-radius:10px;margin-bottom:30px;} #p02box01 .bg .tool_list .tool01:last-child {margin-bottom:0;} #p02box01 .bg .tool_list .tool01::before {content:"";background: url("../img/p02/plus.svg") no-repeat;background-size:contain;width: 18px;height:18px;position:absolute;left:0;right:0;bottom:-25px;margin:auto;} #p02box01 .bg .tool_list .tool01:last-child::before {content:none;} #p02box01 .bg .tool_list .tool01 .icon {width:54px;margin:0 auto 16px;} #p02box01 .bg .tool_list .tool01 h4 {text-align:center;line-height:1.4;} #p02box01 .bg .tool_list .tool01 h4 span {display:block;} #p02box02 {padding:80px 5%;background:#FFF6EF;border-radius:40px 40px 0 0;} #p02box02 .title01 {margin-bottom:40px;position:relative;} #p02box02 .title01::before {content:"";background: url("../img/p02/illust02.png") no-repeat;background-size:contain;width: 50px;height:96px;position:absolute;top:-54px;right:calc(50% + 80px);} #p02box02 .merit_box_list {position:relative;z-index:2;} #p02box02 .merit_box_list .merit_box {background:#fff;border:2px solid #0B0B0B;border-radius:10px;overflow:hidden;margin-bottom:20px;} #p02box02 .merit_box_list .merit_box:last-child {margin-bottom:0;} #p02box02 .merit_box_list .merit_box .merit_midashi {padding:16px 20px;box-sizing:border-box;align-items:baseline;color:#fff;background: repeating-linear-gradient(-45deg,#0F8B5C 0,#0F8B5C 9px,#0D915F 9px,#0D915F 18px);} #p02box02 .merit_box_list .merit_box .merit_midashi .num {width:35px;font-size:26px;line-height:1;} #p02box02 .merit_box_list .merit_box .merit_midashi h3 {width:calc(100% - 35px);font-size:22px;line-height:1.3;} #p02box02 .merit_box_list .merit_box .merit_box_in {padding:20px 20px 30px;position:relative;box-sizing: border-box;} #p02box02 .merit_box_list .merit_box .merit_box_in .text {width:100%;margin-bottom:20px;} #p02box02 .merit_box_list .merit_box .merit_box_in ul {} #p02box02 .merit_box_list .merit_box .merit_box_in ul li {padding-left:1em;text-indent:-1em;margin-bottom:10px;} #p02box02 .merit_box_list .merit_box .merit_box_in ul li:last-child {margin-bottom:0;} #p02box02 .merit_box_list .merit_box .merit_box_in .img {width:100%;} #p02box02 .merit_box_list .merit_box .merit_box_in .img .movie {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius:10px;} #p02box02 .merit_box_list .merit_box .merit_box_in .img .movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #p02box02 .merit_box_list .merit_box .merit_box_in .img h4 {margin-top:10px;} #p02box02 .merit_box_list .merit_box .merit_box_in .btn01 {margin-top:30px;} #p02box03 {padding:80px 5%;position:relative;background:#FFF6EF;} #p02box03::before {content:"";background:#3374B7;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:40px 40px 0 0;} #p02box03 .title01 {margin-bottom:24px;position:relative;} #p02box03 .title01::before {content:"";background: url("../img/p02/illust03.png") no-repeat;background-size:contain;width: 78px;height:130px;position:absolute;top:-38px;right:calc(50% + 90px);} #p02box03 .text01 {margin-bottom:40px;font-weight:bold;color:#fff;} #p02box03 .support_box_list {position:relative;z-index:2;} #p02box03 .support_box_list .support_box {padding:20px 20px 30px;box-sizing:border-box;background:#fff;border-radius:10px;margin-bottom:20px;} #p02box03 .support_box_list .support_box:last-child {smargin-bottom:0;} #p02box03 .support_box_list .support_box .support_box_midashi {padding:5px 0 5px 21px;margin-bottom:24px;position:relative;} #p02box03 .support_box_list .support_box .support_box_midashi::before {content:"";width:6px;height:100%;border-radius:10px;background:#F9C663;position:absolute;left:0;top:0;bottom:0;margin:auto;} #p02box03 .support_box_list .support_box .support_box_midashi h3 {font-size:28px;line-height:1.2;margin-bottom:8px;} #p02box03 .support_box_list .support_box .support_box_midashi p {font-weight:bold;} #p02box03 .support_box_list .support_box .cnt {display:block;margin-bottom:30px;} #p02box03 .support_box_list .support_box .cnt .text_list {width: 100%;margin-bottom: 20px;} #p02box03 .support_box_list .support_box .cnt .text_list .text {margin-bottom:10px;} #p02box03 .support_box_list .support_box .cnt .text_list .text:last-child {margin-bottom:0;} #p02box03 .support_box_list .support_box .cnt .img {width:100%;} #p02box03 .support_box_list .support_box .cnt .img .movie {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius:10px;} #p02box03 .support_box_list .support_box .cnt .img .movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #p02box03 .support_box_list .support_box .cnt .img h4 {margin-top:10px;} #p02box03 .support_box_list .support_box h4.miadashi {font-size:20px;color:#fff;line-height:1.3;margin-bottom:-23px;position:relative;z-index:2;} #p02box03 .support_box_list .support_box h4.miadashi span {display:inline-block;padding:9px 16px 10px;background:#3374B7;border-radius:40px;} #p02box03 .support_box_list .support_box .bg {background:#EFF7FF;border:2px solid #3374B7;border-radius:10px;box-sizing:border-box;padding:42px 20px 30px;} #p02box03 .support_box_list .support_box .bg .ul01 {display:block;width: 204px;margin: 0 auto;} #p02box03 .support_box_list .support_box .bg .ul01 li {padding-left:28px;background: url("../img/p02/pass01.svg") no-repeat center left;margin-bottom:10px;display: inline-block;text-align: left;} #p02box03 .support_box_list .support_box .bg .ul01 li:last-child {margin-bottom:0;} #p02box03 .support_box_list .support_box:last-child .bg {position:relative;} #p02box03 .support_box_list .support_box:last-child .bg::before {content:"";background: url("../img/p02/illust04.png") no-repeat;background-size:contain;width: 60px;height:82px;position:absolute;bottom:-18px;right:30px;} #p02box03 .support_box_list .support_box .bg .ul02 {display:block;} #p02box03 .support_box_list .support_box .bg .ul02 li {width:100%;padding:20px;background:#fff;box-sizing:border-box;margin-bottom:10px;border-radius:10px;} #p02box03 .support_box_list .support_box .bg .ul02 li:last-child {margin-bottom:0;} #p02box03 .support_box_list .support_box .bg .ul02 li h5 {padding-left:34px;font-size:20px;margin-bottom:6px;background: url("../img/p02/pass01.svg") no-repeat top left;background-size:30px;} #p02box03 .support_box_list .support_box .bg .ul02 li .text {} #p02box04 {padding:80px 5%;position:relative;background-color: #fff;background-image: linear-gradient(#F7F7F7 1px, transparent 1px), linear-gradient(90deg, #F7F7F7 1px, transparent 1px);background-size: 63px 63px;border-radius:40px 40px 0 0;} #p02box04::before {content:"";background:#3374B7;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;} #p02box04 .title01 {margin-bottom:40px;} .faq_list {position:relative;z-index:3;} .faq_list::before {content:"";background: url("../img/p02/illust05.png") no-repeat;background-size:contain;width:58px;height:82px;position:absolute;top:-82px;left:0;z-index:-1;} .faq_list .faq_box {margin-bottom:20px;border-radius:10px;overflow:hidden;} .faq_list .faq_box:last-child {margin-bottom:0;} .faq_list .faq_box .q_text {font-size:20px;cursor:pointer;padding:20px 60px 20px 56px;background: url("../img/p02/q.svg") no-repeat center left 20px,url("../img/p02/op.svg") no-repeat center right 20px,#EFF7FF;background-size:30px,20px!important;line-height:1.4;} .faq_list .faq_box .q_text.on {background: url("../img/p02/q_op.svg") no-repeat center left 20px,url("../img/p02/cl.svg") no-repeat center right 20px,#3374B7;color:#fff;} .faq_list .faq_box .a_text {display:none;padding:20px 20px 20px 56px;background: url("../img/p02/a.svg") no-repeat top 20px left 20px,#F5F5F5;background-size:30px!important;} .faq_list .faq_box:first-child .q_text {background: url("../img/p02/q_op.svg") no-repeat center left 20px,url("../img/p02/cl.svg") no-repeat center right 20px,#3374B7;color:#fff;} .faq_list .faq_box:first-child .q_text.on {background: url("../img/p02/q.svg") no-repeat center left 20px,url("../img/p02/op.svg") no-repeat center right 20px,#EFF7FF;color:#0B0B0B;} .faq_list .faq_box:first-child .a_text {display:block;} /*受講までの流れ (feature) p03 =========================================== */ #p03box00 {padding:60px 5% 0;} .a_btn_list {display:block;} .a_btn {width:100%;height:71px;display:table;margin:0 auto 20px;} .a_btn:last-child {margin-bottom:0;} .a_btn a {display:table-cell;vertical-align:middle;text-align:center;font-weight:bold;text-decoration:none;background:#fff;border:2px solid #0B0B0B;border-radius:10px;overflow:hidden;position:relative;} .a_btn a span {position:relative;z-index: 2;} .a_btn a::before {content:"";background:url("../img/p03/a_btn.svg") no-repeat;width:14px;height:8px;background-size:contain;position:absolute;top:0;bottom:0;right:30px;margin: auto;z-index: 2;} .a_btn a::after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#0B0B0B;transform-origin:100% 50%;scale:0 1;transition:scale 0.3s ease;} #p03box01 {padding:80px 5%;} #p03box01 .title01 {margin-bottom:40px;} #p03box01 h3 {margin-bottom:20px;font-size:20px;} #p03box01 h3 span {font-size:30px;} #p03box01 .text01 {font-weight:bold;margin-bottom:40px;} #p03box01 .flow_box_list {position:relative;z-index:2;} #p03box01 .flow_box_list .flow_box {border:2px solid #0B0B0B;border-radius:10px;margin-bottom:44px;position:relative;} #p03box01 .flow_box_list .flow_box::before {content:"";background: url("../img/p03/pass01.svg") no-repeat;background-size:contain;width:26px;height:16px;position:absolute;left:0;right:0;bottom:-32px;margin:auto;} #p03box01 .flow_box_list .flow_box:last-child {margin-bottom:0;} #p03box01 .flow_box_list .flow_box:last-child::before {content:none;} #p03box01 .flow_box_list .flow_box .flow_midashi {padding:15px 20px;box-sizing:border-box;align-items:baseline;color:#fff;background:repeating-linear-gradient(-45deg,#31659C 0,#31659C 9px,#366CA4 9px,#366CA4 18px);border-radius:8px 8px 0 0;} #p03box01 .flow_box_list .flow_box .flow_midashi .num {width:36px;font-size:26px;} #p03box01 .flow_box_list .flow_box .flow_midashi h4 {width:calc(100% - 36px);font-size:22px;} #p03box01 .flow_box_list .flow_box .flow_box_in {padding:20px 20px 20px;background:#fff;border-radius:0 0 8px 8px;} #p03box01 .flow_box_list .flow_box .flow_box_in .p01 {margin-bottom:20px;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list {display:block;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box {width:100%;background:#F5F5F5;border-radius:10px;box-sizing:border-box;padding:24px 0;position:relative;text-align: center;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box h5 {font-size:20px;line-height:1.2;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box h5 span {display:inline-block;padding-left:28px;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box01 {margin-bottom:10px;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box01 h5 span {background:url("../img/common/mail.svg") no-repeat bottom 1px left;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box01 .h_contact01 {width:90%;margin:16px auto 0;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box01 .h_contact01 a {font-size:16px;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box01 .h_contact01 a::before {right:15px;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box02 h5 span {background:url("../img/common/tel02.svg") no-repeat bottom left;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box02 .tel {margin-top:16px;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box02 .tel a {font-size:32px;line-height:1;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box02 .tel a span {display:inline-block;padding-left:47px;background:url("../img/common/tel.svg") no-repeat center left;background-size:44px;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box02 .time {font-weight:bold;font-size:14px;} #p03box01 .flow_box_list .flow_box .flow_box_in .contact_box_list .box.box02 .time span {display:inline-block;margin:0 2px;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt {display:block;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .info {width:100%;margin-bottom:20px;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .info .text_list {} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .info .text_list .text {margin-bottom:10px;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .info .text_list .text:last-child {margin-bottom:0;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .img {width:100%;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg01 {width:100%;background:#EFF7FF;margin-bottom:20px;padding:20px;border-radius:10px;box-sizing:border-box;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg01 ul {} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg01 ul li {padding-bottom:14px;border-bottom:1px solid #CCE5FF;margin-bottom:14px;display:block;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg01 ul li:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg01 ul li .koumoku {font-size:18px;font-weight:bold;width:100%;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg01 ul li .naiyou {width:100%;margin-top:10px;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg01 ul li .naiyou .naiyou_in {margin-bottom:10px;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg01 ul li .naiyou .naiyou_in:last-child {margin-bottom:0;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg02 {width:100%;margin-bottom:20px;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg02 h5 {font-size:20px;color:#fff;line-height:1;margin-bottom:-23px;position:relative;z-index:2;text-align: center;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg02 h5 span {display:inline-block;padding:9px 16px 10px;background:#3374B7;border-radius:40px;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg02 .bg02_in {background:#EFF7FF;border:2px solid #3374B7;padding:42px 0 20px;border-radius:10px;box-sizing:border-box;text-align:center;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg03 {margin-top:20px;display:block;width:100%;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg03 tbody {display:block;width:100%;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg03 tr {display:block;width:100%;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg03 th {display:block;width:100%;font-size:20px;line-height:40px;font-weight:bold;background:#3374B7;color:#fff;;text-align:center;border-radius:10px 10px 0 0 ;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg03 td {display:block;width:100%;position:relative;line-height:1;padding:16px 20px;border-radius:0 0 10px 10px;background: #EFF7FF;box-sizing:border-box;text-align:center;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg03 td::before {content:"";background: url("../img/p03/pen.png") no-repeat;background-size:contain;width:91px;height:96px;position:absolute;right:-3px;bottom:38px;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg03 td p {font-size:16px;margin-bottom:6px;font-weight:bold;} #p03box01 .flow_box_list .flow_box .flow_box_in .flow_box_in_cnt .bg03 td h5 {font-size:18px;} #p03box02 {padding:80px 5%;position:relative;background-color: #fff;background-image: linear-gradient(#F7F7F7 1px, transparent 1px), linear-gradient(90deg, #F7F7F7 1px, transparent 1px);background-size: 63px 63px;margin-bottom: 80px;} #p03box02::before {content:"";background:#FFF6EF;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:40px 40px 0 0;} #p03box02 .title01 {margin-bottom:10px;} #p03box02 .title01::before {content:"";background: url("../img/p03/illust02.png") no-repeat;background-size:contain;width:88px;height:80px;position:absolute;right:calc(50% - 168px);top:-48px;} #p03box02 .text01 {margin-bottom:40px;font-weight:bold;} #p03box02 .text02 {margin-bottom:40px;font-weight:bold;position:relative;} #p03box02 .nagare_box_list {} #p03box02 .nagare_box_list .nagare_box {border:2px solid #0B0B0B;border-radius:10px;margin-bottom:44px;position:relative;} #p03box02 .nagare_box_list .nagare_box::before {content:"";background: url("../img/p03/pass02.svg") no-repeat;background-size:contain;width:26px;height:16px;position:absolute;left:0;right:0;bottom:-32px;margin:auto;} #p03box02 .nagare_box_list .nagare_box:last-child {margin-bottom:0;} #p03box02 .nagare_box_list .nagare_box:last-child::before {content:none;} #p03box02 .nagare_box_list .nagare_box .nagare_midashi {padding:16px 20px;line-height:1.3;font-size:22px;background: repeating-linear-gradient(-45deg,#0F8B5C 0,#0F8B5C 9px,#0D915F 9px,#0D915F 18px);border-radius:8px 8px 0 0;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in {padding:20px 20px 30px;background:#fff;border-radius:0 0 8px 8px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae {display:block;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .info {width:100%;margin-bottom:20px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .info .text {margin-bottom:20px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .info h4 {line-height:1;margin-bottom:-23px;position:relative;z-index:2;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .info h4 span {padding:9px 16px 10px;color:#fff;background:#0F8B5C;border-radius: 40px;display:inline-block;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .info .bg {padding:42px 20px 20px;background:#EFFFF9;border:2px solid #0F8B5C;border-radius:10px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .info .bg ul {display:block;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .info .bg ul li {margin-bottom:10px;text-indent:-1em;padding-left:1em;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .info .bg ul li:last-child {margin-bottom:0;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .mae .comiru {width:100%;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list {} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 {margin-bottom:40px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01:last-child {margin-bottom:0;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .touzitu_midashi {align-items:center;padding-bottom:12px;color:#0F8B5C;line-height:1;border-bottom:2px solid #0F8B5C;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .touzitu_midashi .num {width:40px;font-size:26px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .touzitu_midashi h4 {width:calc(100% - 40px);font-size:20px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .zyunbi_list {margin-top:20px;padding:20px;background:#EFFFF9;border-radius:10px;box-sizing:border-box;display:block;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .zyunbi_list .zyunbi01 {width:100%;margin-bottom:10px;padding:20px;background:#fff;border-radius:10px;box-sizing:border-box;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .zyunbi_list .zyunbi01:last-child {margin-bottom:0;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .zyunbi_list .zyunbi01 .img {width:114px;margin:0 auto 10px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .zyunbi_list .zyunbi01:nth-child(2) .img {width:186px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .zyunbi_list .zyunbi01:nth-child(3) .img {width:198px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .zyunbi_list .zyunbi01 h5 {font-size:18px;line-height:1.4;text-align:center;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list {margin-top:20px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare {margin-bottom:40px;flex-direction:row-reverse;justify-content:space-between;position:relative;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare:last-child {margin-bottom:0;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare::before {content:"";width:1px;height:calc(100% + 40px);border-left: 1px dashed #0F8B5C;position:absolute;top:0;left:23px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare:last-child::before {content:none;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare .info {width:100%;position:relative;z-index:2;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare .info .num {width:46px;height:46px;display:table;margin-right:16px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare .info .num span {display:table-cell;vertical-align:middle;text-align:center;background:#0F8B5C;color:#fff;font-size:20px;border-radius:100%;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare .info .info_in {width:calc(100% - 46px - 16px);padding-top:8px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare .info .info_in h5 {font-size:24px;line-height:30px;margin-bottom:14px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare .info .info_in .text {} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .touzitu_list .touzitu01 .live_nagare_list .live_nagare .img {width:calc(100% - 46px - 16px);margin:14px 0 0 auto;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01 {margin-bottom:40px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01:last-child {margin-bottom:0;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01 .zyugyou_midashi {align-items:baseline;padding-bottom:12px;color:#0F8B5C;line-height:1;border-bottom:2px solid #0F8B5C;margin-bottom:20px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01 .zyugyou_midashi .num {width:40px;font-size:26px;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01 .zyugyou_midashi h4 {width:calc(100% - 40px);font-size:20px;line-height: 1.4;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01 .cnt {display:block;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01 .cnt .info {width:100%;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01 .cnt .info.full {width:100%;} #p03box02 .nagare_box_list .nagare_box .nagare_box_in .zyugyou_list .zyugyou01 .cnt .img {width:100%;margin-top:40px;} /*志望校合格へ導く指導法 (method) p04 =========================================== */ #p04box01 {padding:60px 5% 80px;} #p04box01 .midashi01 {line-height:28px;font-size:20px;margin-bottom:30px;} #p04box01 .midashi01 .shiro {background:#132B51;padding:0 6px 3px;display:inline-block;border-radius:5px;margin:3px;} #p04box01 .midashi01 .waku {line-height:1;margin-top:7px;display:block;} #p04box01 .midashi02 {line-height:1.4;margin-bottom:72px;font-size:30px;} #p04box01 .midashi02 .ao {font-size:36px;} .shidouhou_box_list {} .shidouhou_box_list .shidouhou_box {margin-bottom:100px;} .shidouhou_box_list .shidouhou_box:last-child {margin-bottom:0;} .shidouhou_box_list .shidouhou_box .shidouhou_midashi {padding: 18px 20px;border-radius:10px;color:#fff;font-size:21px;line-height:1.4;background:repeating-linear-gradient(-45deg,#31659C 0,#31659C 9px,#366CA4 9px,#366CA4 18px);position:relative;margin-bottom:20px;} .shidouhou_box_list .shidouhou_box .shidouhou_midashi::before {content:"";background: url("../img/p04/num01.png") no-repeat;background-size: contain!important;width:46px;height:40px;position:absolute;left:0;right:0;top:-22px;margin:auto;} .shidouhou_box_list .shidouhou_box:nth-child(2) .shidouhou_midashi::before {background: url("../img/p04/num02.png") no-repeat;} .shidouhou_box_list .shidouhou_box:nth-child(3) .shidouhou_midashi::before {background: url("../img/p04/num03.png") no-repeat;} .shidouhou_box_list .shidouhou_box:nth-child(4) .shidouhou_midashi::before {background: url("../img/p04/num04.png") no-repeat;} .shidouhou_box_list .shidouhou_box:nth-child(5) .shidouhou_midashi::before {background: url("../img/p04/num05.png") no-repeat;} .shidouhou_box_list .shidouhou_box:nth-child(6) .shidouhou_midashi::before {background: url("../img/p04/num06.png") no-repeat;} .shidouhou_box_list .shidouhou_box:nth-child(7) .shidouhou_midashi::before {background: url("../img/p04/num07.png") no-repeat;} .shidouhou_box_list .shidouhou_box .cnt {display:block;} .shidouhou_box_list .shidouhou_box .cnt .info {width:100%;margin-bottom:30px;} .shidouhou_box_list .shidouhou_box .cnt .info .ul01 {} .shidouhou_box_list .shidouhou_box .cnt .info .ul01 li {text-indent:-1em;padding-left:1em;margin-bottom:10px;} .shidouhou_box_list .shidouhou_box .cnt .info .ul01 li:last-child {margin-bottom:0;} .shidouhou_box_list .shidouhou_box .cnt .info .ul01 li span {font-size:20px;font-weight:bold;background:linear-gradient(transparent calc(100% - 10px),#C7DBEF calc(100% - 10px),#C7DBEF 100%);} .shidouhou_box_list .shidouhou_box .cnt .img {width:100%;} .shidouhou_box_list .shidouhou_box .cnt.cnt04 .img {width:100%;} .shidouhou_box_list .shidouhou_box .cnt .img .movie {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius:10px;} .shidouhou_box_list .shidouhou_box .cnt .img .movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .shidouhou_box_list .shidouhou_box .cnt .img h5 {margin-top:10px;} .shidouhou_box_list .shidouhou_box .table_box {margin-top:40px;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in {padding-top: 30px;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table {table-layout:fixed;width:1100px;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table thead {} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table thead th {width:440px;height:60px;vertical-align:middle;text-align:center;color:#fff;background:#508ECE;border-radius:10px 0 0 0;box-sizing:border-box;position:relative;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table thead th:last-child {border-radius:0 10px 0 0;border-left:1px solid #3D7EC2;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table thead th::after {content:"";background: url("../img/p04/th01.png") no-repeat;background-size:contain!important;width:64px;height:80px;position:absolute;left:96px;bottom:0;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table thead th:last-child::after {background: url("../img/p04/th02.png") no-repeat;width:52px;height:76px;left:116px;bottom:0;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody {} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr {} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr th {padding:20px;color:#fff;background:#3374B7;border-bottom:1px solid #508ECE;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr:first-child th {border-radius:10px 0 0 0;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr:last-child th {border-radius:0 0 0 10px;border-bottom:0;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr td {padding:20px 30px;background:#EFF7FF;border-bottom:1px solid #C7DBEF;vertical-align: middle;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr td span {font-size:20px;font-weight:bold;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr:first-child td {text-align:center;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr:first-child td:last-child {border-left:1px solid #C7DBEF;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr:last-child td {border-bottom:0;} .shidouhou_box_list .shidouhou_box .table_box .table_box_in table tbody tr:last-child td:last-child {border-radius:0 0 10px 0;} .shidouhou_box_list .shidouhou_box .table_box.table02 {} .shidouhou_box_list .shidouhou_box .table_box.table02 .table_box_in table thead th:last-child {border-radius:0;background:#FFDC50;color:#0B0B0B;border:0;padding-bottom: 5px;} .shidouhou_box_list .shidouhou_box .table_box.table02 .table_box_in table thead th:last-child::before {content:"";background:#FFDC50;width:100%;height:10px;position:absolute;left:0;top:-10px;border-radius:10px 10px 0 0;} .shidouhou_box_list .shidouhou_box .table_box.table02 .table_box_in table thead th::after {content:none;} .shidouhou_box_list .shidouhou_box .table_box.table02 .table_box_in table thead th:last-child::after {content:"";background: url("../img/p04/th03.png") no-repeat;width:64px;height:86px;left:auto;right:80px;bottom:6px;} .shidouhou_box_list .shidouhou_box .table_box.table02 .table_box_in table tbody tr td {text-align:center;} .shidouhou_box_list .shidouhou_box .table_box.table02 .table_box_in table tbody tr td:last-child {background:#FFFBEB;border-left:4px solid #FFDC50;border-right:4px solid #FFDC50;border-bottom:1px solid #FFDC50;} .shidouhou_box_list .shidouhou_box .table_box.table02 .table_box_in table tbody tr:last-child td:last-child {position:relative;border-bottom:0;border-radius: 0 0 10px 10px;} .shidouhou_box_list .shidouhou_box .table_box.table02 .table_box_in table tbody tr:last-child td:last-child::before {content:"";width:calc(100% + 8px);height:10px;position:absolute;left:-4px;bottom:-4px;border-radius:0 0 10px 10px;border: 4px solid #FFDC50;box-sizing: border-box;border-top: 0;} .shidouhou_box_list .shidouhou_box .bg01 {margin-top:33px;padding:20px 20px 30px;box-sizing:border-box;background:#EEF0F1;border-radius:10px;display:block;position:relative;} .shidouhou_box_list .shidouhou_box .bg01::before {content:"";background: url("../img/p04/illust01.png") no-repeat;background-size:contain;width:130px;height:48px;position:absolute;right:10px;bottom:-7px;} .shidouhou_box_list .shidouhou_box .bg01::after {content:"";background: url("../img/p04/kaku.svg") no-repeat;background-size:contain;width:38px;height:18px;position:absolute;left:0;right:0;top:-13px;margin:auto;} .shidouhou_box_list .shidouhou_box .bg01 h5 {width:100%;text-align:center;padding:10px;background:#fff;box-sizing:border-box;font-weight:500;margin-bottom:10px;border-radius:5px;} .shidouhou_box_list .shidouhou_box .bg01 h5 span {font-weight:bold;font-size:20px;} .shidouhou_box_list .shidouhou_box .bg01 .bg01_in {width:100%;} .shidouhou_box_list .shidouhou_box .cnt02 {} .shidouhou_box_list .shidouhou_box .cnt02 .box01 {width:100%;margin-bottom: 40px;} .shidouhou_box_list .shidouhou_box .cnt02 .box01 .text {margin-bottom:30px;} .shidouhou_box_list .shidouhou_box .cnt02 .box01 .box01_in {} .shidouhou_box_list .shidouhou_box .cnt02 .box01 .box01_in .box_midashi {font-size:20px;line-height:64px;color:#fff;background:#3374B7;padding:0 30px;border-radius:10px 10px 0 0;position: relative;} .shidouhou_box_list .shidouhou_box .cnt02 .box01 .box01_in .box_midashi::before {content:"";background: url("../img/p04/pu.png") no-repeat;background-size:contain;width:104px;height:104px;position:absolute;right:22px;top:-20px;z-index: 2;} .shidouhou_box_list .shidouhou_box .cnt02 .box01 .box01_in .box01_in_cnt {padding:20px 20px 30px;box-sizing:border-box;background:#EFF7FF;border-radius:0 0 10px 10px;display:block; position:relative;} .shidouhou_box_list .shidouhou_box .cnt02 .box01 .box01_in .box01_in_cnt::before {content:"";background: url("../img/p04/illust02.png") no-repeat;background-size:contain;width:58px;height:118px;position:absolute;right:35px;bottom:-8px;transform: scale(-1, 1);} .shidouhou_box_list .shidouhou_box .cnt02 .box01 .box01_in .box01_in_cnt .left {width:100%;} .shidouhou_box_list .shidouhou_box .cnt02 .box01 .box01_in .box01_in_cnt .right {width:122px;margin-top:20px;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 {width:100%;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box_midashi {font-size:20px;line-height:64px;color:#fff;background:#3374B7;padding:0 30px;border-radius:10px 10px 0 0;position: relative;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box_midashi span {display:inline-block;padding-left:50px;background: url("../img/p04/youtube.svg") no-repeat center left} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in {padding:20px 20px 30px;box-sizing:border-box;background:#EFF7FF;border-radius:0 0 10px 10px;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .p01 {margin-bottom:20px;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .channel_list {padding:20px;background:#fff;box-sizing:border-box;border-radius:10px;display:block;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .channel_list .channel01 {width:100%;margin-bottom:20px;font-size: 14px;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .channel_list .channel01:last-child {margin-bottom:0;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .channel_list .channel01 a {text-decoration:none;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .channel_list .channel01 a .channel_img {overflow: hidden;position:relative;border-radius:5px;margin-bottom:5px;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .channel_list .channel01 a .channel_img .in_img { aspect-ratio: 16 / 9; transition: 0.3s;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .channel_list .channel01 a .channel_title {font-size: 15px;width: 100%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:5px;} .shidouhou_box_list .shidouhou_box .cnt02 .box02 .box02_in .channel_list .channel01 a .channel_date {font-size: 13px;line-height: 1;color: #6B6B6B;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list {width:100%;padding:30px 20px;background:#EFF7FF;box-sizing:border-box;border-radius:10px;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box {width:100%;margin-bottom:20px;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box:last-child {margin-bottom:0;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box h5 {color:#fff;line-height:1;margin-bottom:-15px;position:relative;z-index:2;text-align:center;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box h5 span {display:inline-block;padding:6px 16px 7px;background:#3374B7;border-radius:40px;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in {background: #fff;border:2px solid #3374B7;border-radius:10px;padding:27px 0 20px;text-align:center;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .p01 {font-style:italic;margin-bottom:-8px;left: -38px;position: relative;line-height: 1;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .p01 span {font-style:italic;font-size: 28px;display:inline-block;margin-right:2px;color: #fff;-webkit-text-stroke: 1px #0B0B0B;text-stroke: 1px #0B0B0B;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .hensachi_list {justify-content:center;align-items:flex-end;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .hensachi_list .hensachi_list01 {margin-right:54px;position:relative;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .hensachi_list .hensachi_list01::before {content:"";background: url("../img/p04/ya.svg") no-repeat;background-size:contain;width:41px;height:37px;position:absolute;left:63px;bottom:18px;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .hensachi_list .hensachi_list01 .p02 {font-style:italic;font-size: 28px;margin-bottom:2px;line-height: 1;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .hensachi_list .hensachi_list01 .p03 {font-size: 14px;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .hensachi_list .hensachi_list02 {} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .hensachi_list .hensachi_list02 .p02 {font-style:italic;font-size: 46px;margin-bottom:2px;color:#CC522F;line-height: 1;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list .hensachi_box .hensachi_box_in .hensachi_list .hensachi_list02 .p03 {font-size: 14px;} .shidouhou_box_list .shidouhou_box .cnt03 .hensachi_box_list_img {width:100%;} .shidouhou_box_list .shidouhou_box .table03 {margin-top:40px;display:block;width:100%;} .shidouhou_box_list .shidouhou_box .table03 tbody {display:block;width:100%;} .shidouhou_box_list .shidouhou_box .table03 tr {display:block;width:100%;} .shidouhou_box_list .shidouhou_box .table03 th {display:block;width:100%;text-align:center;background:#3374B7;color:#fff;border-radius: 10px 10px 0 0;padding:14px;box-sizing:border-box;} .shidouhou_box_list .shidouhou_box .table03 th p {font-size:20px;font-weight:bold;} .shidouhou_box_list .shidouhou_box .table03 th h5 {font-size:24px;} .shidouhou_box_list .shidouhou_box .table03 th h5 .ao {line-height:32px;display:inline-block;padding:0 4px;background:#fff;border-radius:2px;margin-right:2px;} .shidouhou_box_list .shidouhou_box .table03 th h5 .yellow {display:inline-block;margin-left:2px;} .shidouhou_box_list .shidouhou_box .table03 td {display:block;width:100%;padding:20px 20px 30px;background:#EFF7FF;border-radius: 0 0 10px 10px;position:relative;box-sizing:border-box;} .shidouhou_box_list .shidouhou_box .table03 td .ao {font-weight:bold;} .shidouhou_box_list .shidouhou_box .table03 td::before {content:"";background: url("../img/p04/illust03.png") no-repeat;background-size:contain;width:108px;height:68px;position:absolute;right:13px;bottom:-20px;} #p04box01 + #topbox04 {padding:100px 5% 80px;background-position:top 40px left -10px,top 40px right -10px;border-radius:40px 40px 0 0;margin-bottom:80px;} /*茨城県入試対策情報 (school_info) p06 =========================================== */ #p06box01 {padding:60px 5% 80px;background:#FFF6EF;} #p06box01 h2 {font-size:30px;margin-bottom:40px;} #p06box01 .text01 {margin-bottom:40px;font-weight:bold;} #p06box01 .text01 p {display:inline;} .school_info_box_list {} .school_info_box_list .school_info_box {border:2px solid #0B0B0B;border-radius:10px;box-sizing:border-box;background: #fff;overflow:hidden;margin-bottom:40px;} .school_info_box_list .school_info_box:last-child {margin-bottom:0;} .school_info_box_list .school_info_box h3 {padding:16px;font-size:22px;background:repeating-linear-gradient(-45deg,#31659C 0,#31659C 9px,#366CA4 9px,#366CA4 18px);} .school_info_box_list .school_info_box .school_info_in {padding:30px 20px;} .school_info_box_list .school_info_box .school_info_in h4 {font-size:20px;line-height:1;padding-bottom:12px;border-bottom:2px solid #3374B7;margin-bottom:20px;} .school_info_box_list .school_info_box .school_info_in .school_info {display:block;} .school_info_box_list .school_info_box .school_info_in .school_info li {width:100%;display:table;margin-bottom:20px;} .school_info_box_list .school_info_box .school_info_in .school_info li:last-child {margin-bottom:0;} .school_info_box_list .school_info_box .school_info_in .school_info li a {display:table-cell;vertical-align:middle;font-weight:bold;text-decoration:none;background:#fff;border:2px solid #0B0B0B;border-radius:10px;overflow:hidden;position:relative;padding:25px 48px 25px 20px;} .school_info_box_list .school_info_box .school_info_in .school_info li a span {position:relative;z-index: 2;} .school_info_box_list .school_info_box .school_info_in .school_info li a::before {content:"";background:url("../img/p06/li.svg") no-repeat;width:8px;height:14px;background-size:contain;position:absolute;top:0;bottom:0;right:20px;margin: auto;z-index: 2;} .school_info_box_list .school_info_box .school_info_in .school_info li a::after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#0B0B0B;transform-origin:100% 50%;scale:0 1;transition:scale 0.3s ease;} #p06box02 {padding:80px 5%;position:relative;background:#FFF6EF;margin-bottom:80px;} #p06box02::before {content:"";background:#3374B7;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:40px 40px 0 0;} #p06box02 .cnt {display:block;margin-bottom:40px;} #p06box02 .cnt .title01 {margin-bottom:24px;} #p06box02 .cnt .title01 .sp {display:inline-block;} #p06box02 .cnt .text {font-weight:bold;} #p06box02 .bg {padding:40px 20px;background:#fff;border-radius:20px;position:relative;} #p06box02 .bg::before {content:"";background: url("../img/p06/illust01.png") no-repeat;background-size:contain;width:84px;height:60px;position:absolute;right:40px;top:-60px;} #p06box02 .bg .channel_list .channel01 {width:100%;margin-bottom:30px;} #p06box02 .bg .channel_list .channel01:last-child {margin-bottom:0;} #p06box02 .bg .channel_list .channel01 a {text-decoration:none;} #p06box02 .bg .channel_list .channel01 a .channel_img {overflow: hidden;position:relative;border-radius:5px;margin-bottom:10px;} #p06box02 .bg .channel_list .channel01 a .channel_img .in_img { aspect-ratio: 16 / 9; transition: 0.3s;} #p06box02 .bg .channel_list .channel01 a .channel_title {width: 100%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:10px;} #p06box02 .bg .channel_list .channel01 a .channel_date {font-size: 15px;line-height: 1;color: #6B6B6B;} #p06box02 .bg .btn01 {margin-top:40px;} /*茨城県入試対策情報 詳細 p07 =========================================== */ #p07box01 {padding:60px 5% 80px;background:#FFF6EF;} #p07box01 .school_info_single {padding:40px 20px;background:#fff;border-radius:40px;box-sizing:border-box;margin-bottom:40px;} #p07box01 .school_info_single .tag {margin-bottom:6px;} #p07box01 .school_info_single .tag li {color:#3374B7;line-height:1.05;padding:6px 12px 7px;border:1px solid #3374B7;border-radius:5px;font-weight:bold;margin:0 4px 4px 0;} #p07box01 .school_info_single .tag li:last-child {margin-right:0;} #p07box01 .school_info_single .title {line-height:1.4;font-size:30px;margin-bottom:20px;} #p07box01 .school_info_single .bg01 {padding:20px;font-weight:bold;border-radius:10px;background:#F5F5F5;margin-bottom:40px;box-sizing:border-box;} .koumoku_box_list {} .koumoku_box_list .koumoku_box {margin-bottom:40px;} .koumoku_box_list .koumoku_box:last-child {margin-bottom:0;} .koumoku_box_list .koumoku_box .koumoku_midashi {font-size:28px;line-height:1.4;color:#3374B7;padding-bottom:16px;border-bottom: 2px solid #3374B7;margin-bottom:20px;} .koumoku_box_list .koumoku_box .movie_list {margin-bottom:20px;} .koumoku_box_list .koumoku_box .movie_list .movie01 {margin-bottom:20px;width:100%;} .koumoku_box_list .koumoku_box .movie_list .movie01:last-child {margin-bottom:0;} .koumoku_box_list .koumoku_box .movie_list .movie01 {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius:10px;} .koumoku_box_list .koumoku_box .movie_list .movie01 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .koumoku_box_list .koumoku_box .setumei_list {} .koumoku_box_list .koumoku_box .setumei_list .setumei01 {margin-bottom:40px;} .koumoku_box_list .koumoku_box .setumei_list .setumei01:last-child {margin-bottom:0;} .koumoku_box_list .koumoku_box .setumei_list .setumei01 h4 {padding:14px 20px;line-height:1.2;font-size:20px;background:#3374B7;box-sizing:border-box;border-radius:5px;margin-bottom:20px;} .koumoku_box_list .koumoku_box .setumei_list .setumei01 .text {} .koumoku_box_list .koumoku_box .setumei_list .setumei01 .setumei_in {margin-top:20px;} .koumoku_box_list .koumoku_box .setumei_list .setumei01 .setumei_in h5 {margin-bottom:14px;padding-left:12px;position:relative;font-size:18px;color:#3374B7;} .koumoku_box_list .koumoku_box .setumei_list .setumei01 .setumei_in h5::before {content:"";width:2px;height:calc(100% - 5px);background:#3374B7;position:absolute;left:0;top:3px;margin:auto;border-radius:10px;} .koumoku_box_list .koumoku_box .setumei_list .setumei01 .setumei_in .setumei_in_text {} .koumoku_box_list .koumoku_box .goukaku_jisseki_box {} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki {width:100%;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki li {justify-content:space-between;align-items:center;font-weight:bold;padding-bottom:16px;border-bottom:1px solid #E6E6E6;margin-bottom:16px;line-height:1;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki li:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki li .nen {font-size:24px;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki li .num_box {width:auto;justify-content:flex-end;align-items:center;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki li .num_box .all {margin-right:10px;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki li .num_box .all span {display:inline-block;padding:6px 12px 7px;border-radius:40px;color:#fff;background:#3374B7;line-height: 1;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki li .num_box .num {font-size:24px;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .goukaku_jisseki li .num_box .num span {font-size:40px;font-style:italic;display:inline-block;margin-right:8px;color:#3374B7;} .koumoku_box_list .koumoku_box .goukaku_jisseki_box .p01 {margin-top:16px;} .koumoku_box_list .koumoku_box .sugoi_box {padding:20px 20px 30px;background:#EFF7FF;border:2px solid #3374B7;border-radius:10px;position:relative;margin-top:40px;} .koumoku_box_list .koumoku_box .sugoi_box h4 {font-size: 22px;line-height: 1.4;margin-bottom:30px;} .koumoku_box_list .koumoku_box .sugoi_box h4 span {padding:9px 16px 10px;background:#3374B7;color:#fff;border-radius:40px;display:inline-block;position:relative;} .koumoku_box_list .koumoku_box .sugoi_box h4::before {content:"";background:url("../img/p07/illust01.png") no-repeat;width:58px;height:74px;background-size:contain;position:absolute;top:37px;right:0;} .koumoku_box_list .koumoku_box .sugoi_box h4 span br.sp {display:inline-block;} .koumoku_box_list .koumoku_box .sugoi_box h5 {margin-bottom:10px;} .koumoku_box_list .koumoku_box .sugoi_box h5 span {font-size:18px;} .koumoku_box_list .koumoku_box .sugoi_box .text01 {margin-bottom:20px;} .koumoku_box_list .koumoku_box .sugoi_box ul {} .koumoku_box_list .koumoku_box .sugoi_box ul li {padding:10px 14px;box-sizing:border-box;background:#fff;border-radius:5px;margin-bottom:4px;align-items:baseline;} .koumoku_box_list .koumoku_box .sugoi_box ul li:last-child {margin-bottom:0;} .koumoku_box_list .koumoku_box .sugoi_box ul li .num {width:27px;font-size:18px;line-height:1;} .koumoku_box_list .koumoku_box .sugoi_box ul li .p01 {width:calc(100% - 27px);} .koumoku_box_list .koumoku_box .nyushi_info {border-radius:10px;overflow:hidden;display:block;width:100%;} .koumoku_box_list .koumoku_box .nyushi_info tbody {display:block;width:100%;} .koumoku_box_list .koumoku_box .nyushi_info tr {display:block;width:100%;} .koumoku_box_list .koumoku_box .nyushi_info th {display:block;width:100%;background:#3374B7;color:#fff;border-bottom:1px solid #508ECE;padding:20px;text-align:center;box-sizing:border-box;} .koumoku_box_list .koumoku_box .nyushi_info td {display:block;width:100%;padding:20px;background:#EFF7FF;text-align:center;box-sizing:border-box;} .koumoku_box_list .koumoku_box .nyushi_info td a {display:inline-block;padding-right:26px;background:url("../img/p07/blank.svg") no-repeat center right;} .koumoku_box_list .koumoku_box .gaiyou_list {border-radius:10px;padding:30px 20px;background:#F5F5F5;box-sizing:border-box;} .koumoku_box_list .koumoku_box .gaiyou_list li {padding-bottom:14px;border-bottom:1px dashed #B3B3B3;margin-bottom: 14px;display:block;} .koumoku_box_list .koumoku_box .gaiyou_list li:last-child {padding-bottom:0;border-bottom:0;margin-bottom: 0;} .koumoku_box_list .koumoku_box .gaiyou_list li .koumoku {width:100%;color:#3374B7;font-weight:bold;margin-bottom:6px;} .koumoku_box_list .koumoku_box .gaiyou_list li .naiyou {width:100%;} .koumoku_box_list .koumoku_box .gmap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius:10px;margin-top: 20px;} .koumoku_box_list .koumoku_box .gmap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*合格体験談 (voice) p08 =========================================== */ #p08box01 {padding:60px 5% 80px;} #p08box01 .tax_box {position:relative;margin-bottom:80px;} #p08box01 .tax_box::before {content: "";background:url("../img/p08/pass01.svg") no-repeat;width:16px;height:10px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);pointer-events: none;} #p08box01 .tax_box select {width:100%;height:70px;border:2px solid #0B0B0B;border-radius:10px;box-sizing:border-box;background:#fff;padding:0 20px;font-family: 'NotoSansJP';font-size:16px;font-weight:500;appearance: none;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;color: #0B0B0B!important;} .voice_box_list {} .voice_box_list .voice_box {margin-bottom:80px;} .voice_box_list .voice_box:last-child {margin-bottom:0;} .voice_box_list .voice_box .midashi02 {font-size:40px;line-height:1;margin-bottom:40px;text-align:center;} /*お知らせ (news) p09 =========================================== */ #two_contents {padding:60px 5% 80px;background:#FFF6EF;margin-bottom:80px;} #two_contents .cnt {display:block;} #two_contents .cnt #two-main {width:100%;} .news_list {} .news_list .news01 {margin-bottom:10px;} .news_list .news01:last-child {margin-bottom:0;} .news_list .news01 a {padding:20px 20px 30px;background:#fff;border-radius:10px;text-decoration:none;box-sizing:border-box;display:block;} .news_list .news01 a .img {position:relative;overflow:hidden;border-radius:5px;width:100%;margin-bottom:20px;} .news_list .news01 a .img .in_img { aspect-ratio: 224 / 160;transition: 0.3s;} .news_list .news01 a .info {width:100%;} .news_list .news01 a .info .cat {margin-bottom:6px;} .news_list .news01 a .info .cat li {margin:0 4px 4px 0;padding:4px 8px;background:#132B51;color:#fff;line-height:1;font-weight:bold;border-radius: 40px;} .news_list .news01 a .info .cat li:last-child {margin-right:0;} .news_list .news01 a .info .title {width: 100%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:18px;line-height:1.4;} .news_list .news01 a .info .time {line-height:1;margin-top:30px;} #two_contents .cnt #two-side {width:100%;margin-top:80px;} #two_contents .cnt #two-side .sidebox {} #two_contents .cnt #two-side .sidebox .sidebox_in {margin-bottom:40px;} #two_contents .cnt #two-side .sidebox .sidebox_in:last-child {margin-bottom:0;} #two_contents .cnt #two-side .sidebox .sidebox_in .widgettitle {font-size:18px;line-height:42px;background:#3374B7;color:#fff;border-radius:40px;text-align:center;margin-bottom:20px;} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list {} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li {} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li > a {display: block;font-weight:bold;text-decoration:none;padding:24px 41px 24px 15px;box-sizing:border-box;border-bottom:1px solid #FFDABD;background:url("../img/p09/pass01.svg") no-repeat center right 15px;} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li:first-child > a {border-top:1px solid #FFDABD;} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li.selected > a {background: url("../img/p09/pass01.svg") no-repeat center right 15px #FFEEE0;} /*一覧ページページャー*/ .wp-pagenavi {text-align: center;margin: 60px auto 0;} .wp-pagenavi a,.wp-pagenavi span {text-decoration: none;display: inline-block;width:44px;height:44px;line-height: 42px;border:1px solid #0B0B0B;color:#0B0B0B;box-sizing:border-box;margin:0 2px;font-weight: bold;background:#fff;border-radius:100%;} .wp-pagenavi a:hover, .wp-pagenavi span.current, span.pages {color:#fff;background:#0B0B0B;} span.extend {display: none;} span.pages {display: none;} .wp-pagenavi a.first {color:transparent!important;background: url("../img/p09/arrow01.svg") no-repeat center #fff;} .wp-pagenavi a.previouspostslink {color:transparent!important;background: url("../img/p09/arrow02.svg") no-repeat center #fff;} .wp-pagenavi a.nextpostslink {color:transparent!important;background: url("../img/p09/arrow03.svg") no-repeat center #fff;} .wp-pagenavi a.last {color:transparent!important;background: url("../img/p09/arrow04.svg") no-repeat center #fff;} /*お知らせ詳細 =========================================== */ .news_single {padding:30px 20px ;background:#fff;border-radius:40px;} .news_single .cat {margin-bottom:8px;} .news_single .cat li {margin:0 4px 4px 0;;padding:4px 8px;background:#132B51;color:#fff;line-height:1;font-weight:bold;border-radius: 40px;} .news_single .cat li:last-child {margin-right:0;} .news_single .title {font-size:20px;margin-bottom:20px;} .news_single .icatch {width:100%;margin-bottom: 30px;} #toc_container {background:#EFF7FF!important;border:2px solid #3374B7!important;padding:20px 20px 30px!important;margin-bottom:30px!important;width:100%!important;display:block!important;box-sizing:border-box;border-radius:10px;} #toc_container .toc_title {text-align: left!important;font-size:20px!important;margin-bottom:10px!important;color:#3374B7;} #toc_container .toc_list {margin-top:0 !important;} #toc_container .toc_list > li {margin-bottom:10px !important;font-size:16px;font-weight:500;line-height:1.6;} #toc_container .toc_list > li:last-child {margin-bottom:0 !important;} #toc_container .toc_list > li .toc_number {font-size:18px;font-weight:bold;color:#3374B7;margin-right: 6px;} #toc_container .toc_list > li a {padding-left: 17px;text-indent: -17px;display: inline-block;} .news_single .editor {} .news_single .editor .midashi {color:#fff;background:#3374B7;border-radius: 5px;font-size:18px;line-height:1.2;margin-bottom:20px;padding:10px 20px;} .writer_info_list {margin-top:40px;} .writer_info_list .writer_info {border-radius:10px;margin-bottom:30px;overflow:hidden;padding:20px 20px 30px;background:#F5F5F5;} .writer_info_list .writer_info:last-child {margin-bottom:0;} .writer_info_list .writer_info .midashi {font-size:18px;font-weight:bold;margin-bottom:20px;position:relative;padding-left:12px;color:#3374B7;} .writer_info_list .writer_info .midashi::before {content:"";width:2px;height: calc(100% - 5px);background:#3374B7;position:absolute;left:0;top:0;bottom:0;margin:auto;border-radius:10px;} .writer_info_list .writer_info .cnt {display:block;} .writer_info_list .writer_info .cnt .img {width:100px;margin:0 auto 12px;} .writer_info_list .writer_info .cnt .img .in_img {aspect-ratio: 100 / 100;border-radius:100%;overflow:hidden;} .writer_info_list .writer_info .cnt .info {width:100%;} .writer_info_list .writer_info .cnt .info.full {width:100%;} .writer_info_list .writer_info .cnt .info .info_in {display:block;text-align:center;margin-bottom:10px;} .writer_info_list .writer_info .cnt .info .info_in .name {font-size:20px;} .writer_info_list .writer_info .cnt .info .info_in .yaku {font-size:14px;} .writer_info_list .writer_info .cnt .info .profile {margin-top:10px;} /*詳細ページページャー*/ .post-navigation {margin:60px auto 0;} .post-navigation ul {text-align: center;justify-content: center;align-items: center;} .post-navigation ul li {font-weight:bold;} .post-navigation ul li a {text-decoration:none;color:#0B0B0B;font-weight:bold;} .post-navigation ul li.post_back {margin: 0 18px;width:180px;display:table;height:50px;} .post-navigation ul li.post_back a {border:1px solid #0B0B0B;display:table-cell;text-align:center;vertical-align:middle;box-sizing: border-box;border-radius:80px;background:#fff;} .post-navigation ul li.next a {background: url("../img/p09/arrow_l.svg") no-repeat center left;display:inline-block;padding-left:50px;height: 50px;line-height: 50px;} .post-navigation ul li.prev a {background: url("../img/p09/arrow_r.svg") no-repeat center right;display:inline-block;padding-right:50px;height: 50px;line-height: 50px;} .post-navigation ul li.next a span {display:none;} .post-navigation ul li.prev a span {display:none;} /*Thanks・404 =========================================== */ #other{padding:130px 5% 100px;text-align: center;} #other h2 {font-size: 22px;margin-bottom: 25px;} #other .other_in p {font-size: 17px;position: relative;margin: 10px 0;} #other .k_btn01 {margin-top:25px;} /*プライバシーポリシー =========================================== */ div#pageBox01{padding:130px 5% 100px;} h2.pp-title01 {font-size: 22px;border-bottom: solid 2px;margin-bottom: 25px;padding-bottom: 10px;} h3.pp-title02 {font-size: 17px;padding-left: 15px;position: relative;margin: 10px 0;} h3.pp-title02:before{content:"";width:5px;height:65%;background:#000;position: absolute;left:0;top:0;bottom:0;margin:auto 0;} div#pageBox01 p {line-height: 26px;} div#pageBox01 ul {line-height: 26px;} /*ウインドー幅ごと =========================================== */ @media screen and (min-width: 370px) { } @media screen and (min-width: 0px) and (max-width: 350px) { } @media screen and (min-width: 0px) and (max-width: 330px) { }