@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:767px) {
	button.drawer-toggle {
		display: none;

	}
}

.pc_only {
	display: block;
}

nav.drawer-nav {
	width: 100%;
	margin: 0 auto 0;
	position: relative;
	;
	z-index: 9990;
	background: #fff;
	height: 155px;
	position: relative;

}

nav.drawer-nav:before {
	content: "　";
	background: url(../img/nav_border.png) repeat-x 50% 0;
	height: 20px;
	width: 100%;
	display: block;
	position: absolute;
	top: -18px;
}

nav.drawer-nav ul.drawer-menu {
	width: 960px;
	margin: 0 auto;
	overflow: visible;
	z-index: 1000;
	position: relative;
	padding: 0;

}

nav.drawer-nav ul.drawer-menu li {
	float: left;
	width: 192px;
	height: 155px;
	list-style: none;
	text-align: center;
	transition-property: all;
	transition: 0.3s linear;

}

nav.drawer-nav ul.drawer-menu li.nav01,
nav.drawer-nav ul.drawer-menu li.nav02,
nav.drawer-nav ul.drawer-menu li.nav03,
nav.drawer-nav ul.drawer-menu li.nav04,
nav.drawer-nav ul.drawer-menu li.nav05 {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;

}

nav.drawer-nav ul.drawer-menu li.nav01 {
	background: no-repeat url("../img/gnav_01.png") 50% 0;


}

nav.drawer-nav ul.drawer-menu li.nav01:hover {
	background: no-repeat url("../img/gnav_01_on.png") 50% 0;

}

nav.drawer-nav ul.drawer-menu li.nav02 {
	background: no-repeat url("../img/gnav_02.png") 50% 0;
}

nav.drawer-nav ul.drawer-menu li.nav02:hover {
	background: no-repeat url("../img/gnav_02_on.png") 50% 0;

}

nav.drawer-nav ul.drawer-menu li.nav03 {
	background: no-repeat url("../img/gnav_03.png") 50% 0;
}

nav.drawer-nav ul.drawer-menu li.nav03:hover {
	background: no-repeat url("../img/gnav_03_on.png") 50% 0;

}

nav.drawer-nav ul.drawer-menu li.nav04 {
	background: no-repeat url("../img/gnav_04.png") 50% 0;
}

nav.drawer-nav ul.drawer-menu li.nav04:hover {
	background: no-repeat url("../img/gnav_04_on.png") 50% 0;

}

nav.drawer-nav ul.drawer-menu li.nav05 {
	background: no-repeat url("../img/gnav_05.png") 50% 0;
}

nav.drawer-nav ul.drawer-menu li.nav05:hover {
	background: no-repeat url("../img/gnav_05_on.png") 50% 0;

}

.under nav.drawer-nav {
	height: 85px;
}

.under nav.drawer-nav ul.drawer-menu {
	padding-top: 15px;
}

.under nav.drawer-nav ul.drawer-menu li {
	height: 55px;
}

.under nav.drawer-nav ul.drawer-menu li.nav01 {
	background: no-repeat url("../img/gnav_01_u.png") 50% 0;
}

.under nav.drawer-nav ul.drawer-menu li.nav01:hover {}

.under nav.drawer-nav ul.drawer-menu li.nav02 {
	background: no-repeat url("../img/gnav_02_u.png") 50% 0;
}

.under nav.drawer-nav ul.drawer-menu li.nav02:hover {}

.under nav.drawer-nav ul.drawer-menu li.nav03 {
	background: no-repeat url("../img/gnav_03_u.png") 50% 0;
}

.under nav.drawer-nav ul.drawer-menu li.nav03:hover {}

.under nav.drawer-nav ul.drawer-menu li.nav04 {
	background: no-repeat url("../img/gnav_04_u.png") 50% 0;
}

.under nav.drawer-nav ul.drawer-menu li.nav04:hover {}

.under nav.drawer-nav ul.drawer-menu li.nav05 {
	background: no-repeat url("../img/gnav_05_u.png") 50% 0;
}

.under nav.drawer-nav ul.drawer-menu li.nav05:hover {}


nav.drawer-nav ul.drawer-menu li a {
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
	height: 100%;
	width: 100%;
}

nav.drawer-nav ul.drawer-menu li a span {
	display: none;
}

nav.drawer-nav ul.drawer-menu li>a:hover {}

nav.drawer-nav ul.drawer-menu:last-chaild li {
	border-left: none;
}

