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

/*----------------- HTML 5 サポート#492b00 -----------------*/
header, section, footer, aside, nav, article, figure {
	display: block;
}
html, body {
	margin: 0;
	padding: 0;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
	text-indent: 0;
	font-size: 0.95em; /* size:M */
}
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;
	background: transparent;
	font-size: 100%;
	font-style: normal;
	text-indent: 0;
	list-style: none;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: normal;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}


/* エレメント */
ul, ol, dl, li {
	padding: 0;
	margin: 0;
}
#contents ol li {
	margin-left: 1.5em;
	list-style: decimal;
	padding-left: normal;
}
/* clearfix -------------*/
.cf {
	zoom: 1;
	overflow: hidden;
}
section:after, nav:after, .cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

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

/*　Googleカレンダー埋め込み  */

.g-calendar {
    text-align:center;
    }

.g-calendar iframe {
    width:100%;
    max-width:800px;
    height:400px;
    }

/*//  End Reset //////////////////////////////////////////////////////////////////////*/


@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/* Flexible Block Style  -----------------*/

h1 span, #top, #header-image #main-image, header nav ul, #contents > section > div, #footer-inner {
	display: block;
	position: relative;
	width: 85%;
	max-width: 1000px;
	margin: 0px auto;
}

/* Outer Block //////////////////////////////////////////////////////*/
/*------------------body---------------------*/
body {
	background: #ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*----------------- Header -----------------*/
header{
		background:#FFFFFF/*#FFF7FA*/;
}
#top {
	padding-top: 10px;
}
#top #logo {
	float: left;
	width: 50%;
	max-width: 400px;
}
#top #logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#top .top_banner {
	float: right;
	width: 35%;
}
.top_banner img{
   width: 100%;
   max-width: 400px;
   height: auto;
}
#header-image {
	background:#FFF7FA;
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00,#F8A0BF), color-stop(0.00, #FFF7FA));
background: -webkit-linear-gradient(#FFF7FA, #F8A0BF);
background: -moz-linear-gradient(#FFF7FA, #F8A0BF);
background: -o-linear-gradient(#FFF7FA, #F8A0BF);
background: -ms-linear-gradient(#FFF7FA, #F8A0BF);
background: linear-gradient(#FFF7FA, #F8A0BF);*/
background: #CBFFEE;
   /*background: url("../img/header_bg.png");*/
line-height: 0;
}
/*-------------- Navigation -----------------*/

header nav {
	width: 100%;
   background: #CBFFEE;
}
header nav li {
	float: left;
	/*width: 16.6666%;*/
	width: 24%;/*4等分*/
	/*width: 33.333%;*//*三等分*/
	background: #CBFFEE;
	background: url(../img/li_line.png) no-repeat right center;
}

header nav li:last-child{
	background:none;
}
header nav li a {
	display: block;
	width: 100%;
	/*max-width: 142px;*/
	max-width: 284px;
	height: 40px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #C632A5;
   text-align: center;
	/*text-indent: -9999px;*/
}
header nav li a span{
   display: block;
   color: #000055;
   font-size: 0.8em;
}
/*header .menu_01 a {
	background: url(../img/menu_01.png) no-repeat center center;
	background-size: 100% auto;
}
header .menu_02 a {
	background: url(../img/menu_02.png) no-repeat center center;
	background-size: 100% auto;
}
header .menu_03 a {
	background: url(../img/menu_03.png) no-repeat center center;
	background-size: 100% auto;
}
header .menu_04 a {
	background: url(../img/menu_04.png) no-repeat center center;
	background-size: 100% auto;
}*/
.disp-phone {
	display: none\9 !important /* IE8以下 */;
	background: none\9 !important /* IE8以下 */;
}
/*----------------- Contents -----------------*/

#contents {
	position: relative;
	height: auto;
	line-height: 1.5em;
	color: #4b4d54;
	overflow: hidden;
	background-image: url("../img/bg_contents.jpg")
}
#contents > section {
	padding-top: 2em;
	padding-bottom: 3em;
}
#contents > section > div > section {
	margin-bottom: 2.5em;
}
#contents > section > div > section:last-child{
   margin-bottom: 0;
}
#contents > section:first-child{
	background-image: #CBFFEE;
   /*background:rgba(254,247,249,0.8);*/
}
/*#contents > section:nth-child(3){
	background-image: url("../img/bg_profile.jpg")*/
   /*z-index: -100;
}*/
#contents > section:nth-child(5){
   background:rgba(254,247,249,0.8);
}
/*#profile{background-image: url("../img/bg_contents.jpg")}*/
/*#contents #profile{background-image: url("../img/bg_contents.jpg")}*/
/*----------------- Footer -----------------*/

