@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

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

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

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/*************   共通設定   *************/
img{
	border: none;
	vertical-align: bottom;
	max-width: 100%;
}
.clear{
	clear: both;
	display: block;
}
.right{
	float: right;
}
.right_img{
	float: right;
	margin: 0 0 0 15px;
}
.right_sp{
	float: right;
}
.right_img_sp{
	float: right;
	margin: 0 0 0 15px;
}
.left{
	float: left;
}
.left_img{
	float: left;
	margin: 0 15px 0 0;
}
.left_sp{
	float: left;
}
.left_img_sp{
	float: left;
	margin: 0 15px 0 0;
}
.center{
	text-align: center;
}
.normal{
	font-weight: normal;
}
.bold{
	font-weight: bold;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb25{
	margin-bottom: 25px;
}
.mb30{
	margin-bottom: 30px;
}
.mb35{
	margin-bottom: 35px;
}
.mb40{
	margin-bottom: 40px;
}
.mb45{
	margin-bottom: 45px;
}
.mb50{
	margin-bottom: 50px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt25{
	margin-top: 25px;
}
.mt30{
	margin-top: 30px;
}
.mt35{
	margin-top: 35px;
}
.mt40{
	margin-top: 40px;
}
.mt45{
	margin-top: 45px;
}
.mt50{
	margin-top: 50px;
}
.ml5{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml20{
	margin-left: 20px;
}
.ml25{
	margin-left: 25px;
}
.ml30{
	margin-left: 30px;
}
.ml35{
	margin-left: 35px;
}
.ml40{
	margin-left: 40px;
}
.ml45{
	margin-left: 45px;
}
.ml50{
	margin-left: 50px;
}
.mr5{
	margin-right: 5px;
}
.mr10{
	margin-right: 10px;
}
.mr15{
	margin-right: 15px;
}
.mr20{
	margin-right: 20px;
}
.mr25{
	margin-right: 25px;
}
.mr30{
	margin-right: 30px;
}
.mr35{
	margin-right: 35px;
}
.mr40{
	margin-right: 40px;
}
.mr45{
	margin-right: 45px;
}
.mr50{
	margin-right: 50px;
}
.font8{
	font-size: 8px;
}
.font10{
	font-size: 10px;
}
.font12{
	font-size: 12px;
}
.font14{
	font-size: 14px;
}
.font16{
	font-size: 16px;
}
.font18{
	font-size: 18px;
}
.font20{
	font-size: 20px;
}
.font22{
	font-size: 22px;
}
.font24{
	font-size: 24px;
}
.font26{
	font-size: 26px;
}
.font28{
	font-size: 28px;
}
.font30{
	font-size: 30px;
}
.font40{
	font-size: 40px;
}
.font50{
	font-size: 50px;
}
.caution{
	color: #F00;
}
.black01{
	color: #000;
}
.orange01{
	color: #F90;
}
.orange02{
	color: #F60;
}
.gray01{
	color: #CCC;
}
.gray02{
	color: #999;
}
.gray03{
	color: #666;
}
.gray04{
	color: #333;
}
.red01{
	color: #FF0004;
}

.mainvisual{
	position: relative;
}
.mainvisual h1{
	text-align: center;
	font-size: 40px;
	padding: 4% 0 0 0;
	color: #ef7e00;
	position: absolute;
	z-index: 10;
	width: 100%;
	text-shadow: 1px 1px 2px #fff;
}

.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.marugo{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

/****************************ボタン設定****************************/
.btn01 {
	position: relative;
	background-color: #1abc9c;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #0e8c73;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.btn01:hover {
	background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
}
.btn01:active {
	top: 3px;
	box-shadow: none;
}

/*************   リンク設定   *************/
a:link,a:visited{
	color: #000;
	text-decoration:none;
}
a:hover,a:active{
	color: #000;
	text-decoration:none;
}
a.style01:link,a.style01:visited{
	color: #000;
	text-decoration:underline;
}
a.style01:hover,a.style01:active{
	color: #000;
	text-decoration:none;
}
a.style02{
	color: #000;
	text-decoration:none;
}
a.style02:hover{
	color: #000;
	text-decoration:underline;
}

a.hover:hover img {
        filter: alpha(opacity=80);
        -moz-opacity:0.80;
        opacity:0.80;
    }

.show_sp{
	display: none !important;
}
.show_sp02{
	display: none !important;
}


/****************************段落設定****************************/
h1{
	margin: 0;
	padding: 0;
}

h2{
	margin: 0;
	padding: 0;
}

h3{
	margin: 0;
	padding: 0;
}

/**************************** body ****************************/
body{
	font-size: 1.0em;
	line-height: 1.5;
	color: #444;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 /*min-width:1280px;*/
}

/**************************** container ****************************/
#container{
	margin: 0;
	padding: 0;
}

#main{
	margin: 0 auto;
	padding: 40px 0 15px 0;
	/*width: 960px;*/
}

#main_left{
	margin: 0;
	padding: 0 0 0 10px;
	width: 740px;
	float: left;
}
#main_right{
	margin: 0;
	padding: 0;
	width: 200px;
	float: right;
}