nav.drawer-nav ul.drawer-menu li ul {
	list-style: none;
	/*  position: absolute;
*/
	z-index: 9999;
	left: 0;
	margin: 0;
	padding: 0;
	background: #FFD600;
	font-weight: 400;
	width: 960px;
}

nav.drawer-nav ul.drawer-menu>li>ul {
	opacity: 0;
	/* top: 50%;*/
	top: 50px;
	visibility: hidden;
	transition: .5s;
	/* top: 73px;
	  visibility: visible;
	  opacity: 1;*/
	position: absolute;
	padding-bottom: 15px;
}

nav.drawer-nav ul.drawer-menu li ul li {
	/*width: 100%;*/
	width: 23%;
	margin: 0 1%;
	padding: 5px 0;
	text-align: left;
}

nav.drawer-nav ul.drawer-menu li ul li.long {
	width: 98%;
	margin: 0 1%;
	display: block;
}

nav.drawer-nav ul.drawer-menu li>ul>li a {
	padding-bottom: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s easet;
	transition: all 0.4s ease;
}

nav.drawer-nav ul.drawer-menu>li>ul>li>a {
	position: relative;
	margin-top: 5px;

}

nav.drawer-nav ul.drawer-menu>li>ul>li>a span {
	background: no-repeat 100% 1px url("../img/nav_arrow_1.png");
	display: inline-block;
	padding-right: 28px;

}

nav.drawer-nav ul.drawer-menu>li>ul>li>a::before,
nav.drawer-nav ul.drawer-menu>li>ul>li>a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}

nav.drawer-nav ul.drawer-menu>li>ul>li>a::before {
	z-index: 2;
	width: 15%;
	background-color: #999;
}

nav.drawer-nav ul.drawer-menu>li>ul>li>a::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}

nav.drawer-nav ul.drawer-menu li ul li a:hover {
	color: #C2951E;
}

nav.drawer-nav ul.drawer-menu li ul li ul li a {
	border: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s easet;
	transition: all 0.4s ease;
	padding-bottom: 0;

}

nav.drawer-nav ul.drawer-menu li ul li ul li a:hover {
	background: #C2951E no-repeat 100% 100% url("../img/nav_arrow.png");
	color: #fff;
}

nav.drawer-nav ul.drawer-menu li ul {
	padding-top: 10px;
}

nav.drawer-nav ul.drawer-menu>li:hover>ul {
	top: 73px;
	visibility: visible;
	opacity: 1;

}

nav.drawer-nav ul.drawer-menu li ul li ul {
	width: 100%;
	margin: 0 auto;
}

nav.drawer-nav ul.drawer-menu li ul li ul li {
	width: 292px;
	text-align: center;
	background: #FFCC01;
	margin: 5px 10px;
}

nav.drawer-nav ul.drawer-menu li ul li ul li a {
	font-size: 1.3rem;
	padding-left: 0;
	line-height: 1.2;
	height: 35px;
	vertical-align: middle;
	display: table-cell;
	width: 320px;
	text-align: center;
	background: no-repeat 100% 100% url("../img/nav_arrow.png");
}



@charset "utf-8";

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

/* HTML5 display-role reset for older browsers 
------------------------------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	background: #FFF;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

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

/* clearfix 
------------------------------------------------------------------*/
.clear {
	clear: both !important;
	float: none !important;
	font-size: 0% !important;
	height: 0px !important;
	line-height: 0% !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 0px !important;
}

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

.clearfix {
	zoom: 1;
}

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

body {
	/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	line-height: 1.6;
	font-size: 130%;
	color: #333;

}

a {
	text-decoration: none;
	color: #333;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

a:hover {
	text-decoration: none;
	color: #FFCC01;
}

/* 
------------------------------------------------------------------*/
#wrap {
	width: 100%;
	padding-top: 178px;
	font-size: 1.2rem;
}

.txtaC {
	text-align: center;
}

.txtaR {
	text-align: right;
}

.txtaL {
	text-align: left !important;
}

.cap {
	font-size: 11px !important;
	line-height: 1.2em !important;
}

