@charset "UTF-8";


/*reset*/

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd,
header, footer, nav, article, section, adress {
	margin:0;
	padding:0;
}

html {
	font-size: 62.5%; /*10px*/
}

h1, h2, h3, h4, p, dl, ul, ol {
	margin:10px 0;
}

ul {
	list-style: inside;
}

img {
	vertical-align:bottom;
}
a img {
	border:0;
}

a { text-decoration: none;}

a:link, a:visited { color: #063; }

a:hover, a:active { color: #C00; }

/* border-box */

* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }

/* 共通項目 */

body {
	font-size:1.6rem; /* 16px */
	line-height: 2;
	color: #333;
	font-family:'游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	background:url(../img/back.jpg) ;
}

.clearfix {
	zoom:1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

header {
}

.header_obi {
	width: 100%;
	height: 25px;
	background:url(../img/obi.jpg) repeat-x;
}

.header_inner {
	width: 960px;
	margin:0 auto;
	padding-top: 20px;
	padding-bottom:10px;
	text-align:center;
}

.title {
	font-size: 3.2rem;
	margin-bottom: 50px;
	font-weight:bold;
	color:#EE7F97;
}

.title span {
	font-size: 2.1rem;
	font-weight:normal;
}

.setumei table {
	margin: 0 30px;
}

.setumei td {
	border-collapse:collapse;
	padding :5px 5px;
	text-align:left;
	font-size:1.4rem;
	line-height: 1.6;
	vertical-align:bottom;
}

.setumei td img {
	width: 450px;
}

.setumei p.right_side {
	display:block;
	text-align:left;
	padding-top: 100px;
}

/* ナビゲーションメニュー */

#menumark { display:none; }

nav {
	background-color: #333;
	box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}

nav ul {
	overflow:hidden;
	width: 98%;
	max-width: 960px;
	margin:0 auto;
	padding: 0 3%;
}

nav ul li {
	list-style:none;
	font-size: 1.8rem;
	position: relative;
	float:left;
	width:25%;
	border-right: 1px solid #C96;
}

nav ul li:first-child {
	border-left: 1px solid #C96;
}

nav ul li a {
	color: #fff;
	display:block;
	padding:16px 5%;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
}

nav ul li a:link,
nav ul li a:visited {
	color: #fff;
}

nav ul li a:hover,
nav ul li a:active {
	color: #CC0;
}

.s_br, .sp_br { display: none; }


/* トップ設定とメイン枠とフッタ */



main {
	/*display: block; */
    height: 50vh;
    min-height: 300px;
}

article {
	width: 98%;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}

section.topics {
	background-color: #ffffff;
	margin: 40px 20px 50px 20px;
	padding: 10px;
	border-radius: 16px;
}

section.topics h1 {
	font-size: 1.8rem;
	border-left: 10px solid #063;
	border-bottom: 1px solid #666;
	padding: 0 0 0 10px;
	margin: 1em 1em 0 1em;
}

.kokuchi_board  {
	background-color: #ffffff;
	margin: 0 10px 0 20px;
	height: 150px;
	padding: 20px 10px 20px 20px;
}

.kokuchi_board dl {
	height: 114px;
	overflow: auto;
}

.kokuchi_board dt {
	width:8em;
	float:left;
	clear:both;
	line-height: 1.5;
}

.kokuchi_board dd {
	margin-left:8em;
	line-height: 1.5;
}

.kokuchi_board dt:before {
	content: '● ';
	color: #C96;
}

.banner_space {text-align:center; margin-bottom: 50px;}
.banner_space img { margin:0 5px; }
.banner_space .bn_br { display: none; }

footer { 
/*position: absolute;
bottom: 0;
left: 0;
width: 100%;*/
}

.footer_inner {
	width: 98%;
	max-width: 960px;
	min-width: 460px;
	margin:0 auto;
	padding: 1em 2em 10px 2em;
}

.footer_inner p.copy {
	text-align: right;
	font-size: 1.2rem;
	color:#333;
	line-height: 1;
	margin-bottom:0;
}

.footer_inner p.address {
	font-size:1.4rem;
	color: #333;
	line-height: 1.6;
}

.footer_inner p.address span a {
	display: inline-block;
	background-color: #FCC;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2;
	color: #F36;
	padding: 3px 10px;
	border-radius: 10px;
}

.footer_inner p.top_address {
	font-size:1.4rem;
	color: #333;
	line-height: 2.4;
}

.footer_inner p.top_address span a {
	display: inline-block;
	background-color: #FCC;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6;
	color: #FFF;
	padding: 3px 10px 1px 10px;
	border-radius: 10px;
}

.footer_inner p.address span a:hover {
	color: #fff;
	background-color: #F99;
}

.fotter_obi {
	height: 10px;
	background:url(../img/obi.jpg) repeat-x;
}

.banners img {
	width: 120px;
	margin-left: 5px;
	margin-right: 5px;
}

.banners a:hover {
	opacity: 0.7;
}

/* パンくず */

.breadcrumbs {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-left: 1.5em;
}

/* totop */

#pagetop {
	position: fixed;
	bottom: 48px;
	height: 80px;
	width: 80px;
	z-index: 90;
	left: 50%;
	margin-left: 400px;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#pagetop p { font-size: 1.4rem; line-height:1em; font-weight: bold; }

#pagetop p span { font-size: 1.8rem; }

a#move_top {
	display: block;
	position: relative;
	cursor: pointer;
	color: #093;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	height: 80px;
	width: 80px;
	padding: 12px 0 0 0;
	background-color: #C7F2AF;
	border-radius: 50px;
}


/* スライダー */

.image_carou { 	
	list-style:none;
	width: 98%; 
	max-width: 960px; 
	margin: 0 auto;
 }
.image_carou img {
	width: 100%;
	max-width: 960px;
}

/* 各ページ */

#menu_frame {
	width: 100%;
	position:fixed;
	z-index: 100;
}