.pagetop{
	margin: 0;
	padding: 40px 0 0 0;
	text-align: right;
}
/**************************** header ****************************/
header{
	margin: 0;
	padding: 0;
}

#headerbox{
	margin: 0;
	position: relative;
	background-color: #00a0e9;
	text-align: center;
	padding: 28px 15px;
	margin-bottom: 7px;
}
#headerbox img.pic01{
	width: 540px;
}
#headerbox img.pic02{
	width: 300px;
	position: absolute;
	bottom: 10px;
	right: 20px;
}

/**************************** footer ****************************/
footer{
	margin: 0;
	padding: 0;	
}

#footerbox{
	margin: 0;
	padding: 0;
	background: URL(../img/logo_m02.png) 20px bottom #00a0e9 no-repeat;
	background-size: 400px auto;
}
#footerbox_in{
	margin: 0 auto;
	padding: 55px 40px;
	width: 100%;
}
.footer_map_box {
	position: relative;
	height: 450px;
	overflow: hidden;
}
.footer_map{

	width: 100%;

}
.footer_map2{
	position: absolute;
	z-index: 99;
	top:15px;
	right: 15px;
	max-width: 500px;
}
.footer_map iframe{
	width: 100%;
	height: 450px;
}
.footer_map2 img {
	background: rgba(255,255,255,.85);
	padding: 7%;
}
.footer_link{
	float: left;
	width: 54%;
	padding: 0 1% 0 0;
}
.footer_link p{
	margin-bottom: 30px;
}
.footer_link a{
	font-size: 19px;
	color: #FFF;
	display: inline-block;
	width: 160px;
}
.footer_link a.now {
color: #fff100;
}

.footer_link a.text_pre{
	white-space: pre;
}
.footer_link a:hover{
	color: #CCC;
}

.footer_info{
	float: right;
	width: 45%;
	border-left: 1px solid #FFF;
	padding: 0 0 0 30px;
}
.footer_info .text01{
	color: #fff100;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer_info img{
	width: 500px;
	margin-bottom: 20px;
}
.footer_info .text02{
	color: #FFF;
	font-size: 22px;
	margin-bottom: 10px;
}
.footer_info .text03{
	color: #FFF;
	font-size: 46px;
	font-weight: bold;
}
.footer_info .text03 a {
	color: #fff;
}

#pagetop{
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 30px;
	right: 20px;
	display: none;
	z-index: 9999;
}

/**************************** section ****************************/
section{
	margin: 0;
	padding: 0;
}

article{
	margin: 0;
	padding: 0;
}

/**************************** nav ****************************/
nav{
	margin: 0;
	padding: 0;
}

#gnav{
	padding: 20px 0;
	text-align: center;
	background: #00a0e9;
	margin-bottom: 15px;
}
.gnav_low{
	margin-bottom: 0 !important;
}

#gnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#gnav ul li{
	margin: 0 20px;
	padding: 0;
	display: inline-block;
}

#gnav ul a{
	color: #FFF;
	font-size: 22px;
	line-height: 1.5;
	display: inline-block;
	position: relative;
}

#gnav li a:hover::after,
#gnav li.now a::after {
    width: 100%;
}
#gnav ul a:hover,
#gnav ul li.now a {
	color: #fff100;

}
#gnav li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    width: 0;
    height: 1px;
    background: #fff100;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
}


/****************************ul li設定****************************/
	