.read {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: center;
	font-size: 2.7rem !important;
	line-height: 1.2em !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.w80 {
	width: 80px !important;
}

.w100 {
	width: 100% !important;
}

.w150 {
	width: 150px !important;
}

.w450 {
	width: 450px !important;
}

.w340 {
	width: 300px !important;
}

.floatL {
	float: left !important;
}

.floatR {
	float: right !important;
}

/*font*/
.fwb {
	font-weight: bold !important;
}

.fcBlue {
	color: #3773bb !important;
}

.fcRed {
	color: #ff0000 !important;
}

.fcOrange {
	color: #ff6666 !important;
}

.fcPink {
	color: #FF9BAC !important;
}

.orenge {
	font-weight: 700;
	display: inline-block;
	padding: 10px 0;
	color: #F7921E;
}

.txtu {
	text-decoration: underline;
}

.caution {
	color: #ff0000;
	font-size: 12px;
}

.photoR {
	float: right;
	margin: 0 0 20px 20px;
}

.photoL {
	float: left;
	margin: 0 20px 20px 0;
}

.topLine {
	border-top: 1px dotted #333;
}

.strong {
	font-weight: bold;
}

.tx_S {
	font-size: 80%;
	font-weight: 100;
}

.tx_L {
	font-size: 130%;
}

.y_waku {
	border: #FFD501 2px solid;
	border-radius: 20px;
	font-weight: 800;
	padding: 8px 15px;
	display: inline-block;
	width: auto !important;
}

.bg_Blue {
	background: #DBF8FF;
	padding: 16px 30px;
}

.ph_frame {
	padding: 2px;
	border: 1px solid #ccc;

}

.red_line {
	border-bottom: 2px solid red;
	font-weight: bold;
}

.btn_green {
	display: block;
	width: 300px !important;
	margin: 35px auto 10px !important;
	text-align: center;
	background: #00aecb;
	border-radius: 40px;
	padding: 20px 0;
	color: #fff;
}

.btn_green a {
	color: #fff;
}

.btn_pink {
	display: block;
	width: 300px !important;
	margin: 35px auto 30px !important;
	text-align: center;
	background: #EA6EA4;
	border-radius: 40px;
	padding: 20px 0;
	color: #fff !important;

}

.btn_pink a {
	color: #fff !important;
}

.btn_yellow {
	display: block;
	width: 300px !important;
	margin: 35px auto 30px !important;
	text-align: center;
	background: #f19131;
	border-radius: 40px;
	padding: 20px 0;
	color: #fff !important;
}

.btn_yellow a {
	color: #fff !important;
}

.btn_blue {
	display: block;
	width: 300px !important;
	margin: 35px auto 30px !important;
	text-align: center;
	background: #1079e2;
	border-radius: 40px;
	padding: 20px 0;
	color: #fff !important;
}

.btn_blue a {
	color: #fff !important;
}

.ff_min {}

.under_main .inner .box ul.num {
	list-style: none;
	margin: 15px 0;
}


.under_main .inner .box ul.num li {
	position: relative;
	padding: 0 0 .5em 50px;
	counter-increment: titleNum;
	margin-bottom: 10px;
	font-weight: 600;
}

.under_main .inner .box ul.num li::before {
	position: absolute;
	top: 0px;
	left: 10px;
	content: counter(titleNum);
	width: 28px;
	height: 28px;
	line-height: 28px;
	background-color: #60B8FF;
	border-radius: 100%;
	color: #fff;
	font-size: .9em;
	text-align: center;
}

.under_main .inner .box ul.num p {
	margin-left: 49px;
	margin-bottom: 25px;
	font-weight: normal;
}

.under_main .inner ul.normal {
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;


}

.under_main .inner ul.normal li {
	padding-left: 25px !important;
	font-weight: normal;
	counter-increment: none !important;
	margin-bottom: 0 !important;
	font-weight: normal !important;
	position: relative;
	line-height: 1.6;

}

.under_main .inner ul.normal li:before {
	content: "○" !important;
	font-weight: 900 !important;
	color: #FFD600 !important;
	background-color: rgba(255, 255, 255, 10) !important;
	border-radius: 0 !important;
	position: absolute;
	left: 0px !important;


}

.under_main .inner ul.normal_num {
	margin-left: 110px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.under_main .inner ul.normal_num li {
	list-style: decimal;
	counter-increment: none !important;
	list-style: decimal;
	counter-increment: none !important;
	padding-left: 0px !important;
	font-weight: 100 !important;
	padding-bottom: 10px !important;
	margin-bottom: 0 !important;
}

ul.normal_num li::before {
	display: none;

}

.under_main .inner .box ul.num li p {
	margin-left: 10px;

}

.under_main .inner .box ul.num li ul li {
	padding-left: 0px !important;
}

.under_main .inner ul.num li ul.normal li:before {
	left: -30px !important;
}

.under_main .inner ul.num li ul.normal_num {
	margin-left: 10px !important;
}

.link_btn {
	padding: 10px 20px;
	border: #FFCC01 3px solid;
	border-radius: 10px;
	background: #fff;
	/* box-shadow */
	box-shadow: 0px 4px 6px 0px #f1f2f5;
	-moz-box-shadow: 0px 4px 6px 0px #f1f2f5;
	-webkit-box-shadow: 0px 4px 6px 0px #f1f2f5;
	display: inline-block;
	margin-left: 30px;
	margin-top: 5px;
	font-weight: normal;

}

.pc_br:before {
	content: "\A";
	white-space: pre;
}

ul.kana {
	counter-reset: number 0;
}

ul.kana li {
	position: relative;
	padding-left: 40px;
}

ul.kana li:before {
	counter-increment: number 1;
	/* number カウンタを増加 */
	content: "(" counter(number, katakana) ") ";
	/* 表示形式を指定 */
	position: absolute;
	left: 0;
	display: block;
}

/* header
------------------------------------------------------------------*/
header {
	width: 100%;
	margin: 0px auto;
	z-index: 1000;
	background: url(../img/bg_header.png) 50% 50%;


}

.under header {
	padding-bottom: 20px;

}

header .inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 87px;
	padding: 10px 0 0;
}

header .inner .header_btn {
	width: 420px;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 1000;
}

header .inner .header_btn ul {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;

	padding-left: 0;
}

header .inner .header_btn ul li {
	float: left;
	margin-right: -4px;
}

header .inner .header_btn ul li img {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

header .inner .header_btn ul li img:hover {
	opacity: 0.8;
}

.under header>.inner .header_btn,
header .fix_nav .inner .header_btn {
	background: #fff;
	border-radius: 10px;
	width: 544px;
	top: 26px;
}

.under header>.inner .header_btn ul,
header .fix_nav .inner .header_btn ul {
	margin-bottom: 0;
}

.under header>.inner .header_btn ul li,
header .fix_nav .inner .header_btn ul li {
	float: left;
	margin-right: 0;
	width: 178px;
	text-align: center;
	border-right: 4px dotted #D7BFFF;

	padding: 10px 0 8px;
}

.under header>.inner .header_btn ul li:last-child,
header .fix_nav .inner .header_btn ul li:last-child {
	border-right: none;
}

.under header>.inner .header_btn ul li img {}

.under header>.inner .header_btn ul li img:hover {}

header .inner h1 {
	background: no-repeat url("../img/logo.png");
	width: 479px;
	height: 85px;
	font-size: 0;
}

header>.inner_B {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

header h1 {

	position: absolute;
	top: 010px;
}

header a.sp_tel {
	display: none;

}

header h1 a {
	display: block;
	height: 100%;
	font-size: 0;
}

header .bnr_imko {
	position: absolute;
	left: 300px;
	top: 25px;
	display: none;
}

header .bnr_imko img {
	border-radius: 15px;
}

#contents {
	width: 100%;
	margin: 0 auto 0;
	font-size: 1.5rem;
}

#contents .inner {
	width: 960px;
	margin: 0 auto;
	/*	box-sizing: border-box;*/
}

.background {
	background:
		url("../img/bg_main_box.png") repeat;
	position: fixed;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	z-index: -1
}

.background2 {
	background:
		url("../img/bg_dotted_2.png") repeat;
	position: fixed;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	z-index: -1
}

/* footer
------------------------------------------------------------------*/
#footer {
	background: #ECE6FC;
	padding-top: 10px;
	margin-top: 80px;
}

