@charset "utf-8";

/*!
Theme Name: Onlyone
Description: 家庭教師オンリーワンWebサイト用のオリジナルテーマ。
Theme URI: http://only1-sensei.com/
Author: 家庭教師オンリーワン
Author URI: http://only1-sensei.com/
Text Domain: only1
Version: 1.0
Tags: two-columns, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --color-kansai: #E87523;
  --color-kanto: #23AC38;
  --color-online: #3F23E8;

  --color-primary: var(--color-online);
}

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* !Reseting
---------------------------------------------------------- */

body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px !important;
	/* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #333;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure {
	margin: 0;
	padding: 0;
}

input, textarea {
	margin: 0;
	font-size: 100%;
}

label {
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

fieldset, img {
	border: 0;
}

img {
	vertical-align: top;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:after, q:before {
	content: '';
}

a, input {
	/* outline: none; */
}

abbr, acronym {
	border: 0;
}


/* 共通
---------------------------------------------------------- */
body{
background: url(img/body_bk.gif) top center repeat-y;
}
a img:hover{
	opacity:0.8;
}

a{color: #f3781e; text-decoration: none;}
a:hover{color:#ffae00; text-decoration: underline;}

.onlySp{
display: none;
}

.error404 #contents{
margin: 30px 0 0 0;
}

.backlist{
clear: both;
text-align: right;
margin: 20px auto;
padding-top: 20px;
border-top: 1px dotted #ccc;
}

/*ヘッダー*/
header {
width:100%;
background-color: #fff;
}

header .header_inner{
width: 1024px;
height: 140px;
margin: 0 auto 0;
padding: 10px 0 20px;
overflow: hidden;
zoom:1;
background: url(img/hd_illust.png) bottom right no-repeat;
}

.home header .header_inner h1{
font-size: 13px;
font-weight: normal;
}

header .header_inner p.siteId{
font-size: 13px;
font-weight: normal;
}

header .header_inner .logo {
  width: 234px;
  float: left;
  margin:8px 0 0 30px;
  position: relative;
}
header .header_inner .logo .logo-site-type {
  position: absolute;
  background-color: var(--color-primary);
  color: white;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 2px;
  top: 0;
  right: 0;
}

header .header_inner ul{
  width: 450px;
  float: right;
  margin-top: -20px;
  display: flex;
  justify-content: end;
}

header .header_inner ul li{
float: left;
font-size: 14px;
margin: 0 3px;
}

header .header_inner ul li::after {
	content:"｜";
	font-size:12px;
	margin-left:2px;
	position:relative;
}

header .header_inner ul li.link:after {
	content:"";
}

header .header_inner ul li.link img{
	width: 128px;
}
header .header_inner ul li.link .link-button {
  color: white;
  border-radius: 6px;
  padding: 6px 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}
header .header_inner ul li.link .link-button.kansai {
  background-color: var(--color-kansai);
}
header .header_inner ul li.link .link-button.kanto {
  background-color: var(--color-kanto);
}

header .header_inner .freetel{
width: 420px;
margin: 48px 0 0 34px;
float: left;
overflow: hidden;
zoom:1;
}

header .header_inner .freetel .mark{
width: 62px;
float: left;
margin-right: 8px;
}

header .header_inner .freetel .txt{
width: 350px;
float: right;
}

header .header_inner .freetel .txt p{
font-size: 12px;
font-weight: bold;
color: #825121;
line-height: 1;
}

header .header_inner .freetel .txt p span{
font-size: 10px;
font-weight: normal;
padding-left: 3px;
}

header .header_inner .freetel .txt p.telno{
font-size: 44px;
font-weight: bold;
padding-top: 5px;
letter-spacing: -1px;
}

header .header_inner .freetel .txt p.telno a{
color: #825121;
}

header .header_inner .freetel .txt p.telno a:hover{
color: #825121;
text-decoration: none;
cursor: default;
}

header .header_inner .menubtn{
display: none;
}

.breadcrumbs{
  max-width: 1020px;
  margin: 15px auto 0;
  font-size: 13px;
}


/*グローバルナビ*/
#gnav{
width: 100%;
background-color: #e97f22;
height:50px;
}

#gnav ul{
width: 1024px;
margin: 0 auto;
border-left: 1px #fff solid;
overflow: hidden;
zoom:1;
}

#gnav ul li{
width: 169px;
height: 50px;
float: left;
border-right: 1px #fff solid;
}

#gnav ul li a{
height: 50px;
display: block;
color: #fff;
text-align: center;
line-height: 3;
}


#gnav ul li.crt a,
.page-id-12 #gnav ul li.flow a,
.page-id-24 #gnav ul li.course a,
.page-id-85 #gnav ul li.about a,
.page-id-87 #gnav ul li.cost a,
.page-id-89 #gnav ul li.faq a{
text-decoration: none;
background-color: #fcc18c;
}

#gnav ul li a:hover{
text-decoration: none;
background-color: #fcc18c;
}

#gnav ul li.request{
background-color: #fff100;
}

#gnav ul li.request a{
color: #e97f22;
font-weight: bold;
}

#gnav ul li.request a:hover,
.page-id-68 #gnav ul li.request a{
text-decoration: none;
color: #fff;
background-color: #ffae00;
}

#sp_gnav{
display: none;
}

/*コンテンツ*/
#wrap{
width: 1024px;
margin: 0 auto;
overflow: hidden;
zoom:1;
}

#contents{
width: 760px;
float: left;
}

#contents p{
margin-bottom: 10px;
}

#contents h1{
font-size: 26px;
font-weight: bold;
color: #825121;
margin: 0 0 20px 0;
}

#contents h1.second{
margin: 30px 0;
}

#contents.post-85 h1.second{
margin: 20px 0;
height: 70px;
text-indent: -9999px;
background: url(img/h1_bk_about.png) 0 0 no-repeat;
}

#contents.post-12 h1.second{
margin: 20px 0;
height: 70px;
text-indent: -9999px;
background: url(img/h1_bk_flow.png) 0 0 no-repeat;
}

#contents.post-24 h1.second{
margin: 20px 0;
height: 70px;
text-indent: -9999px;
background: url(img/h1_bk_course.png) 0 0 no-repeat;
}

#contents.post-87 h1.second{
margin: 20px 0;
height: 70px;
text-indent: -9999px;
background: url(img/h1_bk_cost.png) 0 0 no-repeat;
}

