@charset "utf8";
/*---------------------
 body
--------------------- */
body{
	background-image:url(../img/bg/bg_body.png);
	background-repeat:repeat;
	width:100%;
}
/*---------------------
 全体的な構造（サイズ系）
--------------------- */
#wrap{width:1000px;background-color:#fff;margin:0 auto;}
header{width:1000px;margin:0 auto;}
#left,#right{overflow:hidden;}
footer{width:1000px;margin:0 auto;}

/*---------------------
 header
--------------------- */
header{
/*
	background-image:url(../img/bg/bg_head.jpg);
	background-size: contain;
*/
	position:relative;
	border-top:solid 5px #34559C;
	background-color:#fff;
}
div#header{width:1000px;margin:0 auto;position:relative;}
#shoulder{color:#34559C;;font-size:16px;font-size:1.6rem;line-height:1.5;font-weight:bold;padding-left:0.25em;}

#logo{padding-bottom:3px;display:inline-block;}
#logo a{display:inline-block;}
#logo img{display:inline-block;}
#bnr_rt{
	position: absolute;
	right:20px;top:0px;
	height:110px;
	display: table;
}

#bnr_rt a{
	display: table-cell;
	vertical-align: middle;
}
/*---------------------
 ハンバーガー
--------------------- */
#btnhead{display:none;}

/*-----------------------
 pan_navi
------------------------- */
nav#pan_navi {
	width:100%;background:#b3c5dd;
	border-top:solid 1px #B0B9CF;
	border-bottom:solid 1px #B0B9CF;
	background-opacity:0.2;
	background: rgba(179,197,221,0.75);
}
nav#pan_navi div{
	font-size:16px;
	/* overflow:hidden; */
	background:#b3c5dd;
	/* height:25px; */
	z-index:1;
	/* border-top:solid 2px #0014AD;*/
	width:1000px;
	margin:0 auto;
}

nav#pan_navi div ul {
	overflow:hidden;
	display:table;
	background:#d8e1ed;
	background:-webkit-gradient(linear,left top,left bottom,from(#f0f4fa), to(#d8e1ed));
	background:-moz-linear-gradient(top, #f0f4fa, #d8e1ed);
	height:25px;
}
nav#pan_navi div ul li {
	display:table-cell;
}
nav#pan_navi > div > ul li > span {
	display:block;
	background:url(../img/pan_navi/01.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding:0 11px 0 0;
}
nav#pan_navi> div ul li:first-child {
	padding-left:1px;
}
nav#pan_navi > div > ul li:last-child > span {
	background:url(../img/pan_navi/02.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding-right:11px;
}
#pan_navi > div > ul li > span > a{text-decoration:none;}
#pan_navi > div > ul li > span > a,
#pan_navi > div > ul li > span > span {
	overflow:hidden;
	display:block;
	padding:0 4px 0 4px;
	height:24px;
	color:#000;
	line-height:23px;
	word-wrap:break-word;
	word-break:break-all;
	border-top:1px solid #fff;
}
#pan_navi > div > ul li > span > span {
	color:#999;
}

/* 以下KK  */
#pan_navi > div > ul li > span > a >img{
	height:18px;
	vertical-align:middle;
}



/*---------------------
 line_menu
--------------------- */
nav#line_menu{background-color:#34559C;;background-image:url(../img/bg/bg_line_menu.png);}
nav#line_menu div{width:1000px;margin:0 auto;}
/*#line_menu div ul{background-color:#34559C;;}*/
#line_menu div ul li{
	float: left;
	width:190px;
	border:solid 1px #fff;
	margin:5px;
	padding:7px;
}
#line_menu div ul li a{width:100%;display:block;text-align:center;font-size:16px;color:#fff;text-decoration:none;}

/*---------------------
 スライド
--------------------- */
#slide{width:1000px;height:350px;margin-bottom:30px;/*background-color:#000;*/}
.slick-prev {left: -40px;}
.slick-next {right: -35px;}
.slick-prev:before, .slick-next:before {color:#999;}

/*---------------------
 ticker系(font-size等を絶対値で設定)
---------------------*/
div#ticker{
	border:3px solid #ff8a8a;
	/*height:38px;   250201*/
	position:relative;
	margin:10px 8px;
}
div#ticker div.i{
	position:absolute;
	left:0;top:0;
	background-color:#ff8a8a;
	width:90px;
	color:#fff;
	font-size:16px;
	line-height:2.0;
	text-align:center;
}