#footer>.inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;

}

.page_top {
	text-align: center;
	margin-top: -77px;

}

#footer p.name {
	width: 310px;
	background: no-repeat url("../img/logo.png");
	float: left;
	height: 85px;
	background-size: contain;
	font-size: 0;

}

#footer p.zip {
	width: 310px;
	float: left;
	padding-top: 14px;
	font-size: 1.6rem;
}

#footer ul.bnr_link {
	width: 600px;
	float: right;
	padding-top: 41px;
}

#footer ul.bnr_link li {
	width: 31%;
	margin: 0 1%;
	float: left;
}

#footer ul.bnr_link li.session {
	display: none;
}

#footer ul.bnr_link li:nth-child(4) {
	display: none;
}

/*#footer  ul.bnr_link li:nth-child(4),
#footer  ul.bnr_link li:last-child{
	display: none;
}*/

#footer ul.bnr_link li img {
	width: 100%;
}


#footer p.copy {
	width: 100%;
	text-align: center;
	margin: 10px auto 0;
	font-size: 1.3rem;
	padding: 10px 0;
	background: #00AECB;
	color: #fff;
}

#footer .inner img.page_top {
	position: absolute;
	right: 0px;
	top: -39px;
}

#footer .inner img.contact {
	float: right;
	margin: 10px 30px 0 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