#menu_frame nav ul li a {
	font-weight:bold;
}

#second {padding-top: 130px; }

/*@media all and (-ms-high-contrast:none) {
*::-ms-backdrop,
#menu_frame{position: relative;}
#second {padding-top:0;}
}*/

.head_image {
	background-image:url(../img/back_kiri.gif);
}

.head_image_inner {
	height: 200px;
	width: 960px;
	margin:0 auto;
	position: relative;
}

.head_image_inner h1 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 2.8rem;
	color: #333;
	position: absolute;
	right:10px;
	bottom:5px;
	display: inline-block;
	padding: 0 10px;
	text-align:right;
	background-color: rgba(255,255,255,0.8);
}

article.sec,
article.sub {
	background-color:#fff;
}

article.sec {
	margin-top: 80px;
	border-radius: 20px;
	padding-top: 20px;
}


article.sub {
	padding-top: 20px;
}

article.sec_frame {
	display: flex;
    justify-content: center;
    align-items: center;
	width: 95%;
    height: 30vh;
    min-height: 100px;
	margin: 0 auto;
	padding: 1em 2em;
	background-color: #fff;
	border-radius: 16px;
	margin-bottom: 80px;/*30px*/
}

article.sec_frame section {
	margin-bottom: 20px;
}

article.sec_frame section p {
	margin-left: 1em;
	margin-right:1em;
}

h1 {
	position: relative;
	padding: 0.3em 0.6em 0.3em 1em;
	background: #F8CC98;
	font-size: 2rem;
	color: #9E571B;
	border-radius: 10px;
	margin-bottom:30px;
}

h1:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #F8CC98;
	width: 0;
	height: 0;
}

h1.kaihei{
cursor: pointer;
}

h2 {
	display:inline-block;
	font-size: 1.6rem;
	background: #FCC;
	box-shadow: 0px 0px 0px 5px #FCC;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 20px;
}

