/*
Theme Name:		Kirali
Theme URI:
Description:
Author:
Author URI:
Version:		1.0
License:
License URI:
*/
body{color:#0e1b36;padding:0; margin:0; background-attachment:fixed; background-size:cover; background-repeat:no-repeat; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
img{vertical-align:top;}
.mincho{font-family:"游明朝体", "Noto Serif JP", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", serif;}
body.home:after{content:""; width:33%; height:100%; background:#fff; position:fixed; top:0; right:0; z-index:1;transition: all 0.25s ease-out;}
body.home.global-nav-active:after{-ms-filter: blur(50px);filter: blur(50px);}
header{position:fixed; z-index:9997; top:0; left:0; width:100%; box-sizing:border-box; padding:15px 0; display:flex; justify-content:space-between;align-items:center;transition: all 0.25s 0s ease;}
body.global-nav-active header{-ms-filter: blur(50px);filter: blur(50px);}
header.active{background:rgb(6 30 54);backdrop-filter: blur(8px);}
header #logo{width:150px; height:auto; margin-left:30px;}
header #logo img{width:100%;}
header #header_inner{display:flex; justify-content:flex-end; flex:1; padding-right:95px;}
header #header_inner a{text-decoration:none;color:#d8dce3;}
header #header_inner i{margin-right:10px;}
header #header_inner .tel,header #header_inner .mail,header #header_inner .naviicon{padding:0 30px;text-align:center; display:flex; align-items: center;}
#header_inner .naviicon{position:relative; z-index:9999;}
header #header_inner .tel,header #header_inner .mail{border-right:1px solid #6b7c8d; height:55px;}
header #header_inner .tel a{display:flex;justify-content:space-between;align-items:center;}
header #header_inner .tel a .tel_data{display:flex; align-items:center;}
header #header_inner .tel .tel_number{display:flex; align-items:center; font-size:20px; margin-right:5px;}
header #header_inner .tel .tel_time{display:block; font-size:12px;color:#d8dce3; line-height:120%; text-align:left;}

#banner{width:100%; height:100vh; position:relative; z-index:999; margin-bottom:120px;transition: all 0.25s ease-out;}
body.global-nav-active #banner{-ms-filter: blur(50px);filter: blur(50px);}
.banner_inner{width:33%; height:100vh; float:right; position:relative;}
.banner_title{position:absolute; top:37%; right:0; width:45vw;}
.banner_title .bigtitle{display:block; font-size:3vw; margin:0; padding:0; letter-spacing:10px;color:#0e1b36; text-shadow: 0 0 4px #fff;}
.banner_title .bigtitle2{font-size:1vw; letter-spacing:5px;color:#152442;text-shadow: 0 0 4px #fff;}

.newpost{font-size:15px;width:690px; padding:40px; box-sizing:border-box; position:absolute; bottom:20px; right:0; background:#dde8ff; color:#233b6c;border-radius:2px;}
.newpost_item,.newpost_meta{display:flex; align-items:center;}
.newpost_item{margin-bottom:20px;}
.newpost_item:last-child{margin:0;}
.newpost_category_label{font-weight:bold;display:block; width:120px;}
.newpost_date{display:block; width:120px;}
.newpost a{text-decoration:none; color:#333;}

#wrap{width:100%; position:relative; z-index:999;transition: all 0.25s ease-out;}
body.home + div{transition: all 0.25s ease-out;}
body.home.global-nav-active + div{-ms-filter: blur(50px);filter: blur(50px);}
body.global-nav-active #wrap{-ms-filter: blur(50px);filter: blur(50px);pointer-events: none;}
body.global-nav-active{overflow:hidden;}
section.list{margin-bottom:120px;}
section.list2{padding-bottom:120px;}
section.alone{padding:120px 0; margin:0; position:relative; z-index:2;}
.whitebackground{background:#fff;}
.colum1{width:80%; margin:0 auto;}
.message{background:rgba(255,255,255,0.8); padding:80px; text-align:center; border-radius:2px;}
.message p{margin:0 0 20px 0;}
.message h3{font-size:28px; margin:0 0 40px 0;}
.message h3 span.sub_heading{font-size:14px; display:block; margin-bottom:10px; color:#354c7a; font-weight:normal;}

.colum2{display:flex;}
.colum2 .image{width:50%; height:50vw;}
.colum2 .image img{width:100%; height:100%; object-fit:cover;}
.colum2.row-reverse{flex-direction:row-reverse;}
.content{width:50%; background:#eff4ff; display:flex; align-items: center; box-sizing:border-box; padding:10px;}
.content .content_inner{width:100%; height:100%; border:1px solid #788bb3; border-radius:2px;display:flex; align-items: center;}
.content .content_inner .menu{text-align:center; width:100%; padding:1vw 10vw; box-sizing:border-box;}
.content .content_inner .menu p{margin:0 0 20px 0;}
.content .content_inner .menu h3{font-size:28px; margin:0 0 40px;}
.content .content_inner .menu h3 span.sub_heading{font-size:14px; display:block; margin-bottom:10px; color:#354c7a; font-weight:normal;}

.content_box{width:100%; background:#eff4ff; display:flex; align-items: center; box-sizing:border-box; padding:10px;}
.content_box .content_box_inner{width:100%; height:100%; border:1px solid #788bb3; border-radius:2px;display:flex; align-items: center; padding:40px; box-sizing:border-box;}
.content_box .content_box_inner .image{height:23vw; overflow:hidden; border-radius:2px;}
.content_box .content_box_inner .menu{text-align:left; width:50%; margin-left:40px;}
.content_box .content_box_inner .menu p{margin:0 0 20px 0;}
.content_box .content_box_inner .menu h3{font-size:28px; margin:0 0 40px;}
.content_box .content_box_inner .menu h3 span.sub_heading{font-size:14px; display:block; margin-bottom:10px; color:#354c7a; font-weight:normal;}

.content_link_container{width:50%; position:relative; overflow:hidden;}
.content_link_container .image{width:100%; height:400px; position:relative; bottom:80px;}
.content_link_container .image img{object-fit:cover; width:100%; height:100%;}
.content_link_container .content{display:block;width:70%; text-align:center; margin:0 auto; background:#fff; border-radius:2px; position:absolute; bottom:0; left:50%; margin-left:-35%; text-align:center; padding:25px 0;}
.content_link_container  h3{font-size:26px; margin:0 0 20px 0;}
.content_link_container  h3 span.sub_heading{font-size:14px; display:block; margin-bottom:5px; color:#354c7a; font-weight:normal;}

.button_container{text-align:center;}
.button1 a{display:block; width:300px; padding:20px 0; margin:0 auto; background:#061e36; color:#fff; text-decoration:none; border-radius:2px; transition:all 0.5s 0s ease;}
.button1 a:hover{background:#3d75eb;}
.button2 a{display:block; width:200px; padding:10px 0; margin:0 auto; background:#fff; color:#234ea7; border:1px solid #234ea7; text-decoration:none; border-radius:2px;transition:all 0.5s 0s ease;}
.button2 a:hover{background:#234ea7;color:#fff;}

article.text{margin-bottom:40px;}
article.osusume p{text-align:center; word-break:keep-all;}

.contact{width:50%;text-align:center; border:1px solid #233b6c; padding:40px; box-sizing:border-box;}
.contact:nth-child(2){border-width:1px 1px 1px 0;}
.contact p{margin:0 0 20px 0;}
.contact_container{text-align:center;}
.contact_container h4{font-size:28px; margin:0 0 40px;}
.contact_container h4 span.sub_heading{font-size:14px; display:block; margin-bottom:10px; color:#354c7a; font-weight:normal;}

.contact .tel,.contact .mail{padding:0;text-align:center; display:flex; align-items: center;justify-content: center; height:40px;}
.contact .tel{margin-right:3%;}
.contact .tel i,.contact .mail i{margin-right:10px;}
.contact .tel .tel_data{display:flex; align-items:center;}
.contact .tel .tel_number{display:flex; margin-right:5px; align-items:center; font-size:20px;}
.contact .tel .tel_time{display:block; font-size:12px;color:#fff; text-align:left;}
.contact .button1 a{width:90%;}

table.access_data{border-collapse:  collapse;}
table.access_data th{font-weight:normal; white-space: nowrap; border-bottom:1px solid #bac0cd; padding:20px 40px 20px 0; text-align:left;}
table.access_data td{border-bottom:1px solid #bac0cd; text-align:left; padding:10px 0;}

.instagram{padding-bottom:120px; text-align:center;}
.instagram h4{font-size:28px; margin:0 0 40px;}
.instagram h4 span.sub_heading{font-size:14px; display:block; margin-bottom:10px; color:#354c7a; font-weight:normal;}

.naviicon{position: fixed; top: 36px;right: 20px;z-index: 9999;}
body.global-nav-active .naviicon{right:35px;}
.global-nav{width:330px;background:#061e36;height: 100%;position: fixed;top: 0;right:-343px;transition: all 0.25s ease-out;-ms-filter: blur(2px); filter: blur(2px); z-index:9998;}
.global-nav.active{right:0;-ms-filter: blur(0px); filter: blur(0px);}
.global-nav .menu-ul-container{padding:60px 0 0px 0;}
.global-nav .menu-ul-container ul{list-style-type:none; text-align:center; padding:0; margin:0; padding:0 10px;}
.global-nav .menu-ul-container ul li{padding:20px 0;border-bottom:1px solid #6b7c8d;}
.global-nav .menu-ul-container ul li:last-child{border:none;}
.global-nav .menu-ul-container ul li a{color:#fff; text-decoration:none;}
.global-nav .menu-ul-container ul li ul li{padding:0;}
.global-nav .menu-ul-container ul li ul.sub-menu{display:flex;flex-wrap: wrap; width:90%; margin:10px auto 0 auto;justify-content: center;}
.global-nav .menu-ul-container ul li ul li{padding:5px;border:none;}
.global-nav .menu-ul-container ul li ul li a{font-size:12px; display:block; background:#fff; color:#374a75; padding:3px 10px; border-radius:2px;}
.global-nav .tel{width:90%; margin:0 auto 20px auto;}
.global-nav .tel a{display:flex;justify-content:center;align-items:center; background:#fff; text-decoration:none; color:#233b6c; height:80px; padding:10px 0; border-radius:2px;}
.global-nav .tel a i{margin-right:5px;}
.global-nav .tel .tel_number{display:block; font-size:20px; margin-right:5px;}
.global-nav .tel .tel_time{display:block; font-size:12px;color:#8192b5; line-height:120%;}
.global-nav .mail{width:90%; margin:0 auto;}
.global-nav .mail a{padding:0 30px;text-align:center; display:flex; align-items: center;justify-content:center; text-decoration:none; background:#dde8ff; height:55px; color:#233b6c; padding:10px 0; border-radius:2px;}
.global-nav .mail a i{margin-right:5px;}

/*page*/
.pagebanner{width:100%; position:relative; z-index:2;}
.pagebanner #pagetitle{width:40%; text-align:center; padding:20px 0;margin:0 auto; position:absolute; top:40%;z-index:9999; left:50%; margin-left:-20%;}
.pagebanner #pagetitle::before,.pagebanner #pagetitle::after {position: absolute;content: '';width: 30px;height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.pagebanner #pagetitle::before {top: 0;left: 0;border-top: 1px solid #fff;border-left: 1px solid #fff;}
.pagebanner #pagetitle::after {bottom: 0;right: 0;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.pagebanner #pagetitle h1{font-size:28px; margin:0 0 10px 0;}
.pagebanner #pagetitle h1,.pagebanner #pagetitle span{color:#fff;}
.pagebanner .image{width:100%; height:560px; position:relative; bottom:30px;}
.pagebanner .image img{object-fit:cover; width:100%; height:100%;filter: brightness(80%);}
.pagebanner .content{display:flex; align-items:center;width:90%; margin:0 auto; background:#fff; border-radius:2px; position:absolute; bottom:0; left:50%; margin-left:-45%; text-align:left; padding:20px; font-size:14px; box-sizing:border-box;line-height:100%;}
.pagebanner .content:before{content:""; display:block; width:4px; height:20px; background:#233b6c; border-radius:4px; margin-right:20px;}
.pagebanner .content a{text-decoration:none; color:inherit;}
.pankuzu span{color:#c7bdb7;}

/*menu*/
.premenu{width:100%; position:relative;}
.premenu .image{width:100%; height:300px; position:relative; border-radius:2px; overflow:hidden;}
.premenu .image img{object-fit:cover; width:100%; height:100%;}
.premenu .content_box{width:70%; margin:0 auto; position:relative; bottom:60px;border-radius:2px;}
.premenu .content_box{text-align:center;}
.premenu .content_box h2,.premenu .content_box h3{font-size:24px;}
.premenu .content_box .content_box_inner{width:100%; height:100%; border:1px solid #788bb3; border-radius:2px;display:block; padding:40px 80px; box-sizing:border-box;}
.menulist{background:#eff4ff; padding:60px 0 40px 0;border-radius:2px; margin-bottom:40px;}
.menulist .menulist_inner,.menulist .menulist_inner2{width:70%; margin:0 auto 30px auto;}
.menulist h3{font-size:24px; text-align:center; margin:0 0 40px 0;}
.menulist h3.sh1{margin:0 0 30px 0;padding:0 0 20px 0; border-bottom:1px solid #788bb3; position:relative;}
.menulist h3.sh1:before{content:"\025cf"; font-size:11px; color:#788bb3; position:absolute; bottom:-9px; left:-5px;}
.menulist dl{width:100%; margin:0 auto;}
.menulist dl dt,.menulist dl dd{margin:0; padding:0;}
.menulist dl dt{font-weight:bold;display:flex; justify-content:space-between; font-size:20px; color:#233b6c; border-bottom:1px solid #c0c1e1; padding:0 0 15px 0; margin:0 0 15px 0; align-items:center;}
.menulist dl dt .course_price{text-align:right;}
.menulist dl dt .course_price i{font-style:normal; font-size:14px; font-weight:normal;}
.menulist dl dt .course_price_flex_container{width:260px;}
.menulist dl dt .couse_price_flex_item{position:relative;display:flex; margin-bottom:10px; justify-content:space-between;}
.menulist dl dt .couse_price_flex_item:after{content:""; display:block; width:100%; height:2px; border-bottom:1px dotted #919eb9;position:absolute; top:38%;}
.menulist dl dt .couse_price_flex_item span{display:block; background:#eff4ff; z-index:2;}
.menulist dl dt .couse_price_flex_item span:first-child{padding-right:10px; text-align:left;}
.menulist dl dt .couse_price_flex_item span:last-child{text-align:right; padding-left:10px;}
.menulist dl dd{margin-bottom:35px;}
.menulist dl dd:last-child{margin-bottom:0;}
.menulist .menulist_inner{display:flex; align-items:center;}
.menulist .menulist_inner img{width:100px; height:100px; margin-right:20px; border-radius:2px;}

/*about*/
.about_container{position:relative;z-index:1;margin-top: -150px;}
.concept{text-align:center;padding:120px 0; margin-bottom:68px; background:url(img/_MAY0403.jpg) no-repeat; background-size:cover; background-attachment:fixed; position:relative;}
.concept:after{content:""; display:block; width:100%; height:100%; background:rgba(35,59,108,0.5); position:absolute; top:0; left:0; z-index:1;backdrop-filter: blur(4px);}
.concept .colum1{position:relative; z-index:2;}
.concept h2{font-size:28px; margin:0 0 40px 0; color:#fff;}
.concept h2 span.sub_heading{font-size:14px; display:block; margin-bottom:10px; color:#fff; font-weight:normal;}
.concept_box{display:flex; justify-content:space-between; background:#fff; padding:60px; width:100%; box-sizing:border-box; border-radius:2px;}
.concept_inner{flex:1; text-align:left;}
.concept_inner h3{margin:0 0 20px 0; font-size:24px;}
.concept_box .image{width:300px; margin-left:40px; border-radius:2px; overflow:hidden;}
.concept_box .image img{width:100%; height:100%; object-fit:cover;}
.feature{text-align:center; margin-bottom:120px;}
.feature .colum2{margin-bottom:40px;}
.feature h2{font-size:28px; margin:0 0 40px 0;}
.feature h2 span.sub_heading{font-size:14px; display:block; margin-bottom:10px; color:#354c7a; font-weight:normal;}
.feature .image{width: auto;flex: 1;height: auto;margin-left: -10%;}
.feature .image img{width:100%; height:100%; object-fit:cover;}
.feature .feature_box{text-align: left;align-items: center;width:60%;margin: 5% 0;z-index: 999;}
.feature .feature_box .feature_box_inner{background:#fff; padding:60px; border-radius:2px;}
/*faq*/
dl.faq,dl.faq dt,dl.faq dd{padding:0; margin:0;}
dl.faq dd p{margin:0; flex:1;}
dl.faq dt{background:#eff4ff; font-size:18px; border-radius:2px; position:relative; padding:30px; font-weight:600;display:flex; align-items:center;}
dl.faq dt:before{content:"Q"; display:block; background:#233b6c; color:#fff; width:35px; height:35px; text-align:center; line-height:35px; margin-right:20px; border-radius:50px;}
dl.faq dt:after{content:""; display:block; width:calc(100% - 20px); height:calc(100% - 20px); border:1px solid #233b6c; border-radius:2px; position:absolute; top:10px; left:10px;}
dl.faq dd{font-size:16px; padding:30px 30px 60px 30px; display:flex; align-items:center;}
dl.faq dd:before{content:"A"; display:block; background:#fff; color:#233b6c; border:1px solid #233b6c; box-sizing:border-box; width:35px; height:35px; text-align:center; line-height:35px; margin-right:20px; border-radius:50px;}


/*個別フォースカッター*/
.technology{text-align:center;}
.technology h3,.technology_description h3{font-size:28px; margin:0 0 40px 0; text-align:center;}
.technology h3 span.sub_heading,.technology_description h3 span.sub_heading{font-size:14px; display:block; margin-bottom:10px; color:#354c7a; font-weight:normal;}
.column4{display:flex;}
.technology_container{width:25%; position:relative; overflow:hidden;}
.technology_container .image{width:100%; height:400px; position:relative; bottom:65px;}
.technology_container .image img{object-fit:cover; width:100%; height:100%;}
.technology_container .content{display:block;width:70%; text-align:center; margin:0 auto; background:#fff; border-radius:2px; position:absolute; bottom:0; left:50%; margin-left:-35%; text-align:center; padding:25px 0;}
.technology_container h3{font-size:21px; margin:0 0 20px 0;}
.technology_container h3 span.sub_heading{font-size:14px; display:block; margin-bottom:5px; color:#354c7a; font-weight:normal;}
dl.tech_dictionary{margin:40px 0 0 0; padding:0; display:flex; flex-wrap: wrap; align-items:center;}
dl.tech_dictionary dt{width:20%; margin:0;}
dl.tech_dictionary dd{width:80%; padding:0; margin:0 0 40px 0;}
dl.tech_dictionary dt:last-child,dl.tech_dictionary dd:last-child{margin:0;}
dl.tech_dictionary dt span{background:#233b6c; border-radius:2px; color:#fff; padding:5px 25px;}
.colum2.technology2 .image{width:35%; height: 35vw;}
.technology2 .content{width:65%;}
.technology2 .content .content_inner .menu{padding:0 5vw; text-align:left;}
.technology_description{padding-top:68px;}
.technology_description .concept_box{padding:0 60px;}

/*footer*/
footer{background:#eff4ff; padding:80px 0; text-align:center; position:relative; z-index:999;transition: all 0.25s ease-out;}
body.global-nav-active footer{-ms-filter: blur(50px);filter: blur(50px);}
footer #copyright p{color:#868d9d; margin:0; font-size:13px;}
#footerlogo{width:150px; height:auto; margin:0 auto 40px auto;}
#footerlogo img{width:100%;}
.footer_nav{margin-bottom:40px;}
.footer_nav ul{margin:0; padding:0; display:flex; list-style-type:none; justify-content:center;}
.footer_nav li{margin:0 20px;}
.footer_nav a{text-decoration:none; color:inherit;}
.footer_nav ul.sub-menu{display:none;}

/*naviアイコン*/
.btn-trigger {position: relative;width: 50px;height: 44px;cursor: pointer; transform:scale(0.5);}
.btn-trigger span {position: absolute;left: 0;width: 100%;height: 4px;background-color:#d8dce3;border-radius: 4px;}
.btn-trigger.active span{background:#fff;}
.btn-trigger, .btn-trigger span {display: inline-block;transition: all .5s;box-sizing: border-box;}
.btn-trigger span:nth-of-type(1) {top: 0;}
.btn-trigger span:nth-of-type(2) {top: 20px;}
.btn-trigger span:nth-of-type(3) {bottom: 0;}

ul.iconlist,ul.iconlist2{margin:0; padding:0; list-style-type:none; display:flex; flex-wrap: wrap; justify-content:center;}
ul.iconlist li{color:inherit; padding:5px 10px; margin:0 10px 20px 10px; border-radius:2px;font-size:16px;}
ul.iconlist p{display:none;}

ul.iconlist2 li{border-radius:2px; overflow:hidden;}
ul.iconlist2 li a{display:flex; align-items:center; width:300px; margin:0 10px 20px 10px; text-decoration:none; background:url(img/iconlist2bg.png) no-repeat right 15px center #233b6c; color:#fff; border-radius:2px; overflow:hidden;}
ul.iconlist2 li a span:first-child{display:block; width:30%; margin-right:20px;}
ul.iconlist2 li a span:last-child{flex:1; display:block; display:flex; align-items:center;}
ul.iconlist2 li a span img{width:100%; height:100%; object-fit:cover;}

/*single*/
#single_container{width:82%; margin:0 auto; display:flex; justify-content:space-between;}
.single_inner{width:70%;}
.single_inner h2{border-bottom: 1px solid #233b6c;padding-bottom: 20px;margin-bottom: 20px;}
img.eyecatch{float:right; margin-left:40px; margin-bottom:40px;}

/*category*/
.category-entry-list{display:flex; flex-wrap:wrap; justify-content:space-between;}
.category-entry-list a{width:48%; margin:0 0 4% 0; display:block; text-decoration:none; color:inherit;}
.category-entry-list-eye-catching{width:100%; height:300px; overflow:hidden; border-radius:2px; margin-bottom:10px;box-sizing: border-box;transition:all .8s; border:1px solid #fff;}
.category-entry-list a:hover .category-entry-list-eye-catching{border:1px solid #233b6c;}
.category-entry-list-eye-catching img{width:100%; height:100%; object-fit:cover; transition:all .8s;}
.category-entry-list a:hover .category-entry-list-eye-catching img{transform: scale(1.3);transform-origin: 50% 50%;}
.category-entry-data{position:relative; padding:5px 0 5px 14px;}
.category-entry-data:after{content:""; display:block; width:4px; height:100%; background:#233b6c; border-radius:2px; position:absolute; top:0; left:0;}
.category-entry-date{color:#96a2bd; line-height:150%; margin-bottom:10px;}
.category-entry-title{font-size:17px; line-height:150%;}

/*サイドバー*/
.sidebar{width:25%;}
.sidebar-inner h4{background: #233b6c;padding: 10px;color: #fff;font-weight: 300; border-radius:2px; margin:0 0 20px 0;}
.sidebar-inner ul{list-style-type:none; padding:0; margin:0;}
.sidebar-inner ul li{display:flex;flex-wrap: wrap-reverse;margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px; padding-left:10px;}
.sidebar-inner ul li:last-child{border-bottom:none;}
.sidebar-inner ul li a,.sidebar-inner ul li span{display:block; width:100%;}
.sidebar-inner ul li a{color:inherit; font-size:17px; text-decoration:none;}
.sidebar-inner ul li span{color:#96a2bd;}

/*ページネーション*/
#pagenavi .wp-pagenavi{display:flex; justify-content:center; padding:40px 0;}
#pagenavi .wp-pagenavi .pages{display:none;}
#pagenavi .wp-pagenavi span.current{border-radius:50%;display:block; width:40px; height:40px; line-height:40px; text-align:center; background:#233b6c; color:#fff; margin:0 10px;}
#pagenavi .wp-pagenavi a{text-decoration:none; box-sizing:border-box;}
#pagenavi .wp-pagenavi a.page{border-radius:50%;display:block; width:40px; height:40px; line-height:40px; text-align:center; border:1px solid #233b6c; color:#233b6c; margin:0 10px;position:relative;transition:all .8s;}
#pagenavi .wp-pagenavi a.page:hover{background:#233b6c; color:#fff;}
#pagenavi .wp-pagenavi a.nextpostslink,#pagenavi .wp-pagenavi a.previouspostslink{display:block; width:40px; height:40px; line-height:40px; text-align:center;color:#233b6c; margin:0 10px; font-size:35px;}

.mb40{margin-bottom:40px;}
.mb68{margin-bottom:68px;}
#btn07 span:nth-of-type(1) {
  -webkit-animation: btn07-bar01 .75s forwards;
  animation: btn07-bar01 .75s forwards;
}
@-webkit-keyframes btn07-bar01 {
  0% {
    -webkit-transform: translateY(20px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar01 {
  0% {
    transform: translateY(20px) rotate(45deg);
  }
  50% {
    transform: translateY(20px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#btn07 span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
#btn07 span:nth-of-type(3) {
  -webkit-animation: btn07-bar03 .75s forwards;
  animation: btn07-bar03 .75s forwards;
}
@-webkit-keyframes btn07-bar03 {
  0% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar03 {
  0% {
    transform: translateY(-20px) rotate(-45deg);
  }
  50% {
    transform: translateY(-20px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#btn07.active span:nth-of-type(1) {
  -webkit-animation: active-btn07-bar01 .75s forwards;
  animation: active-btn07-bar01 .75s forwards;
}
@-webkit-keyframes active-btn07-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(20px) rotate(45deg);
  }
}
@keyframes active-btn07-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(20px) rotate(0);
  }
  100% {
    transform: translateY(20px) rotate(45deg);
  }
}
#btn07.active span:nth-of-type(2) {
  opacity: 0;
}
#btn07.active span:nth-of-type(3) {
  -webkit-animation: active-btn07-bar03 .75s forwards;
  animation: active-btn07-bar03 .75s forwards;
}
@-webkit-keyframes active-btn07-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
  }
}
@keyframes active-btn07-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-20px) rotate(0);
  }
  100% {
    transform: translateY(-20px) rotate(-45deg);
  }
}

.fixedmenu{z-index: 99999; position: fixed; bottom: 0; left: 0; width:96px;}
.fixedmenu .optimal_item{width:100%; background:#fff; margin-bottom:2px;}
.fixedmenu .optimal_item:last-child{margin-bottom:0;}
.fixedmenu .optimal_icon{font-size:20px;}
.fixedmenu .optimal_item .optimal_title{font-size:15px;}
.fixedmenu .optimal_item a{padding:10px 0;}

/*! CSS Used from: https://style-seikotsu.com/wp-content/themes/stylehariq/style.css?id=1646627111 */
.optimal_container{display:flex;justify-content:space-between;flex-wrap: wrap;}
.optimal_item{width:24%;text-align:center;box-sizing:border-box;}
.optimal_item a{border-radius:2px;padding:30px 0 40px 0;}
.optimal_item p{line-height:150%; display:none;}
.optimal_item .txt p{display:inline;}
.optimal_item .optimal_title{display:inline !important;}
.optimal_icon{font-size:50px;margin-bottom:5px;}
.optimal_item:nth-child(1) a{border:2px solid #233b6c;}
.optimal_item:nth-child(1) .optimal_icon,.optimal_item:nth-child(1) .optimal_title{color:#233b6c;}
.optimal_item:nth-child(2) a{border:2px solid #233b6c;}
.optimal_item:nth-child(2) .optimal_icon,.optimal_item:nth-child(2) .optimal_title{color:#233b6c;}
.optimal_item:nth-child(3) a{border:2px solid #233b6c;}
.optimal_item:nth-child(3) .optimal_icon,.optimal_item:nth-child(3) .optimal_title{color:#233b6c;}
.optimal_item:nth-child(4) a{border:2px solid #233b6c;}
.optimal_item:nth-child(4) .optimal_icon,.optimal_item:nth-child(4) .optimal_title{color:#233b6c;}
.optimal_item a{text-decoration:none;color:inherit; transition:.5s; display:block;}
.optimal_item a:hover{background:#233b6c;}
.optimal_item a .optimal_icon,.optimal_item a .optimal_title,.optimal_item a .txt p{transition:.5s;}
.optimal_item a:hover .optimal_icon,.optimal_item a:hover .optimal_title,.optimal_item a:hover .txt p{color:#fff;}
.optimal_item .optimal_title{font-weight:normal;font-size:30px;display:block;margin-bottom:10px;}

.pcno{display:none;}

@media screen and (max-width:1100px){
	.optimal_item{width:48%;margin-bottom:2%;}
}
@media screen and (max-width:640px){
.optimal_container{display:block;}
.optimal_item{width:100%;margin-bottom:20px;}
}
p{font-size:90%;line-height:200%;}
.entry-content p{line-height:30px;font-size:15px;}

/*! CSS Used from: https://style-seikotsu.com/wp-includes/css/dist/block-library/style.min.css?ver=5.9.1 ; media=all */
@media all{
p{overflow-wrap:break-word;}
}


.center{text-align:center;}
.mb30px{margin-bottom:30px;}
.page_description{border-radius:2px;width: 500px; margin: 0 auto; border: 1px solid #233b6c; padding: 20px 60px; margin-bottom: 60px; text-align: center;position:relative;}
.page_description:after{content: "\025cf"; font-size: 11px; color: #233b6c; position: absolute; bottom: 117px; left: -7px;}
.labelflex{display: flex;text-align: center; width: 100%; justify-content: center; align-items: center;}
.labelflex h3{margin:0; display:flex; align-items:center;}
.labelflex img{margin-right:20px;}



/*レスポンシブ*/
@media (max-width:1200px){
	.banner_title{width:52vw;}
	.banner_title .bigtitle{font-size:5vw;}
	dl.tech_dictionary{display:block;}
	dl.tech_dictionary dt{width:100%; margin:0 0 10px 0px;}
	dl.tech_dictionary dd{width:100%;}
}
@media (max-width:1100px){
	.colum2 .image{height:auto;}
	.button1 a{width:100%;}
}
@media (max-width:780px){
	.pcno{display:block;}
	body.home:after{opacity:0;}
	body.global-nav-active .naviicon{right:12px;}
	header{background: rgba(255,255,255,0.8); backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px); padding:7px 0;}
	header #header_inner .mail{display:none;}
	#header_inner .tel_data{display:none !important;}
	header #logo{width:100px;margin-left:20px;}
	.banner_inner{width:100%; float:none;}
	.newpost{width:100%; bottom:0;padding:20px;}
	.newpost_meta{display:block;}
	.newpost_item{border-bottom:1px solid #c1c8d7; padding-bottom:20px;}
	.newpost_item:last-child{padding:0;border:none;}
	header #header_inner i{font-size:22px;}
	.global-nav{width:250px; overflow:auto;}
	.naviicon{top:14px;right:12px;}
	header #header_inner .tel{padding:0 15px;}
	header #header_inner{padding-right:75px;}
	.colum1{width:90%;}
	.content_link_container{width:100%; margin-bottom:40px;}
	.content_link_container .content{width:80% !important;margin-left: -40% !important;}
	.colum2{display:block;}
	.colum2 .image{width:100%;}
	.colum2 .content{width:100%;}
	.contact{width:100%;}
	.contact:nth-child(2){border-width:0px 1px 1px 1px;}
	.contact .button1 a{width:100%;}
	.contact .button1 a .tel_data{display:block; line-height:120%;}
	.contact:first-child .button1 a .tel{height:80px;}
	.message{padding:40px;}
	.message .text br{display:none;}
	.footer_nav{display:none;}
	.banner_title{width:100%; text-align:center;}
	.banner_title .bigtitle{font-size:5vw; text-shadow:0 0 20px #233b6c; color:#fff;}
	.banner_title .bigtitle2{font-size:2vw; text-shadow:0 0 20px #233b6c; color:#fff;}
	.global-nav .menu-ul-container{padding:40px 0 20px 0;}
	body.global-nav-active #banner,body.global-nav-active #wrap,body.global-nav-active header,body.global-nav-active footer{filter: blur(0px);-ms-filter: blur(0px);}
	.global-nav .menu-ul-container ul li{padding:15px 0;}
	.global-nav{transition: all 0.5s ease-out;    background:#061e36;}
	.concept{padding:140px 0 80px 0;}
	.concept_box{padding:0;flex-wrap: wrap-reverse;}
	.concept_inner{flex:none; width:100%; padding:20px; box-sizing:border-box;}
	.concept_box .image{width:100%; margin:0;}
	.feature{margin:0;}
	.feature .colum1{width:100%;}
	.feature .colum2{display:flex;flex-wrap: wrap-reverse;}
	.feature .feature_box{width: 90%; box-sizing: border-box; margin: 0 auto; position: relative; bottom: 40px;}
	.feature .feature_box .feature_box_inner{padding: 20px 40px;}
	.feature .colum2 .image{margin:0;flex:none;}
	.pagebanner #pagetitle{width:70%; margin-left:-35%;}
	.premenu .content_box{width:95%;}
	.premenu .content_box .content_box_inner{padding:20px 20px;}
	.menulist .menulist_inner,.menulist .menulist_inner2,.menulist dl{width:90%;}
	ul.iconlist2{display:block;}
	ul.iconlist2 li a{margin:0 auto 20px auto;width:80%;}
	ul.iconlist2 li a span:first-child{width:auto;}
	article.osusume p {text-align: center; word-break: break-word;}
	.technology .column4 {flex-direction: row; flex-wrap: wrap;}
	.technology_container{width:100%;}
	.technology_container .content{bottom:10px;}
	.technology2 .content .content_inner{padding:40px 0;}
	.colum2.technology2 .image{width:100%;}
	dl.tech_dictionary dt span{white-space: nowrap;}
	.technology_description .concept_box{padding:0;}
	dl.faq dt{padding:20px;}
	dl.faq dd{padding:20px 20px 40px 20px;}
	#single_container{display:block;}
	.single_inner{width:100%; margin-bottom:68px;}
	.sidebar{width:100%;}
	.pagebanner .image{height:400px;}
	.pagebanner #pagetitle{top:34%;}
	section.list{margin-bottom:60px;}
	.menulist dl dt{padding:0 0 10px 0; margin:0 0 10px 0;}
	.menulist dl dd{font-size:14px;}
	.menulist dl dt .course_name,.menulist dl dt .course_price{font-size:14px;}
	.optimal_item a{display:flex; padding:20px; align-items:center; background:url(img/optimal_icon.png) no-repeat; background-position:right 20px center; background-size:auto 25px;}
	.optimal_item .optimal_data{text-align:left;}
	.optimal_item a .optimal_icon{margin-right:20px;}
	.optimal_item .optimal_title{font-size:23px;}
	.page_description{width:100%; box-sizing:border-box; padding:10px;}
	.page_description:after{bottom: 126px; left: -6px;}
	#top > div:nth-child(1),#top > div:nth-child(1) > div{background-position:top center !important; background-size:auto 100vh !important;background-attachment:fixed !important;}
	.fixedmenu{width:100%;}
	.fixedmenu .optimal_item{width:25%; margin-bottom:0;}
	.fixedmenu .optimal_container{display:flex;}
	.fixedmenu .optimal_item .optimal_data{text-align:center;}
	.fixedmenu .optimal_item a .optimal_icon{margin-right:0; margin-bottom:0;}
	.fixedmenu .optimal_item a{display:block; background:none;padding:5px 0;}
	.optimal_item a:hover .optimal_icon,.optimal_item a:hover .optimal_title,.optimal_item a:hover .txt p{color:#233b6c;}
	.fixedmenu .optimal_item .optimal_title{font-size:12px;}
	.menulist .menulist_inner img{width:50px; height:50px;}
	.menulist .menulist_inner2 img{width:70px; height:70px;}
	.labelflex img{width:50px; height:50px;}
	.labelflex{margin-bottom:30px;}
	.labelflex h3{font-size:18px;}
	.content .content_inner .menu{padding:10vw;}
	.category-entry-list a{display:flex; width:100%; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #ddd;}
	.category-entry-list-eye-catching{width:20vw; height:20vw;}
	.category-entry-data{flex:1;padding: 0px 0 0px 14px;}
	.category-entry-data:after{display:none;}
	.spw100p{width:100%;}
	.pankuzu{line-height:150%;}
	.eyecatch{width:100%; text-align:center;}
	img.eyecatch{float:none; margin:0 auto 20px auto; max-width:100%;}
}

.jupiter_img{width:100%;}
.jupiter_img img{width:100% !important; height:auto !important;}