#footer .inner img.contact:hover {
	opacity: 0.6;
}


input[type="checkbox"].on-off {
	display: none;
}

#footer .inner ul.other_link {

	overflow: hidden;
	width: 100%;
}

#footer .inner ul.other_link li {
	float: right;
	width: 150px;
	text-align: center;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 0;
}

/*------田代記述スタート-------------*/








/*------下層ページ-------------*/
/* under_mv
------------------------------------------------------------------*/

.title .inner {
	/* 背景画像の透過用css */
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	width: 100% !important;
}

.title h2 {
	color: #ff6c8b;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: center;
	text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
	line-height: 153px;
	font-size: 4.8rem;
	letter-spacing: 0.1em;
	font-weight: bold;
}

/* under_main
------------------------------------------------------------------*/
.under_main {
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: 0.1em;

}

.under_main .inner {
	width: 960px;
	margin: 10px auto;
	border: 1px solid #fff;
	padding: 30px 10px;
	overflow: hidden;
	background: #fff;

}

.under_main .inner p {
	width: 94%;
	margin: 8px auto;
	line-height: 1.4;
}

.under_main .inner .box {
	width: 940px;
	margin: 10px auto;
	padding: 10px;
	counter-reset: titleNum;

}

.under_main .inner h3 {
	line-height: 1.0;
	color: #FF668B;
	font-size: 2.7rem;
	text-align: center;
	color: #b58bf7;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	background: url(../img/bg_h3.png) repeat-x 50% 0;
	padding-top: 45px;
	margin-top: 20px;
}

.under_main .inner h3>span {
	display: inline-block;
	line-height: 47px;
	padding: 0 10px;
	position: relative;
	margin: 20px 0 10px;
}

.under_main .inner h3>span:before {
	content: url(../img/bg_h3_before.png);
	position: absolute;
	left: -76px;
	top: -1px;
}

.under_main .inner h3>span:after {
	content: url(../img/bg_h3_after.png);
	position: absolute;
	right: -76px;
	top: -1px;
}

.under_main .inner h4 {
	padding: 10px 0;
	text-align: center;
	margin: 30px 0 15px;
	font-size: 2.2rem;
	color: #FF859C;
}

.under_main .inner h5 {
	padding: .5em .75em;
	background-color: #FEF0AB;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	margin: 15px 0 10px;
}

.under_main .inner h5.reaf {
	background: no-repeat url("../img/h5_bg.png");
	line-height: 66px;
	height: 66px;
	margin-bottom: 15px;
	font-size: 2.2rem;
	padding: 0 0 0 30px;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
		#fff 1px -1px 0px, #fff -1px -1px 0px;
	border: none;
	box-shadow: none;
}

.under_main .inner h5 span {
	display: block;
	font-size: 1.2rem;
	color: #A9A8A8
}

.under_main .inner h6 {
	font-weight: 800;
	margin-bottom: 10px;
	display: flex;
	margin-top: 20px;


}

.under_main .inner h6:before {
	content: "●";
	font-size: 2.7rem;
	color: #FFD602;
	position: relative;
	top: -5px;

}

.under_main .inner table.type1 {
	width: 98%;
	margin: 20px auto;
	border: 1px solid #666;
}

.under_main .inner table.type1 tr,
.under_main .inner table.type1 tr th,
.under_main .inner table.type1 tr td {
	border: 1px solid #666;

}

.under_main .inner table.type1 tr th,
.under_main .inner table.type1 tr td {
	padding: 15px 10px;
}

.under_main .inner table.type1 tr th {
	background: #FEFBEA;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;

}

.under_main .inner table.type1 tr td {
	font-weight: normal;

}

.under_main .inner table.type2 {
	width: 98%;
	margin: 20px auto;
	border: 1px solid #666;
}