ul.list_style01{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}
ul.list_style01 li{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

/****************************table設定****************************/
table.table_style01{
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table.table_style01 th{
	margin: 0;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
}
table.table_style01 td{
	margin: 0;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
}

table.table_inquiry{
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table.table_inquiry th{
	margin: 0;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	border: 1px dotted #CCCCCC;
}
table.table_inquiry td{
	margin: 0;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	border: 1px dotted #CCCCCC;
}
table.table_inquiry td.btn{
	margin: 0;
	padding: 20px;
	text-align: center;
	vertical-align: top;
	border: none;
}

/**************************** form設定 IE_CSS3 ****************************/
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

input[type="text"] ,input[type="email"] ,textarea {
	padding: 5px;
	font-size:22px;
	border:1px solid #CCC;
	border-radius: 3px;
	width: 100%;
}

textarea {
	width: 100%;
	font-size:22px;
	padding: 5px;
}

.w100{
	width: 100%;
}

input[type="submit"]{
	border: none;
	background-color: #00a0e9;
	width: 250px;
	padding: 15px 0;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	font-weight: normal;
	font-size: 27px;
	border-radius: 6px;
	margin: 0 10px 10px;
}
input[type="submit"].back{
	background-color: #666;
}
input[type="submit"]:hover{
	opacity: 0.8;
}



/****************************canvas設定****************************/
div#stage{
    width:500px;
    height:500px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-250px;
    margin-top:-250px;
    background:#000;
}

/**************************** sp header ****************************/
#spmenubtn{
	margin: 0;
	padding:0;
	cursor: pointer;
	top: 0;
	right: 0;
	position: absolute;
	display: none;
}
 
#overlay{
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 100;
	background: rgba(0,160,233,0.95);
	/*overflow-y: auto;*/
}
 
#text{
	font-size: 40px;
	color: #eee;
	padding-top: 400px;
	vertical-align: middle;
	font-weight: bold;
}
 
#spmenubtnclose{
	margin: 0;
	padding: 0;
	cursor: pointer;
	top: 0;
	right: 0;
	position: absolute;
	color: #FFF;
}

ul.spmenu{
	margin: 0;
	padding: 65px 0 0 0;
	list-style: none;	
}
ul.spmenu li{
	margin: 0;
	padding: 0;
}
ul.spmenu li.midashi{
	margin: 0;
	padding: 5px 0 5px 15px;
	background-color: #FFF;
	color: #000;
	text-align: left;
	font-weight: bold;
}
ul.spmenu li a{
	margin: 0;
	padding: 10px 0 10px 15px;
	display: block;
	text-align: left;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	background: url(../img/arrow01.png) 95% 50% no-repeat;
	background-size: 8px auto;
	border-bottom: 1px dashed #FFFFFF;
	font-weight: bold;
}
ul.spmenu li.second a{
	padding: 7px 0 7px 29px;
}
ul.spmenu li a.first{
	border-top: 1px dashed #FFFFFF;
}
ul.spmenu li.child a{
	padding: 10px 0 10px 25px;
}
ul.spmenu li.child a:before{
	content:"・";
}

/********* ハンバーガーメニュー設定 *********/
.menu{
	/*width: 100%;
	position: absolute;
	right: 6px;*/
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	
}
.menu-trigger {
	margin-right: 0;	
	display: none;
	position: absolute;
	right:15px;
	top: 15px;
	z-index: 9999999;
	width: 35px;
	height: 20px;
}
.menu-trigger em {
    font-size: 10px;
    left: 2px;
	bottom: -20px;
    position: absolute;
    text-decoration: none;
	font-style: normal;
	/*font-family: 'GenJyuuGothic03';*/
	color: #00a0e9;
}
#menu_low .menu-trigger em {
	color: #FFF;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #00a0e9;
	border-radius: 4px;
}
#menu_low .menu-trigger span {
	background-color: #FFF;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 8px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
.menu-trigger.active em {
	color: #FFF;
}
.menu-trigger.active span{
	background-color: #FFF;
}

.menu-trigger.active{
	position: fixed;
}