#contents.post-89 h1.second{
margin: 20px 0;
height: 70px;
text-indent: -9999px;
background: url(img/h1_bk_faq.png) 0 0 no-repeat;
}

#contents.post-68 h1.second,
#contents.post-70 h1.second,
#contents.post-73 h1.second,
#contents.post-75 h1.second{
margin: 20px 0;
height: 70px;
text-indent: -9999px;
background: url(img/h1_bk_contact.png) 0 0 no-repeat;
}


#contents .mainVisual{
  margin: 0 0 20px 0;
}

#contents.home p.cach{
text-align: center;
margin: 0 0 10px 0;
font-size: 26px;
font-weight: bold;
color: #825121;
}

#contents.home h2{
font-size: 18px;
font-weight: bold;
color: #825121;
background:  url(img/h2_bk.png) center left no-repeat;
padding: 10px 0 5px 45px;
margin: 0 0 10px 0;
}

#contents.home ul.point{
margin: 0 0 30px 0;
overflow: hidden;
zoom:1;
}

#contents.home ul.point li{
width: 230px;
float: left;
margin-right:20px;
}

#contents.home ul.point li img{
width: 230px;
height: auto;
}

#contents.home ul.course{
margin: 0 0 30px 0;
overflow: hidden;
zoom:1;
}

#contents.home ul.course li{
width: 230px;
float: left;
margin-right:20px;
}

#contents.home ul.course li img{
width: 230px;
height: auto;
}


#contents.home ul.course li h3{
font-size: 14px;
font-weight: normal;
line-height: 1.5;
padding: 5px 0 0 0;
}

#contents.home .newsList{
width: 619px;
padding: 12px 60px 20px;
margin: 10px auto 30px;
background: url(img/newsbk.png) 0 0 repeat-y;
border-bottom: 1px #7d7d7d solid;
}

#contents.home .newsList h2{
background-image: none;
}

#contents.home .newsList ul li{
border-bottom: 1px #825121 dotted;
padding: 5px 0 3px 78px;
background: url(img/icon_news.png) 5px 5px no-repeat;
}

#contents.home .newsList ul li.category-oshirase{
background: url(img/icon_oshirase.png) 5px 5px no-repeat;
}

#contents.home .newsList ul li.category-column{
background: url(img/icon_column.png) 5px 5px no-repeat;
}

#contents.home .newsList p.listlink{
margin: 10px 15px 0 0;
text-align: right;
}


#contents.home .columnList{
width: 619px;
padding: 12px 60px 20px;
margin: 10px auto 30px;
background: url(img/newsbk.png) 0 0 repeat-y;
border-bottom: 1px #7d7d7d solid;
}

#contents.home .columnList h2{
background-image: none;
padding: 10px 0 10px 20px;
}

#contents.home .columnList ul li.category-column{
border-bottom: 1px #825121 dotted;
padding: 5px 0 3px 78px;
background: url(img/icon_column.png) 5px 5px no-repeat;
margin: 0 0 0 30px;
}

#contents.home .columnList p.listlink{
margin: 10px 15px 0 0;
text-align: right;
}

/*お問い合わせ・資料請求*/
#contents .read .ch{
font-size: 18px;
font-weight: bold;
}

#contents .read .ch strong{
font-size: 28px;
color: #e60012;
}

#contents .read .ch span{
font-size: 30px;
}

#contents .read .tel{
font-size: 16px;
font-weight: bold;
vertical-align: bottom;
}

#contents .read .tel img{
margin: 0 10px;
}

#contents .read .tel strong{
font-size: 38px;
font-weight: bold;
}

#contents .note{
font-size: 13px;
}

#contents .note span{
color: #e60012;
}

#contents .form{
width: 100%;
}

#contents .form th,
#contents .form td{
border: 1px #7d7d7d solid;
border-collapse: collapse;
padding: 5px;
font-size: 14px;
}

#contents .form th{
white-space: nowrap;
background-color: #eaf5ae;
}

#contents  .form th span{
color: #e60012;
}

#contents .form td input.line1{
width: 95%;
}

#contents .btn{
margin: 20px 0;
overflow: hidden;
zoom:1;
}

#contents .btn .back{
float: right;
}

/*オンリーワンとは*/
#contents .about .read{
width: 640px;
padding: 20px 20px 20px 60px;
margin: 10px auto 30px;
background: url(img/newsbk.png) 0 0 repeat-y;
border-bottom: 1px #7d7d7d solid;
}

#contents .about .read p{
font-size: 16px;
font-weight: bold;
}

#contents .about .read p strong{
font-size: 20px;
}

#contents .about .read p strong.ch{
font-size: 28px;
color: #e60012;
}

#contents .about h2.title {
font-size: 32px;
text-align: center;
color: #825121;
border: 1px #825121 solid;
padding: 10px;
margin: 30px 0 10px;
background-color: #ffe9a6;
font-weight: bold;
}

#contents .about dl{
margin: 30px auto;
}

#contents .about dl dt{
color: #825121;
font-size: 24px;
font-weight: bold;
background: url(img/anshin01.png) 0 5px no-repeat;
padding: 5px 0px 5px 70px;
border-bottom: 3px #825121 dotted;
margin-bottom: 15px;
}

#contents .about dl dt:hover{
cursor: pointer;
}

#contents .about dl dt.a02{background: url(img/anshin02.png) 0 5px no-repeat;}
#contents .about dl dt.a03{background: url(img/anshin03.png) 0 5px no-repeat;}
#contents .about dl dt.a04{background: url(img/anshin04.png) 0 5px no-repeat;}
#contents .about dl dt.a05{background: url(img/anshin05.png) 0 5px no-repeat;}
#contents .about dl dt.a06{background: url(img/anshin06.png) 0 5px no-repeat;}
#contents .about dl dt.a07{background: url(img/anshin07.png) 0 5px no-repeat;}
#contents .about dl dt.a08{background: url(img/anshin08.png) 0 5px no-repeat;}
#contents .about dl dt.a09{background: url(img/anshin09.png) 0 5px no-repeat;}
#contents .about dl dt.a10{background: url(img/anshin10.png) 0 5px no-repeat;}

#contents .about dl dd{
padding: 10px 20px 30px 20px;
display: none;
}

#contents .about .anshin .note{
text-align: center;
font-weight: bold;
padding-top: 10px;
font-size: 16px;
color: #333;
}

