/*
Theme Name:kumikosenglishsalon
Theme URI:
Version:1.0.0
Description:神戸市須磨区の英会話スクール、英検、TOEIC、シルバー英会話はクミコズイングリッシュサロンへ
Author:ARCKLY
Author URI: http://arckly.com/
*/

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


/* Reset
------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}
address,th {
font-style: normal;
font-weight:normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,fieldset {
border: 0;
}
li {
list-style-type: none;
}
a:hover.link img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	display: inline-block;
	transition:all 0.5s;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:middle;
}

.link{
	text-decoration: none;
}




/* Fonts フロートなど共通CSS
------------------------------------------------------------*/
body{
	font-size:62.5%; /*1em=10px */
	font-weight: normal;
	font-family: 'メイリオ', Meiryo, Verdana, sans-serif;
	color: #3F2513;
	background:url(images/bg.jpg) repeat center top;
}


body a{
	color:#333333;
	text-decoration:underline;
}

body a:hover{
	color:#999;
	transition:all 0.5s;
}

body a p:hover{
	color:#999;
	transition:all 0.5s;
}


/****************************************

          フォント指定

*****************************************/
li,tt,tr,dt,dd,p{
	font-size: 1.3em;
	font-weight: normal;
	font-family: 'メイリオ', Meiryo, Verdana, sans-serif;
	color: #3F2513;
}

h1{
	color: #F3E4DA;
	font-size:1em;
	font-weight:bold;
}
h2{
	font-size: 1.6em;
	color: #244700;
}
h3{
	font-size: 1.8em;
	color: #FFF;
}
h4{
	font-size: 1.4em;
	color: #FFF;
}
h5{
	font-size:1.4em;
}


.float_l{
	float:left;
}

.float_r{
	float:right;
}

.clear{
	clear:both;
}

.red{
	color:#B20000;
}

.blue{
	color:#00F;
}

.bold{
	font-weight:bold;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #376E00;
}

.pagination a:hover{
color:#fff;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.pagination .current{
padding:6px 9px 5px 9px;
background:#000;
color:#FFF;
}


/*===============================================
●iOS submitリセット
===============================================*/

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;
}


/*フォーム系*/
.contact_btn{
	text-align:center;
}

.contact_btn input{
	padding:10px 20px;
	background-color:#376E00;
	border:none;
	color:#FFF;
	text-align:center;
	margin:10px 0;
}
.contact_btn input:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.contact_main{
	margin-bottom:10px;
}


.info_box5 input[type="text"]{
	width:90%;
}

.info_box5 input[type="email"]{
	width:90%;
}

.info_box5 input[type="tel"]{
	width:90%;
}

.info_box5 input[type="url"]{
	width:90%;
}

.info_box5 textarea{
	width:90%;
}

.zip_box input[type="text"]{
	width:100px;
}




.font_mincho{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



body{
	line-height:1.8em;
}

.pc_none{
	display:none;
}

.pc_float_l{
	float:left;
}

.pc_float_r{
	float:right;
}

.pc_img_100 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.pc_img_50 img{
	max-width: 50%;
	height: auto;
	width /***/:auto;　
}

.pc_center{
	text-align:center;
}

.pc_right{
	text-align:right;
}





/*ヘッダー設定
------------------------------------------------------------*/

header{
	width:100%;
}

.head_discription{
	width:980px;
	margin:0 auto;
}

.header_box {
	width: 980px;
	margin: 0 auto 17px;
	display: flex;
}

.logo{
	text-align:left;
	margin-top:15px;
}

.header_box_right{
	width:276px;
	text-align:right;
	margin: 0 0 0 auto;
}

.header_btn{
	width:124px;
	margin:0 0 0 auto;
	display: flex;
}

.pc_nav{
	width: 100%;
	height: 66px;
	padding-top:8px;
	margin:0 auto;
	position:relative;
	background:url(images/navi_bg.png) no-repeat center top;
	z-index:999;
}


.nav_txt{
	font-size: 15px;
	white-space: nowrap;
	line-height: 0;
	margin-top: 50px;
	margin-right: 33px;
}

.nav_u{
	font-size: 10px;
	margin-top: 23px;
}


#nav_wrap{
	margin:0 0 0 auto;
}