/********* ページナビ *********/
.pagenav{
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

.pagenav a.page-numbers{
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
	background: rgba(255, 255, 255, 0.6);
}

.pagenav a.next, .pagenav a.prev{
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	border: none;
	background: none;
}

.pagenav a.page-numbers:hover, .pagenav a.page-numbers:active{
	background: rgba(0, 0, 0, 0.1);
}

.navigation {
    border-top: 1px dotted #ccc;
    margin:0 0 0 0;
    padding:20px 0 60px 0;
    font-size:1em;
}

.navigation a{
	color: #000;
	text-decoration: none;
}

.navigation a:hover{
	color: #000;
	text-decoration: underline;
}

.navigation .previous {
    float: left;
    width: 47%;
}
.navigation .next {
    float: right;
    width: 47%;
    text-align:right;
}

/********* 共通 *********/
h1.h1_low{
	margin: 0 auto 70px;
	font-size: 34px;
	border-bottom: 1px solid #00a0e9;
	width: 90%;
	max-width: 1180px;
	color: #00a0e9;
	text-align: center;
	letter-spacing: 0.3em;
	font-weight: normal;
}

h2.h2_style01{
	color: #00a0e9;
	text-align: center;
	font-size: 55px;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 100%;
}
h2.h2_style01 span{
	display: block;
	font-size: 25px;
}

h2.h2_style02 {
	height: 495px;
	text-align: center;
	padding: 200px 0 0 0;

}
h2.h2_style02  a {
	color: #00a0e9;
	font-size: 47px;
	letter-spacing: 0.3em;
	text-shadow: 0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,
	0px 0px 10px #FFF,0px 0px 15px #FFF,0px 0px 15px #FFF,0px 0px 15px #FFF,0px 0px 15px #FFF;
	padding: 5px 15px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
h2.h2_style02  a:hover {
	color :#ffab00;
}
h2.h2_style02.bg01{
	background: url(../img/top_bg01.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
h2.h2_style02.bg02{
	background: url(../img/top_bg02.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

h2.h2_style03{
	color: #00a0e9;
	font-size: 44px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
}

.mainvisual_low{
	margin-bottom: 75px;
}
.mainvisual_low_con{
	margin-bottom: 0;
}
.mainvisual_low img{
	width: 100%;
}


/********* トップページ *********/
.topbox01{
	background-color: #00a0e9;
	text-align: center;
	position: relative;
	padding: 0 0;
	height: 300px;
}
.topbox01 img.pic01{
	position: absolute;
	left: 0;
	top: -40px;
	left: -300px;
	z-index: -1;
}
.topbox01 img.pic02{
	position: absolute;
	left: 0;
	top: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 830px;
	max-width: 98%;
}

.topbox02{
	padding: 70px 0;
	margin: 0 auto;
	width: 710px;
}
.topbox02 table{
	width: 100%;
	border-top: 1px dotted #333;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.topbox02 table tr{
	border-bottom: 1px dotted #333;
}
.topbox02 table th{
	width: 200px;
	padding: 10px 0 10px 60px;
	text-align: left;
	font-size: 21px;
	font-weight: normal;
	color: #890020;
}
.topbox02 table td{
	padding: 10px 0 10px;
	text-align: left;
	font-size: 19px;
	font-weight: normal;
}
.topbox02 .link{
	text-align: center;
}
.topbox02 .link a{
	font-size: 21px;
}
.topbox02 .link a:hover{
	text-decoration: underline;
}

.topbox03{
	padding: 50px 0 ;
	margin: 0 auto;
	width: 800px;
}
.topbox03 table{
	width: 100%;
	border-top: 1px solid #333;
	border-collapse: collapse;
	margin-bottom: 5px;
}
.topbox03 table caption{
	text-align: center;
	color: #00a0e9;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
.topbox03 table tr{
	border-bottom: 1px solid #CCC;
}
.topbox03 table tr:last-child{
	border-bottom: 1px solid #333;
}
.topbox03 table th{
	padding: 10px 17px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	border-left: 1px solid #CCC;
}
.topbox03 table tr th:first-child{
	border-left: none;
}
.topbox03 table th.tr{
	text-align: right;
}
.topbox03 table td{
	padding: 10px 20px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	border-left: 1px solid #CCC;
}
.topbox03 p{
	text-align: right;
	font-size: 20px;
}

.topbox04{
	padding: 80px 0;
	margin: 0 auto;
	width: 490px;
	text-align: center;
}
.topbox04 h3{
	border-bottom: 1px solid #333;
	padding: 20px 0 10px;
	font-size: 28px;
	margin-bottom: 20px;
	letter-spacing: 0.3em;
}
.topbox04 p{
	font-size: 21px;
	letter-spacing: 0.4em;
}
.topbox04 p span{
	font-size: 15px;
	letter-spacing: 0.1sem;
}
.topbox04 p rt{
	text-align: center;
	margin-bottom: 3px;
}

.acc_box01{
	text-align: center;
	margin-bottom: 90px;
}
.acc_box01 .text01{
	font-size: 22px;
	margin-bottom: 10px;
}
.acc_box01 .text02{
	font-size: 28px;
	color: #00a0e9;
	margin-bottom: 10px;
}
.acc_box01 .imgbox01{
	margin-bottom: 30px;
	float: none;
}

.acc_box02{
	width: 800px;
	margin: 0 auto 90px;
}
.acc_box02 .text01{
	text-align: center;
	margin-bottom: 10px;
}
.acc_box02 .text01 p{
	font-size: 24px;
	display: inline-block;
	text-align: left;
	line-height: 180%;
}
.acc_box02 .mapbox01{
	width: 100%;
 border: 2px solid #00a0e9;
}
.acc_box02 .mapbox01 iframe{
	width: 100%;
	height: 100%;
}

.acc_box03{
	padding: 0 0 90px 0;
}

.acc_box04{
	width: 100%;
	margin: 0 auto 90px;
	margin-bottom: 10px;
	display: inline-block;
	text-align: center;
}

.acc_box04 li{
	display: inline-block;
	color: #FFF;
	background-color: #00a0e9;
}

.access li{
	width: 250px;
	display: inline-block;
	color: #FFF;
	background-color: #00a0e9;
	padding: 0.5em 1em;
    margin: 2em 0;
	font-size: 21px;
    font-weight: bold;
}

.access li{
	display: inline-block;
	
	
}

.con_box00{
	background: url(../img/con_img04.png) right top no-repeat;
}

.con_box00{
	padding: 75px 0 0 0;
}

.con_box01{
	text-align: center;
	margin-bottom: 20px;
}
.con_box01 h2{
	font-size: 28px;
	margin-bottom: 20px;
}
.con_box01 .text01{
	font-size: 52px;
	color: #00a0e9;
	font-weight: bold;
	margin-bottom: 80px;
}
.con_box01 .text02{
	font-size: 20px;
}
.con_box02{
	/*width: 1050px;*/
	max-width: 980px;
	width: 97%;
	margin: 0 auto 85px;
}
.con_box02 table{
	width: 100%;
	border-top: 1px solid #333;
	border-collapse: collapse;
	margin-bottom: 50px;
}
.con_box02 table tr{
	border-bottom: 1px solid #333;
}
.con_box02 table th{
	padding: 15px 2%;
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	border-right: 1px solid #CCC;
	vertical-align: middle;
	width: 340px;
}
.con_box02 table th span{
	font-size: 20px;
	color: #e60012;
}
.con_box02 table td{
	padding: 15px 2% 15px 3%;
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	border-left: 1px solid #CCC;
}
.con_box02 .btn{
	text-align: center;
}

.pp_box00{
	background: url(../img/pp_img02.png) -50px top no-repeat, url(../img/pp_img02.png) 130% 105% no-repeat;
	margin: 40px 0 0 0;
	padding: 0 0 70px;
}
.pp_box01{
	width: 1180px;
	margin: 0 auto;
}
.pp_box01 h2{
	font-size: 28px;
	font-weight: normal;
	margin-bottom:  20px;
	color: #00a0e9;
}
.pp_box01 .text01{
	font-size: 24px;
	line-height:  160%;
	margin-bottom:  40px;
}

.ab_box00{
	background: url(../img/pp_img02.png) 140% 90px no-repeat;
	padding: 75px 0 50px 0;
}

.ab_box01{
	padding: 0 0 1px 0;
	margin: 0 auto;
	max-width: 1280px;
}
.ab_box01 .text01{
	text-align: center;
	line-height: 160%;
	font-size: 28px;
	color: #00a0e9;
	margin-bottom: 60px;
}
.ab_box01 .imgbox01{
	margin-bottom: 50px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.ab_box01 .imgbox01 img{
	margin-bottom: 10px;
}
.ab_box01 .imgbox01 p{
	font-size: 20px;
	color: #00a0e9;
}
.ab_box01 .imgbox01 .img01{
	float: left;
	width: 49.5%;
}
.ab_box01 .imgbox01 .img02{
	float: right;
	width: 49.5%;
}

.ab_box02{
	margin-bottom: 50px;
}
.ab_box02 img{
	width: 100%;
	margin-bottom: 10px;
}
.ab_box02 p{
	margin: 0 auto;
	max-width: 1280px;
	font-size: 20px;
	color: #00a0e9;
}

.acc_box04{
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
}

.acc_box04 li{
	display: inline-block;
	color: #FFF;
	background-color: #00a0e9;
}

.access li{
	list-style: none;
	width: 250px;
	display: inline-block;
	color: #FFF;
	background-color: #00a0e9;
	padding: 0.5em 1em;
    margin: 2em 0;
	font-size: 21px;
    font-weight: bold;
}

.co_box01{
	background: url(../img/pp_img02.png) 130% 120% no-repeat;
}
.co_box01_in{
	width: 740px;
	margin: 0 auto;
}
.co_box01_in .imgbox01{
	text-align: center;
	margin-bottom: 55px;
	float: none;
}
.co_box01_in .text01{
	font-size: 24px;
	line-height: 180%;
	margin-bottom: 10px;
}
.co_box01_in .text02{
	text-align: right;
	font-size: 26px;
	margin-bottom: 60px;
}
.co_box01_in .text02 span{
	font-size: 16px;
}
.co_box01_in .text03{
	border: 1px solid #00a0e9;
	font-size: 20px;
	color: #00a0e9;
	margin-bottom: 70px;
	padding: 40px 0 40px 115px;
	position: relative;
}
.co_box01_in .text04{
	background-color: #FFF;
	display: inline-block;
	padding: 0 15px;
	font-size: 20px;
	color: #00a0e9;
	position: absolute;
	left: 0;
	top: -15px;
}
.co_box01_in .text03 table{
	margin-bottom: 30px;
}
.co_box01_in .text03 table th{
	font-weight: normal;
	text-align: right;
	padding: 3px 0;
}
.co_box01_in .text03 table td{
	padding: 3px 0;
}

.gu_box00{
	max-width:  1180px;
	margin: 0 auto;
}

.gu_box02{
	margin-bottom: 140px;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
}
.gu_box02_01 .text01{
	float: left;
	width: 49%;
	border-top: 4px solid #00a0e9;
	padding: 70px 0 0 0;
	position: relative;
}
.gu_box02_01 .text01 .text01_01{
	position: absolute;
	background-color: #FFF;
	left: 0;
	top: -37px;
	padding: 0 5px 0 0 ;
	font-size: 50px;
	color: #00a0e9;
}
.gu_box02_01 .text01 .text01_02{
	position: absolute;
	left: 2.5em;
	top: 0;
	font-size: 40px;
	color: #00a0e9;
}
.gu_box02_01 .text01 .text01_03{
	font-size: 19px;
}
.text01_03{
	margin-top: 30px;
	margin-bottom: 45px;
}
.gu_box02_01 .img01{
	float: right;
	width: 49%;
}

.genkinbox00{
	background: url(../img/pp_img02.png) 140% top no-repeat;
	padding: 0 0 200px;
}

.genkinbox .gu_box02_01 .text01 .text01_04{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 8px;
}
.genkinbox .gu_box02_01 .text01 .text01_02{
	position: absolute;
	left: 3.5em;
	top: 0;
	font-size: 40px;
	color: #00a0e9;
}
.genkinbox .gu_box02_01 .text01 .text01_02 span{
	font-size: 20px;
	color: #444;
}

#midashi01, #midashi02, #midashi03, #midashi04, #midashi05, #midashi06{
	margin-top:-40px;
	padding-top:40px;
}

.news_h1_low { margin-bottom: 30px !important; }
#news_popup .pop_title {
	font-size: 130%;
	font-weight: bold;
	color: #00a0e9;
	border-bottom: 1px solid #00a0e9;
	margin-bottom: 15px;
}
#news_popup .pop_ymd {color: #890020;}

#news_view {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
}
#news_view dt {
	font-weight: bold;
	margin-bottom: 15px;
	font-weight: bold;
}
#news_view dt .ymd {color: #890020;}
#news_view dt .title {
	font-size: 120%;
	margin-left: 10px;
} 
#news_view dd{
border-bottom: 1px dotted #00a0e9;
margin-bottom: 15px;
padding-bottom: 15px;}


.row02 {
		text-align: center;
	}
	.row02 .inner_res { max-width: 960px; }
	.row02 .text02 {
		font-size: 180%;
		font-weight: bold;
	}
	.row02 .text03 {
		font-size: 140%;
		margin-bottom: 40px;
	}

	.row02 .index-recruit {
		background-color: #5ec5f2;
		padding: 5px 15px;
		color: #fff;
		font-size: 140%;
		font-weight: bold;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		max-width: 850px;
	}
	.row02 .index-recruit-box {
		overflow: hidden;
		max-width: 850px;
		margin-left: auto;
		margin-right: auto;
	}
	.row02 .index-recruit-box dt {
		float: left;
		border-top:1px solid  #5ec5f2;		 
		clear: right;
		width: 30%;
		padding: 20px;
	}
	.row02 .index-recruit-box dd {
		border-top:1px solid  #5ec5f2;
		border-left : 1px solid  #5ec5f2;
		float: right;
		width: 70%;
		text-align: left;
		padding: 20px;
	}
	.row02 .index-recruit-box li {
		text-indent: -1em;
		margin-left: 2em;
		list-style: none;
	}
	.row02 .index-recruit-box .no-b {border-top: none;}

.br-sp { display: none; }

@media screen and (max-width: 1340px) {
	#headerbox {
		overflow: hidden;
	}
	.imgbox01 { 
		float: left; 
	}
	#headerbox img.pic02 {
		bottom: 40px;
	}
	.footer_link {
		float: none;
		width: 100%;
		text-align: center;
	}
	.footer_link p{
		margin-bottom: 15px;
	}
	.footer_info { 
		float: none;
		width: 100%;
		border-left: none;
		padding: 0;
		text-align: center;
	 }
	 .gu_box02_01 .text01 {
	 	float: none;
	 	width: 100%;
	 	margin-bottom: 15px;
	 	padding-left: 10px;
	 	padding-right: 10px;
	 }
	 .gu_box02_01 .img01 {
	  float: none;
	  width: auto;
	  text-align: center;
	}

}