h2.showbtn { 
	display:inline-block;
	cursor: pointer; 
	margin-top: 20px;
}

h2.hidebtn { 
}

h2.kaihei {
	display: inline-block;
	cursor: pointer;
	margin-top: 0;
	margin-bottom:0;
	background: none;
	box-shadow: none;
	border: none;
	color: #03C;
}

h2.toji { 
}

a.inline {
	display: inline-block;
	color: #c00;
	background-color: #FCC;
	padding: 0 2em;
	border-radius: 10px;
}

a.inline:hover {
	color: #fff;
	background-color:#F69;
}

.image_box {
	width: 420px;
	text-align: left;
	line-height: 1.4;
	float:left;
}

.image_box img {
	margin-bottom: 8px;
}

.caption {
	font-size: 1.43rem;
	font-weight: bold;
	line-height:1.4;
	margin-top:0;
	margin-right:1em;
}

/*リスト（つながる会）*/

ul.rei li{
margin-left: 1.1em;
}

h1.kai {
  position: relative;
  border-top: solid 2px #093;/*#80c8d1*/
  border-bottom: solid 2px #093;
  background: #F9F9F9; /*#f4f4f4*/
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 20px 0 50px 0;
  font-size: 2.4rem;
  text-align:center;
}

.shosai {
	margin-left: 2em;
}

.shosai li {
	list-style:none;
	line-height: 1.8;
	margin: 3px 0 3px 1.25em;
	text-indent: -1.25em;
}

.shosai li:before {
	content: '● ';
	color: #F8CC98;
}

.shosai li ol {
	margin-left: 0.8em;
	margin-top: 0;
}

.shosai li ol li {
	list-style-type: decimal;
	list-style-position:outside;
	text-indent: 0;
}

.shosai li ol li:before {
	content:none;
}

.shosai li span {
	font-size: 1.8rem;
}

.attent {
	margin-left: 1em;
	color: #C00;
}

.linkto {
	margin-left:1em;
}

.linkto:before {
	content:'○';
	margin-right: 5px;
}

div.button {
	display:inline-block;
}

span.button a {
	padding: 6px 1em;
	background-color: #FCC;
	border-radius: 20px;
	font-size: 1.5rem;
	color: #C00;
	font-weight: bold;
}

span.button a:hover {
	background-color: #F99;
	color:#000;
}

p.button {
	display:inline-block;
}

p.button a {
	padding: 10px 2em;
	background-color: #ACDDFF;
	border-radius: 20px;
	font-size: 1.5rem;
	color: #0039A6;
	font-weight: bold;
}

p.button a:hover {
	background-color: #0039A6;
	color:#fff;
}

.nonpc {
	display: none;
}


/*アンカー*/

#tsujiri, #rakucha {
	padding-top:150px;
	margin-top:-150px;
}


h1.form {
	display:inline-block;
	font-size: 1.8rem;
	padding-left:0.5em;
	padding-right: 2em;
	margin-top: 0;
	border-left: 8px solid #060;
	border-bottom: 1px solid #333;
}

/*h2 {
	display:inline-block;
	font-size: 1.8rem;
	padding-left:0.5em;
	padding-right: 2em;
	margin-top: 0;
	border-left: 8px solid #060;
	border-bottom: 1px solid #333;
}

h2 strong {
	font-size: 2.1rem;
}

h2.full {
	display: block;
}*/

.aki2 {
	margin-bottom: 2em;
}

div.catch {
	padding: 0 1em 50px 1em;
}

div.catch p {
	padding-top: 4em;
}

p.form_catch {
	margin-top: 2em;
	margin-left: 1em;
}

.fl_l {
	float: left;
	margin-left: 1em;
}

.width25 {
	width: 25%;
	height: auto;
	margin-right: 1em;
}

.cap {
	font-size: 1.2rem;
	font-weight:bold;
	line-height: 2;
	text-align:center;
}

