@charset "utf-8";
/* CSS Document */

/*
Theme Name: 青木塾
Version: 1.3
Author: k-design
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}

body{
	font-size:100%;
	font-weight:500;
	line-height:1.8;
	font-family:"Noto Sans JP";
}

p{margin-bottom:16px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 0 40px;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#FF0000;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{padding:24px 0;line-height:18px;overflow:hidden;clear:both;border-bottom:1px dotted #CCCCCC;}

.navigation a{position:relative;color:#000000;}
.navigation a:before,.navigation a:after{width:6px;height:6px;position:absolute;content:"";top:10px;z-index:0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;display:block;}
.nav-next{width:40%;float:right;text-align:right;}
.nav-next a{padding-right:24px;display:block;}
.nav-previous a:before{border-top: 2px solid #000000;border-left: 2px solid #000000;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #000000;border-right: 2px solid #000000;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}
.wp-pagenavi {padding:40px 0;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #005893;background-color: #FFFFFF;padding:4px 6px;margin: 0 4px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin solid #005893;display:inline-block;}
.wp-pagenavi a:hover{color: #fff;background-color:#005893;}
.wp-pagenavi span.current{color: #fff;background-color:#005893;}

/* ===== 全体 ===== */
.wrap{max-width:1000px;margin:0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/* Google mapの下余白&レスポンシブ */
.map iframe{width:100%;height:400px;vertical-align:bottom;}
/* ※ */
.kome > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.kome > li:before{content:"※";position:absolute;top:0;left:0;}
/* 丸文字 */
.maru{margin:0;padding:0;counter-reset:my-counter;}
.maru > li{margin-left:0!important;padding-left:30px;list-style:none!important;position:relative;}
.maru > li::before{width:18px;height:18px;content:counter(my-counter);counter-increment:my-counter;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:85%;line-height:1;position:absolute;top:4px;left: 0;}

.arrow{position:relative;display:inline-block;padding:10px;}
.arrow::before{content:'';width:10px;height:10px;border-top:solid 2px #FFFFFF;border-right:solid 2px #FFFFFF;position:absolute;left:48%;bottom:8px;transform:translateX(-48%);transition:0.4s;}
.arrow:hover::before{bottom:0;}
.arrow.arrow-bottom::before{transform:rotate(135deg);}.btn_dsn2{width:240px;text-align:center;}

.stickarrow::after{width:60px;height:4px;margin-left:12px;content:"";display:inline-block;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);transition:0.2s;}
/* コンテンツのフェードイン表示 */
.fade-in{opacity:0;visibility:hidden;transition:opacity 1s ease, visibility 0s linear 1s;}
.fade-in.is-visible{opacity:1; visibility:visible;transition:opacity 2s ease, visibility 0s linear 0s;}

#page-top{position:fixed;bottom:0;right:16px;background-color:rgba(0,0,0,0.6);font-size:12px;}
#page-top a{width:40px;height:40px;line-height:40px;color:#FFFFFF;text-decoration: none;text-align: center;display: block;position:relative;}

.btn_design1{max-width:280px;margin:0 auto;text-align:center;}
.btn_design1 a{padding:4px 32px;display:block;color:#FFFFFF;background:#EB6100;border-radius:24px;text-decoration:none;font-size:14px;font-weight:bold;border:2px solid #EB6100;box-sizing:border-box;}
.btn_design1 a:hover{background-color:#FFFFFF;color:#EB6100;}
.link_dsn1 a{width:100%;padding:16px 0;text-align:center;display:block;background:#F2F2F2;color:#005893;text-decoration:none;}
.link_dsn1 a:hover{background:#CCCCCC;font-weight:bold;}

/* ===== header ===== */
#header{padding:12px 3%;position:relative;display:flex;justify-content:space-between;}
#header #logo{width:180px;}
/* glboal_menu */
#global_menu{width:calc(100% - 200px);}
#global_menu ul{display:flex;justify-content:flex-end;align-items:center;}
#global_menu ul li{margin-left:24px;}
#global_menu ul li a{color:#333333;}
#global_menu ul li:last-of-type a{padding:4px 24px;background:#eb6100;display:block;border:1px solid #eb6100;border-radius:24px;box-sizing:border-box;color:#FFFFFF;transition:0.4s;}
#global_menu ul li:last-of-type a:hover{background:#FFFFFF;color:#eb6100;}

/* === mainimage === */
#mainimage img{width:100%;}
/* === concept === */
#concept{margin-top:-70px;margin-bottom:48px;padding:40px 0;background:#04a9f4;position:relative;color:#FFFFFF;text-align:center;}
#concept h2{margin-bottom:12px;font-size:21px;font-weight:700;letter-spacing:0.05em;}
#concept p:last-of-type{margin-bottom:0;}
#concept p strong{font-weight:600;}
/* === container === */
#container{background:url("image/aokijyuku/container_bg.png") no-repeat right bottom;background-attachment: fixed;}
#container #contents{margin-bottom:0;}
#container .des .wrap{max-width:800px;}
#container .des h3{padding:4px 24px;background:#005893;color:#FFFFFF;border-radius:18px;text-align:center;}
/* service */
#container .service dl{margin-bottom:32px;padding:16px;background:#EFEFEF url("image/aokijyuku/serveice_bg.png") no-repeat right bottom;}
#container .service dl dt{margin-bottom:16px;text-align:center;color:#004870;font-weight:600;font-size:120%;}
/* aokijyuku_news */
#container .aokijyuku_news{border-bottom:1px solid #666666;}
#container .aokijyuku_news dt{color:#005893;font-weight:normal;}
#container .aokijyuku_news dt span.entry_cat{width:100px;background-color:#005893;color:#FFFFFF;text-align:center;display:inline-block;font-size:12px;}
#container .aokijyuku_news dd span.entry_title a{color:#005893;}
/* success_record */
#container .success_record h3{line-height:1.2;border-radius:32px!important;}
#container .success_record h3 small{font-size:12px;}
#container .success_record h4{margin:0;padding:4px 8px;border-top:1px solid #4D4D4D;color:#005893;background-color:rgba(0,88,147,0.1);}
#container .success_record ul{margin:0;}
#container .success_record ul li{margin:0;padding:4px 8px;border-bottom:1px solid #808080;overflow:hidden;}
#container .success_record ul li:first-of-type{border-top:1px solid #808080;}
#container .success_record ul li:last-of-type{border-bottom:1px solid #4D4D4D;}
#container .success_record ul li span.ko{float:left;}
#container .success_record ul li span.number{float:right;}
#container .success_record p.txt_c{color:#005893;font-weight:600;}
#container .success_record table{border-top:1px solid #4D4D4D;}
#container .success_record table tr{border-bottom:1px solid #4D4D4D;}
#container .success_record table th{padding:4px 8px;color:#005893;background-color:rgba(0,88,147,0.1);text-align:left;border:none;}
#container .success_record table td{padding:4px 8px;border:none;}
#container .success_record table td:nth-of-type(1){text-align:left;}
#container .success_record table td:nth-of-type(2){text-align:right;}

/* === f_acc === */
#f_acc{padding:40px 0;text-align:center;color:#10294D;background:#F2F2F2;}
#f_acc .flex_box{margin-bottom:0;justify-content:center;}
#f_acc h3{color:#005893;font-weight:bold;}
#f_acc p.logo img{width:20%;}
#f_acc .tel{font-size:130%;font-family:Arial, Helvetica, "sans-serif";}
/* ===== footer ===== */
#footer{padding-top:16px;background:#005893;}
#footer ul.list_center li{margin:0 12px;}
#footer ul.list_center li a{color:#FFFFFF;}
#footer div.copy{padding:16px 0;font-size:11px;font-family:Arial, Helvetica, "sans-serif";color:#FFFFFF;text-align:center;}

/* ===== 配下 ===== */
.sub_title{margin-bottom:40px;padding:40px 0;background:#04A9F4;color:#FFFFFF;text-align:center;}
.sub_title h1{margin-bottom:0;font-size:21px;font-weight:700;}
.sub_title h1 small{display:block;}
.page #contents h3{padding:4px 24px;background:#005893;color:#FFFFFF;border-radius:18px;}
.post .des{margin-bottom:40px;}

/* ===== お問い合わせ ===== */
.contact #contents{margin-bottom:64px;}
.contact_box{padding:16px;border:1px solid #CCCCCC;}
.contact_box .item:first-of-type{border-right:1px solid #CCCCCC;}
.contact_box .item:nth-child(1){text-align:center;font-size:150%;}
.contact_box .item span.phone{padding-top:4px;display:block;font-weight:600;}
.contact_box .item span.phone a{color:#EB6100;}
.contact_box .item span.phone img{width:60px;vertical-align:bottom;}
.contact_box .item:nth-child(2){font-size:90%;}
.wpcf7{padding-top:32px!important;}
.wpcf7 dl dt{margin-bottom:4px;font-weight:normal;}
.wpcf7 dl dd{margin-bottom:16px;}
.wpcf7 input,.wpcf7 textarea,.wpcf7 select{width:100%;padding:8px;box-sizing:border-box;}
.wpcf7 input[type="submit"]{display: block;width:200px;margin:0 auto;padding:16px 0;border: 2px solid #005893;cursor: pointer;outline: none;background:#005893;color:#FFFFFF;box-sizing: border-box;-webkit-appearance: none;border-radius:0;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#005893;}
/* === single === */
.single #contents{width:800px;}
.single #contents .entry-data{font-size:14px;color:#999999;}
.single #contents h1.page_title{margin-bottom:32px;font-size:24px;font-weight:700;letter-spacing:0.05em;line-height:1.6;}
/* === archive === */
.archive #news{padding:40px 0;}
.archive #news h2{margin-bottom:16px;text-align:center;font-size:40px;letter-spacing:0.1em;}
.archive #news .news{margin-bottom:24px;border-top:1px dotted #CCCCCC;}
.archive #news .news li{padding:8px 0;border-bottom:1px dotted #CCCCCC;display:flex;justify-content:space-between;flex-wrap:wrap;}
.archive #news .news li .entry_date{width:140px;}
.archive #news .news li .entry_title{width:calc(100% - 160px);}
.archive #news .news li a{color:#000000;}

@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1024px) {
	.wrap{width:90%;}
}

@media screen and (max-width: 940px) {
	.success_record .three_flex .item{width:48%;margin-bottom:48px;}
}

@media screen and (max-width: 800px) {
	.s_wrap{width:90%;}
	.wrap .s_wrap{width:100%;}
	
	.success_record .three_flex .item{width:90%;margin:0 auto 40px;}
	#access .two_flex .item{width:100%;}
	#access .two_flex .item:first-of-type{margin-bottom:24px;}
}

@media screen and (max-width: 740px) {
    .alignleft,.alignright{float:none;}
	.nav-previous,.nav-next{width:48%;}
	.wrap{width:94%;margin:0 3%;}
    .pc{display: none;}
	.sp{display:block;}
	.two_flex .item{width:100%;margin:16px 0;}
	.three_flex .item{width:100%;margin-bottom:16px;}
	.single #contents{width:94%;}
	
	.table_scroll{margin-bottom:16px;overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #CCCCCC;}
	.table_scroll::-webkit-scrollbar-thumb {background: #666666;}
	.table-scroll table{width:100%;margin-bottom:12px;}
	.table-scroll table tbody{-webkit-text-size-adjust: 100%;}
	
	#header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,0.8);}
	/* ===== overlayMenu ===== */
	.overlayMenuBtn{height:14px;position:absolute;top:50%;right:3%;transform:translateY(-50%);cursor:pointer;z-index:100001;}
	.overlayMenuBtn span{position:relative;display: block;width:32px;border:1px solid #04a9f4;transition: .5s;}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 8px;}

	.overlayMenu{display:none;position:fixed;width:100%;height:100vh;overflow:auto;background-color:#FFFFFF;z-index: 100000;color:#333333;top:0;left:0;}
	.overlayMenuInner{padding:64px 4% 40px;}
	.overlayMenuItem{width:100%;margin:40px auto;}
	.overlayMenuItem ul.sp_menu{margin:20px 0 40px;padding:0;list-style-type: none;display:flex;justify-content:space-between;flex-wrap:wrap;}
	.overlayMenuItem ul.sp_menu li{width:48%;border-bottom:1px solid #ccc;font-size:13px;}
	.overlayMenuItem ul.sp_menu li a{width:100%;padding:12px 16px;color: #333333;text-decoration: none;transition: .5s;display: block;box-sizing:border-box;}
	.overlayMenuItem ul.sp_menu li a:hover{background-color:#04A9F4;color:#FFFFFF;}
	
	/* === f_acc_sp === */
	#f_acc_sp{padding:40px 0;text-align:center;color:#10294D;}
	#f_acc_sp .flex_box{margin-bottom:0;justify-content:center;}
	#f_acc_sp h3{color:#005893;font-weight:bold;}
	#f_acc_sp p.logo img{width:20%;}
	#f_acc_sp .tel{font-size:130%;font-family:Arial, Helvetica, "sans-serif";}
	
/* === global_menu === */
	#global_menu{display:none;}
/* ===== header ===== */
	#concept{margin-top:40px;padding:40px 5%;box-sizing:border-box;}
	/* === container === */
	.page #contents h3{font-size:16px;font-weight:600;}
	#container .service .three_flex .item{width:32%;}
	#container .service dl dt{font-size:16px;text-align:center;}
	
/* === f_acc === */
	#f_acc .flex_box .item{margin-bottom:40px;}
	#f_acc .flex_box .item:last-of-type{margin-bottom:0;}
/* ===== footer ===== */
	#footer{padding-top:0;}
	#footer ul.list_center{display:none;}
/* === contact === */
	.contact_box .item{width:100%;}
	.contact_box .item:first-of-type{margin-bottom:16px;padding-bottom:16px;border-right:none;border-bottom:1px solid #CCCCCC;}
	
/* === archive === */
	.archive #news h2{font-size:24px;}
	.archive #news .news li .entry_date{width:100%;font-size:13px;}
	.archive #news .news li .entry_title{width:100%;}
}

@media screen and (max-width: 640px) {
	#description .logo{font-size:10px;}
	.overlayMenuBtn{padding:12px 8px;right:3%;}
	#f_acc p.logo img{width:30%;}
	/* aokijyuku */
	#container .service .three_flex .item{width:100%;}
}