.tickercontainer { /* the outer div with the black border */
	background: #fff; 
	width:98%;
	margin: 0 auto; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 100px;
/*	width:866px;*/
	overflow: hidden;
}
ul.newsticker {
position: relative;
left:500px;/*必要*/
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding: 0;
	font-size:16px;
	line-height:2.0;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	font-size:16px;
	margin: 0 7px 0 0;
	text-decoration:none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}
img#bd_body{
padding-bottom:15px;
}

ul.newsticker span {
margin: 0 10px 0 0;
}
img#bd_body{padding-bottom:15px;}
#ticker li{white-space: nowrap;}

@media screen and (max-width:768px){
	div#ticker{
	margin:10px 3px;
}
}

/*---------------------
 メインカラム
--------------------- */

#left{min-width:640px;margin-left:20px;background-color:#fff;float:left;}
#left hr{box-sizing:content-box;}
img.s_img{display:block;float:right;margin:10px auto;}
img.s_img:after{content:"●";display:block;clear:both;font-size:10px;}
article{padding-top:1.2em;position:relative;}
/*---------------------
 h1
--------------------- */
article h1{font-size:30px;font-size:3rem;color:#fff;font-family:"丸フォーク M";
	position:relative;
	width:100%;
	background-color:royalblue;
	padding:0.25em 0 0.5em 50px;
	margin:0px auto 20px auto;
	/*line-height:1.1;230503にコメント化*/
	/*height:55px;*/
}
article h1 img{position:absolute;}
article h1 span{font-size:18px;font-size:1.8rem;}
article h1 span.h1_ue{display:block;padding-bottom:0.25em;}

/*---------------------
 section
--------------------- */
section{
	color:#583822;
	padding:10px 0px 10px 10px;
	/*background-image:url(../img/bg/bg_ami.jpg);夏用*/
	/*background-image:url(../img/bg/bg_lg.png);/*春の新緑の季節*/
	position:relative;
	margin-bottom:10px;
	border-radius:10px;
	width:620px;
}
section > div.sub{
	font-size:16px;font-size:1.6rem;	padding-bottom:0.5em;
}
section h2{
	font-size:20px;font-size:2rem;color:#543f32;
	border-bottom:solid 1px #543f32;
	margin-bottom:18px;
	font-weight:bold;
	padding-bottom:0.5em;
	line-height:1.25;
}

section h3{
	font-size:18px;font-size:1.8rem;color:#543f32;
	margin-bottom:18px;
	font-weight:bold;
	padding-top:1.0em;

/* 230618にコメント化
	padding-bottom:0.5em;
	line-height:1.5;
*/

}
/*---------------------
　section 内の　P　ul ol
---------------------*/
section p,blockquote,
ul.lst,
section ol{
	font-size:16px;font-size:1.6rem;line-height:2.0;padding-bottom:0.5em;
}