/*会社概要*/
#contents .corp .read{
width: 640px;
padding: 20px 20px 20px 60px;
margin: 10px auto 30px;
background: url(img/newsbk.png) 0 0 repeat-y;
border-bottom: 1px #7d7d7d solid;
}

#contents .corp .read p{
font-size: 16px;
font-weight: bold;
}

#contents .corp .read p strong{
font-size: 20px;
}

#contents .corp .read p strong.ch{
font-size: 28px;
color: #e60012;
}

#contents .corp .read p.sub{
font-size: 14px;
font-weight:normal;
margin-bottom: 0;
}

#contents .corp table{
width: 100%;
margin-top: 20px;
}

#contents .corp table th,
#contents .corp table td{
border: 1px #7d7d7d solid;
border-collapse: collapse;
padding: 5px;
font-size: 14px;
vertical-align: top;
}

#contents .corp table th{
white-space: nowrap;
background-color: #eaf5ae;
}

/*料金表*/
#contents .cost p strong{
font-size: 26px;
color: #e60012;
}

#contents .cost table{
width: 100%;
margin: 20px auto 10px;;
}

#contents .cost table th,
#contents .cost table td{
border: 1px #7d7d7d solid;
border-collapse: collapse;
padding: 5px;
font-size: 16px;
font-weight: bold;
vertical-align:middle;
text-align: center;
}

#contents .cost table th{
background-color: #eaf5ae;
font-weight: normal;
}

#contents .cost table td.koumoku{
background-color:#ececec;
font-weight: normal;
}

#contents .cost table td strong{
font-size: 20px;
color: #e60012;
}

#contents .cost h2{
margin: 25px 0 10px;
font-size: 26px;
font-weight: bold;
color: #825121;
}


/*偏差値*/
#contents .hensachi h2{
font-weight: bold;
}

#contents .hensachi table{
width: 100%;
margin: 10px auto 10px;
}

#contents .hensachi table th,
#contents .hensachi table td{
border: 1px #7d7d7d solid;
border-collapse: collapse;
padding: 5px;
font-size: 14px;
vertical-align: top;
}

#contents .hensachi table th{
background-color: #eaf5ae;
font-weight: bold;
text-align: center;
}

#contents .hensachi table td.border{
background-color:#eeeeee;
}

#contents .hensachi table td.ctr{
text-align: center;
}

#contents div.hensachi ul{
margin:0 0 20px 20px;
list-style: disc;
}

#contents div.hensachi ul li{
color:#845320;
margin-top:5px;
}

#contents div.hensachi p.backbt {
text-align:right;
font-size:90%;
}

/*エリア*/

#contents .area h2{
font-size: 18px;
font-weight: bold;
color: #825121;
border-bottom: 3px #825121 dotted;
padding: 0 0 10px 0;
margin: 10px 0 10px 0;
}

#contents .area table{
margin-bottom: 30px;
}

#contents .area table th,
#contents .area table td{
padding: 5px;
font-size: 13px;
border: 1px #ccc solid;
}

#contents .area table th{
width: 100px;
background-color: #f0f0f0;
}

#contents .area table td.nobor{
border: none;
}

/*よくある質問*/
#contents .faq h2{
background-image: none;
background-color:#825121;
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
border-radius: 5px;
margin: 20px 0;
}

#contents .faq dl{
margin: 0 auto 30px;
padding: 20px;
background-color: #fcfae7;
border-radius: 5px;
}

#contents .faq dl dt{
color: #825121;
font-size:16px;
line-height: 1.4;
text-decoration: underline;
min-height: 40px;
padding: 5px 0 0 50px;
background: url(img/faq_q.png) 0 0 no-repeat;
cursor: pointer;
}

#contents .faq dl dd{
display: none;
margin:5px 0 15px 53px;
min-height: 35px;
background: #fff url(img/faq_a.png) 10px 10px no-repeat;
padding: 10px 20px 10px 50px;
border-radius: 5px;
font-size: 14px;
line-height: 1.4;
border: 1px solid #ff9933;
}


/*スタッフコラム*/
.blog #contents,
.category #contents,
.archive #contents{
margin-top: 20px;
}

#contents.post{
margin-top: 20px;
}

#contents.post h1{
font-size: 18px;
font-weight: bold;
color: #825121;
background:  url(img/h2_bk.png) center left no-repeat;
padding: 10px 0 5px 45px;
margin: 0 0 30px 0;
}

.post-navigation{
width: 760px;
margin: 50px 0 20px 0;
padding: 20px 0 0 0;
border-top: 1px #666 dotted;
font-size: 12px;
}

.post-navigation h2{
display: none;
}

.nav-links {
overflow: hidden;
zoom:1;
}

.nav-links .nav-previous{
width: 45%;
float: left;
}

.nav-links .nav-next{
width: 45%;
float: right;
}
.nav-links .nav-previous:before{
content: "←"
}

.nav-links .nav-next:after{
content: "→"
}

/*スタートまでの流れ*/
#contents .flow{
margin-top: 20px;
}

#contents .flow .point{
width: 619px;
padding: 12px 60px 20px;
margin: 10px auto 30px;
background: url(img/newsbk.png) 0 0 repeat-y;
border-bottom: 1px #7d7d7d solid;
}

#contents .flow .point h2{
background-image: none;
background-color:#825121;
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
border-radius: 5px;
margin: 20px 0 20px 20px;
}

#contents .flow .point ul li{
font-size: 18px;
padding: 5px 0 12px 78px;
background: url(img/point_ac.png) 5px 5px no-repeat;
}

#contents .flow .point ul li strong{
color: #c00;
font-size: 26px;
font-weight: bold;
}

#contents .flow h3{
margin-bottom: 5px;
}

#contents .flow p.flowtitle{
color: #fff;
font-size: 26px;
font-weight: bold;
background-color: #e36c4c;
padding: 5px 0;
text-align: center;
margin: 0 0 20px 0;
}


#contents .flow .clm{
clear: both;
margin: 50px 0 20px;
border: 5px #825121 solid;
border-radius: 10px;
padding: 20px;
background-color: #fcfae4;
}

#contents .flow .clm h3{
font-size: 26px;
background-color: #825121;
color: #fff;
text-align: center;
padding: 5px;
margin: 0 0 15px;
border-radius: 5px;
}

#contents .flow .clm ol li{
list-style: decimal;
margin: 0 0 1em 2em;
}