footer {
	clear: both;
	padding: 0;
	padding: 16px 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 90%;
	color: #000055;
	background:#AFEEEE;
}
footer > div, footer > div > div {
	position: relative;
}
footer ul {
	padding-top: 10px;
	text-align: center;
}
footer ul li {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 0.5em;
	padding-right: 1em;
	font-size: 0.9em;
	border-right: 1px solid #fff;
}
footer ul li span{
   display: none;
}
.ie8 footer ul li {
	display: inline;
}
footer ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
footer div div {
	padding-top: 2em;
}
footer #copy {
	position: relative;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.3em;
}
footer #footer-logo a {
	display: block;
	max-width: 400px;
	margin: 1em auto;
}
footer #dd-ban a {
	display: block;
	max-width: 280px;
	margin: 1em auto;
}
footer a:link, footer a:visited {
	/*color: #ffffff;*/
	text-decoration: none;
}
footer a:hover, footer a:active, footer a:focus {
	color: #0c3035;
	text-decoration: none;
}

#sns img{
	width:50px;
	height:50px;
}

/* H1 - H4 Tag --------------------------*/

h1 {
	position: relative;
	width: 100%;
	line-height: 1em;
}
h1 span {
	padding: 2px 0;
	color:#00BB00;
	font-size: 0.8em;
	font-weight: normal;
}
h2, h3, h4, h5, h6, p {
	margin-top: 0;
}

.span2 {
   background-color: rgba( 204, 255, 204, 0.55 );
   color: #3aa5f2;
}

#contents h2{
	text-align:center;
	margin-bottom: 2em;
}
#contents h2 img{
	max-width:350px;
	height:auto;
}

#contents #intro h2 img{
	max-width:350px;
	height:auto;		
}

#mail h2{
	text-align:center;
	margin-bottom: 2em;
}
#mail h2 img{
	max-width:350px;
	height:auto;
}

#contents h3{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 2.5em;
   background: #B1FFEA;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 25px;
}
 
#contents h3:before {
    content: "";
    position: absolute;
    background: #fff;
    top: 50%;
    left: 0.5em;
    margin-top :-10px;
    height: 20px;
    width: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 1px 1px 1px #fff inset;
    -moz-box-shadow: 1px 1px 1px #fff inset;
    -webkit-box-shadow: 1px 1px 1px #fff inset;
    -o-box-shadow: 1px 1px 1px #fff inset;
    -ms-box-shadow: 1px 1px 1px #fff inset;
}

#contents h4{
	padding:0;
	padding-left:5px;
	margin-left:0.5em;
	margin-bottom:1em;
	line-height:1em;
	font-size:1.1em;
}
#contents h4:before{
   content: "■ ";
   color: #FFAE00;
}

#contents h5 {
    margin-bottom: 1em;
    padding: 5px 0 5px 10px;
    letter-spacing: 1px;
    font-size: 1.5em;
    font-weight: bold;
    font-family:"源瑛ラテミン", 'Noto Sans Japanese', sans-serif;
    font-weight: 300;
    letter-spacing: 3px;
    text-shadow: 1px 1px 1px #ffffff;
	/*text-shadow: #fff 2px 0px,  #fff -2px 0px,
 #fff 0px -2px, #fff 0px 2px,
 #fff 2px 2px , #fff -2px 2px,
 #fff 2px -2px, #fff -2px -2px,
 #fff 1px 2px,  #fff -1px 2px,
 #fff 1px -2px, #fff -1px -2px,
 #fff 2px 1px,  #fff -2px 1px,
 #fff 2px -1px, #fff -2px -1px;*/

    color: #020179;
    border-left: 5px solid #D329AE;
}

/* Link --------------------------*/

#contents a:link, #contents a:visited {
	color: #023f73;
	text-decoration: underline;
}
#contents a:hover, #contents a:active, #contents a:focus {
	text-decoration: none;
}
a img {
	border: none;
}
header a:hover, a:hover img, a:active img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/*-----------------　文字スタイル　-----------------*/