/*---------------------
　ul系
---------------------*/
ul.lst{
	padding-left:1em;
	margin-left:1em;
}
ul.lst li{list-style-type:disc;}
/*リンク*/
ul.lnks{
	padding-top:1em;
	margin-bottom:2em;
}
ul.lnks li{padding-top:1em;padding-bottom:1em;border-bottom:dashed 1px #999;}
ul.lnks li:nth-child(1){border-top:dashed 1px #999;}
ul.lnks li:last-child{border-bottom:dashed 1px #999;margin-bottom:1em;}
ul.lnks li a{font-size:16px;font-size:1.6rem;	text-decoration:none;
	position:relative;
	display:block;
	padding-right: 2em;
	line-height: 1.25;
}
ul.lnks li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #c9171e;
border-right: solid 2px #c9171e;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
/*---------------------
　ol系（ol#page_indexもあるので注意）
---------------------*/
section ol{padding-left:1.5em;}
section ol > li{
	list-style-type:decimal;
	font-weight:bold;
}

/*---------------------
 目次 page_index
--------------------- */
nav#page_index *{color:#19448e;font-weight:bold;}
nav#page_index{padding:1.85em;background-image:url(../img/bg/bg_koushi.png);margin-bottom:2em;width:610px;border-radius:10px;position:relative;margin-left:5px;width:610px;}
nav#page_index > h2{border-bottom:none;font-size:20px;font-size:2rem;color:#543f32;font-weight: bold;color: #c9171e;margin-bottom:0;padding-bottom:0;}
nav#page_index > ol{margin-left:30px;}
nav#page_index >ol > li{font-size:16px;font-size:1.6rem;padding-top:1.25em;list-style-type: decimal-leading-zero;}
/* page_index_bra */
ol.page_index_bra{padding-left:0;margin-left:3px;}
ol.page_index_bra li,
ol#page_index_bra li
{padding-top:1.25em;font-size:16px;font-size:1.6rem;list-style-type:disc;/*counter-increment: cnt;*/margin-left:0;}
/*ol.page_index_bra li::before {
	content: "" counter(cnt) " ）";
}
*/

/*---------------------
　img_box_c
---------------------*/
.img_box_c{
	margin:10px auto;
}
.img_box img{display:block;}
.img_box_c p{
	margin:0px;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
	color:#666;
}

/*---------------------
　img_box_r
---------------------*/
.img_box_r{
	margin:5px 0px 3px 12px;/*topの5pxは右のpとのバランス*/
	float:right;
/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。各ページで上書き指定する*/
}
.img_box_r img{
	margin:0 0 3px 0;
	display:block;
}

.img_box_r p{
	font-size:12px;font-size:1.2rem;	color:#666;
	line-height:1.5;
}
/*---------------------
　img_box_l
---------------------*/
.img_box_l{
	margin:5px 18px 3px 0px;/*topの5pxは右のpとのバランス*/
	float:left;
/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。各ページで上書き指定する*/
}
.img_box_l img{
	margin:0px auto;
}

.img_box_l p{
	text-align:center;
	font-size:12px;font-size:1.2rem;
	color:#666;
	line-height:1.5;
}
/*---------------------
　動画
---------------------*/
.movie:hover{cursor:pointer;}

/*---------------------
　サイド（Side/右カラム）
---------------------*/
div.side{
	width:300px;
	background-image:url(../img/bg/bg_side.jpg);
	background-repeat:repeat;
	margin-bottom:20px;
	padding:1.25em;
	border-radius: 10px;
}
#right{width:300px;margin-left:15px;float:left;}


#right p{font-size:14px;font-size:1.4rem;line-height:2.0;}

.fb-page{margin-bottom:16px;}

/*---------------
 メニュー表示
---------------*/
.ich-dan div{
	width:300px;margin-bottom:20px;
	font-size:16px;font-size:1.6rem;	border:solid 1px #ccc;
	background: url(../img/index_page/tri.png) right top no-repeat;
}

div.ich-dan h3,div.ich-dan div.ttl{
	font-size:19px;font-size:1.9rem;	color:#583822;
	margin-bottom:0.75em;
	font-weight:normal;
	padding: 15px 10px 15px 12px;
	border-left:none;
	margin:0;
	font-weight:bold;
}
.ich-dan>div>img{
	margin-left:5px;
	display:block;
	width:288px;
	height:94px;
	margin-bottom:2px;
}
.ich-dan div ul{margin:0px 5px 4px 5px;}
.ich-dan div ul li{
	background-color:#f4f0e8;
	margin-bottom:1px;
	}
.ich-dan div ul li a{
	display: block;
	padding: 10px 10px 10px 20px;
	text-decoration:none;
	background:url(../img/lst/tri_red.png) 8px center no-repeat;
}
.ich-dan div ul li a span{font-size:13px;font-size:1.3rem;color:#888;padding-top:3px;}

/*---------------------
　三本メニュー（ハンバーガー）
---------------------*/
button{margin-bottom:10px;}
/*ボタン自体の設定*/
#btnhead{
	border:none;

	height:50px;
	width:50px;
	background-color:#34559c;
	color:#fff;
	position:absolute;top:12px;right:12px;
	transition: all .4s;/*アニメーションの作動時間*/
	box-sizing: border-box;
}
#btnhead span:nth-child(-n+3){/*3番目まで*/
	position: absolute;
	left: 12px;
	width: 26px;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	transition: all .4s;
}
#btnhead span.btnhead{
	font-size:10px;
	position: absolute;
	top: 33px;
	left: 0;
	width: 50px;
	text-align: center;
	transition: all .4s;
}
#btnhead span:nth-of-type(1) {
	top: 10px;
}
#btnhead span:nth-of-type(2) {
	top: 18px;
}
#btnhead span:nth-of-type(3) {
	top: 26px;
}
/*ボタンの回転設定*/
#btnhead.active span:nth-of-type(1) {
	-webkit-transform: translateY(14px) rotate(-315deg);
	transform: translateY(14px) rotate(-315deg);
}
#btnhead.active span:nth-of-type(2) {
	opacity: 0;
}
#btnhead.active span:nth-of-type(3) {
	-webkit-transform: translateY(-2px) rotate(315deg);
	transform: translateY(-2px) rotate(315deg);
}
#btnhead.active span.btnhead{
	opacity: 0;
}