@media screen and (max-width: 980px) {
	#headerbox img.pic01 {width: 450px;}
	#headerbox img.pic02 { width: 250px;}
	.gu_box01 a { font-size: 18px; }
	.br-sp { display: inline-block; }
	.row02 .text02 { font-size: 140%; }
	.row02 .text03 { font-size: 120%; }
	.row02 .index-recruit-box {font-size: 90%;}
	.row02 .index-recruit-box dd,
	.row02 .index-recruit-box dt { padding: 10px; }
	.footer_map {
    float: none;
    width: 100%;
    height: 300px;
}
.footer_map2 {
    display: none;
}

}



/****************************トップアクセス****************************/

.top_box {
	width: 100%;
	margin: 0 auto 90px;
	margin-bottom: 10px;
	display: inline-block;
	text-align: center;

}
.top_box li{
	list-style: none;
	display: inline-block;
	color: #ef7e00;
	background-color: #FFF;
	border-color: #ef7e00;
	border: 1px solid;
}


.access02 li{
	width: 250px;
	display: inline-block;
	color: #ef7e00;
	background-color: #FFF;
	padding: 0.5em 1em;
    margin: 2em 0;
	font-size: 21px;
    font-weight: bold;
}

/****************************診療案内ナビ****************************/

.gu_box01 {
	margin: 0 auto 90px;
	text-align: center;
	margin-bottom: 80px;
	justify-content: space-around;
	
}
.gu_box01 a{
	color: #00a0e9;
	border-color: #00a0e9;
	border: 1px solid; 
	background-color: #FFF;
	padding: 0.5em 1em;
    margin: 2em 0;
	font-size: 21px;
    font-weight: bold;
	display: inline-block;
	justify-content: space-around;
	
	
}