#bread strong {
	font-weight: normal;
	color: #000 !important;
}
.red {
	color: #FF0000;
}/*赤　文字*/
.blue {
	color: #3aa5f2;
}/*青　文字*/
.purple {
	color: #639;
}
.green {
	color: #00BB00;
}
.pink{
   color: #D32177;
}
.bold {
	font-weight: bold;
}/*太　文字*/
.ca1 {
	color: #730524
}/* コーポレートえんじ*/
.size-ss {
	font-size: 75%;
}/*75%　文字*/
.size-s {
	font-size: 80%;
}/*80%　文字*/
.size-m {
	font-size: 105%;
}/*90%　文字*/
.size-l {
	font-size: 120%;
}/*90%　文字*/
.size-ll {
	font-size: 150%;
}/*160%　文字*/
.anno-s {
	color: #FF0000;
	font-size: 80%
}
.anno-l {
	color: #FF0000;
	font-size: 120%;
	font-weight: bold;
}
.anno-ll {
	color: #FF0000;
	font-size: 150%;
	font-weight: bold;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.super {
	vertical-align: super;
}
/*-----------------　ブロック　-----------------*/
.w10 {
	width: 10%;
	height: auto;
}
.w15 {
	width: 15%;
	height: auto;
}

.w20 {
	width: 20%;
	height: auto;
}
.w25 {
	width: 25%;
	height: auto;
}
.w30 {
	width: 30%;
	height: auto;
}
.w35 {
	width: 35%;
	height: auto;
}
.w40 {
	width: 40%;
	height: auto;
}
.w45 {
	width: 45%;
	height: auto;
}
.w50 {
	width: 50%;
	height: auto;
}
.w70 {
	width: 70%;
	height: auto;
}

.w80 {
	width: 80%;
	height: auto;
}
/*画像*/

.w150 img{
	max-width:150px;
	height: auto;
}

.w250 img{
	max-width:250px;
	height: auto;
}
.w300  img{
	max-width:300px;
	height: auto;
}
.w380 img{
	max-width:380px;
	height: auto;
}
.w480 img{
	max-width:480px;
	height: auto;
}

.w500 img{
	max-width:500px;
	height: auto;
}
.w530 img{
	max-width:530px;
	height: auto;
}
.w540 img{
	max-width:540px;
	height: auto;
}

.w600 img{
	max-width:600px;
	height: auto;
}
.w620 img{
	max-width:620px;
	height: auto;
}

.w650 img{
	max-width:650px;
	height: auto;
}
.w900 img{
	max-width:900px;
	height: auto;
}

/*-----------------　レイアウト　-----------------*/

.ind1 {
	text-indent: -1em;
	margin-left: 1em;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.posR {
	float: right;
}
.posL {
	float: left;
}
.imgR {
	display: block;
	float: right;
	margin: 0 0 12px 20px;
}
.imgL {
	float: left;
	margin: 0 20px 12px 0;
}
.in_block{
   display: inline-block;
}


#contents p{
	margin-bottom:1em;
	padding-left:15px;
	padding-right:15px;
}
.mL15{margin-left:-15px;
}

.mB20{
   margin-bottom: 20px !important;
}
.mB40{
   margin-bottom: 40px !important;
}
.waku{
   background: #FFFDE6;
   border-radius: 10px;
   box-sizing: border-box;
   padding: 10px;
}

.box1 {
    padding: 2em 0.5em 1em 0.5em;
    margin: 2em 0;
    color: #020179;
    background: #FFFFFF;/*背景色*/
}
.box1 p {
    margin: 0; 
    padding: 0;
}

.box10 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #3300FF;
    /*color: #00BCD4;*/
    background: #e4fcff;/*背景色*/
    border-top: solid 6px #3300FF;
    /*border-top: solid 6px #1dc1d6;*/
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.box10 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 35px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #FF0000;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

.box7{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #4ec4d3;/*左線*/
    border-right: double 7px #4ec4d3;/*右線*/
}
.box7 p {
    margin: 0; 
    padding: 0;
}


/*-----------------　snn　-----------------*/
.timeline p {
  max-width: 30%;
  border: 1px solid #333;
  padding: 10px;
	/*height: 400px;*/
}

.grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.item {
  border-radius: 10px;
border: solid 1px #CFCCCC;
  /*background: #edf;*/
  /*padding: 15px;*/
  text-align: center;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  text-align: center;
}

/*-----------------　ul ol dlスタイル　-----------------*/

#contents ul, #contents ol, #contents dl {
	margin-bottom: 1.5em;
}
#contents dl {
 	padding-left:15px;
	padding-right:15px;  
}
#contents li {
	margin-bottom: 1em;
}
#contents .dl-table dd {
	margin-top: -1.6em;
	margin-bottom: 0.5em;
	padding-left: 6em;
	border-bottom: 1px dotted #636363;
}
.list{
   margin-left:15px;
	margin-right:15px;  
}
.list li {
	padding-left: 30px;
	background:url("../img/list.png") no-repeat left top;
	border-bottom: 1px dashed #cccccc;
}