/*---------------------
　声　koe
---------------------*/
section.koe,div.koe{
	background-image:url(../img/bg/bg_blu.jpg);
	padding:1.5em;
	margin-bottom:1.5em;
	position:relative;
	margin: 10px 10px 10px 0px;
	width:100%;max-width:610px;
}

section.oya{
	background-image:url(../img/bg/bg_sakura.jpg);
}

section.koe h2{border-bottom:none;padding-bottom:0;color:royalblue;color:#cd5e3c;}
section.koe .sub,.koe .sub{font-size:18px;font-size:1.8rem;color:#ccc;padding-bottom:0.5em;}
.whois
{font-size:14px;font-size:1.4rem;color:#999;text-align:right;padding-top:0.5em;line-height:1.35;}
.koe p,
.koe blockquote{
	color:#666;overflow:hidden;
}/*写真の下にテキストを回り込ませない*/
.koe{border-radius:10px;}

/*column*/
section.column{
	padding:2em;
	background-image:url(../img/bg/bg_koushi.png);
}
section.column h2{color:}

section.column h2 span{display:block;font-size:16px;font-size:1.6rem;;padding-top:0.5em;}
/*---------------------
　Neo_table
---------------------*/
.neo_table{
	color:#666;
	border:solid 1px #999;
	border-collapse:collapse;
	border-spacing:1px;
	margin-bottom:15px;
	width:100%;
}
.neo_table caption{
	font-size:16px;font-size:1.6rem;	padding:1em 0em 0.5em 0.25em;
	text-align:left;
}
.neo_table th{
padding:5px;
border:solid 1px #999;
font-weight:normal;
font-size:16px;font-size:1.6rem;text-align:left;
background-color:aliceblue;
vertical-align:middle;
line-height:1.6;
}
.neo_table thead tr th{
	text-align:center;
}

.neo_table td{
padding:5px;
border:solid 1px #999;
font-size:16px;font-size:1.6rem;line-height:1.6;
vertical-align:middle;
}
caption.btm{caption-side:bottom;padding:0.25em 0em 0.5em 0.25em;font-size:14px;font-size:1.4rem;line-height:1.5;color:#999;}
/*---------------------
　学校基本情報
---------------------*/
table#scl_info{
	border-collapse:collapse;
	width:100%;
	margin:10px auto 20px auto;
}
table#scl_info colgroup.col1{width:23%;}
table#scl_info colgroup.col2{width:77%;}
#scl_info th.t_top {
	border-top: #be1309 4px solid;
	background-color:#efefef;
}

#scl_info th {
	background-color:#efefef;
	background-image:none;
	border: 1px solid #dcdddd;
	border-bottom: #e3e3e3 1px dotted;
	font-size:14px;font-size:1.4rem;	text-align: left;
	padding: 7px;
	font-weight: normal;
	line-height:1.5;
}
#scl_info td.t_top {
	border-top: #b3b3b3 4px solid;
}
#scl_info td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 7px;
	border: 1px solid #dcdddd;
	font-size:14px;font-size:1.4rem;
	line-height:1.5;
}
#scl_info td p{
	padding:0 0 0 0;
	line-height:1.5;
	font-size:14px;font-size:1.4rem;	
}
a.map_url{
	padding-right:30px;
	background:url(../../school/img/icn_map.png) no-repeat right center;
}
/*---------------------
　ads_kiji_shita
---------------------*/
div#ads_kiji_shita{
	margin:10px auto 0px auto;
	padding-bottom:20px;
	width:96%;
}