.gu_box01 a:hover{
	color: #FFF;
	background-color: #00a0e9;
	border-color: #00a0e9;
	border: 1px solid; 
}

.gu_box03{
	width: 100%;
	padding-bottom: 20px;
	text-align: left;
}


/****************************診療案内見出し****************************/

.text01_05 {
	color: #00a0e9;
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.text01_06 {
	font-size: 24px;
	color: #00a0e9;
	margin-top: 15px;
	margin-bottom: 15px;

}

.gu_tpx {
	color: #00a0e9;
	font-size: 24px;
	border: solid 1px #00a0e9;
	background-color: #dcf0f9;
	padding: 0.5em;
	margin-botom: 5px;
	margin-top: 5px;
	padding-top: 10px;
	margin-top: 10px;
}

.gu_tpx-s {
	color: #00a0e9;
	font-size: 24px;
	border: solid 1px #00a0e9;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 10px;
}



.text01_07 {
	color: #00a0e9;
}


video {
	float: none;
    width: 100%;
	margin-bottom: 20px;
}

/****************************アクセスマップ****************************/

.acc_box05 {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	text-align: center;
}

.access03 {
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}

.access03 img:hover{
	opacity: 0.5;
	display: inline-block;
}


/****************************ネット予約はこちら****************************/

.yoyaku{
	width: 100%;
	margin: 0 auto 150px;
	margin-bottom: 30px;
	padding-bottom: 50px;
	display: inline-block;
	text-align: center;
}
.yoyaku p{ font-size:22px;  color:#595757; display:block; text-align: center;  padding:20px 0 0 0;}
.yoyaku span{  font-size:30px; color:#00A0E9; font-weight:normal;}
.yoyaku span a{font-size:34px; color:#00A0E9; font-weight:normal; text-decoration:none;}
.yoyaku span a:hover{ text-decoration:underline !important;}
/****************************ヘッダーテキスト****************************/

.mainvisual h4{
	width: 100%;
	text-align: right;
	color: #ef7e00;
	background-color: #FFF;
	font-size: 18px;
	padding-right: 20px;
	position: absolute;
	z-index: 10;
	width: 100%;
	text-shadow: 1px 1px 2px #fff;
}
	
.header01{
	width: 100%;
	text-align: right;
	color: #ef7e00;
	background-color: #FFF;
	font-size: 18px;
	padding-right: 20px;
}
.header02{
	width: 100%;
	text-align: right;
	color: #FFF;
	background-color: #00a0e9;
	font-size: 18px;
	padding-right: 20px;
	
}

/****************************インプラント****************************/

.gu_box02_02 .text01_11{
	float: left;
	width: 49%;
	padding: 0px 0 0 0;
	position: relative;
}
.gu_box02_02 .text01_11 .text01_01{
	position: absolute;
	padding: 0 5px 0 0 ;
	font-size: 50px;
	color: #00a0e9;
}
.gu_box02_02 .text01_11 .text01_02{
	position: absolute;
	left: 2.5em;
	top: 0;
	font-size: 40px;
	color: #00a0e9;
}
.gu_box02_02 .text01_11 .text01_03{
	font-size: 19px;
}

.gu_box02_02 .img01{
	float: right;
	width: 49%;
	padding-top: 10px;
}



#corona {
		margin: 50px auto 150px;
		max-width: 1000px;
		width: 95%;

}
#corona h1 {
	color: #2192c9;
	font-weight: normal;
	text-align: center;
	font-size: 22px;
	margin-bottom: 30px;

}

#corona .corona-txt {
	margin-bottom: 20px;
	text-align: center;
}
#corona .corona-txt span {
	color: #ff0000;
}