.under_main .inner table.type2 tr,
.under_main .inner table.type2 tr th,
.under_main .inner table.type2 tr td {
	border: 1px solid #666;

}

.under_main .inner table.type2 tr th,
.under_main .inner table.type2 tr td {
	padding: 15px 10px;
	width: 50%;
}

.under_main .inner table.type2 tr th {
	background: #FEFBEA;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;

}

.under_main .inner table.type2 tr td {
	font-weight: normal;

}

.under_main .inner table.table_purple,
.under_main .inner table.table_blue,
.under_main .inner table.table_orange,
{
font-size: 1.3rem;
}

.under_main .inner table.table_blue tr th {
	background: #dceeff;
}

.under_main .inner table.table_purple,
.under_main .inner table.table_blue,
.under_main .inner table.table_orange {
	font-size: 1.3rem;
}

.under_main .inner table.table_purple tr th {
	background: #e4dcf9;
}

.under_main .inner table.table_orange {
	font-size: 1.3rem;
}

.under_main .inner table.table_orange tr th {
	background: #ffe7b7;
}



.under_main .inner .box .img_box,
#tabs .img_box {
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	text-align: center;
	overflow: hidden;

}

.under_main .inner .box .img_box div,
#tabs .img_box div {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

.under_main .inner .box .img_box img,
#tabs .img_box img {
	margin: 10px 15px;
	border: 1px solid #ccc;
	padding: 2px;
	/* box-shadow */
	box-shadow: 0px 6px 6px 0px #dcdedd;
	-moz-box-shadow: 0px 6px 6px 0px #dcdedd;
	-webkit-box-shadow: 0px 6px 6px 0px #dcdedd;

}

.under_main .inner .box {
	display: block;
	/*text-align:center;*/
	margin-top: 10px;
	/*padding: 0 3%;*/

}

.under_main .inner .img_box p.cap {
	display: inline-block;
}

.under_main .inner .box .text_img_box {
	overflow: hidden;
	width: 96%;
	margin: 10px auto;

}

.under_main .inner .box .text_img_box img {
	float: left;
	border: 1px solid #ccc;
	padding: 2px;
	/* box-shadow */
	box-shadow: 0px 6px 6px 0px #dcdedd;
	-moz-box-shadow: 0px 6px 6px 0px #dcdedd;
	-webkit-box-shadow: 0px 6px 6px 0px #dcdedd;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 15px;

}

.under_main .inner .box .text_img_box p {}

.under_main .inner .box .waku {
	background: #FDF9DA;
	border: #C4E3FC 2px solid;
	/* box-shadow */
	box-shadow: 0px 6px 6px 0px #dcdedd;
	-moz-box-shadow: 0px 6px 6px 0px #dcdedd;
	-webkit-box-shadow: 0px 6px 6px 0px #dcdedd;
	padding: 10px 3%;
	border-radius: 10px;

	margin: 15px auto;
	width: 94%;
}

.under_main .inner .box .waku p {
	/*margin-left:0 !important;*/

}

.under_main .inner table.scroll {
	width: 98%;
	margin: 20px auto;
	border: 1px solid #666;
}

.under_main .inner table.scroll tr,
.under_main .inner table.scroll tr th,
.under_main .inner table.scroll tr td {
	border: 1px solid #666;

}

.under_main .inner table.scroll tr th,
.under_main .inner table.scroll tr td {
	padding: 15px 10px;
}

.under_main .inner table.scroll tr th {
	background: #FEFBEA;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;

}

.under_main .inner table.scroll tr td {
	font-weight: normal;

}

.sp_only {
	display: none;

}

.target {
	margin: 0;
	padding-top: 50%;
	border: 1px solid #ddd;
	overflow: hidden;
	height: 0;
	position: relative;
	display: block;
}

.target::before {
	content: "\9577\62BC\3067\64CD\4F5C\304C\3067\304D\307E\3059";
	/*「長押しすると地図が操作できます」と生成*/
	display: block;
	z-index: 100;
	color: #000;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -0.5em 0 0 0;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}

.target::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
}

.target.release::before,
.target.release::after {
	display: none !important;
}