.cap img {
	margin-right: 1em;
}

.top2em {
	padding-top: 2em;
}

.width50 {
	width: 50%;
}

.left1 {
	margin-left: 1em;
}

.m2 {
	margin-left: 1em;
	margin-right: 2em;
}

.s2 {
	margin-left:2em;
	margin-right: 2em;
	text-indent: -1em;
}

.attention {
	font-size: 1.4rem;
	line-height: 1.6;
}

ul.time {
	margin-left: 3em;
}

ul.time li {
	list-style-position:outside;
}

ul.time li > ul {
	margin: 0 0 0 1em;
}

ul.time li > ul li {
	list-style-type: circle;
}

ul.midokoro {
	list-style:none;
	text-align:center;
}

ul.midokoro li {
	width: 25%;
	float:left;
}

ul.midokoro li a {
	display: block;
	margin: 0 5px;
	border: 1px solid #333;
}

ul.midokoro li a img {
	width:100%;
}

table.ryokin,
table.ryokin tr,
table.ryokin td {
	border-collapse: collapse;
}

table.ryokin td {
	border: 1px solid #333;
	padding: 2px 10px;
	text-align: center;
}

table.ryokin td.hyo_color { background-color: #FFFFCC; }

table.ryokin { margin-bottom: 0;}

.star {
	font-size: 90%;
	line-height: 1.4;
}

/* Q & A */

#inline-content p {
	margin: 0 1em;
}

#inline-content h1 {
	color: #c00;
	background-color:#FCC;
	margin-left: 1em;
	margin-right:1em;
}

#inline-content h1:after {
	border-top: 15px solid #FCC;
}


#inline-content p.qtxt,
#inline-content p.atxt {
	margin-left: 4em;
	text-indent:-2em;
}

#inline-content p.atxt {
	margin-bottom:10px;
}

p.qtxt {
	font-weight:bold;
}

p.qtxt:before {
	content:'Ｑ．';
	color:#F9C;
	font-weight:bold;
	font-size: 1.8rem;
}

p.atxt:before {
	content:'Ａ．';
	color:#09F;
	font-weight:bold;
	font-size: 1.8rem;
}

#inline-content ol {
	margin:-10px 1em 10px 4.5em;
}

#inline-content ul {
	margin:-10px 1em 10px 4.5em;
	text-indent:-1em;
}

div.keimaki {
	border:3px dotted #FCC;
	padding: 10px 0;
	margin: 20px 16px;
}

.kanso_t {
	font-weight:bold;
	font-size: 1.8rem;
	color: #F99;
}

.kanso_t span {
	font-weight:normal;
	color: #333;
	font-size: 1.4rem;
}

#inline-content div.keimaki ul {
	margin: 0 1em 0 3em;
}

/*アンカー*/

#access,#guide,#qa,#koma {
	margin-top: -160px;
	padding-top: 160px;
}

.map_frame {
	 text-align:center;
	 margin: 0 20px;
}

.map_frame iframe {
	width: 100%;
	max-width: 700px;
}

.tume1 { margin-top: -10px; }


/* Ｑ＆Ａ */

.qa {
	margin-left: 2em;
}

.qa p.q,.qa p.a {
	margin-left: 3em;
	text-indent: -1em;
}
.qa p.q:before {
	content: "Q. ";
	font-size: 16px;
	color: #06C;
}
.qa p.a:before {
	content: "A. ";
	font-size: 16px;
	color: #F60;
}

.qa p.midashi {
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	text-shadow: 1px 2px 3px #808080;
}

.qa p.midashi:before {
	content: "● ";
	color: #CF0;
	text-shadow: 1px 2px 3px #808080;
}

.qa p.midashi2 {
	display: inline-block;
	width:8em;
	font-size: 1.6rem;
	line-height: 1.2;
	text-align:center;
	padding: 3px 0 1px 0;
	border: 1px solid #999;
}