#contents .flow .clm ol li strong{
font-weight: bold;
color:#e60012;font-size: 20px;
}


#contents .texflow{
margin: 20px auto;
overflow: hidden;
zoom:1;
}

#contents .texflow .onlyone{
width: 355px;
float: left;
}

#contents .texflow .onlyone h3{
font-weight: bold;
border-bottom: 1px dotted #D3D3D3;
}

#contents .texflow .onlyone h4{
font-size: 14px;
}

#contents .texflow .onlyone ul li{
font-size: 12px;
line-height: 1.3;
margin-left: 30px;
list-style: disc;
}

#contents .texflow .other{
width: 355px;
float: right;
}

#contents .texflow .other h3{
font-weight: bold;
border-bottom: 1px dotted #D3D3D3;
}

#contents .texflow .other h4{
font-size: 14px;
}

#contents .texflow .other ul li{
font-size: 12px;
line-height: 1.3;
margin-left: 30px;
list-style: disc;
}

/*大阪市助成金*/
#contents .jyoseikin{
margin-top: 20px;
}

#contents .jyoseikin .title{
margin-bottom: 20px;
}

h1 span.jyosei{
display: block;
font-size: 13px;
}

#contents .jyoseikin h2{
font-size: 24px;
font-weight: bold;
color: #825121;
background:  url(img/h2_bk.png) center left no-repeat;
padding: 10px 0 5px 50px;
margin: 0 0 10px 0;
border-bottom: 1px #909090 dotted;
}

#contents .jyoseikin .read{
width: 619px;
padding: 12px 60px 20px;
margin: 10px auto 30px;
background: url(img/newsbk.png) 0 0 repeat-y;
border-bottom: 1px #7d7d7d solid;
}

#contents .jyoseikin .read h2.ch{
font-size: 20px;
font-weight: bold;
color: #000;
background-image: none;
padding: 0;
margin: 0;
border-bottom: none;
}

#contents .jyoseikin .read h2.ch strong{
font-size: 28px;
color: #2a967b;
padding: 0 10px;
}

#contents .jyoseikin .read  p{
margin: 0;
}

#contents .jyoseikin p strong{
font-size: 18px;
font-weight: bold;
color:#e60012;
margin: 0 0 20px 0;
}

#contents .jyoseikin .ex{
margin: 30px 0 40px 0;
padding: 0 20px;
}

#contents .jyoseikin .ex h3{
font-weight: bold;
margin: 0 0 15px 0;
color: #825121;

}

#contents .jyoseikin .ex ul{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px #CFCFCF solid;
overflow: hidden;
zoom:1;
}

#contents .jyoseikin .ex ul.ex03{
padding-bottom: 0;
margin-bottom: 20px;
border-bottom: none;
}

#contents .jyoseikin .ex ul li{
float: left;
padding: 7px;
margin: 0 10px 0 0;
font-weight: bold;
}

#contents .jyoseikin .ex ul li.course{
width: 130px;
color: #825121;
border: 2px #825121 solid;
border-radius: 5px;
margin: 0 20px 0 0;
}

#contents .jyoseikin .ex ul li.cost{
width: 100px;
padding: 7px;
color:#777;
border: 1px #777 solid;
text-align: center;
font-size: 20px;
}

#contents .jyoseikin .ex ul li.jyosei{
width: 100px;
padding: 7px;
color:#777;
border: 1px #777 solid;
text-align: center;
font-size: 20px;
}

#contents .jyoseikin .ex ul li.total{
width: 100px;
padding: 7px;
color: #e60012;
border: 1px #825121 solid;
text-align: center;
font-size: 20px;

}

#contents .jyoseikin .ex ul li.minus{
font-size: 30px;
color: #777;
padding: 7px 0;
text-align: center;
}

#contents .jyoseikin .ex ul li.equal{
font-size: 30px;
color: #777;
padding: 7px 0;
text-align: center;
}

#contents .jyoseikin .ex ul.ex03 li.cost,
#contents .jyoseikin .ex ul.ex03 li.jyosei,
#contents .jyoseikin .ex ul.ex03 li.total{
padding: 18px 7px;
}

#contents .jyoseikin .ex ul.ex03 li.minus,
#contents .jyoseikin .ex ul.ex03 li.equal{
padding: 18px 0;
}


#contents .jyoseikin .ex ul li span{
display: block;
font-size: 13px;
font-weight: normal;
}

#contents .jyoseikin ul.chk{
margin: 15px 20px;
padding: 20px;
background-color:#fcfae7;
border: 2px #825121 solid;
border-radius: 5px;
}

#contents .jyoseikin ul.chk li{
margin: 0 0 10px 0;
padding: 8px 0 5px 40px;
background: url(img/li_ac_chk.png) 0 0 no-repeat;
}




/*コースのご紹介*/
#contents .course{
margin-top: 20px;
}

#contents .course .title{
margin-bottom: 20px;
}

#contents .course h2{
font-size: 24px;
font-weight: bold;
color: #825121;
background:  url(img/h2_bk.png) center left no-repeat;
padding: 10px 0 5px 50px;
margin: 0 0 10px 0;
border-bottom: 1px #909090 dotted;
}

#contents .course h2 span{
font-size: 16px;
}

#contents .course p{
margin-bottom: 25px;
}

#contents .course p.select{
border: 1px solid #825121;
font-weight: bold;
color: #825121;
padding: 10px;
text-align: center;
}

#contents .course p.taisho{
margin-bottom: 10px;
font-weight: bold;
color: #7A7A7A;
}

#contents .course p strong{
font-size: 18px;
font-weight: bold;
color:#e60012;
margin: 0 0 20px 0;
}

#contents .course ul{
margin: 0 0 20px 0;
}

#contents .course .block{
margin: 0 0 20px 0;
}

#contents .course .twoblock{
margin: 0 0 20px 0;
overflow: hidden;
zoom:1;
}

#contents .course .twoblock .left{
width: 370px;
float: left;
margin-left: 10px;
}

#contents .course .twoblock .right{
width: 370px;
float: right;
margin-right: 10px;
}

#contents .course .course_ex{
clear: both;
margin: 0 0 30px 0;
}

#contents .course .course_ex h3{
font-size: 18px;
font-weight: bold;
background-color: #f23e93;
color: #fff;
padding: 5px 10px;
border-radius: 3px;
margin-bottom: 10px;
}

#contents .course .course_ex h3.chugaku{
background-color: #009944;
}