/*----------------------------------------------------------------------------------*/
.intro{
   margin-top: 10px;
   margin-bottom: 40px;
}
.intro p{
   line-height: 1.8em;
}
/* お知らせ　
//////////////////////////////////////////////////////////////////*/
/*#news{background-image: url("../img/bg_news.jpg")}*/

#news h2 {
	background: none;
	padding-left: 1em;
	color: #ffb400;
}
#news dl{
	background:#fff;
	padding:1em;
}
#news dt {
}
#news dd {
	margin-bottom: 10px;
	border-bottom: 1px dotted #bebebe;
}

/* 会社案内
//////////////////////////////////////////////////////////////////*/

/*#menu{background-image: url("../img/bg_menu.jpg")}*/


#menu table{
   width: 90%;
   box-sizing: border-box;
   margin: 0 auto;
}
#menu th{
   background: #FEEFF4;
   border: 1px solid #ccc;
   padding: 10px;
   vertical-align: middle;
}
#menu td{
   border: 1px solid #ccc;
   padding: 10px;
}
#menu dl{
   width: 90%;
   margin: 0 auto;
}
#menu dt{
   font-weight: bold;
}
#menu dd{
   padding-left: 5em;
   margin-top: -1.5em;
   margin-bottom: 1em;
   border-bottom: 1px dotted #F48FB1;
}

/* 店舗情報
//////////////////////////////////////////////////////////////////*/
#contents #profile > div {
   z-index: 1;
}
#contents #profile > div > section{
  background-color: #fff;
  margin: 30px;
  padding-top: 30px;
   padding-bottom: 10px;
}
#contents #profile h3 {
  background-color: #B1FFEA/*#f48fb1*/;
  margin: 0 -15px;
  padding: 15px;
  position: relative;
   border-radius: 0;
   color: #fff;
}
#contents #profile h3::before,
#contents #profile h3::after {
  border: 15px solid transparent;
  border-top-color: #f06292;
  content: '';
  position: absolute;
  top: 100%;
  z-index: -1;
   background:#9F9;
}
#contents #profile h3::before {
  left: 0;
   margin-top: 0;
   border-radius: 0;
}
#contents #profile h3::after {
  right: 0;
}

#contents #profile > div > section > div{
   margin: 20px;
}


/* 経歴
//////////////////////////////////////////////////////////////////*/


#profile table{
   width: 50%;
   box-sizing: border-box;
   float: left;
}
#profile th{
   background: #FEEFF4;
   border: 1px solid #ccc;
   padding: 10px;
   vertical-align: middle;
}
#profile td{
   border: 1px solid #ccc;
   padding: 10px;
}
#profile #mail .map{
   width: 47%;
   float: right;
}

#profile dt{
  float: left;
}

#profile dd{
  margin-left: 90px;
}
#profile dl { line-height: 200%; }

.map > div  { position: relative; padding-bottom:80%; height: 0; overflow: hidden; max-width: 100%; } .map > div iframe, .map > div object, .map > div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* スタッフ紹介
//////////////////////////////////////////////////////////////////*/
#contents #staff > div > section{
  background-color:#FEF2F6;
  margin: 30px;
  padding-top: 30px;
   padding-bottom: 10px;
}
#contents #staff h3  {
  background-color: #B1FFEA;
  margin: 0 15px 0 -15px;
  padding: 15px;
  position: relative;
  max-width: 640px;
  border-radius: 0;
}
#contents #staff h3::before {
  border: 15px solid transparent;
  border-top-color: #f06292;
  content: '';
  left: 0;
  position: absolute;
  top: 100%;
  z-index: -1;
   border-radius: 0;
    margin-top: 0;
}
#contents #staff h3::after {
  border-color: transparent #FEF2F6 transparent transparent;
  border-style: solid;
  border-width: 40px 25px 40px 0px;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
   border-radius: 0;
    margin-top: 0;
}