/*---------------------
　pnl
---------------------*/
.pnl{padding:1.5em;margin-bottom:1em;}
.pnl_ttl{font-size:16px;font-size:1.6rem;	color:#666;
	padding:12px 0;
}
.pnl_ttl:hover{cursor:pointer;}
.pnl{font-size:16px;font-size:1.6rem;	line-height:2.0;
}
#right .pnl_ttl{padding:0em 1.5em 0.75em 0;}
#right .pnl{background: #ffc url(../img/bg/bg_sakura.jpg);}
/*---------------------
　footer
---------------------*/
footer{font-size:16px;font-size:1.6rem;	text-align:center;
	width:100%;
	padding:0.5em;
	margin:0 auto;
	color:#fff;
	line-height:1.8;
	background-color:#34559C;;
}
footer a{text-decoration:none;color:#fff;}

/*---------------------
　書籍購入ボタンNEO
---------------------*/
.bok_shops{
	width:auto;
	height:auto;
	position: relative;
	overflow: hidden;
	margin-top:10px;padding-bottom:7px;
}
.bok_shops .wp{
	height:auto;
	float: left;
	position: relative;
	left: 50%;
	width:auto;
}
.bok_shops .wp div{
	width:100px;/* 固有 */
	height:40px;
	margin-right:10px;
	position: relative;
	left: -50%;
	float: left;
}
.wp div a{
	display:block;
	width:100px;/* 固有 */
	height:40px;
	text-decoration:none;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.wp div a:hover{text-decoration:none;}
.bok_shops .wp div:last-child{
	margin-right:0px;
}
.btn_kindle a		{background:url(/boks/img/btn/kindle/m/off.png) no-repeat;}
.btn_amazon a		{background:url(/boks/img/btn/amazon/m/off.png) no-repeat;}
.btn_kino a			{background:url(/boks/img/btn/kino/m/off.png) no-repeat;}
.btn_kino img		{display:inline !important;}			
.btn_e-hon a		{background:url(/boks/img/btn/e-hon/m/off.png) no-repeat;}
.btn_e-hon_ng		{background:url(/boks/img/btn/e-hon/m/ng.png) no-repeat;}
.btn_j-pub a		{background:url(/boks/img/btn/j-pub/m/off.png) no-repeat;}
.btn_maruzen a		{background:url(/boks/img/btn/maruzen/m/off.png) no-repeat;}
.btn_honto a		{background:url(/boks/img/btn/honto/m/off.png) no-repeat;}
.btn_honto_ng a		{background:url(/boks/img/btn/honto/m/ng.png) no-repeat;}
.btn_bookfan a		{background:url(/boks/img/btn/bookfan/m/off.png) no-repeat;}
.btn_bookfan_ng		{background:url(/boks/img/btn/bookfan/m/ng.png) no-repeat;}

.wp div a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
/* J出版CSSボタン */
a.btn_jp{
	position:relative;
	display:block;
	color:#4A4A4A;font-size:20px;font-size:2.0rem;
	margin:10px auto 20px auto;width:180px;padding:0.25em 2em;
	text-align:center;line-height:1.5;
	border:solid 2px orangered;border:solid 2px #6D8539;
	border-radius: 100vh;
	background:url(/xxx2020/img/arr/btn_jp.png) no-repeat #EFF2E9 96% center;
	
}
a.btn_jp span{
	display:block;
	font-size:14px;font-size:1.4rem;
}

/*---------------------
　よくある質問faq
---------------------*/
/* FAQ全体 */
/* FAQ全体 */
#faq {
  background-color: #f9f9f9;
  padding: 30px 20px;
  border-radius: 12px;
  margin: 40px auto;
  max-width: 800px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* セクションタイトル */
#faq h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: #333;
}

/* 質問部分（Q） */
#faq dt {
  position: relative;
  font-weight: bold;
  font-size: 18px;
  padding-left: 50px; /* アイコン分のスペース */
  margin-top: 30px;
  color: #005bac;
  line-height: 1.8;
}

/* Qマーク */
#faq dt::before {
  content: "Q";
  position: absolute;
  left: 0;
  top: 0.4em; /* テキストに対して少し下げる */
  width: 32px;
  height: 32px;
  background-color: #005bac;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
}