ul#menu{
	display: flex;
	width: 100%;
	width: 980px;
  padding: 0;
  margin:0 auto;
}

ul#menu li{
	position:relative;
	text-align: center;
}

ul#menu li a{
	display:block;
	margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

ul#menu li a img{
	display:block;
}

ul#menu ul{
	display:none;
	z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}


ul#menu ul li{
  width: 100%;
}

ul#menu ul li a{
	display:block;
	color:#333333;
	text-decoration:none;
	width:140px;
	padding:13px 0;
	height: auto;
	border-bottom:1px solid #ccc;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
  font-size:0.75em;
	background-color:#FFF;
	text-align:center;
}
ul#menu ul li:last-child a{
	border: none;
}
ul#menu ul li a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
		background:#3F7900;
		color:#FFF;
		-webkit-transition:0.2s linear;
		-moz-transition:0.2s linear;
		transition:0.2s linear;
}




/*wrap設定
------------------------------------------------------------*/

#outer{
	width: 100%;
	min-width: 980px;
	min-height:100%;
	float: none;
	margin: 0 auto;
	background:url(images/header_bg.png) no-repeat center top;
}
#outer01{
	width: 100%;
	min-width: 980px;
	min-height:100%;
	float: none;
	margin: 0 auto;
	background:url(images/header_page_bg.png) no-repeat center top;
}

#wrap{
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
	padding: 0;
}
#inner{
	width: 100%;
	margin: 0 auto;
	float:none;
	background:url(images/footer_bg.png) no-repeat center bottom;
}

.text_box01{
	font-size: 1.3em;
}

#teaser{
	width: 100%;
	height: 277px;
	margin:0 auto;
	position:relative;
}
.teaser_img{
	position:absolute;
	top:-52px;
	left:50%;
	margin-left:-600px;
}

/*フッター設定
------------------------------------------------------------*/

footer{
	width:980px;
	clear:both;
	margin:0 auto;
	padding:77px 0 36px;
	margin-top:60px;
	background:url(images/top_box04_bg.png) no-repeat center top;
	display: flex;
}


.footer_right{
	width:500px;
	padding-top:25px;
	margin: 0 0 0 auto;
}

.footer_right p{
	font-size:1.2em;
}


.copyright{
	margin-top:20px;
}


.ptbt{
	position:fixed;
	right:30px;
	bottom:150px;
}

.footer_copyright_area{
 padding-top: 10px;
 padding-bottom: 16px;
	text-align:center;
	font-size:14px;
	background-color: #152F23;
}



/* ホーム設定
------------------------------------------------------------*/

#slider{
	width: 1220px;
	height:475px;
	margin: 0 auto;
	position:relative;
}

.slider_inner{
	position:absolute;
	top:-60px;
	left:50%;
	margin-left:-610px;
	max-width: 1220px;
}



.content{
	width: 100%;
	margin:0 auto;
}

.content01{
	width: 980px;
	margin:0 auto;
}

#left_box {
	float: left;
	width: 700px;
}
.breadcrumb_area {
	width: 100%;
	height: auto;
	margin:5px 0 20px;
}
.breadcrumb{
	width: 980px;
	margin:0 auto;
}

.breadcrumb p{
	font-size:1.2em;
	color:#3F2513;
}

.top_headline{
	width: 100%;
	height: 32px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(images/top_headline_h2.png) no-repeat top left;
	margin-bottom:15px;
}


.top_subhead01{
	width: 100%;
	height: 32px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(images/top_subhead01_h3.png) no-repeat top left;
	margin-bottom:15px;
}

.top_subhead02{
	width: 100%;
	height: 54px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(images/top_subhead02_h3.png) no-repeat center top;
	margin-bottom:11px;
}