.target>iframe,
.target>div {
	/* レスポンシブデザイン想定 */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

button[type="submit"],
input[type="submit"],
input[type="button"] {
	display: block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #FFCC00;
	color: #333;
	cursor: pointer;
	margin: 0 auto;
	font-size: 1.5rem;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #fff;

}

button[type="submit"]::before,
input[type="submit"]::before,
input[type="button"]::before,
button[type="submit"]::after,
input[type="submit"]::after,
input[type="button"]::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

button[type="submit"],
input[type="submit"],
input[type="button"],
button[type="submit"]::before,
input[type="submit"]::before,
input[type="button"]::before,
button[type="submit"]::after,
input[type="submit"]::after,
input[type="button"]::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.label-danger {
	font-size: 80%;
	padding: 2px 5px;
	background: #F93;
	color: #fff;
	border-radius: 10px;
	margin-left: 20px;

}

.bus_hyou {
	text-align: center;
}

.bus_hyou a:hover img {
	cursor: pointer;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	zoom: 1;
}

#loading {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	display: none;
}

#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url("../img/bg_dotted_2.png") #fff;
	z-index: 9999;
	display: none;

}


/*スマホ
ーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width:767px) {
	header {
		width: 100%;
	}

	header>.inner {
		width: 100%;
		background: repeat-x url("../img/header_top_border.png");

	}

	header>.inner .header_btn,
	header>.inner .header_btn ul {
		display: none;
	}

	#mv {
		margin-top: 60px;

	}

	#contents {
		width: 100%;
		padding-top: 117px;
	}

	#contents>.inner {
		width: 100%;
	}

	.bus_hyou img {
		width: 100%;
	}

	#footer>.inner {
		width: 100%;

	}

	#footer>.inner p {
		width: 90%;
		text-align: center;
		margin: 10px auto;
		float: none;


	}

	#footer>.inner ul {
		display: none;
	}

}

.textcontainer {
	text-align: center;
}

#canvas-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

#canvas-txt {
	font-size: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#canvas-txt img {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#canvas-txt .txt {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 300px;
	height: 300px;
}

@keyframes bubbles {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 1;
		transform: translate(0, -20%);
	}

	100% {
		opacity: 0;
		transform: translate(0, -1000%);
	}
}

.particletext.confetti>.particle {
	opacity: 0;
	position: absolute;
	animation: confetti 3s ease-in infinite;
}

.particletext.confetti>.particle.c1 {
	background-color: rgba(76, 175, 80, 0.5);
}

.particletext.confetti>.particle.c2 {
	background-color: rgba(156, 39, 176, 0.5);
}

@keyframes confetti {
	0% {
		opacity: 0;
		transform: translateY(0%) rotate(0deg);
	}

	10% {
		opacity: 1;
	}

	35% {
		transform: translateY(-800%) rotate(270deg);
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translateY(2000%) rotate(1440deg);
	}
}



/*下層田代*/
#contact_box a {
	display: block;
	width: 100%;
	height: 100%;
}

#contact_box .inner {
	background: url(../img/bg_contact_box.png) no-repeat 50% 50%;
	height: 461px;
	font-size: 0;
}

.under_main .inner ul.type1 {}

.under_main .inner ul.type1 li {
	/*background: url(../img/icon_li_type1.png) no-repeat 0 0;
	padding-left:55px !important;*/
	font-weight: normal;
	margin-bottom: 10px;
	min-height: 36px;
	padding-top: 5px;
}

.kuzu {
	background: #e9e9e9;
	padding: 5px 0;
	padding-top: 210px;
}

.border {
	/*background: url(../img/under_border.png) 50% 50% no-repeat;*/
	background-size: cover;
	width: 100%;
	min-height: 5px;
	margin: 20px auto;
}

.under header,
.under nav,
.under .drawer--right .drawer-hamburger {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	position: fixed !important;
}

.drawer--right .drawer-hamburger {
	z-index: 8000;
}

.fixed header,
.fixed nav,
.fixed .drawer-hamburger {
	position: fixed !important;

}

.under nav {
	top: 117px;
	padding-bottom: 0px;
}

.fixed nav.inner {
	padding: 5px 0 0;
}

.under .inner .bg_pink {
	background: #ffe1e8;
	padding: 15px 0;
	margin-bottom: 20px;

}

.under .inner .bg_green {
	background: #a8d8dd;
	padding: 15px 0;
	margin-bottom: 20px;

}

.under .inner .bg_yellow {
	background: #fcffc8;
	padding: 15px 0;
	margin-bottom: 20px;

}

.under .inner ul.index {
	width: 100%;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}

.under .inner ul.index_type2 {

	justify-content: space-around;
}