#contents #staff dl{
   margin: 20px !important;
}

#contents #staff dt{
   font-weight: bold;
   color: #00BB00;
}
#contents #staff dd{
   padding-left: 5em;
   margin-top: -1.5em;
   margin-bottom: 1em;
}

/* 信念
//////////////////////////////////////////////////////////////////*/
#contents #belief p{
   line-height: 1.8em;
}
#contents #belief dt{
   font-size: 1.1em;
   font-weight: bold;
   margin-bottom: 0.6em;
   color: #F56F14;
}
#contents #belief dd{
   margin-bottom: 0.6em;
   margin-left: 1em;
}

/* スマホアプリ
//////////////////////////////////////////////////////////////////*/
.flow{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
.flow li{
   background: #FFFDE6;
   border-radius: 10px;
   padding: 10px;
}
.flow li:before {
  counter-increment: item;
  content: counter(item) ". ";
     /* 以下は自由に装飾... */
  padding-right: .2em;
  font-weight: bold;
  color:#00BB00;
font-size: 1.4em;
}
   .youtube{
      margin-bottom: 20px;
   }
.movie dd { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .movie dd iframe, .movie dd object, .movie dd embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#app_banner li{
   width: 48%;
   float: left;
}
#app_banner li:nth-child(2){
   float: right;
}
#app_banner li a{
   display: block;
   width: 100%;
}
#app_banner li img{
   width: 100%;
   height: auto;
   max-width: 380px;
}
.button {  
   background: #00BB00;
   border-radius: 3px;
   display:inline-block;
   padding: 5px;
 color: #fff !important;
margin-left: 20px;
box-shadow: 1px 1px 1px #ccc }
.button a{
   text-decoration: none !important;
   color: #fff !important;
   width: 100%;
}
.button:hover{
   background: #FDD9E5;
   color:#00BB00 !important;
}
.button a:hover{   color:#00BB00 !important;}
   #blog_rss{
      overflow-y: scroll;
      border: 1px solid #ccc;
      padding-top: 1em;
   }
#blog_rss dt{
   color: #00BB00;
   font-weight: bold;
}
#blog_rss dd{
   border-bottom: 1px dotted #EB7297;
   margin-bottom: 1em;
}
/*############################################################################################*/

/*--------パターン色変更部分----------------*/
#pageTop {
	position: fixed;
	bottom: 14px;
	right: 10px;
	opacity: 0.8;
   z-index: 2000;
}
/*----------------------------------------*/



/*############################################################################################*/
/* スマホ～タブレット向け指定：～768px */

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

body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
   header nav li:nth-child(1),  header nav li:nth-child(2),header nav li:nth-child(3) {
	border-bottom: 1px solid #c9c9c9;
}
#news dt {
	padding: 0 0 0 1em;
}
#news dd {
	padding: 0px 5px 0px 1em;
}
 #profile table,#profile .map{
   width: 100%;
   float:none;
}
   #profile table{
      margin-bottom: 20px;
   }
      #blog_rss{
      height:300px;
   }
}



/*############################################################################################*/
/* スマホ向け指定：～479px */

@media only screen and (max-width: 479px) {
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 {
	font-size: 99%;
}
.disp-desktop,.hidden-phone, .disp-tablet, .disp-pc {
	display: none;
}
/* Flexible Block Style  -----------------*/
	
#header-image #main-image,  header nav ul {
	width: 100%;
	max-width: auto;
}
h1 span,  #top,  #contents > section > div,  #footer-inner {
	width: 94%;
	max-width: 1000px;
}
h1 {
	display: none;
}

.w30 {
	width: 30%;
	height: auto;
}

#contents #menu dl {
 	padding-left:0;
	padding-right:0;  
}
#top{
	padding-bottom:10px;
}
#top #logo {
   float: left;
	width: 60%;
   margin: 0 auto;
   margin-bottom: 5px;
}
#top .top_banner{
  float: none;
  width: 50%;
   margin: 0 auto;
   }
   header nav li {
	/*width: 33.3333%;*//*三等分*/
	width: 24%;/*2等分*/
}
header nav li:nth-child(1) {
	background: url(../img/li_line.png) no-repeat right center;
}
   header nav li:nth-child(4){
      background: none;
   }
