@charset "UTF-8";


/*  CSS Index
--------------------------------------------------------------
1 : text
 	  : tx
 	  : tx_sen
 	  : tx_kiji
 	  : tx_belt
 	  : tx_line
 	  : tx_bar
 	  : tx_check
 	  : tx_deco
 	  : tx_kage
 	  : tx_kage_w
 	  : tx_maru
 	  : tx_icon
 	  : tx_link
 	  : tx_ya
 	  : title1
 	  : title2
 	  : title3
2 : table
 	  : zebra
 	  : line_x
 	  : td_r/td_c/td_no
 	  : th_r/th_c/th_no/th_bg_no
 	  : size(スマホ表示で幅100％以上を横スクロール)
3 : list
 	  : box (list + box)
 	  : A (list + box + A)
 	  : B (list + box + B)
  	  : rad (list + box + rad)
	  : spbox (list + box + spbox)
 	  : pad10/pad15/pad20 (list + box + pad10)
 	  : bg (list + bg)
 	  : sen (list + box + sen + sen_w)
 	  : ya (list + box + ya)
 	  : more (list + box + more)
 	  : line (list + box + line)
4 : faq
 	  : A (faq + A)
 	  : B (faq + B)
5 : btn(aタグ)
 	  : toi (btn + toi)
 	  : tel (btn + tel)
 	  : ya_w (btn + ya_w)
 	  : ya_k (btn + ya_k)
 	  : push (btn + push)
 	  : kage (btn + kage)
 	  : sen (btn + sen)
 	  : mor (btn + mor)
6 : area
7 : mainimg
 	  : grad
 	  : maincopy
 	  : bgimg
 	  : fadeimg
 	  : slides
8 : parts
 	  : banner
 	  : flow
 	  : sitemap
9 : etc
 	  : googlemap
 	  : linkfile
 	  : ol
 	  : dot
 	  : kome (used / p / ul / ol)
 	  : big (inline)
 	  : no (inline)
 	  : new
 	  : mor1
 	  : mor2
-----------------------------------------------------------------------------------------*/