.qa a {
	text-decoration: none;
}

.float_l {
	float: left;
}


	 
/*詳細開閉*/

.qa .showbtn_top {
	background-image: url(../img/morebutton.png); background-repeat: no-repeat; background-position: left 5px; 
	display: block; 
	height: 30px; 
	width: 120px; 
	cursor: pointer; 
	margin-top: 20px;
	margin-left: 9em;
	margin-bottom:1em;
}

.qa .hidebtn_top { 
	background-image: url(../../img/morebutton.png); background-repeat: no-repeat; background-position: 0px -25px; 
}

.qa .hidebtn_top {
	background-position: 0px -25px;
}

.qa .showbtn {
	margin-left: 9em;
	background-position: left 2px;
}

.qa .hidebtn {
	background-position: 0px -28px;
}

.appeardata { display: none; clear:both;}

.tume2 { margin-top: 0; margin-bottom:0; }

/*授与品*/

.juyohin table {
	width: 98%;
	margin:0 auto;
}

.juyohin table,
.juyohin table tr,
.juyohin table td {
	border-collapse:collapse;
}

.juyohin table td {
	text-align: center;
	font-size: 1.4rem;
	padding-bottom: 20px;
	vertical-align:top;
}

table.third_width td {
	width: 33%;
}

table.fourth_width td {
	width:25%;
}

a.kakomi {
	display:inline-block;
	padding: 0 10px;
	margin: 0.5em 0 0.5em 1em;
	border: 1px solid #063;
}

a.kakomi:hover {
	background-color:#FF9;
}

.back a {
	display:block;
	width: 6em;
	text-align: center;
	border-radius: 30px;
	background-color: #FFC;
	border: 1px solid #093;
	margin: 0 auto;
}

.back a:hover {
	background-color: #093;
	color:#fff;
}

/* お問い合わせ枠 */

.toi_box {
	border: 3px solid #393;
	width: 95%;
	max-width: 600px;
	margin: 0 auto 50px auto;
	text-align:center;
	padding: 0 1em;
}

.toi_box p {
	display: inline-block;
	text-align:left;
}

.toi_box span.space2 {
	display:none;
}

.caution {
	width: 90%;
	border: 3px solid #c00;
	background-color: #FFFDE5;
	margin: 0 auto 3em auto;
	padding: 10px 20px;
}

.kokuchi {
	width: 90%;
	border: 3px solid #093;
	background-color: #FFFDE5;
	margin: 0 auto 3em auto;
	padding: 20px 20px;
	border-radius: 10px;
}

.kokuchi2 {
	width: 98%;
	border: none;
	background-color: #FFFDE5;
	margin: 0 auto 3em auto;
	padding: 10px 20px;
	border-radius: 10px;
}

.caution h2, .kokuchi h2 {
	display:block;
	border:none;
	text-align:left;
}

.kokuchi2 h2 {
	display:block;
	border:none;
	text-align:left;
	line-height: 1.4;
	margin-left: 1.3em;
	text-indent:-1.3em;
}

.kokuchi2 h2:before {
	content:'● ';
	color:#C60;
}

.kokuchi h2 { line-height: 1.6; margin-left: 1em; text-indent:-1em; }
.kokuchi h2 span {
	font-weight: normal;
	font-size: 1.4rem;
	color: #C00;
}

.pc_br {
display:inline;
}

.form_box table,
.form_box tr,
.form_box td {
	border-collapse: collapse;
}

.form_box table {
	margin-left: 1em;
}

.form_box td {
	padding: 16px;
	line-height: 1.4;
	border: 1px solid #999;
}