#contents .course .course_ex h3.koukou{
background-color: #0d4fb2;
}

#contents .course .course_ex h3.online{
background-color: #997db7;
}

#contents .course .course_ex h3.etc{
background-color: #e97f22;
}


#contents .course .course_ex .panel{
position: relative;
width: 698px;
margin: 10px auto;
background: url(img/course_ex_bk.jpg) 0 0 no-repeat;
overflow: hidden;
zoom:1;
}

#contents .course .course_ex .panel .illust{
width: 180px;
margin: 20px 0 0 20px;
float: left;
}

#contents .course .course_ex .panel .txt{
width: 458px;
height: 134px;
margin: 20px 20px 0 20px;
float: right;
color: #fff;
background: url(img/course_ex_chalk.png) 180px 85px no-repeat;
}

#contents .course .course_ex .panel .txt h4{
font-weight: bold;
margin: 20px 0 0 0;
}

#contents .course .course_ex .panel .txt p{
font-size: 18px;
}

#contents .course .course_ex .panel .txt p span.cost{
font-size: 32px;
font-weight: bold;
}

#contents .course .course_ex ul{
clear: both;
padding: 20px 0 20px 30px;
overflow: hidden;
zoom:1;
}

#contents .course .course_ex ul li{
width: 300px;
float: left;
margin: 10px 0 10px 0;
padding: 0 0 0 20px;
background: url(img/link_ac.png) 0 4px no-repeat;
}

/*サイドバー*/
#sidebar {
width: 230px;
float: right;
padding-top: 15px;
}

#sidebar .banner li{
margin-bottom: 15px;
}

#sidebar .banner li.jyoseikin img{
margin-bottom: 5px;
}

#sidebar .banner li.jyoseikin{
font-size: 14px;
color: #079378;
}

#sidebar .snav{
margin-bottom: 15px;
}

#sidebar .snav li a{
display: block;
height: 49px;
text-indent: -9999px;
background: url(img/side_nav.png) 0 0 no-repeat;
}

#sidebar .snav li.start a{background-position: 0 -49px;}
#sidebar .snav li.course a{background-position: 0 -98px;}
#sidebar .snav li.shogaku a{background-position: 0 -147px;}
#sidebar .snav li.chugaku a{background-position: 0 -196px;}
#sidebar .snav li.koukou a{background-position: 0 -245px;}
#sidebar .snav li.cost a{background-position: 0 -294px;}
#sidebar .snav li.faq a{background-position: 0 -343px;}
#sidebar .snav li.area a{background-position: 0 -392px; height: 50px;}

#sidebar .snav li a:hover{background-position: -230px 0;}
#sidebar .snav li.start a:hover{background-position: -230px -49px;}
#sidebar .snav li.course a:hover{background-position: -230px -98px;}
#sidebar .snav li.shogaku a:hover{background-position: -230px -147px;}
#sidebar .snav li.chugaku a:hover{background-position: -230px -196px;}
#sidebar .snav li.koukou a:hover{background-position: -230px -245px;}
#sidebar .snav li.cost a:hover{background-position: -230px -294px;}
#sidebar .snav li.faq a:hover{background-position: -230px -343px;}
#sidebar .snav li.area a:hover{background-position: -230px -392px; height: 50px;}
#sidebar .snav li:last-child a{
  border-bottom: 1px solid #E87523;
}


/*フッター*/
.totop {
 width: 1024px;
 margin: 0 auto;
 text-align: right;
}

footer{
clear: both;
width: 100%;
color: #fff;
background-color: #e97f22;
}

footer .footer_inner{
width: 944px;
margin: 0 auto;
padding: 40px;
overflow: hidden;
zoom:1;
}

footer .footer_inner .fnav{
width: 495px;
float: left;
overflow: hidden;
zoom:1;
}

footer .footer_inner .fnav h2{
font-size: 18px;
margin-bottom: 18px;
}

footer .footer_inner .fnav ul{
width: 165px;
float: left;
}

footer .footer_inner .fnav ul li a{
color: #fff;
font-size: 13px;
}

footer .footer_inner .fnav ul li a:hover{
color: #ffae00;text-decoration: none;
}


footer .footer_inner .fnav ul li.child {
padding-left: 1em;
}

footer .footer_inner .totop {
position: absolute;
right: 0;
top:-40px;
}

footer .footer_inner .fnav ul li a:before{
content: "・"
}

footer .footer_inner .fnav ul li.child a:before{
content: ">"
}

footer .footer_inner .freetel{
width: 415px;
padding: 8px 10px 3px;
background-color: #fff;
float: right;
border-radius: 5px;
overflow: hidden;
zoom:1;
}

footer .footer_inner .freetel .mark{
width: 62px;
float: left;
margin-right: 8px;
}

footer .footer_inner .freetel .txt{
width: 340px;
float: right;
}

footer .footer_inner .freetel .txt p{
font-size: 12px;
font-weight: bold;
color: #825121;
line-height: 1;
}

footer .footer_inner .freetel .txt p span{
font-size: 10px;
font-weight: normal;
padding-left: 3px;
}

footer .footer_inner .freetel .txt p.telno{
font-size: 44px;
font-weight: bold;
padding-top: 5px;
letter-spacing: -1px;
}

footer .footer_inner .freetel .txt p.telno a{
color: #825121;
}

footer .footer_inner .freetel .txt p.telno a:hover{
color: #825121;
text-decoration: none;
cursor: default;
}

footer .footer_inner .area_ft{
clear: both;
width: 920px;
margin: 20px auto 0;
padding: 15px 10px 3px;
font-size: 13px;
}

footer .footer_inner .area_ft table{
margin-bottom: 5px;
}

footer .footer_inner .area_ft th{
width: 100px;
}

footer .footer_inner .area_ft th,
footer .footer_inner .area_ft td{
border: 1px solid #f5a22a;
padding: 10px;
}


footer .footer_inner .area_ft a{
color: #fff;
}


footer .copyright{
clear: both;
width: 1024px;
margin: 0  auto;
padding-bottom: 20px;
font-size: 12px;
text-align: center;
}

.point-note {
  width: 619px;
  padding: 12px 60px 20px;
  margin: 10px auto 30px;
  background: url(img/newsbk.png) 0 0 repeat-y;
  border-bottom: 1px #7d7d7d solid;
}
.point-note h2 {
  background-image: none;
  background-color:#825121;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin: 20px 0 20px 20px;
}
.point-note ul li{
  font-size: 18px;
  padding: 5px 0 12px 78px;
  background: url(img/point_ac.png) 5px 5px no-repeat;
}
.point-note ul li strong{
  color: #c00;
  font-size: 26px;
  font-weight: bold;
}