#corona .corona-list {
	color: #595757;
	line-height: 1.6;
	max-width: 550px;
	margin: 30px auto;
}

#corona section {
	border: solid 1px #00a0e9;
	padding: 50px 70px;
	margin: 50px;
}
#corona ol li img {
	display: block;
	width: 90%;
	margin: 10px auto 0;

}

#corona .corona-img {
    width: 600px;
    display: block;
    margin: 0 auto;
}

#corona h2 {
	color: #2192c9;
	font-weight: normal;
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;	
}

#corona ol {
    list-style:  none;          /* デフォルトのアイコンを消す */
    margin:  0 0 50px;                 /* デフォルト指定上書き */
    padding: 0;                 /* デフォルト指定上書き */
    counter-reset: li_count;    /* カウンタをセット */
}
 
#corona ol li{
    padding:  10px 25px 10px 60px;             /* 余白指定 */
    margin-bottom: 20px;         /* 要素と要素の間指定 */
    font-size:  16px;
    list-style: none;  
	border: solid 1px #00a0e9;    
	text-indent: -2em;    
}
 
#corona ol li:before  {
  counter-increment: li_count;  /* カウンタの値を計算していく */
  content: counter(li_count); /* 数字出力 */
  color: #00a0e9;               /* 文字色指定 */
  margin-right: 20px; 
  font-size: 22px;

}