header nav li a {
	display: block;
	width: 100%;
	/*max-width: 138px;*/
	/*max-width: 142px;*/
	max-width: 284px;
	height: 40px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #083691;
   text-align: center;
	/*text-indent: -9999px;*/
}

.phone_button {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
}
.phone_button a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/phone_button.png) no-repeat;
}
#contents h2{
	padding:0;
	margin:0;
}
#contents h2 img{
	max-width:350/*260*/px;
	height:auto;		
}
#contents h4{
	padding-left:0;
	margin-left:0;
}
   
#news dl{
		height:150px;
		overflow:scroll;
}

#pageTop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	opacity: 0.9;
}
#pageTop img {
	width: 50px;
	height: 50px;
}
#menu dd{
   padding-left: 0;
   margin-top:0;
}
#contents #profile > div > section{
   margin: 10px 10px 30px 10px;
   }
#contents #staff > div > section{
   margin: 10px 10px 30px 10px;
   }
#contents #staff dt{
   border-bottom: 2px dotted #00BB00;
   margin-bottom: 0.7em;
}
#contents #staff dd{
   padding-left:0;
   margin-top: 0;
}
#contents #belief dl{
      padding-left: 20px;
      padding-right: 20px;
   }
#contents #belief dd{
      margin-left: 0;
   }
#app_banner li{
   width: 100%;
   float:none;
   text-align: center;
}
#app_banner li:nth-child(2){
   float: none;
}

.g-calendar iframe {
    height:600px;
    }
        

}



/*############################################################################################*/
/* タブレット向け指定：480px～768px */

@media only screen and (min-width: 480px) and (max-width: 906px) {
.disp-desktop,.hidden-tablet, .disp-phone, .disp-pc {
	display: none;
}
/* Flexible Block Style  -----------------*/
	
#header-image #main-image,  header nav ul {
	width: 100%;
	max-width: auto;
}
h1 span,  #top,  #contents > section > div,  #footer-inner {
	width: 96%;
	max-width: 1000px;
}
#top #logo {
	width: 60%;
}
   header nav li {
	width: 33.3333%;
}
header nav li:nth-child(1) {
	background: url(../img/li_line.png) no-repeat right center;
}
header nav li:nth-child(3),header nav li:last-child {
	background: none;
}

#news dl{
		height:300px;
		overflow:scroll;
}
.page_top{
	text-align:right;

}
.page_top img{
	max-width:93px;
	height:auto;

}
.g-calendar iframe {
    height:600px;
    }
        


}



/*############################################################################################*/
/* PC向け：907px～ */

@media only screen and (min-width: 907px) {
	.disp-phone, .disp-tablet, .hidden-desktop {
		display: none;
	}
	.page_top{
		text-align:right;
	}
	.page_top img{
		max-width:93px;
		height:auto;
	}
	#news dl{
		height:200px;
		overflow:scroll;
	}
   .youtube dl{
      width: 45%;
      float: left;
   }
   .youtube dl:nth-child(2){
      float: right;
   }
   .facebook{
      width: 45%;
      float: left;
   }
   .facebook > div.fb-page{
      width: 100%;
      max-width: 495px !important;
   }
   .blog{
      width: 45%;
      float: right;
   }
   #blog_rss{
      height: 450px;
   }
}


/*############################################################################################33*/
/* 印刷向けレイアウトの指定 */

@media only print {
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 {
	font-size: 97%;
}
.disp-phone, .disp-tablet, .hidden-desktop {
	display: none;
}
/*h1 span,  #header-image #main-image,  #contents {
	width: 950px;
}*/
#contents {
	margin:0 auto;
	height: auto;
	line-height: 1.5em;
}
header nav ul {
	width: 100%;
	max-width: 1000px;
}
	.disp-phone, .disp-tablet, .hidden-desktop {
		display: none;
	}

	.page_top{
		position:absolute;
		bottom:0;
		right:0;
	}
	.page_top img{
		max-width:93px;
		height:auto;
	}
	#gmap{
		max-width:950px;
		margin:0 auto;
	}
}