/*スマホ用*/
@media (max-width: 767px) {

  html{
    height: 100%;
    margin: 0;
  }

  body{
    height: 100%;
    margin: 0;
  }

  img{
    width: 100%;
    height: auto;
  }

  .onlySp{
    display: block;
  }

  .onlyPc{
    display: none;
  }

  .error404 #contents{
    margin: 80px 0 0 0;
  }

  .error404 #contents .entry-content{
    width: 95%;
    margin: 0 auto;
  }

  #contents h1.second{
    margin: 70px 0 0 !important;
    height: inherit !important;
    background-image: none !important;
    text-indent: 0 !important;
  }

  /*ヘッダー*/
  header {
    width:100%;
    border-bottom: 3px #e97f22 solid;
    position: fixed;
    z-index: 100;
    background-color: #fff;
    top: 0;
  }

  header .header_inner{
    width: 96%;
    height: 85px;
    margin: 0 auto 0;
    padding: 10px 0 0 0;
    background:none;
  }

  header .header_inner .logo{
    width: 114px;
    float: left;
    margin: 4px 0 0;
  }
  header .header_inner .logo .logo-site-type {
    transform: scale(0.6);
    transform-origin: top right;
    top: -4px;
  }

  header .header_inner ul{
    display: none;
  }

  header .header_inner .freetel{
    display: none;
  }

  header .header_inner .sp_freetel{
    width: 190px;
    float: right;
  }

  header .header_inner .menubtn{
    display: block;
    width: 48px;
    height: 34px;
    position: absolute;
    right: 10px;
    bottom: 0;
    background: url(img/sp_menu_btn.png) 0 0 no-repeat;
    background-size: 97px 34px
  }

  header .header_inner .menubtn.off{
    background: url(img/sp_menu_btn.png) -49px 0 no-repeat;
    background-size: 97px 34px
  }

  header .header_inner .sp_link{
    position: absolute;
    top: 65px;
    right: 84px;
    width: 114px;
    display: flex;
    justify-content: space-between;
  }
  .sp_link__text {
    color: white;
    border-radius: 4px;
    padding: 6px 8px;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    text-decoration: underline;
  }
  .sp_link__text.kansai {
    background-color: var(--color-kansai);
  }
  .sp_link__text.kanto {
    background-color: var(--color-kanto);
  }


  /*コンテンツ*/
  #wrap{
    width: 100%;
  }

  #contents{
    width: 100%;
    margin: 102px auto 50px;
    float: none;
    overflow: none;
  }

  #contents.page{
    width: 95%;
    margin: 80px auto 50px;
    float: none;
    overflow: none;
  }

  #contents.home h1{
    width: 95%;
    font-size: 20px;
    margin: 0 auto 10px auto;
  }

  #contents.home h2{
    width : -webkit-calc(95% - 45px) ;
    width : calc(95% - 45px) ;
    min-height: 45px;
    margin: 0 auto 10px auto;
    background-size:35px 35px;
    background-position: 5px 15px;
  }
  #contents.home ul.point{
    margin: 0 0 20px 0;
  }

  #contents.home ul.point li{
    width: 90%;
    float: none;
    margin: 0 auto 10px auto;
  }

  #contents.home ul.point li img{
    width:100%;
  }

  #contents.home ul.course{
    margin: 0 0 20px 0;
  }

  #contents.home ul.course li{
    width: 90%;
    float: none;
    margin: 0 auto 10px auto;
  }

  #contents.home ul.course li img{
    width:100%;
  }


  #contents.home ul.course li h3{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    padding: 5px 0 0 0;
  }


  #contents.home .newsList{
    width: 95%;
    padding: 0;
    margin: 10px auto 30px;
    background: url(img/newsbk_sp.png) 0 0 repeat-y;
    border-bottom: 1px #7d7d7d solid;
  }

  #contents.home .newsList h2{
    background-image: none;
  }

  #contents.home .newsList ul li{
    border-bottom: 1px #825121 dotted;
    margin: 5px 5px 8px 30px;
    padding: 30px 5px 5px 5px;
    background: url(img/icon_news.png) 5px 0 no-repeat;
  }

  #contents.home .newsList ul li.oshirase{
    background: url(img/icon_oshirase.png) 25px 0 no-repeat;
  }

  #contents.home .newsList ul li.column{
    background: url(img/icon_column.png) 25px 0 no-repeat;
  }

  #contents.home .newsList p.listlink{
    margin: 10px 15px 0 40px;
    padding-bottom: 10px;
  }

  #contents.home .columnList{
    width: 95%;
    padding: 0;
    margin: 10px auto 30px;
    background: url(img/newsbk_sp.png) 0 0 repeat-y;
    border-bottom: 1px #7d7d7d solid;
  }

  #contents.home .columnList h2{
    background-image: none;
  }

  #contents.home .columnList ul li{
    border-bottom: 1px #825121 dotted;
    margin: 5px 5px 8px 30px;
    padding: 30px 5px 5px 5px;
    background: url(img/icon_news.png) 5px 0 no-repeat;
  }

  #contents.home .columnList ul li.column{
    background: url(img/icon_column.png) 25px 0 no-repeat;
  }

  #contents.home .columnList p.listlink{
    margin: 10px 15px 0 40px;
    padding-bottom: 10px;
  }

  /*お問い合わせ・資料請求*/
  #contents .contact{
    width: 95%;
    margin: 0 auto;
  }

  #contents .read .ch{
    font-size: 14px;
  }

  #contents .read .ch strong{
    font-size: 20px;
  }

  #contents .read .ch span{
    font-size: 20px;
  }

  #contents .read .tel{
    font-size: 14px;
  }

  #contents .read .tel img{
    margin: 0 10px;
    width: 32px;
  }

  #contents .read .tel strong{
    font-size: 24px;
  }

  #contents .form th,
  #contents .form td{
    width : -webkit-calc(95% - 12px) ;
    width : calc(95% - 12px) ;
    margin: 0 auto;
    display: block;
    border-bottom: none;
  }

  #contents .form td.last{
    border-bottom: 1px #7d7d7d solid;
  }

  #contents .btn{
    margin: 15px 0px;
    overflow: hidden;
    zoom:1;
  }


  /*エリア*/
  #contents .area table{
    margin-bottom: 30px;
    width: 95%;
    margin: 10px auto;
  }

  #contents .area table th{
    width: 60px;
  }


  /*スタッフコラム*/
  .blog #contents,
  .category #contents,
  .archive #contents{
    margin-top: 90px;
  }

  #contents.post{
    width: 95%;
    margin: 90px auto 30px;
  }

  #contents.post h1{
    font-size: 18px;
    font-weight: bold;
    color: #825121;
    background:  url(img/h2_bk.png) center left no-repeat !important;
    padding: 10px 0 5px 45px !important;
    margin: 0 0 30px 0 !important;
  }

  .post-navigation{
    width: 100%;
    margin: 50px 0 20px 0;
    padding: 20px 0 0 0;
    border-top: 1px #666 dotted;
    font-size: 12px;
  }

  .nav-links {
    overflow:auto;
  }

  .nav-links .nav-previous{
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  .nav-links .nav-next{
    width: 100%;
    float: none;
  }

  /*スタートまでの流れ*/

  #contents .flow .point{
    width: 95%;
    padding: 10px 0;
    margin: 20px auto 30px;
    background: url(img/newsbk_sp.png) 0 0 repeat-y;
    border-bottom: 1px #7d7d7d solid;
  }

  #contents .flow .point h2{
    background-image: none;
    background-color:#825121;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    margin: 0 20px 20px 30px;
  }

  #contents .flow .point ul li{
    font-size: 14px;
    padding: 5px 5px 12px 65px;
    background: url(img/point_ac.png) 28px 5px no-repeat;
    background-size:37px 27px;
  }

  #contents .flow .point ul li strong{
    font-size: 18px;
  }

  #contents .flow h3{
    width: 95%;
    margin: 10px auto;
  }

  #contents .flow p.flowtitle {
    font-size: 18px;
    width: 95%;
    margin: 10px auto 20px;
  }


  #contents .flow .clm {
    border: 3px #825121 solid;
    border-radius: 7px;
    padding: 12px;
    margin: 50px 0;
  }

  #contents .flow .clm h3 {
    font-size: 18px;
    border-radius: 3px;
  }



  /*大阪市助成金*/
  #contents .jyoseikin .read{
    width: 95%;
    padding: 10px 0;
    margin: 20px auto 30px;
    background: url(img/newsbk_sp.png) 0 0 repeat-y;
    border-bottom: 1px #7d7d7d solid;
  }

  #contents .jyoseikin h2{
    width : -webkit-calc(95% - 50px);
    width : calc(95% - 50px) ;
    padding: 10px 0 5px 50px;
    margin: 20px auto 10px;
    font-size: 24px;
    line-height: 1.3;
  }

  #contents .jyoseikin .read h2.ch {
    margin: 0 auto;
    font-size: 16px;
  }

  #contents .jyoseikin .read h2.ch strong {
    font-size: 22px;
    padding: 0;
  }

  #contents .jyoseikin .read p{
    margin: 0 30px;
    font-size: 12px;
  }

  #contents .jyoseikin .ex {
    padding: 0 5px;
  }

  #contents .jyoseikin .ex ul li.course {
    width: calc(100% - 20px);
    background-color: #825121;
    color: #fff;
    margin: 0 0 10px 0;
  }

  #contents .jyoseikin .ex ul li.cost{
    width: calc(24% - 6px);
    padding: 3px;
    font-size: 16px;
    margin: 0 5px 0 0;
  }

  #contents .jyoseikin .ex ul li.jyosei{
    width: calc(24% - 6px);
    padding: 3px;
    font-size: 16px;
    margin: 0 5px 0 0;
  }

  #contents .jyoseikin .ex ul li.total{
    width: calc(24% - 6px);
    padding: 3px;
    font-size: 16px;
    margin: 0 5px 0 0;
  }

  #contents .jyoseikin .ex ul li.minus,
  #contents .jyoseikin .ex ul li.equal,
  #contents .jyoseikin .ex ul.ex03 li.minus,
  #contents .jyoseikin .ex ul.ex03 li.equal{
    padding: 18px 0;
    margin: 0 5px 0 0;
    font-size: 24px;
  }

  #contents .jyoseikin .ex ul.ex03 li.cost,
  #contents .jyoseikin .ex ul.ex03 li.jyosei,
  #contents .jyoseikin .ex ul.ex03 li.total {
    padding: 3px;
  }

  #contents .jyoseikin .ex ul.ex01 li.cost,
  #contents .jyoseikin .ex ul.ex01 li.jyosei{
    padding: 3px 8px;
    width: calc(24% - 16px);
  }

  #contents .jyoseikin .ex ul li span {
    font-size: 12px;
  }

  #contents .jyoseikin ul.chk {
    width: calc(95% - 40px);
    margin: 15px auto;
    padding: 20px;
  }


  /*コースのご紹介*/
  #contents .course h1{
    margin: 0 5px 10px;
  }

  #contents .course .title{
    margin-bottom: 20px;
  }

  #contents .course h2{
    width : -webkit-calc(95% - 50px);
    width : calc(95% - 50px) ;
    padding: 10px 0 5px 50px;
    margin: 20px auto 10px;
    font-size: 24px;
    line-height: 1.3;
  }

  #contents .course .block{
    width : 95%;
    margin: 0 auto 20px auto;
  }

  #contents .course .twoblock{
    width : 95%;
    margin: 0 0 20px 0;
  }

  #contents .course .twoblock .left{
    width: 100%;
    float:  none;
    margin-left: 0;
  }

  #contents .course .twoblock .right{
    width: 100%;
    float:  none;
    margin-right: 0;
  }

  #contents .course .course_ex{
    width: 95%;
    margin: 0 auto 30px;
  }

  #contents .course .course_ex h3{

  }

  #contents .course .course_ex h3.chugaku{
    background-color: #009944;
  }

  #contents .course .course_ex h3.koukou{
    background-color: #0d4fb2;
  }

  #contents .course .course_ex .panel{
    position: relative;
    width: 100%;
    margin: 10px auto;
    background: url(img/course_ex_bk_sp.jpg) 0 0 no-repeat;
    background-size:cover;
    overflow: hidden;
    zoom:1;
  }

  #contents .course .course_ex .panel .illust{
    width: 110px;
    margin: 15px 0 0 20px;
    float: left;
  }

  #contents .course .course_ex .panel .txt{
    width : -webkit-calc(100% - 20px);
    width : calc(100% - 20px) ;
    height: 134px;
    margin: 20px 0 0 0;
    padding: 0 20px;
    float: none;
    color: #fff;
    background: url(img/course_ex_chalk.png) 120px 95px no-repeat;
  }

  #contents .course .course_ex .panel .txt h4{
    font-weight: bold;
    margin: 20px 0 0 0;
  }

  #contents .course .course_ex .panel .txt p{
    font-size: 18px;
  }

  #contents .course .course_ex .panel .txt p span.cost{
    font-size: 32px;
    font-weight: bold;
  }

  /*オンリーワンとは*/
  #contents .about .read{
    width : -webkit-calc(95% - 40px);
    width : calc(95% - 40px) ;
    padding: 10px 10px 10px 30px;
    margin: 20px auto 30px;
    background: url(img/newsbk_sp.png) 0 0 repeat-y;
    border-bottom: 1px #7d7d7d solid;
  }

  #contents .about .read p{
    font-size: 14px;
  }

  /*会社概要*/
  #contents .corp .read{
    width : -webkit-calc(95% - 40px);
    width : calc(95% - 40px) ;
    padding: 10px 10px 10px 30px;
    margin: 20px auto 30px;
    background: url(img/newsbk_sp.png) 0 0 repeat-y;
    border-bottom: 1px #7d7d7d solid;
  }

  #contents .corp .read p{
    font-size: 14px;
  }

  #contents .corp .read p strong.ch{
    font-size: 20px;
  }


  /*よくある質問*/
  #contents .faq dl dt{
    margin:0 0 10px 0;
  }


  /*グローバルナビ*/
  #gnav{
    display: none;
    width: 100%;
    background-color: #825121;
    height:50px;
  }

  #gnav ul{
    width: 100%;
    margin: 0 auto;
    border-left: 1px #fff solid;
    overflow: hidden;
    zoom:1;
  }

  #sp_gnav{
    width: 230px;
    position: fixed;
    right: 0;
    top: 98px;
    z-index: 200;
  }

  #sp_gnav li a{
    display: block;
    height: 49px;
    text-indent: -9999px;
    background: url(img/sp_nav.png) 0 0 no-repeat;
  }

  #sp_gnav li.start a{background-position: 0 -49px;}
  #sp_gnav li.course a{background-position: 0 -98px;}
  #sp_gnav li.cost a{background-position: 0 -147px;}
  #sp_gnav li.faq a{background-position: 0 -196px;}
  #sp_gnav li.area a{background-position: 0 -245px;}
  #sp_gnav li.staff a{background-position: 0 -294px;}
  #sp_gnav li.request a{background-position: 0 -343px; height: 50px;}


  #sp_gnav li a:hover{background-position: -230px 0;}
  #sp_gnav li.start a:hover{background-position: -230px -49px;}
  #sp_gnav li.course a:hover{background-position: -230px -98px;}
  #sp_gnav li.cost a:hover{background-position: -230px -147px;}
  #sp_gnav li.faq a:hover{background-position: -230px -196px;}
  #sp_gnav li.area a:hover{background-position: -230px -245px;}
  #sp_gnav li.staff a:hover{background-position: -230px -294px;}
  #sp_gnav li.request a:hover{background-position: -230px -343px; height: 50px;}

  #mask{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.5);
  }

  #mask.on{
    display: block;
  }


  /*サイドバー*/
  #sidebar {
    width: 95%;
    float: none;
    padding-top: 15px;
    margin: 0 auto;
  }

  #sidebar .banner li{
    margin-bottom: 15px;
  }

  #sidebar .banner li.jyoseikin img{
    margin-bottom: 5px;
  }

  #sidebar .snav{
    display: none;
  }

  /*フッター*/
  .totop {
    /*display: none;*/
    width: 70px;
    float: right;
    margin-right: 10px;
    text-align: right;
  }

  footer{
    clear: both;
    width: 100%;
    color: #fff;
    background-color: #e97f22;
  }

  footer .footer_inner{
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
  }

  footer .footer_inner .fnav{
    width: 95%;
    float: none;
    margin: 0 auto;
  }

  footer .footer_inner .fnav ul{
    width: 45%;
    float: left;
    margin-bottom: 15px;
  }


  footer .footer_inner .freetel{
    width: 90%;
    margin: 0 auto;
    padding: 8px auto 3px;
    float: none;
    border-radius: 5px;
  }

  footer .footer_inner .freetel .mark{
    width: 30px;
    float: left;
    margin-right: 8px;
  }

  footer .footer_inner .freetel .txt{
    width: 250px;
    float: left;
  }


  footer .footer_inner .freetel .txt p span{
    font-size: 10px;
    font-weight: normal;
    padding-left: 3px;
  }

  footer .footer_inner .freetel .txt p.telno{
    font-size: 32px;
    font-weight: bold;
    padding-top: 5px;
    letter-spacing: -1px;
  }

  footer .footer_inner .freetel .txt p.telno a:hover{
    color: #825121;
    text-decoration: none;
    cursor: default;
  }

  footer .footer_inner .area_ft{
    width: 95%;
    margin: 20px  auto;
  }

  footer .footer_inner .area_ft th{
    width: 100px;
  }

  footer .copyright{
    width: 100%;
    margin: 0  auto;
    padding-bottom: 20px;
    font-size: 12px;
    text-align: center;
  }

  .point-note {
    width: 95%;
    padding: 0;
    margin: 10px auto 30px;
    background: url(img/newsbk_sp.png) 0 0 repeat-y;
    border-bottom: 1px #7d7d7d solid;
  }
  .point-note h2{
    background-image: none;
  }
  .point-note ul li {
    border-bottom: 1px #825121 dotted;
    margin: 5px 5px 8px 30px;
    padding: 8px;
    background: none;
  }
  .point-note ul li strong {
    font-size: inherit;
  }

}

/** PC用 **/
@media (min-width: 768px) {
  #contents .mainVisual img{
    width: 760px;
  }
}

@media (max-width: 600px) {

  header .header_inner {
    height: 90px;
  }

  .home header .header_inner h1{
    font-size: 10px;
    margin-bottom: 3px;
  }

  header .header_inner p.siteId{
    font-size: 10px;
    margin-bottom: 3px;
  }


}