/*text
-----------------------------------------------------------------------------------------*/
/*-------------------------tx*/
.tx,
.tx p{
	line-height:1.75;
}
.tx a{
	text-decoration:underline;
	color:#0038AD;
}
.tx a:hover{
	text-decoration:none;
}
/*-------------------------tx_sen*/
.tx_sen{
	text-align:center;
}
.tx_sen::after{
	content:"";
	display:block;
	width:5em;
	margin:0 auto;
	height:0.3em;
	border-bottom:2px solid #000;
}
.tx_w .tx_sen::after,
.tx_w.tx_sen::after{border-color:#FFF;}
/*-------------------------tx_kiji*/
.tx_kiji{
	font-weight:bold;
	padding:0.8em 0;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}
/*-------------------------tx_belt*/
.tx_belt{
	font-weight:bold;
	background:#000;
	color:#FFF;
	padding:0.5em 0.8em;
}
/*-------------------------tx_line*/
.tx_line{
	font-weight:bold;
	border-bottom:2px solid #000;
	padding-bottom:0.3em;
}
/*-------------------------tx_bar*/
.tx_bar{
	font-weight:bold;
	border-left:0.3em solid #000;
	padding-left:0.5em;
}
/*-------------------------tx_check*/
.tx_check{
	font-size:inherit;
	font-weight:inherit;
	line-height:1.5;
	background:url(images/check.svg) left top 0.25em no-repeat;
	background-size:1.5em;
	padding:0.3em 0 0.3em 1.8em;
}
.tx_check + .tx_check{
	border-top:1px solid rgba(0,0,0,0.3);
}
.tx_check.sen_none,
.sen_none > .tx_check + .tx_check{
	border:none;
}
/*-------------------------tx_deco*/
.tx_deco{
	font-size:inherit;
	font-weight:inherit;
	line-height:1.5;
	background:url(images/deco.svg) left top 0.125em no-repeat;
	background-size:1.25em;
	padding-left:1.5em;
}
/*-------------------------tx_kage*/
.tx_kage{
	text-shadow:#000 0 0 6px;
}
/*-------------------------tx_kage_w*/
.tx_kage_w{
	text-shadow:#FFF 0 0 6px;
}
/*-------------------------tx_maru*/
.tx_maru{
	background:#EBEBEB;
	border-radius:1.5em;
	padding:0.4em 1em;
	line-height:1.5;
	text-decoration:none;
}
span.tx_maru{
	display:inline-block;
}
a.tx_maru{
	display:inline-block;
	text-decoration:none;
}
a.tx_maru:hover{
	opacity:0.75;
}
/*-------------------------tx_icon*/
.tx_icon img{
	vertical-align:middle;
	height:2em;
	margin-right:0.5em;
}
/*-------------------------tx_link*/
.tx_link{
	text-decoration:underline;
	color:#0038AD;
}
a:hover .tx_link,
.tx_link:hover{
	text-decoration:none;
}
/*-------------------------tx_ya*/
.tx_ya{
	color:#044475;
	padding:0.5em;
}
.tx_ya::before{
	content:"";
	display:inline-block;
	position:relative;
	width:0px;
	height:0px;
	left:-5px;
	border-top: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	border-left: 0.5em solid #044475;
	vertical-align:3%;
}
a:hover .tx_ya,
.tx_ya:hover{
	color:#f04279;
}
a:hover .tx_ya::before,
.tx_ya:hover::before{
	left:-0;
}
/*-------------------------title1*/
.title1{
	font-size:3.0rem;
	letter-spacing:1px;
	position:relative;
	margin-bottom:3rem;
}
@media screen and (max-width: 767px) {.title1{font-size:2.0rem;letter-spacing:0;margin-bottom:1rem;}}
/*-------------------------title2*/
.title2{
	font-size:2.4rem;
	position:relative;
	margin-top:5rem;
	margin-bottom:2rem;
}
figure + .title2,
.title2:first-child{margin-top:0;}
@media screen and (max-width: 767px) {.title2{font-size:2rem;}}
/*-------------------------title3*/
.title3{
	font-size:2rem;
	position:relative;
	margin-top:5rem;
	margin-bottom:1rem;
}
figure + .title3,
.title3:first-child{margin-top:0;}
@media screen and (max-width: 767px) {.title3{font-size:1.8rem;}}



/*table
-----------------------------------------------------------------------------------------*/
table{
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
	width:100%;
	background:#FFF;
	font-size:1.6rem;
	line-height:1.5;
}
table th,
table td{
	padding:10px 15px;
	border:1px solid #999;
	text-align:left;
}
@media screen and (max-width: 767px) {
	table th,
	table td{padding:5px 10px;}
}
table th{
	background-color:rgba(0,0,0,0.05);
}
/*-------------------------zebra*/
table.zebra tr:nth-child(odd){
	background-color:rgba(0,0,0,0.05);
}
/*-------------------------line_x*/
table.line_x th,
table.line_x td{
	border-left:none;
	border-right:none;
}
/*-------------------------td */
table.td_r td{text-align:right;}
table.td_c td{text-align:center;}
table.td_no td{white-space:nowrap;}
/*-------------------------th */
table.th_r th{text-align:right;}
table.th_c th{text-align:center;}
table.th_no th{white-space:nowrap;}
table.th_bg_no th{background:none;}
/*-------------------------size(スマホのときに横スクロール) */
@media screen and (max-width: 767px) {
	table.size{display:block; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch;}
}


/*list
-----------------------------------------------------------------------------------------*/
.list{
	text-align:left;
	border-top:1px solid rgba(0,0,0,0.5);
}
.list li{
	width:100%;
}
.list a{
	display:block;
	border-bottom:1px solid rgba(0,0,0,0.5);
	position:relative;
	padding:10px 0;
}
.list a:hover{
	background:rgba(0,0,0,0.1);
}
.tx_w .list a:hover{
	background:rgba(255,255,255,0.2);
}
.list time{
	position:absolute;
	right:10px;
	top:calc(50% - 1.1rem);
	font-size:1.4rem;
	display:block;
}
.list p{
	padding-right:10rem;
	height:60px;
	display: table-cell;
	vertical-align: middle;
}
.list p strong{
	display:block;
}
.list p span{
	display:block;
	font-size:0.8em;
}
.list figure{
	width:90px;
	height:60px;
	position:absolute;
	left:0;
	top:10px;
}
.list figure + p{
	padding-left:100px;
}
.list .new::before{
	font-size:1rem;
	right:0;
	left:auto;
}
@media screen and (max-width: 767px) {
	.list time{font-size:1rem;top:auto;bottom:0;right:0;}
	.list p{padding:0;text-align:left;}
}
/*-------------------------box(list + box)*/
@media print, screen and (min-width: 768px) {
.list.box{
	border:none;
	margin:-10px;
}
.list.box li{
	display:inline-block;
	vertical-align:top;
	padding:10px;
}
.list.box a{
	border:none;
	padding:0 0 10px 0;
}
.list.box figure img{
	width:100%;
}
.list.box figure{
	width:auto;
	height:auto;
	position:static;
	top:0;
	margin-bottom:8px;
}
.list.box time{
	position:static;
	font-size:1.2rem;
}
.list.box p{
	padding:0;
	display:block;
	height:auto;
}
.list.box p strong{
	margin:2px 0;
}
.list.box .new::before{
	font-size:1.5rem;
	right:auto;
	left:10px;
	top:10px;
}
}
/*-------------------------A(list + box + A)*/
@media print, screen and (min-width: 768px) {
.list.box.A p{
	padding-left:15px;
	padding-right:15px;
}
}
/*-------------------------B(list + box + B)*/
@media print, screen and (min-width: 768px) {
.list.box.B li{
	width:50%;
}
.list.box.B a{
	padding:0;
}
.list.box.B p{
	padding-right:20px;
	padding-left:290px;
	height:180px;
	vertical-align:middle;
	display:table-cell;
}
.list.box.B figure{
	position:absolute;
	width:270px;
	height:180px;
	overflow:hidden;
	float:left;
	margin:0;
}
.list.box.B.rad p{
	padding-left:200px;
}
.list.box.B.rad figure{
	width:180px;
}
}
/*-------------------------rad(list + box + rad)*/
.list.box.rad img{
	border-radius:100%;
}
@media screen and (max-width: 767px) {
	.list.box.rad figure{width:70px;top:5px;}
	.list.box.rad figure + p{padding-left:80px;}
}
/*-------------------------spbox(list + box + spbox)*/
.list.box.spbox p{
	display:block;
	padding-bottom:0;
	min-height:auto;
}
@media screen and (max-width: 767px) {
	.list.box.spbox{border:none;}
	.list.box.spbox li{display:inline-block;width:50%;vertical-align:top;}
	.list.box.spbox a{border:none;padding:15px;}
	.list.box.spbox figure{width:auto;height:auto;position:static;}
	.list.box.spbox figure + p,
	.list.box.spbox p{padding:10px 0 0 0;display:block;height:auto;}
	.list.box.spbox p strong{margin:-2px 0 2px 0;}
	.list.box.spbox.center p{text-align:center;}
	.list.box.spbox.more a p::after{display:inline-block;}
}
/*-------------------------pad10/pad15/pad20(list + box + pad10)*/
@media print, screen and (min-width: 768px) {
.list.box.pad10 a{padding:10px;}
.list.box.pad15 a{padding:15px;}
.list.box.pad20 a{padding:20px;}
}
/*-------------------------bg(list + bg/スマホにも反映)*/
.list.bg a{background:#F1F1F1;}
.list.bg a:hover{background:#E6E6E6;}
@media screen and (max-width: 767px) {
.list.bg,
.list.bg a{border:none;}
.list.bg p{padding-right:10px;padding-left:110px;}
.list.bg figure{left:10px;}
.list.bg li + li{margin-top:3px;}
}
/*-------------------------sen(list + box + sen + sen_w)*/
@media print, screen and (min-width: 768px) {
.list.box.sen a{border:1px solid rgba(0,0,0,0.3);}
}
.tx_w .list.box,.list.box.tx_w,.tx_w .list.box a,.list.box.tx_w a{border-color:#FFF;}
/*-------------------------ya(list + box + ya)*/
.list.box.ya a::before{
	content:"";
	display:block;
	width:20px;
	height:20px;
	background:url(images/ya.svg) center center no-repeat;
	position:absolute;
	right:0;
	bottom:0;
}
.tx_w .list.box.ya a::before,
.list.box.tx_w.ya a::before{
	background:url(images/ya_w.svg) center center no-repeat;
}
@media screen and (max-width: 767px) {
.list.box.ya a{padding-right:20px;}
.list.box.ya a::before{height:100%;}
}
/*-------------------------more(list + box + more)*/
.list.box.more a p::after{
	content:"詳しくはこちら";
	display:inline-block;
	color:#036eb8;
	font-size:14px;
	line-height:20px;
	padding-left:20px;
	background:url(images/ya_maru.svg) left no-repeat;
}
	.tx_w .list.box.more a::after,
	.tx_w .list.box.more a p::after,
	.list.box.tx_w.more a::after,
	.list.box.tx_w.more a p::after{color:#FFFF00;background-image:url(images/ya_maru_y.svg);}
@media screen and (max-width: 767px) {
	.list.box.more a p::after{font-size:10px;display:block;padding-left:13px;background-size:10px;}
}
/*-------------------------line(list + box + line)*/
@media print, screen and (min-width: 768px) {
	.list.box.line2 p{min-height:5.2rem;}
	.list.box.line3 p{min-height:8rem;}
	.list.box.line4 p{min-height:10.5rem;}
	.list.box.line5 p{min-height:13.1rem;}
}


/*faq
-----------------------------------------------------------------------------------------*/
.faq > div{
	border-bottom:1px solid #333;
}
.faq .q,
.faq .a{
	position:relative;
	padding:10px 10px 10px 70px;
}
.faq .q::before,
.faq .a::before{
	content:"Q";
	display:block;
	width:50px;
	font-size:30px;
	line-height:50px;
	text-align:center;
	position:absolute;
	top:10px;
	left:10px;
	font-weight:normal;
	font-family:arial;
}
.faq .a::before{
	content:"A";
}
.faq .q{
	background:url(images/ya_b.svg) right 15px top 15px no-repeat;
	padding-right:70px;
}
.faq .q p,
.faq .a p{
	height:50px;
	width:100%;
	display: table-cell;
	vertical-align: middle;
}
.faq .q.open{
	background-image:url(images/ya_t.svg);
}
.faq .q.open,
.faq .q:hover{
	background-color:#E6E6E6;
}
@media screen and (max-width: 767px) {
	.faq .q,.faq .a{padding-left:50px;}
	.faq .q{background-size:25px;padding-right:25px;background-position:right;}
	.faq .q::before,.faq .a::before{width:40px;font-size:25px;line-height:40px;top:5px;left:5px;}
	.faq .q p,.faq .a p{height:30px;}
}
/*-------------------------A(faq + A)*/
.faq.A > div{
	border:1px solid #333;
	margin:10px 0;
}
.faq.A .q::before,
.faq.A .a::before{
	background:#000;
	color:#FFF;
}
/*-------------------------B(faq + B)*/
.faq.B > div{
	border-bottom:1px dashed #333;
}
.faq.B .q::before,
.faq.B .a::before{
	background:none;
	color:#000;
	border:2px solid #000;
	border-radius:100%;
}
@media screen and (max-width: 767px) {
	.faq.B .q::before,.faq .a::before{width:36px;line-height:36px;left:3px;}
}


/*btn (aタグ)
-----------------------------------------------------------------------------------------*/
.btn{
	display:block;
	width:360px;
	padding:0.8em;
	background:#666 right no-repeat;
	color:#FFF;
	margin:20px auto 0 auto;
	text-align:center;
	border-radius:5px;
	font-weight:bold;
}
.btn:hover{
	opacity:0.75;
}
@media screen and (max-width: 767px) {
	.btn{width:300px;margin:10px auto 0 auto;}
}
/*-------------------------toi*/
.btn.toi{
	padding:0.6em;
	background-image:url(images/mail_w.svg);
	background-position:calc(50% - 5em) center;
	background-repeat:no-repeat;
	padding-left:2.5em;
	font-size:1.2em;
}
.btn.toi.push{
	padding-top:0.6em;
	padding-bottom:0.8em;
}
.btn.toi.tx_k,
.btn.toi.sen{
	background-image:url(images/mail_k.svg);
}
span.toi{
	background:url(images/mail_k.svg) left no-repeat;
	background-size:1em;
	padding-left:1.2em;
}
/*-------------------------tel*/
.btn.tel{
	padding:0.33em;
	background-image:url(images/tel_w.svg);
	background-position:calc(50% - 4.1em) center;
	background-repeat:no-repeat;
	padding-left:2em;
	font-size:1.5em;
}
.btn.tel.tx_k,
.btn.tel.sen{
	background-image:url(images/tel_k.svg);
}
.btn.tel.push{
	padding-top:0.33em;
	padding-bottom:0.53em;
}
.tel.tx_w{
	background:url(images/tel_w.svg) left no-repeat;
}
span.tel{
	background:url(images/tel_k.svg) left no-repeat;
	background-size:1em;
	padding-left:1.2em;
}
/*-------------------------ya_w*/
.btn.ya_w{
	background-image:url(images/ya_w.svg);
}
/*-------------------------ya_k*/
.btn.ya_k{
	background-image:url(images/ya_k.svg);
}
/*-------------------------push*/
.btn.push{
	box-shadow: 0 -4px rgba(0,0,0,0.3) inset;
	position:relative;
	padding-top:0.7em;
	padding-bottom:0.9em;
}
.btn.push:hover{
	opacity:1;
	box-shadow:none;
	top:2px;
	box-shadow: 0 -1px rgba(0,0,0,0.3) inset;
}
/*-------------------------kage*/
.btn.kage{
	box-shadow: 0 3px rgba(0,0,0,0.2);
	position:relative;
}
.btn.kage:hover{
	opacity:1;
	box-shadow:none;
	top:3px;
}
/*-------------------------sen*/
.btn.sen{
	border:2px solid #000;
	background-color:#FFF;
	color:#000;
}
.btn.sen:hover{
	opacity:1;
	background-color:#E6E6E6;
}
/*-------------------------mor*/
.btn.mor{
	background: #F1F1F1;
	box-shadow: -5px -5px 15px #FFF, 5px 5px 10px rgba(0,0,0,0.3);
	transition: all 0.2s ease-in-out;
}
.btn.mor:hover{
	opacity:1;
	box-shadow: -2px -2px 3px #FFF, 2px 2px 3px rgba(0,0,0,0.3);
}

/*area
-----------------------------------------------------------------------------------------*/
.area{
	position:relative;
	padding-top:60px;
	padding-bottom:60px;
}
.area article .area:last-child{
	margin-bottom:-60px;
}
.area::before{
	content:"";display:block;
	position:absolute;
	width:100vw;
	height:100%;
	top:0;
	z-index:-1;
	left:50%;
	margin-left:-50vw;
}
.area::after{
	display: block;
	clear: both;
	content: "";
}
.area figure img{
	display:block;
	margin:0 auto;
}
.area figure.default img + img{
	margin-top:1px;
}
@media print, screen and (max-width:1200px) and (min-width: 768px){.area::before{width:1200px;margin-left:-600px;}}
@media screen and (max-width: 767px) {
	.area{padding-top:30px;padding-bottom:30px;}
}
/*-------------------------inline*/
.area figure.inline{display:block;}
@media print, screen and (min-width: 768px) {
	.area figure.inline img{display:inline-block;margin:0 1px 0 0;}
}
/*-------------------------size*/
@media print, screen and (min-width: 768px) {
.area figure.sizeS img{max-width:240px;}
.area figure.sizeM img{max-width:400px;}
.area figure.sizeL img{max-width:1080px;}
}
/*-------------------------img/text*/
@media print, screen and (min-width: 768px) {
.area .flex .img{margin:0 0 0 30px;}
.area .flex .text{flex:1;}
.area .flex.revers .img{margin:0 30px 0 0;}
.area .flex.column .img{margin:20px auto 0 auto;}
.area .flex.column_r .img{margin:0 auto 20px auto;}
}
@media screen and (max-width: 767px) {
.area .flex,
.area .flex.revers{flex-direction: column-reverse;}
.area .flex .img{margin:0 auto 20px auto;}
.area .flex.column .img{margin:20px auto 0 auto;}
}

/*mainimg
-----------------------------------------------------------------------------------------*/
.mainimg{
	position:relative;
}
.mainimg figure img{
	min-width:100%;
}
/*-------------------------grad*/
.grad{
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
.grad::before,
.grad::after{
	position:absolute;
	display:block;
	content:"";
	width:100px;
	height:100%;
	top: 0;
	background: -moz-linear-gradient(#CCC,rgba(0,0,0,0));
	background: -webkit-linear-gradient(#CCC, rgba(0,0,0,0));
	background: linear-gradient(to right, #CCC,rgba(0,0,0,0));
}
.grad::before{
	left:0;
}
.grad_r::after,
.grad::after{
	right:0;transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
	.grad::before,
	.grad::after{display:none;}
}
/*-------------------------maincopy*/
.maincopy{
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
}
/*-------------------------bgimg*/
.mainimg.bgimg{
	background:url(../images/mainimg_pc.jpg) center;
	background-size:cover;
}
.mainimg.bgimg .flex{
	height:600px;
}
@media screen and (max-width: 767px) {
	.mainimg.bgimg{background-image:url(../images/mainimg_sp.jpg);}
	.mainimg.bgimg .flex{height:300px;}
}
/*-------------------------fadeimg*/
.mainimg.fadeimg{
	position:relative;
	overflow: hidden;
	background:none;
  }
.fadeimg .img{
	z-index:-1;
	opacity:0;
	width:100%;
	height:inherit;
	background:center center no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
	-webkit-animation:anime 24s 0s infinite;/*1start*/
	animation:anime 24s 0s infinite;
	background-image:url(../images/slide1_pc.jpg);
}
.fadeimg div:nth-of-type(2) {/*2start*/
	-webkit-animation-delay:8s;
	animation-delay:8s;
	background-image:url(../images/slide2_pc.jpg);
}
.fadeimg div:nth-of-type(3) {/*3start*/
	-webkit-animation-delay:16s;
	animation-delay:16s;
	background-image:url(../images/slide3_pc.jpg);
}
@keyframes anime {
	0% {opacity:0;}
	16% {opacity:1;}
	34% {opacity:1;}
	50% {opacity:0;transform:scale(1.1) ;z-index:-2;}
	100% {opacity:0;}
}
@media print, screen and (min-width: 768px) {
	.fadeimg{height:600px;padding:0 15px;}/*15pxはスクロールバーの幅*/
}
@media screen and (max-width: 767px) {
	.fadeimg{height:300px;}
}
/*-------------------------slides*/
.slideitem img{
	position:relative;
	width:100%;
}
.slick-dots{
	text-align:center;
}
.slick-dots li{
	display:inline-block;
	padding:10px;
	font-size:10px;
}
.slick-dots li button{
	width:10px;
	height:10px;
	border:none;
	text-indent:-9999em;
	background:#999;
	border:1px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button{
	background:#FFF;
	border:1px solid #004097;
	cursor: pointer;
}

/*parts
-----------------------------------------------------------------------------------------*/
/*-------------------------banner*/
.banner{
	margin:0 -10px;
}
.banner li{
	display:inline-block;
	padding:10px;
}
.banner a:hover img{opacity:0.8;mix-blend-mode:multiply;}
@media screen and (max-width: 767px) {
.banner{margin:0 -5px;}
.banner li{padding:5px;text-align:center;}
}
/*-------------------------flow*/
.flow{
	padding:30px 0 30px 85px;
	min-height:130px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	position:relative;
}
.flow + .flow{
	border-top:none;
}
.flow_no{
	font-size:80px;
	width:80px;
	text-align:center;
	font-weight:bold;
	position:absolute;
	font-family:sans-serif;
	left:0;
	top:0;
}
@media screen and (max-width: 767px) {
	.flow{padding:15px 0;}
	.flow_no{font-size:45px;line-height:1.25;width:auto;position:static;margin:0 auto;}
}
/*-------------------------sitemap*/
.sitemap{
	border-bottom:1px solid #CCC;
}
.sitemap .accordion{
	display:block;
}
.sitemap li a{
	display:block;
	padding:8px 12px;
}
.sitemap > li > a{
	background:#044475 url(images/ya_w.svg) right no-repeat;
	color:#FFF;
	margin-top:1px;
}
.sitemap > li > a:hover{
	background-color:#666;
}
.sitemap > li > ul > li + li{
	border-top:1px solid #CCC;
}
.sitemap > li > ul > li > a{
	background:url(images/ya.svg) right no-repeat;
}
.sitemap > li > ul > li > a:hover{
	background-color:#DDDDD0;
}
.sitemap > li > ul > li > ul > li{
	display:inline-block;
}
.sitemap > li > ul > li > ul > li a{
	text-decoration:underline;
	white-space:nowrap;
	padding:4px 0 12px 0;
	margin-left:24px;
}
.sitemap > li > ul > li > ul > li a:hover{
	text-decoration:none;
}
.sitemap > li > ul > li > ul > li > ul{
	display:none;
}


/*etc
-----------------------------------------------------------------------------------------*/
/*-------------------------acbtn*/
.acbtn{
	background:#E6E6E6 url(images/ya_b.svg) right no-repeat;
	padding:5px 40px 5px 10px;
}
.acbtn:hover{
	opacity:0.5;
}
.acbtn.open{
	background-image:url(images/ya_t.svg);
}
.acbtn.bg_k{
	background-image:url(images/ya_b_w.svg);
}
.acbtn.bg_k.open{
	background-image:url(images/ya_t_w.svg);
}
/*-------------------------googlemap*/
.googlemap iframe{
	vertical-align:bottom;
	width:100%;
	min-width:100%;
}
@media print, screen and (min-width: 768px) {
	.googlemap iframe{height:600px;}
}
@media screen and (max-width: 767px) {
	.googlemap iframe{height:400px;}
}
/*-------------------------linkfile*/
.linkfile a::before,
a .linkfile::after{
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	margin:-3px 3px 0 3px;
}
.linkfile a[href$='.pdf']::before,
a[href$='.pdf'] .linkfile::after{
	content:"";
	background:url(images/icon_pdf.png);
}
.linkfile a[href$='.xls']::before,
.linkfile a[href$='.xlsx']::before,
a[href$='.xls'] .linkfile::after,
a[href$='.xlsx'] .linkfile::after{
	content:"";
	background:url(images/icon_excel.png);
}
.linkfile a[href$='.docx']::before,
.linkfile a[href$='.doc']::before,
a[href$='.docx'] .linkfile::after,
a[href$='.doc'] .linkfile::after{
	content:"";
	background:url(images/icon_word.png);
}
/*-------------------------ol*/
ol li{
	font-size:inherit;
	list-style-type:decimal;
	margin-left:1.5em;
	margin-bottom:0.5em;
}
ol li:last-child{
	margin-bottom:0;
}
/*-------------------------dot*/
.dot li{
	font-size:inherit;
	margin-left:1.5em;
	margin-bottom:0.5em;
}
.dot li:before{ 
	display:inline-block; 
	content:'';
	width:0.75em;
	height:0.75em;
	background:rgba(0,0,0,0.3);
	border-radius:50%;
	margin-left:-1.1em;
	margin-right:0.35em;
}
.dot.tx_w li:before{ 
	background:rgba(255,255,255,0.7);
}
.dot li:last-child{
	margin-bottom:0;
}
/*-------------------------kome(used / p / ul / ol)*/
.kome{
	font-size:1.4rem;
}
.kome li{
	font-size:inherit;
}
p.kome,
.kome li{
	margin-left:1em;
	text-indent: -1em;
	list-style-type:none;
	margin-bottom:0.5em;
}
p.kome:before,
.kome li:before {
	content: "※";
	font-family:sans-serif;
}
ol.kome{
	counter-reset: number;
}
ol.kome li{
	margin-left:2em;
	text-indent:-2em;
}
ol.kome li:before {
	counter-increment: number;
	content: "※"counter(number)" ";
}
/*-------------------------big*/
.big{
	font-size:2em;
	margin-right:0.2em;
}
/*-------------------------no*/
.no{
	float:left;
	width:2em;
	line-height:2em;
	background:#000;
	color:#FFF;
	text-align:center;
	margin-right:0.5em;
}
.tx_belt .no{
	margin-top:-0.25em;
	margin-bottom:-0.25em;
	margin-left:-0.8em;
	background:none;
	border-right:1px solid #FFF;
}
.tx_line .no{
	margin-top:-0.2em;
}
/*-------------------------new*/
.new{
	position:relative;
}
.new::before{
	content:"NEW";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:3em;
	background:red;
	color:#FFF;
	text-align:center;
	z-index:1;
}
/*-------------------------mor1*/
.mor1{
	background: #F1F1F1;
	box-shadow: 5px 5px 20px #c8c9cc,
	-5px -5px 20px #ffffff;
}
/*-------------------------mor2*/
.mor2{
	background: #F1F1F1;
	box-shadow: inset 9.91px 9.91px 15px #D9DADE, inset -9.91px -9.91px 15px #FFFFFF;
}