/* 回答部分（A） */
#faq dd {
  position: relative;
  padding-left: 50px; /* アイコン分のスペース */
  margin: 15px 0 30px 0;
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}

/* Aマーク */
#faq dd::before {
  content: "A";
  position: absolute;
  left: 0;
  top: 0.4em; /* テキストに対して少し下げる */
  width: 32px;
  height: 32px;
  background-color: #ccc;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
}

/*---------------------
　totop
---------------------*/
#totop{
	position: fixed;
	bottom: 0px;
	right: 2px;
	opacity:0.9;
}
a[href^="tel:"]{pointer-events: none;}
#totop:hover{cursor:pointer}

/*---------------------
　br
---------------------*/
	br.sp{display:none;}

/*--------------------- メディアクエリ 768------------------------*/
@media screen and (max-width:768px){/*768(＝ipad)はPC表示*/
	#slide,#wrap,div#header,#left,#right{width:100%;min-width:100%;}

	#bnr_rt{display:none;}
	.slick-prev {left: 0px;}
	.slick-next {right: 0px;}
	.slick-prev:before, .slick-next:before {color:#ccc;font-size:14px;}
	#furano{display:none;}

	header{width:100%;}
	nav#pan_navi div{width:100%;}
	nav#line_menu div{width:100%;}
	footer div{width:100%;}
	#btnhead{display:inline-block;}

	#logo img{height:60px;}
	#shoulder{font-size:12px;font-size:1.2rem;}
	nav#line_menu{display:none;}
	nav#line_menu div{width:100%;}
	nav#line_menu ul li{
		width:171px;
		margin:5px;
		padding:8px 0;
	}
	img.s_img{
		float:none;
	}
	
#slide{background-color:#fff;height:auto;}
#left,#right{width:100%;margin-left:0;}
article h1{padding-left:0.25em;line-height:1.1;position:relative;}
article h1 img{display:none;}
article h1:before{background:none;}
article h1 span{display:block;font-size:18px;font-size:1.8rem;}
section{padding:10px 10px 10px 10px;width:100%;}
section.koe{width:96%;margin:0px auto 20px auto;}
#right{min-width:300px;}
nav#page_index{width:96%;margin:0px auto 20px auto;}
nav#page_index img{display:none;}
div.side{width:96%;margin:0 auto;}


	.ich-dan div{
		margin:10px auto;
		width:96%;
		float:none;
	}
	.ich-dan>div>img {
		width:96%;
		height:auto;
	}
	.ich-dan div ul li a {font-size:16px;font-size:1.6rem;		padding: 16px 0px 16px 20px;
	}
	.koe p{overflow:visible;}/*写真の下にテキストを回り込ませる*/
	a[href^="tel:"]{pointer-events:auto;}
	br.sp{display:block;}
	br.pc{display:none;}
}
/*--------------------- メディアクエリ 414------------------------*/
@media screen and (max-width:414px){

	nav#line_menu div ul li{width:197px;}
	#logo{font-size:24px;font-size:2.4rem;;} #logo span{font-size:18px;font-size:1.8rem;}
	section{width:100%}

}
/*--------------------- メディアクエリ 375------------------------*/
@media screen and (max-width:375px){
	#logo{background-image:none;padding-left:0;}
	nav#line_menu div ul li{
		width:177px;
	}
}
/*--------------------- メディアクエリ 320------------------------*/
@media screen and (max-width:320px){
	#logo{
		font-size:20px;font-size:2rem;		padding:14px 0px 14px 0px;
	} 
	#logo span{font-size:14px;font-size:1.4rem;}
	nav#line_menu div ul li{
		width:97%;
	}
}

/*--------------------- デザイン　------------------------*/
.px10{font-size:10px;font-size:1rem;}
.px12{font-size:12px;font-size:1.2rem;}
.px14{font-size:14px;font-size:1.4rem;}
.px16{font-size:16px;font-size:1.6rem;}
.px18{font-size:18px;font-size:1.8rem;}
.px20{font-size:20px;font-size:2rem;}
.tyu{
	text-indent:-1.0em;
	padding-left:1.0em;
	color:#999;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
}
.mkr{
	background-color:#ffc;
	color:#d7003a;
}
.r{
	width: 100%;
	text-align: right;
}