.top_subhead03{
	width: 490px;
	height: 130px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(images/top_subhead03_h3.png) no-repeat left top;
	float:left;
}

.top_area01{
	width:100%;
	padding-top:135px;
	height:365px;
	text-align:center;
	background:url(images/top_box01_bg.png) no-repeat center top;
}

.top_box01_btn{
	margin-top:30px;
}

.top_box02_wrap{
	width:100%;
	height:442px;
	background:url(images/top_guide_bg.png) no-repeat center top;
	padding-top:90px;
}

.top_box02_wrap{
	width:100%;
	min-height:602px;
	padding-top:80px;
	background:url(images/top_box02_bg.png) repeat-x center top;
	margin-bottom:10px;
}

.top_box02{
	width:980px;
	margin:0 auto;
}

.top_box02_tit{
	background:url(images/top_box02_tit.png) no-repeat center top;
	width:100%;
	height:114px;
	margin:0 0 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.top_bana{
	display: flex;
}

.top_bana li{
	line-height:0;
	margin-right:16px;
}
.top_bana li:last-child{
	margin-right:0;
}


.top_box03{
	width:530px;
	height:198px;
	margin:0 auto;
	padding:40px 0 0 450px;
	background:url(images/top_box03_bg.png);
	margin-bottom:50px;
}
.top_box03 p{
	font-size:1.4em;
}

.top_box03_tit{
	background:url(images/top_box03_tit.png) no-repeat left top;
	width:100%;
	height:39px;
	margin:0 0 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.top_box03_btn{
	margin-top:15px;
}
.top_box03_btn li{
	float:left;
	margin-right:20px;
}



.top_box04{
	width:980px;
	margin:0 auto;
	padding-top:55px;
	background:url(images/top_box04_bg.png) no-repeat center top;
}

.top_box04_tit{
	background:url(images/top_box04_tit.png) no-repeat center top;
	width:100%;
	height:115px;
	margin:0 0 25px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.top_box04_inner{
	width:920px;
	margin:0 auto;
}

.news_box_wrap{
	width:100%;
	height:420px;
	padding-top:20px;
	background:url(images/top_news_bg.jpg) repeat-x center top;
	margin-bottom:50px;
}

.news_box{
	width:980px;
	margin:0 auto 85px;
	position:relative;
}

.news_tit{
	background:url(images/top_news_tit.png) no-repeat center top;
	width:100%;
	height:115px;
	margin-bottom:25px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.news_post{
	width: 100%;
}
.news_list{
	width: 470px;
	float:left;
	margin:0 40px 15px 0;
	padding-bottom:10px;
	border-bottom:dotted 1px #244700;
}
.news_list:nth-child(2n){
	margin-right:0;
}
.news_list:nth-child(2n+1){
	clear:both;
}
.news_list:nth-last-child(-n+2){
	margin-bottom:0;
}


.news_list h5{
	font-size:1.3em !important;
	padding-left:15px;
	margin-bottom:10px;
	background:url(images/arrow.png) no-repeat left 3px;
}

.news_list p{
	font-size:1.2em;
}

.news_list h5 a:link,
.news_list h5 a:visited{
	color:#F2643F;
	text-decoration:none;
	font-weight:bold;
}
.news_list h5 a:hover,
.news_list h5 a:active{
	color:#F94815;
	text-decoration: underline;
	font-weight:bold;
}


.news_list_img{
	float:left;
	height:100px;
	overflow:hidden;
}
.news_list_img img{
	width:120px;
	height:auto;
}

.top_box04_inner{
	display: flex;
}

.news_list_text{
	width:335px;
	float:right;
	margin-top:5px;
}

.calendar01{
	margin:0 auto 0 0;
}
.calendar02{
margin: 0 0 0 auto;
}




/* 下層（PC）
------------------------------------------------------------*/

.breadcrumb_area {
    width: 100%;
    height: auto;
    margin: 5px 0 20px;
}

.breadcrumb {
    width: 980px;
    margin: 0 auto;
}

.breadcrumb p {
    font-size: 1.2em;
    color: #3F2513;
}

.sub_text_box{
    font-size: 1.3em;
    font-weight: normal;
    font-family: 'メイリオ', Meiryo, Verdana, sans-serif;
    color: #3F2513;
}

	p.line_break {
    padding-top: 15px;
}



/****************************************

         タイトル

*****************************************/

h2.headline02{
	width: auto;
	height:60px;
	line-height:60px;
	padding:0 0 0 215px;
	margin-bottom: 30px;
	background:url(images/headline02_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

h2.headline03{
	width: auto;
	height:67px;
	line-height:67px;
	padding:0 0 0 205px;
	margin-bottom: 30px;
	background:url(images/headline03_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

h2.headline04{
	width: auto;
	height:60px;
	line-height:60px;
	padding:0 0 0 310px;
	margin-bottom: 30px;
	background:url(images/headline04_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

h2.headline05{
	width: auto;
	height:59px;
	line-height:59px;
	padding:0 0 0 195px;
	margin-bottom: 30px;
	background:url(images/headline05_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

h2.headline06{
	width: auto;
	height:67px;
	line-height:67px;
	padding:0 0 0 230px;
	margin-bottom: 30px;
	background:url(images/headline06_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

h2.headline07{
	width: auto;
	height:59px;
	line-height:59px;
	padding:0 0 0 220px;
	margin-bottom: 30px;
	background:url(images/headline07_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

h2.headline08{
	width: auto;
	height:67px;
	line-height:67px;
	padding:0 0 0 303px;
	margin-bottom: 30px;
	background:url(images/headline08_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

h2.headline09{
	width: auto;
	height:62px;
	line-height:62px;
	padding:0 0 0 210px;
	margin-bottom: 30px;
	background:url(images/headline09_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

h2.headline10{
	width: auto;
	height:60px;
	line-height:60px;
	padding:0 0 0 320px;
	margin-bottom: 30px;
	background:url(images/headline10_h2.png) no-repeat left bottom;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}





h3.subhead01{
	width: auto;
	height:58px;
	line-height:44px;
	padding:0 0 0 40px;
	margin-bottom: 10px;
	background: url(images/subhead01_h3.png) no-repeat left top;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	font-weight:bold;
}

h3.subhead02{
	width: auto;
	height:58px;
	line-height:44px;
	padding:0 0 0 40px;
	margin-bottom: 10px;
	background: url(images/subhead02_h3.png) no-repeat left top;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	font-weight:bold;
}
h3.subhead02 a:link,
h3.subhead02 a:visited{
	color:#5F1F00;
	text-decoration:none;
	font-weight:bold;
}
h3.subhead02 a:hover,
h3.subhead02 a:active{
	color:#5F1F00;
	text-decoration: underline;
	font-weight:bold;
}


h4.subhead01{
	width: auto;
	height:46px;
	line-height:48px;
	margin-bottom: 15px;
	padding:0 0 0 45px;
	background: url(images/subhead01_h4.png) no-repeat left top;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	font-weight:bold;
	color:#3F7A01;
	font-size:1.6em;
}

/****************************************

         sidebar

*****************************************/

#sidebar{
	width:216px;
	min-height:1230px;
	padding:15px 9px 0 15px;
	background:url(images/sidebar_bg.png) no-repeat left top;
	float:right;
	position:relative;
}

.side_img{
	position:absolute;
	left:-6px;
	top:-50px;
	z-index:2;
}

.side_bana01{
	margin-bottom:17px;
}

.side_bana01 li{
	line-height:0;
	margin-bottom:4px;
}
.side_bana01 li:last-child{
	margin-bottom:0;
}

.side_bana02{
	margin-bottom:21px;
}

.side_bana02 li{
	line-height:0;
	margin-bottom:4px;
}
.side_bana02 li:last-child{
	margin-bottom:0;
}


.side_info{
	width:210px;
	padding-top:35px;
	background:url(images/side_info_bg.png) no-repeat center top;
}

.side_info_img{
	margin-bottom:10px;
}

.side_info p{
	font-size:1.2em;
}
.side_info p a:link,
.side_info p a:visited{
	color:#478A00;
	text-decoration:underline;
}
.side_info p a:hover,
.side_info p a:active{
	color:#478A00;
	text-decoration: none;
}

.side_info_tel{
	margin:8px 0;
}



/* 講師プロフィール ここから*/

.profile_box01{
	width:980px;
	margin:0 auto 60px;
}

.profile_box01_text{
	width:650px;
	float:right;
}

.name{
	font-size:2.4em;
	color:#397100;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	padding-bottom:5px;
	background:url(images/name_bg.gif) no-repeat left bottom;
	margin-bottom:15px;
	line-height: 1.5;
}
.name span{
	font-size:70%;
}

.profile_box01_list{
	margin-top:25px;
	padding:20px;
	background:#FDFFEE;
	border:solid 1px #D1D7B6;
}

.profile_box01_list dt{
	color:#669131;
	font-size:1.4em;
	margin-bottom:10px;
	font-weight:bold;
}
.profile_box01_list dd p{
	font-size:100%;
}



.profile_box02{
	width:980px;
	margin:0 auto 60px;
}

.profile_box02_inner{
	width:920px;
	margin:0 auto;
}

.profile_box02_parts{
	width:260px;
	float:left;
	margin-right:70px;
}
.profile_box02_parts:nth-child(3){
	margin-right:0;
}

.profile_box02_parts_img{
	width:260px;
	height:330px;
	margin-bottom:20px;
}

.profile_box02_parts_tit{
	width:100%;
	text-align:center;
	color:#3F2513;
	padding-bottom:10px;
	background: url(images/02box02_tit_bg.png) no-repeat center bottom;
}



.profile_box03{
	width:880px;
	height:400px;
	padding:49px 50px 0;
	margin:0 auto 60px;
	background:url(images/02box03_bg.png) no-repeat left top;
}

.profile_box03_tit{
	background:url(images/02box03_tit.png) no-repeat center top;
	width:100%;
	height:69px;
	margin:0 0 15px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.profile_box03{
	width:880px;
	height:400px;
	padding:49px 50px 0;
	margin:0 auto 60px;
	background:url(images/02box03_bg.png) no-repeat left top;
}


.profile_box04{
	height:210px;
	padding:50px 0 0;
	background:url(images/02box04_bg.png) no-repeat center bottom;
	text-align:center;
}

.profile_box04_tit{
	background:url(images/02box04_tit.png) no-repeat center top;
	width:100%;
	height:44px;
	margin:0 0 15px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}



.profile_box05_wrap{
	padding-bottom:99px;
	background:url(images/02box_his_bottom_bg.png) no-repeat center bottom;
}

.profile_box05{
	width:980px;
	margin:0 auto;
	background:url(images/02box_his_bg.jpg) repeat-y center top;
}

.profile_box05_parts_wrap{
	background:url(images/02box_his_parts_bg.jpg) no-repeat right center;
	width:980px;
	display: flex;
}
.profile_box05_parts_wrap:nth-child(odd){
	background:url(images/02box_his_parts_bg.jpg) no-repeat left center;
}

.profile_box05_parts{
	width:418px;
	padding:15px;
	background:#FBFFE0;
	border:solid 1px #AFB980;
	margin-left: auto;
	margin-right: 0;
}

.profile_box05_parts_wrap:nth-child(odd) .profile_box05_parts{
	margin-left: 0;
	margin-right: auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.profile_box05_parts_img{
	float:right;
	margin-left:15px;
}

.profile_box05_parts_data{
	font-size:2em;
	font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	color:#275F08;
	margin-bottom:5px;
}

.profile_box05_parts_tit{
	width:100%;
	color:#244600;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:dotted 1px #999;
	margin-bottom:10px;
}

.profile_box05_parts_text p{
	font-size:1.2em;
}

/* 授業方針 ここから*/


.policy_box01{
	margin-bottom:40px;
}

.policy_box01_inner{
	padding:40px 44px 0;
	height:429px;
	background:url(images/03box01_bg.png) no-repeat left top;
}

.policy_box01_tit{
	background:url(images/03box01_tit.png) no-repeat center top;
	width:100%;
	height:39px;
	margin:0 0 25px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.policy_box01_inner dl{
	padding:0 5px;
	margin-bottom:20px;
}
.policy_box01_inner dl:last-child{
	margin-bottom:0;
}

.policy_box01_num01{
	background:url(images/03box01_num01.png) no-repeat left top;
	width:100%;
	height:35px;
	margin:0 0 7px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.policy_box01_num02{
	background:url(images/03box01_num02.png) no-repeat left top;
	width:100%;
	height:34px;
	margin:0 0 7px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.policy_box01_num03{
	background:url(images/03box01_num03.png) no-repeat left top;
	width:100%;
	height:35px;
	margin:0 0 7px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.policy_box01_inner dd p{
	font-size:100%;
}



.policy_box02{
	padding:40px 50px 0;
	height:280px;
	background:url(images/03box02_bg.png) no-repeat left top;
	margin-bottom:50px;
}

.policy_box02_tit{
	background:url(images/03box02_tit.png) no-repeat center top;
	width:100%;
	height:40px;
	margin:0 0 25px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.policy_box02_list li{
	margin-bottom:15px;
}


.policy_box03{
	padding-top:45px;
	background:url(images/top_box04_bg.png) no-repeat center top;
	margin-bottom:45px;
}

.policy_box03_tit{
	background:url(images/03box03_tit.png) no-repeat center top;
	width:100%;
	height:40px;
	margin:0 0 10px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.policy_box03_tit_text{
	text-align:center;
	margin-bottom:25px;
}

.policy_box03_inner{
	margin-bottom:25px;
}
.policy_box03_inner:last-child{
	margin-bottom:0;
}

.policy_box03_inner dl{
	margin-bottom:20px;
}
.policy_box03_inner dl:last-child{
	margin-bottom:0;
}

.policy_box03_inner dt{
	font-weight:bold;
	color:#F2643F;
}


.policy_box04{
	padding-top:45px;
	background:url(images/top_box04_bg.png) no-repeat center top;
}

.policy_box04_tit{
	background:url(images/03box04_tit.png) no-repeat center top;
	width:100%;
	height:40px;
	margin:0 0 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.policy_box04_inner{
	margin-bottom:25px;
}

.policy_box04_inner_text{
	width:370px;
	float:left;
}

.policy_box04_inner_tit{
	font-size:1.5em;
	font-weight:bold;
	color:#F2643F;
	padding:0 0 4px 20px;
	background:url(images/dia.png) no-repeat left 4px;
	border-bottom:dotted 1px #85754F;
	margin-bottom:15px;
}

.policy_box04_inner_img{
	float:right;
}

.policy_box04_inner dl{
	margin-bottom:25px;
}
.policy_box04_inner dl:last-child{
	margin-bottom:0;
}

.policy_box04_inner dt{
	font-weight:bold;
}

/* クラス紹介・料金 ここから*/

.introduction_box01{
	margin-bottom:35px;
}

.introduction_box01_tit{
	background:url(images/04box01_tit.png) no-repeat center top;
	width:100%;
	height:40px;
	margin:0 0 10px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.introduction_inner{
	padding:50px 50px 0;
	height:377px;
	margin-bottom:35px;
	background:url(images/04box01_bg.png) no-repeat center top;
}

.introduction_inner_text{
	margin-top:25px;
}



.introduction_box02{
	margin-bottom:40px;
}

.introduction_box03_tit{
	background:url(images/04box02_tit.png) no-repeat center top;
	width:100%;
	height:40px;
	margin:0 0 10px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.introduction_box_inner{
	margin-bottom:25px;
}
.introduction_box_inner:last-child{
	margin-bottom:0;
}

.introduction_box_inner_img01{
	float:left;
}

.introduction_box_inner_text01{
	width:390px;
	float:right;
}

.introduction_box_inner_img02{
	float:right;
}

.introduction_box_inner_text02{
	width:390px;
	float:left;
}

.introduction_table_wrap{
	width:100%;
	padding-top:20px;
	clear:both;
}


.introduction_box03,
.introduction_box04,
.introduction_box05,
.introduction_box06,
.introduction_box07{
	margin-bottom:40px;
}

/* 生徒さんの声 ここから*/

.voice_box01_text{
	margin-bottom:30px;
}

.voice_parts{
	width:620px;
	margin:0 auto 30px;
	padding:25px 35px;
	background:url(images/05box_bg.png) no-repeat left top,#FFF;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.voice_parts:last-child{
	margin-bottom:0;
}


.voice_parts dt{
	font-size:1.5em;
	color:#265F07;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	background:url(images/05box_dt_bg.jpg) no-repeat center bottom;
	margin-bottom:10px;
}


.voice_parts dd{
	font-size: 1em;
	}

/* フォトギャラリー ここから*/

.gallery_box01{
	margin-bottom:90px;
}

.gallery_box01_tit{
	background:url(images/06box01_tit.png) no-repeat center top;
	width:100%;
	height:39px;
	margin:0 0 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.gallery_slider{
	width:650px;
	margin:0 auto;
}

.gallery_box02_inner01{
	margin-bottom:20px;
}
.gallery_box02_inner02{
	margin-bottom:30px;
}
.gallery_box02_inner02:last-child{
	margin-bottom:0;
}

.gallery_box02_inner_img{
	float:right;
}

.gallery_box02_inner_text{
	float:left;
	width:330px;
}

.gallery_box02_list{
	margin-top:15px;
}

.gallery_box02_list li{
	width:219px;
	padding:2px;
	border: solid 1px #A3A3A3;
	float:left;
	margin-right:12px;
	background:#FFF;
	line-height:0;
}
.gallery_box02_list li:last-child{
	margin-right:0;
}



/* 教室概要･アクセス ここから*/

.information_box01{
	margin-bottom:35px;
}

.information_table_wrap{
	width:340px;
	float:left;
}

.information_box01_img{
	float:right;
}

.information_box02{
	margin-bottom:40px;
}

.information_box02_tit{
	background:url(images/07box02_tit.png) no-repeat center top;
	width:100%;
	height:39px;
	margin:0 0 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.information_box03{
	margin-bottom:40px;
}

.information_box03_parts{
	width:225px;
	float:left;
	margin:0 12px 15px 0;
}
.information_box03_parts:nth-child(3n){
	margin-right:0;
}
.information_box03_parts:nth-child(3n+1){
	clear:both;
}

.information_box03_parts_img{
	margin-bottom:10px;
}

.information_box03_parts_img img{
	width: 225px;
	height: 150px;
	object-fit: cover;
}

.information_box03_parts p{
	font-size:1.2em;
}

.information_box03_bottom{
	padding:20px;
	background:#FBFFE0;
	border: solid 1px #C5C5C5;
}

.access_map{
	width: 100%;
	margin-bottom:20px;
}


/* お問い合わせ・無料体験レッスンお申し込み ここから*/

.form_box01{
	margin-bottom:50px;
}

.sitepolicy{
	padding:20px;
	margin-top:25px;
	background:#FBFFE0;
	border: solid 1px #C5C5C5;
}

.sitepolicy dt{
	font-size:1.2em;
	font-weight:bold;
}
.sitepolicy dd{
	font-size:1.2em;
}





.question_box01{
	margin-bottom:40px;
}

.question_box01 p a:link,
.question_box01 p a:visited{
	color:#346A00;
	text-decoration:underline;
}
.question_box01 p a:hover,
.question_box01 p a:active{
	color:#346A00;
	text-decoration: none;
}

.question_list{
	margin-bottom:35px;
}
.question_list:last-child{
	margin-bottom:0;
}

.question_list dt{
	padding:1px 0 5px 50px;
	background:url(images/q.png) no-repeat 12px top;
	color:#3F7900;
	font-weight:bold;
	font-size:1.4em;
	border-bottom:dotted 1px #999;
	margin-bottom:10px;
}

.question_list dd{
	padding:20px 20px 20px 50px;
	background:url(images/a.png) no-repeat 15px 20px,#FBFFE0;
}







.topics_parts{
	padding-bottom:20px;
	border-bottom:dotted 1px #999;
	margin-bottom:20px;
}

.topics_parts_text{
	width:410px;
	float:right;
}

.topics_parts_img{
	width:254px;
	float:left;
	padding:2px;
	background:#FFF;
	border:solid 1px #A1A1A1;
}

.topics_parts_img img{
	width:254px;
	height:auto;
}

.topics_parts_tit{
	padding:0 0 0 20px;
	background:url(images/topics_tit.jpg) no-repeat left top;
	font-size:1.6em;
	font-weight:bold;
	color:#3F7900;
	margin-bottom:15px;
}

.topics_parts_text a:link,
.topics_parts_text a:visited{
	color:#346A00;
	text-decoration:underline;
}
.topics_parts_text a:hover,
.topics_parts_text a:active{
	color:#346A00;
	text-decoration: none;
}





/****************************************

         テーブル

*****************************************/

th p,
td p{
	font-size:100%;
}

.introduction_table{
	width:100%;
	border-collapse:collapse;
	border:solid 1px #C5C5C5;
}


.introduction_table th{
	width:21%;
	padding:2% 1% 1.6% 3%;
	vertical-align:top;
	color:#214100;
	font-weight:bold;
	background:#FBFFE0;
	border:solid 1px #C5C5C5;
}

.introduction_table td{
	width:21%;
	padding:2% 1% 1.6% 3%;
	background:#FFF;
	border:solid 1px #C5C5C5;
	vertical-align: middle;
}


.information_table{
	width:100%;
	border-collapse:collapse;
}

.information_table th{
	width:30%;
	padding:3.5% 1% 3% 0;
	vertical-align:top;
	color:#214100;
	font-weight:bold;
	border-bottom: dotted 1px #999;
}

.information_table td{
	width:68%;
	padding:3.5% 1% 3% 0;
	border-bottom: dotted 1px #999;
}


element.style {
}
.nav-below {
    margin: 30px 0 20px;
    text-align: center;
}



.info_box5{
	display:flex;
	justify-content: space-between;
	margin-bottom:10px;
	font-size: 16px;
}

.info_box5 div:nth-child(1){
	width:35%;
	box-sizing: border-box;
	padding-left: 2%;
}
.info_box5 div:nth-child(2){
	width:65%;
}

.hissu{
	background-color:#B20000;
	color:#FFF;
	font-size:12px;
	padding:2px 5px;
	margin-right:20px;
}

.nini{
	background-color:#888888;
	color:#FFF;
	font-size:12px;
	padding:2px 5px;
	margin-right:20px;
}

.info_chui{
	color:#B20000;
	margin-left:10px;
}

	
/* margin-bottom
------------------------------------------------------------*/

.mb_10{
	margin-bottom:10px;
}

.mb_15{
	margin-bottom:15px;
}

.mb_20{
	margin-bottom:20px;
}

.mb_30{
	margin-bottom:30px;
}

.mb_40{
	margin-bottom:40px;
}

.mb_50{
	margin-bottom:50px;
}

.mb_60{
	margin-bottom:60px;
}

.mb_70{
	margin-bottom:70px;
}

.mb_80{
	margin-bottom:80px;
}

.mb_90{
	margin-bottom:90px;
}

.mb_100{
	margin-bottom:100px;
}