.form_box td:nth-child(2n-1) { background-color: #FFF7DE; }

.form_box td span {
	font-size: 1.2rem;
	color: #c00;
	margin-left: 10px;
}

.form_box input[type="submit"],
.form_box input[type="reset"]{
	border: 1px solid #666;
	padding: 10px 24px;
	border-radius: 10px;
	background-color: #efefef;
}

.form_box input[type="submit"]:hover,
.form_box input[type="reset"]:hover { background-color: #99CC00; }


.form_box input[type="reset"] {
	margin-left: 2em;
}

.submit_area {
	width: 600px;
	text-align:center;
	margin-top: 30px;
}

/*コラボ青系*/

.collabo h1 {
	position: relative;
	padding: 0.3em 0.6em 0.3em 1em;
	background: #A9C8F9;
	font-size: 2rem;
	color: #17448B;
	border-radius: 10px;
	margin-bottom:30px;
}

.collabo h1:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #A9C8F9;
	width: 0;
	height: 0;
}

/*リンクスタイル追加*/

.link_area h1 {
	position: relative;
	padding: 0.3em 1em;
	background: #C7F2AF;
	font-size: 2rem;
	color: #009933;
	border-radius: 10px;
	margin: 0 0;
}

.link_area h1 span {
	font-size: 1.6rem;
	color: #72AA4B;
	font-weight: normal;
	padding-left: 2em;
}

.link_area h1:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: none;
	width: 0;
	height: 0;
}
 
.link_area h1.showbtn {
	display:block;
	cursor: pointer; 
	margin-top: 20px;
}

.link_area ul {
	margin-left:1em;
	margin-right: 1em;
}

@media screen and (max-width:1200px){

#pagetop {
	left: auto;
	right:80px;
}

}

@media screen and (max-width:959px){

header,.footer_inner{ width: 100%; }

.setumei td {
	width: 50%;
}

.setumei td img {
	width: 100%;
}

nav ul { width: 100%; padding:0; }

#menumark{
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	left: 10px;
	height: 6px;
	width: 40px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 12px #fff, 0 24px #fff;
	-webkit-box-shadow: 0 12px #fff, 0 24px #fff;
	z-index:100;
}

#menumark span{
	display:block;
	text-indent:2.5em;
	font-size: 2rem;
	color:#fff;
	width:40px;
	height:40px;
	cursor:pointer;
}

#menu {
	display: none;
	position: absolute;
	top:50px;
	width: 100%;
	margin: 0;
	padding: 0;
	letter-spacing:normal; 
	z-index: 10;
	}

#menu li.m01,#menu li.m02,
#menu li.m03,#menu li.m04,
#menu li.m05,#menu li.m06 { 
	background-image:none;
	background-color: #FFF;
}

#menu li.select { 
	background-color: #FC3;
}

#menu li span {
	display:inline;
	margin-left: 1em;
}

#menu li img,
#menu li.select img {
	display:none;
}

#menu li {
	display: block;
	float:none;
	margin:0;
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #9F6F45;
	text-align:left;
	font-size: 1.8rem;
	line-height: 60px;
}

#menu li a {
	display: block;
	height: 100%;
	color: #663300;
}

#menu li a:hover { background-color: rgba(255,204,0,0.5); }

.header_inner,
.header_inner_top { width: 100%; padding: 10px;}

.syakyoback,.daikokuback,
.haikanback,.matchaback{ 
	width: 100%; background-size: cover;
}

.boshu_area {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.boshu_area img {
	width: 100%;
}

section.topics {
	margin:40px auto 50px auto;
	width: 98%;
}

/*h1,h2 {
	margin-left: 1.5em;
	margin-right: 1.5em;
}*/

p { 
	margin-left: 0;
	margin-right: 0;
}

.left {
	float: none;
	display: block;
	margin: 0 auto;
}

.bottom {
	margin-top: auto;
	margin-left: 1em;
}

table.shisetsu {
	box-sizing:border-box;
	margin-left: 0;
	width:810px;
	margin: 0 auto;
}

table.shisetsu tr {
	display: inline;
}

table.shisetsu td {
	display: inline-block;
	width: 400px;
	margin: 0;
	padding: 3px;
	font-size: 1.4rem;
	line-height: 1.4;
	vertical-align:top;
	text-align: center;
}

table.shisetsu td img {
	width: auto;
	padding-right: 10px
}

table.shisetsu td p {
	display: block;
	width: 300px;
	text-align: left;
	margin: 0.5em auto;
}

#pagetop {
	left: auto;
	right:14px;
}