#corona ol li.corona10-2:before  {
  display: none;

}
 
 
#corona .corona01 img {
	max-width: 432px;

}

#corona .corona05 img {
	max-width: 293px;
}

#corona ol li span {
  color: #00a0e9;   
  font-size: 14px;
  text-align: center;
  display: block;	
}

#corona .corona07 img {
	max-width: 203px;
}

#corona .corona08 img {
	max-width: 226px;
}

#corona .corona10 img {
	max-width: 460px;
}

#corona .corona10-2 img {
	max-width: 252px;
}

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

#corona section {
	margin: 10px;
	padding: 30px;
}
}


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

#corona section {
	margin: 0px;
	padding: 0px;
	border: none;
}

#corona ol li {
	padding-left: 35px;
	text-indent: -1.4em;
}

#corona ol li:before {
	margin-right: 10px;
}
}

.top_box03 a{
	display: block;
	color: #2292c9;
	background-color: #FFF;
	border-color: #00a0e9;
	border: 1px solid;
	font-size: 21px;
	padding: 10px 20px;
	width: 570px;
	margin: 0 auto;
	text-align: center;
}

.topbox03 a:hover {
	opacity: 0.75;
	cursor: pointer;
}

.topbox03:hover {
		opacity: 0.75;
}

@media screen and (max-width: 600px) {
.top_box03  a {
	display: block;
	width: 95%;
	margin: 0 auto;
}