.under .inner ul.index li {

	background: #fff;
	width: calc(100% / 3 - 18px);
	margin: 10px 9px;
	padding: 10px;
	border: 1px solid #eee;
	position: relative;
	z-index: 30;
	min-height: 180px;
	/* box-shadow */
	box-shadow: 4px 4px 5px -1px #e0e0e0;
	-moz-box-shadow: 4px 4px 5px -1px #e0e0e0;
	-webkit-box-shadow: 4px 4px 5px -1px #e0e0e0;
	box-sizing: border-box;
}

.under .inner ul.index li a {
	width: 280px;
	height: 98px;
	display: block;
	position: relative;
	z-index: 20;
}

.under .inner ul.index li a>span {
	display: inline-block;
	width: auto;
	background: url(../img/icon_index.png) no-repeat 0 50%;
	padding-left: 35px;
	min-height: 30px;
	line-height: 30px;
	position: absolute;
	bottom: -53px;
	margin: auto;
	left: 0;
	right: 0;
}

.under .inner ul.index li a>span.shinryou {
	font-size: 16px;
	line-height: 16px;
	bottom: -55px;
}

.under .inner ul.index li a>span:before {
	content: ' ';
	background: url(../img/border_pinkdotted.png) repeat-x 0 0;
	width: 100%;
	margin: -29px auto 0;
	display: block;
	height: 13px;
	position: absolute;
	left: 0;
	right: 0;
}

.under .inner ul.index_02 {
	overflow: hidden;
}

.under .inner ul.index_02 li {
	float: left;
	width: 302px;
	margin: 10px 9px;
}

.under .inner ul.index li.full {
	width: 600px;
	margin: 10px auto;
	float: none;

}

.under .inner ul.index li.full a {
	width: 100%;
	height: 98px;
}

.under .inner ul.index li.herf {
	width: 439px;
}

.under .inner ul.index li.herf a {
	width: 100%;
	height: 98px;
}


.under .inner ul.index li.two a>span {
	line-height: 1.0;
}

.under .inner ul.index li.two a>span:before {
	margin: -24px auto 0;
}

.under .inner ul.sub_menu {
	background: url(../img/bg_ul_purple.jpg) no-repeat 50% 50%;
	padding: 3px;
	overflow: hidden;
	width: 950px;
	margin: 10px auto;
}

.under .inner ul.sub_menu li {
	float: left;
	width: 205px;
	margin-right: 3px;
	line-height: 60px;
	background: url(../img/icon_ul_purple.png) no-repeat 10px 50% #fff;
	padding-left: 30px;
	font-size: 16px;
}

.under .inner ul.sub_menu li.blank {
	background: url(../img/bg_blank.png) #fff -30px 0;
	padding-left: 30px;
	height: 60px;
}

.under .inner ul.sub_menu li:last-child {
	margin-right: 0px;
}

.under .inner .anc {
	padding-top: 202px !important;
	margin-top: -202px !important;
}

#contents .inner .acc_box {
	display: none;
}

/*テーブル　12/18追加 大山
------------------------------------------------------------------*/
.sp_tbl_txt {
	display: none;
}

.sp_fixed_btn {

	display: none;
}

.flex_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}


/*topメニュー固定 181115田代*/
.fix_nav {
	position: fixed !important;
	/* ヘッダーバーを固定 */
	top: -300px;
	/* 上から0の位置に固定 */
	left: 0;
	/* 左から0の位置に固定 */
	z-index: 5000;
	right: 0;
	margin: auto !important;
	width: 100% !important;
	background: url(../img/bg_header.png);
	height: 200px;
}

.fix_nav nav {
	position: relative !important;
	top: 20px !important;
	display: block;
	margin: 0 auto;
}

#contact_box .care_contact {
	background: url("../../care/parts/img/bg_contact_care_box.png") no-repeat 50% 50%;
	height: 461px;
	font-size: 0;
}

.under_main .inner .voice {
	display: flex;
	justify-content: space-between;
	border-radius: 20px;
	background: #D7D1E7;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	align-items: flex-start;
	flex-wrap: wrap;
}

.under_main .inner .voice img {
	width: 150px;
	border-radius: 10px;

}

.under_main .inner .voice p {
	width: calc(100% - 200px);
}

.under_main .inner .voice p span {
	display: block;
	margin-bottom: 15px;
	border-bottom: solid 3px #fff;
	padding-bottom: 10px;
	font-weight: bold;
	position: relative;
}

.under_main .inner .voice p span:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ff6c8b;
	bottom: -3px;
	width: 30%;
}