.pc_br {
display:none;
}

table.fourth_width td img {
	width: 100%;
	min-width: 90px;
	height: auto;
}

}


/*@media screen and (max-width:860px){
nav ul li {
	font-size: 1.4rem;
}

}*/

@media screen and (max-width:850px){

.banner_space .bn_br { display: inline; }

.banner_space img { margin:3px 5px; }

}

@media screen and (max-width:799px){

.title_box {
	text-align:center;
}

p.head_catch{ 
	text-align: left;
	margin-left: 0;
}

.left_img { 
	position: relative;
}

.right_img {
	position: relative;
	float:right;
	right: 0;
}

table.shisetsu {
	width:100%;
}

table.shisetsu td {
	width: 48%;
}

table.shisetsu td img {
	width: 100%;
	padding-right: 10px;
}

table.shisetsu td p {
	width: 100%;
}

article {
	width: 100%;
}

section.sec_frame {
	margin: 0 0;
	padding: 2em 1em;
}

.sp_br {
	display: inline;
}

}

@media screen and (max-width:710px){

.lang {
	display: block;
	margin-bottom:1.5em;
}

.s_br {
	display: inline;
}

.footer_inner p.address{
	line-height: 2.5;
}

.star {
	text-align: left;
	margin-left: 1.25em;
	text-indent:-1.25em;
}


.toi_box span.space2 {
	display:inline;
}

nav ul li {
	height: 68px;
}

nav ul li a {
	vertical-align: middle;
}

.sec_frame div img {
	width: 98%;
	min-width: 440px;
}

.image_box {
	float:none;
	margin: 0 auto 50px auto;
}

.sec_frame div.image_box img {
	width: 100%;
	min-width: 100%;
	max-width: 400px;
}

.juyohin table td {
	display: block;
	text-align:center;
	width: 100%;
	margin:0 auto;
}

.juyohin table td img {
	width: auto;
	min-width: 90px;
	height: auto;
}


div.catch p {
	padding-top: 0;
}

.fl_l {
	float:none;
	clear:both;
	display:block;
}
.sec_frame div img.width25 {
	min-width:100px;
	width: 50%;
	margin: 0 auto 30px auto;
}

.sec_frame div.cap img {
	min-width:100px;
	width: 40%;
	margin: 0 auto;
}

.sec_frame div.cap img.nosmall {
	min-width:auto;
	width: auto;
}

.top2em {
	padding-top: 0;
}

}

@media screen and (max-width:620px){

.setumei td {
	display:inline-block;
	width: 100%;
}

.setumei td:first-child {
	text-align:center;
}

.setumei td img {
	width: 420px;
}

#pagetop {
	position: fixed;
	bottom: 90px;
}

.form_box table {
	width: 95%;
	min-width: 420px;
	margin:0 auto;
	border-bottom:1px solid #999;;
}

.form_box td {
	display: inline-block;
	width: 100%;
	border-bottom:none;
}

.submit_area {
	width: 100%;
}

.juyohin table td img.sp_short {
	width: 400px; 
	height:auto;
}

}

@media screen and (max-width:520px){

.nonpc {
	display: inline;
}

}

@media screen and (max-width:480px){

.title {
	font-size: 2.2rem;
	margin-bottom: 20px;
}

.title span {
	font-size: 1.6rem;
}

.setumei td img {
	width: 360px;
}

.banners img {
	width: 150px;
}

.shosai {
	margin-left: 1em;
}

.footer_inner p.copy {text-align: left;}

.footer_inner a {
	color: #fff;
	text-decoration:underline;
}

}