@charset "utf-8";

/*画像右クリック禁止*/
img {
}

html, body {
	width: 100%;
}
body {
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	/*font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;*/
	font-size: 18px;
	line-height: 1.8;
	color: #222;
}
@media screen and (max-width:1023px) {
	body {
		font-size: 16px;
	}
}
@media screen and (max-width:959px) {
}
@media screen and (max-width:848px) {
	body {
		font-size: 14px;
		line-height: 1.5;
	}
}
@media screen and (max-width:640px) {
	body {
		font-size: 12px;
	}
}
@media screen and (max-width:480px) {
}

#wrap {
	overflow: hidden;
	min-width: 320px;
}

/* clearfix */
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

li {
	list-style-type: none;
}
img {
	box-sizing: content-box;
	vertical-align: bottom;
}
a {
	display: inline-block;
}
a:link {
	color: #09C;
}
a:visited {
	color: #000080;
}
a:hover {
	color: #C42649;
}
a:active {
	color: #C42649;
}
a:focus {
	outline: none;
}
area:focus {
	outline: none;
}
a img:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

@media screen and (min-width:961px) {
	a[href^="tel:"] {
		cursor: default;
	    pointer-events: none;
	}
}
/*a[href$=".pdf"] {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}
a[href$=".pdf"]:after {;
	position: absolute;
	content:  url(../img/common/icon01.jpg);
	top: -2px;
	right: 0px;
}
a[href$=".docx"] {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}
a[href$=".docx"]:after {;
	position: absolute;
	content:  url(../img/common/icon02.jpg);
	top: -2px;
	right: 0px;
}
a[href$=".doc"] {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}
a[href$=".doc"]:after {;
	position: absolute;
	content:  url(../img/common/icon02.jpg);
	top: -2px;
	right: 0px;
}
a[href$=".xlsx"] {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}
a[href$=".xlsx"]:after {;
	position: absolute;
	content:  url(../img/common/icon03.jpg);
	top: -2px;
	right: 0px;
}
a[href$=".xls"] {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}
a[href$=".xls"]:after {;
	position: absolute;
	content:  url(../img/common/icon03.jpg);
	top: -2px;
	right: 0px;
}
.dot0 li {
	position: relative;
	padding-left: 1.5em;
}
.dot0 li:before {
	position: absolute;
    content: url(../img/dot.png);
	top: 0;
	left: 0.25em;
}
.asterisk0 li {
	position: relative;
	padding-left: 1em;
}
.asterisk0 li:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 0;
}
.number0 {
	counter-reset: number 0;
}
.number0 li {
	position: relative;
	padding-left: 1.5em;
}
.number0 li:before {
	position: absolute;
	counter-increment: number 1;
	content: counter(number) ".";
	top: 0;
	left: 0.25em;
}
*/

.clear {
	clear: both;
}
.pr {
	position: relative;
}
.ta_fix {
	table-layout: fixed;
}
.strikethrough {
	text-decoration: line-through;
	color: #999;
}
.suptext {
	display: inline;
	position: relative;
	font-size: 8px;
	top: -1ex;
}
.acc {
	display: none;
}

/* mobile */
p {
	max-height: 100%;
}
li {
	max-height: 100%;
}
dt {
	max-height: 100%;
}
dd {
	max-height: 100%;
}
body {
    -webkit-text-size-adjust: 100%;
}

/* pankuzu */
.pan00_ {
	overflow: hidden;
}
#pankuzu {
	overflow: hidden;
	float: right;
	margin: 0 auto;
	padding: 8px 4px;
}
#pankuzu .pan00 {
	float: right;
}
#pankuzu div {
	float: left;
	padding-right: 5px;
	line-height: 12px;
}
#pankuzu div a {
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	color: #333;
}
#pankuzu div a:hover {
	text-decoration: underline;
}
#pankuzu div.pan01 {
	padding-right: 28px;
	background-image: url(../img/common/pan01.png);
	background-size: 22px 12px;
	background-repeat: no-repeat;
	background-position: right 0px;
	font-size:12px;
	line-height:12px;
}
#pankuzu div.pan02 {
	padding-left: 12px;
	background-image: url(../img/common/pan02.png);
	background-size: 6px 10px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-size:12px;
	line-height:12px;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 40px;
	right: 24px;
	border-radius: 16px;
	-webkit-box-shadow:rgba(64, 64, 64, 0.1803922) 3px 3px 3px 0px;
	-moz-box-shadow:rgba(64, 64, 64, 0.180392) 3px 3px 3px 0px;
	box-shadow:rgba(64, 64, 64, 0.180392) 3px 3px 3px 0px;
}
@media screen and (max-width:959px) {
	#page-top {
		display: none;
	}
}
#page-top a {
	display: block;
	position: relative;
	padding: 36px 0px 20px 0px;
	width: 100px;
	border-radius: 16px;
	background: #F00;
	text-decoration: none;
	text-align: center;
	line-height: 18px;
	color: #fff;
}
#page-top a:hover {
	background: #C00;
}
#page-top a:after{
	display: block;
	position: absolute;
	top: 20px;
	left: 45px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotation(315deg);
	transform: rotate(315deg);
	content: "";
}

/* page-top */

/* page-top */
#fnav_up {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.fnav_up01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.fnav_up01 li {
	flex: 0 0 15%;
	text-align: center;
}
.fnav_up01 li a img {
	max-width: 178px;
	width: 100%;
	height: auto;
}

/*drawer*/
#drawer {
	display: none;
}
@media screen and (max-width:959px) {
	#drawer {
		display: block;
	}
	.drawer01 {
		overflow: hidden;
		margin: 80px 0 12px;
		padding: 0px 8px;
	}
	.drawer01 li {
		margin-bottom: 12px;
	}
	.drawer01 li:nth-child(odd) {
		float: right;
		width: 48%;
	}
	.drawer01 li:nth-child(even) {
		float: left;
		width: 48%;
	}
	.drawer01 li:first-child {
		float: none;
		width: 100%;
	}
	.drawer01 li a {
		display: block;
		padding: 12px 0px;
		border: 1px solid #999;
		border-radius: 4px;
		background-color: #EEE;
		background-image: -webkit-linear-gradient(top, #F9F9F9, #EEE);
		background-image: linear-gradient(to bottom, #F9F9F9, #EEE);
		box-shadow: 0px 1px 1px rgba(000,000,000,0.2);
		text-decoration: none;
		text-align: center;
		line-height: 1.2;
		color: #333;
	}
}

/* common */
#wrap {
	background-color: #00A0E9;
}
.wrap01 {
	background-color: #000;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
}
#head {
	padding: 0 64px;
	background-color: #FFF;
}
@media screen and (max-width:1023px) {
	#head {
		padding: 0 32px;
	}
}
@media screen and (max-width:959px) {
	#head {
		padding: 0 16px;
	}
}
.head01_ {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 4px 0;
}
.head01 {
	flex: 0 0 158px;
}
@media screen and (max-width:640px) {
	.head01 {
		flex: 0 0 100%;
		text-align: center;
	}
}
.head01 img {
	width: 100%;
	height: auto;
}
@media screen and (max-width:640px) {
	.head01 img {
		width: 60%;
	}
}
.head02 {
	flex: 0 0 calc(100% - 320px);
	max-width: calc(100% - 320px);
	align-self: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
@media screen and (max-width:1280px) {
	.head02 {
		font-size: 16px;
	}
}
*::-ms-backdrop, .head02 {
	flex: 0 0 60%;
	max-width: 60%;
}
@media screen and (max-width:959px) {
	.head02 {
		display: none;
	}
}
.head02 li {
	text-align: center;
}
.head02 li a {
	text-decoration: none;
	color: #00A0E9;
}
.head02 li a:hover {
	color: #F00;
}
.head02 li a i {
	padding-right: 4px;
}
.head02 li a.head02_01 {
	color: #CCC;
}
#main {
	padding-bottom: 24px;
}
.main01 {
	margin: 0 64px;
	padding: 48px 32px 64px;
	border-radius: 12px;
	background-color: #FFF;
}
@media screen and (max-width:1023px) {
	.main01 {
		margin: 0 32px;
	}
}
@media screen and (max-width:959px) {
	.main01 {
		margin: 0 16px;
	}
}
@media screen and (max-width:640px) {
	.main01 {
		margin: 0 6px;
		padding: 32px 16px 24px;
	}
}
.main02 {
	text-align: center;
	text-shadow: 2px 2px 3px #333;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 2em;
	font-style: italic;
	line-height: 3;
	color: #FFF;
	letter-spacing: 2px;
}
.main03 {
	background-image: url(../img/image/goods01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	text-align: center;
	text-shadow: 2px 2px 3px #004F75;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 2em;
	font-style: italic;
	line-height: 3;
	color: #00A0E9;
	letter-spacing: 2px;
}
#foot {
	padding: 0 64px;
	background-color: #FFF;
}
@media screen and (max-width:1023px) {
	#foot {
		padding: 0 32px;
	}
}
@media screen and (max-width:959px) {
	#foot {
		padding: 0 16px;
	}
}
@media screen and (max-width:640px) {
	#foot {
		padding: 0 6px;
	}
}
.foot01_ {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.foot01 {
	flex: 0 0 30%;
	align-self: center;
}
@media screen and (max-width:640px) {
	.foot01 {
		flex: 0 0 40%;
		margin: 0 auto 8px;
	}
}
.foot01 img {
	width: 100%;
	height: auto;
}
.foot02_ {
	flex: 0 0 65%;
	align-self: center;
	border-radius: 16px;
	background-color: #DFF4FF;
}
@media screen and (max-width:640px) {
	.foot02_ {
		flex: 0 0 100%;
	}
}
.foot02 {
	padding: 24px;
}
@media screen and (max-width:640px) {
	.foot02 {
		padding: 8px 8px 4px;
	}
}
.foot02 dt {
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4;
	color: #00A0E9;
}
.foot02 dd {
	padding-bottom: 8px;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4;
}
.foot02_01 {
	text-align: center;
}
.foot02_01 li {
	display: inline-block;
	position: relative;
	padding-right: 1em;
}
.foot02_01 li a {
	text-decoration: none;
	color: #333;
}
.foot02_01 li a:hover {
	text-decoration: underline;
	color: #F00;
}
.foot02_01 li:not(:last-child):after {
	position: absolute;
	content: "、";
	top: 0px;
	right: 0px;
}
.foot02_02 {
	display: inline-block;
}
.foot03 {
	position: relative;
	padding: 6px 0 2px 1em;
	font-size: 0.75em;
}
.foot03:before {
	position: absolute;
	content: "※";
	top: 6px;
	left: 0px;
}
.fcopy {
	padding: 2px 0;
	background-color: #000;
	text-align: center;
	line-height: 1;
}
.fcopy small {
	text-decoration: none;
	font-size: 0.75em;
	color: #FFF;
}
.fcopy small span {
	display: inline-block;
}
.title01 {
	padding: 0 0 28px;
	text-align: center;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 1;
	letter-spacing: 2px;
}
@media screen and (max-width:480px) {
	.title01 {
		padding: 0 0 16px;
		font-size: 2em;
		letter-spacing: 1px;
	}
}
.title01 span {
	display: block;
	padding-top: 6px;
	text-align: center;
	font-size: 0.60em;
	line-height: 1;
	color: #00A0E9;
	letter-spacing: 0;
}
.title02 {
	box-sizing: border-box;
	position: relative;
	padding: 0.2em 0.75em;
	border: dashed 2px white;
	background: #00A0E9;
	box-shadow: 0px 0px 0px 5px #00A0E9;
	margin-bottom: 20px;
	color: #FFF;
	letter-spacing: 1px;
}
.title02:after{
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.title03 {
	position: relative;
	margin-bottom: 16px;
	padding: 0.2em 0.75em;
	background: #e0edff;
	border-radius: 8px;
	letter-spacing: 1px;
}
.title03:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
	width: 0;
	height: 0;
}
.title04 {
    position: relative;
	z-index: 1;
	margin: 2em 0 0;
	padding: 1.5em 0 1em 1.5em;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.title04:before {
	position: absolute;
	z-index: -1;
	top: -1.5em;
	left: 1.5em;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 5em 3em;
	border-color: transparent transparent #A4E1FF transparent;
	transform: rotate(45deg);
}
.title05 {
	position: relative;
	z-index: 1;
	margin: 2em 0 0;
	padding: 1.5em 0 1em 1.5em;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.title05:before {
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	content: '';
	height: 3.5em;
	width: 3.5em;
	border-radius: 50%;
	background-color: #A4E1FF;
}

/* index */
.inde01_2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	padding: 0 64px;
}
@media screen and (max-width:1023px) {
	.inde01_2 {
		padding: 0 32px;
	}
}
@media screen and (max-width:959px) {
	.inde01_2 {
		padding: 0 16px;
	}
}
@media screen and (max-width:640px) {
	.inde01_2 {
		padding: 0 6px;
	}
}
.inde01_ {
	flex: 0 0 50%;
	align-self: center;
	padding: 24px 0;
}
@media screen and (max-width:640px) {
	.inde01_ {
		flex: 0 0 100%;
	}
}
.inde01 {
	padding-bottom: 24px;
	text-align: center;
	line-height: 0;
}
@media screen and (max-width:959px) {
	.inde01 {
		padding-bottom: 20px;
	}
}
@media screen and (max-width:640px) {
	.inde01 {
		display: none;
	}
}
.inde01 img {
	width: 100%;
	height: auto;
}
.inde02 {
	padding-bottom: 8px;
	text-align: center;
	line-height: 0;
}
@media screen and (max-width:640px) {
	.inde02 {
		padding-bottom: 4px;
	}
}
.inde02 img {
	width: 90%;
	height: auto;
}
.inde02 span {
	display: block;
	line-height: 0;
}
.inde02_02 {
	padding: 0.5em 0 1em;
	text-align: center;
	line-height: 1;
}
.inde02_02 img {
	max-width: 240px;
	width: 45%;
	height: auto;
}
.inde03 {
	text-align: center;
	line-height: 0;
}
.inde03 img {
	width: 40%;
	height: auto;
}
.inde03_ {
	display:none;
}
@media screen and (max-width:640px) {
	.inde03_ {
		display: block;
		margin-top: 1em;
		text-align: center;
	}
	.inde03_ a {
		display: inline-block;
		position: relative;
		padding: 0.5em 3.5em 0.5em 2em;
		border-radius: 1em;
		background-color: #F00;
		background-image: -moz-linear-gradient(#F00, #900);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#F00), to(#900));
		background-image: linear-gradient(#F00, #900);
		text-decoration: none;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.2em;
		color: #FFF;
	}
	.inde03_ a:after {
		position: absolute;
		font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
		content: '\f101';
		top: 0.5em;
		right: 2em;
		font-weight: 900;
	}
}
.inde03_2 {
	padding-bottom: 8px;
	text-align: center;
	line-height: 0;
}
@media screen and (max-width:640px) {
	.inde03_2 {
		padding-bottom: 4px;
	}
}
.inde03_2 img {
	max-width: 564px;
	width: 100%;
	height: auto;
}
@media screen and (max-width:640px) {
	.inde03_2 a {
		width: 90%;
	}
}
.inde04 {
	flex: 0 0 40%;
	align-self: center;
}
@media screen and (max-width:640px) {
	.inde04 {
		flex: 0 0 80%;
		padding-top: 24px;
	}
}
.inde04 img {
	width: 100%;
	height: auto;
}
.inde05 {
	max-width: 960px;
	margin: 0 auto 80px;
	background-image: url(../img/index/index01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
@media screen and (max-width:640px) {
	.inde05 {
		margin-bottom: 32px;
	}
}
.inde05 dt {
	padding: 40px 0 4px;
	text-align: center;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.75em;
}
@media screen and (max-width:640px) {
	.inde05 dt {
		font-size: 1.5em;
	}
}
.inde05_01 {
	margin: 0 auto;
	padding: 0 64px 16px;
}
@media screen and (max-width:848px) {
	.inde05_01 {
		padding: 0 32px 16px;
	}
}
.inde05_01 ul li {
	position: relative;
}
.inde05_02 {
	position: absolute;
}
@media screen and (max-width:640px) {
	.inde05_02 {
		position: static;
	}
}
.inde05_03 {
	display: inline-block;
	padding-left: 6.5em;
}
@media screen and (max-width:640px) {
	.inde05_03 {
		display: block;
		padding-bottom: 4px;
		padding-left: 0;
	}
}
.inde05_04 {
	max-width: 240px;
	margin: 0 auto;
	padding: 0 0 32px;
}
@media screen and (max-width:640px) {
	.inde05_04 {
		max-width: 160px;
	}
}
.inde05_04 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.inde05_04 ul li {
	flex: 0 0 25%;
}
.inde05_04 ul li img {
	width: 100%;
	height: auto;
}
.inde06_ {
	max-width: 960px;
	margin: 0 auto 80px;
}
@media screen and (max-width:640px) {
	.inde06_ {
		margin: 0 auto  32px;
	}
}
.inde06 {
	padding-bottom: 16px;
	text-align: center;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.3em;
	line-height: 1.5;
	color: #00A0E9;
	letter-spacing: 1px;
}
@media screen and (max-width:640px) {
	.inde06 {
		padding-bottom: 8px;
		font-size: 1.2em;
		letter-spacing: normal;
	}
}
.inde07 {
	max-width: 800px;
	margin: 0 auto 16px;
	padding: 0 4px;
}
@media screen and (max-width:780px) {
	.inde07_01 {
		display: none;
	}
}
.inde08 {
}
.inde08 img {
	width: 100%;
	height: auto;
}
.inde09 {
	padding: 0 0 28px;
	text-align: center;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 1;
	letter-spacing: 2px;
}
@media screen and (max-width:480px) {
	.inde09 {
		padding: 32px 0 16px;
		font-size: 2em;
		letter-spacing: 1px;
	}
}
.inde09 span {
	display: block;
	padding-top: 6px;
	text-align: center;
	font-size: 0.60em;
	line-height: 1;
	color: #00A0E9;
	letter-spacing: 0;
}
.inde10 {
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 832px;
	margin: 0 auto;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
}
@media screen and (max-width:640px) {
	.inde10 {
		border-top: none;
		border-left: none;
	}
}
.inde10 dt {
	box-sizing: border-box;
	flex: 0 0 160px;
	max-width: 160px;
	padding: 16px 0;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background-color: #666;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #FFF;
}
*::-ms-backdrop, .inde10 dt {
	flex: 0 0 20%;
	max-width: 20%;
}
@media screen and (max-width:640px) {
	.inde10 dt {
		flex: 0 0 100%;
		max-width: 100%;
		border-right: none;
		padding: 8px 0;
	}
}
.inde10 dd {
	box-sizing: border-box;
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
	padding: 16px 24px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background-color: #DFF4FF;
	text-align: left;
	line-height: 1.5;
}
*::-ms-backdrop, .inde10 dd {
	flex: 0 0 80%;
	max-width: 80%;
}
@media screen and (max-width:640px) {
	.inde10 dd {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 12px 24px;
		border-right: none;
		border-bottom: 4px solid #FFF;
		line-height: 1.4;
	}
}
.inde10_01 {
	display: block;
	padding: 8px 0;
}
.inde10_01 a {
    position: relative;
    display: inline-block;
    padding: 0.25em 1em;
    border-radius: 4px;
    border-bottom: solid 2px #900;
    background: #F00;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
	letter-spacing: 1px;
}
.inde10_01 a:active {
    border-bottom: solid 2px #F00;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.inde10_02 {
	text-align: left;
}
.inde10_02 li {
	display: inline-block;
	position: relative;
	padding-right: 1em;
}
.inde10_02 li:not(:last-child):after {
	position: absolute;
	content: "、";
	top: 0px;
	right: 0px;
}
.inde10_02 li a {
	text-decoration: none;
	color: #333;
}
.inde10_02 li a:hover {
	text-decoration: underline;
	color: #F00;
}
@media screen and (max-width:640px) {
	.inde10_03 {
		display: none;
	}
}
.inde10_04 {
}
.inde10_04 li {
	padding-top: 4px;
	position: relative;
	padding-left: 1em;
	text-align: left;
	font-size: 0.9em;
}
.inde10_04 li:before {
	position: absolute;
	content: "※";
	top: 4px;
	left: 0px;
}
.inde10_04 li span {
	display: inline-block;
}
.inde10_05 {
	display: inline-block;
}
.inde10_06 {
	display: block;
	max-width: 95%;
	width: 36em;
	margin: 8px 0 4px;
	padding: 0.5em;
	border: 2px solid #F00;
	background-color: #FEF;
	text-align: center;
	font-weight: normal;
	font-weight: bold;
	letter-spacing: 1px;
	color: #F00;
}
.inde10_06 span {
	display: inline-block;
}
.inde11 {
	text-align: right;
	font-size: 0.8em;
	line-height: 1;
}
.inde12_ {
	margin-top: 32px;
	padding: 24px 16px 8px;
	border-radius: 8px;
	border: 12px solid #2DBBFF;
}
@media screen and (max-width:640px) {
	.inde12_ {
		border-radius: 4px;
		border: 6px solid #2DBBFF;
	}
}
.inde12 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.inde12 li {
	text-align: center;
	margin-bottom: 16px;
	align-self: center;
}
.inde12 li img {
	max-width: 240px;
	width: 100%;
	height: auto;
}
.inde12_01 {
	flex: 0 0 28%;
}
@media screen and (max-width:640px) {
	.inde12_01 {
		flex: 0 0 45%;
	}
}
.inde12_01 img {
	border: 2px solid #CCC;
}
.inde12_02 {
	flex: 0 0 28%;
}
@media screen and (max-width:640px) {
	.inde12_02 {
		flex: 0 0 100%;
	}
	.inde12 li.inde12_02 img {
		width: 60%;
	}
}
.inde01 {
	padding-bottom: 24px;
	text-align: center;
	line-height: 0;
}
@media screen and (max-width:959px) {
	.inde01 {
		padding-bottom: 20px;
	}
}
@media screen and (max-width:640px) {
	.inde01 {
		display: none;
	}
}
.inde21 {
	padding-bottom: 1.5em;
	text-align: center;
}
.inde21 iframe {
	width: 560px;
	height: 315px;
}
@media screen and (max-width:640px) {
	.inde21 iframe {
		width: 400px;
		height: 225px;
	}
}
@media screen and (max-width:480px) {
	.inde21 iframe {
		width: 320px;
		height: 180px;
	}
}
@media screen and (max-width:359px) {
	.inde21 iframe {
		width: 240px;
		height: 135px;
	}
}
.inde22 {
	max-width: 920px;
	margin: 0 auto 2em;
}
.inde22 img {
	width: 100%;
	height: auto;
}
.inde23_ {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin-bottom: 3em;
}
.inde23_2 {
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content: space-around;
	margin-bottom: 3em;
}
.inde23 {
	box-sizing: border-box;
	flex: 0 0 47%;
	max-width: 47%;
	padding: 56px 64px;
	background-image: url(../img/index/index05.jpg), url(../img/index/index06.jpg), url(../img/index/index07.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100% auto, 100% auto, 100% auto;
	background-position: left top, left bottom, left top;
}
@media screen and (max-width:848px) {
	.inde23 {
		display: none;
	}
}
/*@media screen and (max-width:848px) {
	.inde23 {
		flex: 0 0 100%;
		max-width: 520px;
		margin: 2em auto 0;
		padding: 48px 56px 56px;
	}
}
@media screen and (max-width:480px) {
	.inde23 {
		padding: 32px 40px 40px;
	}
}*/
.inde23 dt {
	text-align: center;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.5em;
	letter-spacing: 1px;
}
.inde23_01 ul li {
}
.inde23_02 {
	font-size: 0.9em;
	line-height: 1.5;
}
.inde23_03 {
	display: block;
	padding-bottom: 4px;
	font-size: 0.9em;
	line-height: 1.5;
}
.inde24_ {
	box-sizing: border-box;
	flex: 0 0 47%;
	max-width: 47%;
	padding: 56px;
	background-image: url(../img/index/index05.jpg), url(../img/index/index06.jpg), url(../img/index/index07.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100% auto, 100% auto, 100% auto;
	background-position: left top, left bottom, left top;
}
@media screen and (max-width:848px) {
	.inde24_ {
		flex: 0 0 100%;
		max-width: 520px;
		margin: 0 auto;
		padding: 48px 56px 56px;
	}
}
@media screen and (max-width:480px) {
	.inde24_ {
		padding: 32px 40px 40px;
	}
}
.inde24 {
	margin-bottom: 1.5em;
}
.inde24 dt {
	padding: 0 0 4px;
	text-align: center;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.5em;
	letter-spacing: 1px;
}
.inde24 dt i {
	padding-left: 0.2em;
	color: #1DA1F2;
}
.inde24 dd {
	overflow: scroll;
	overflow-x: hidden;
	height: 320px;
}
.inde24 dd.inde24_01 {
	height: 400px;
}
@media screen and (max-width:848px) {
	.inde24 dd {
		height: 200px;
	}
	.inde24 dd.inde24_01 {
		height: 200px;
	}
}
.inde25 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 240px;
	margin: 0 auto;
}
@media screen and (max-width:640px) {
	.inde25 {
		max-width: 200px;
	}
}
@media screen and (max-width:480px) {
	.inde25 {
		max-width: 160px;
	}
}
.inde25 li {
	flex: 0 0 25%;
}
.inde25 li img {
	width: 100%;
	height: auto;
}
.inde26 {
	box-sizing: border-box;
	flex: 0 0 47%;
	max-width: 47%;
	padding: 56px 64px;
	background-image: url(../img/index/index05.jpg), url(../img/index/index06.jpg), url(../img/index/index07.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100% auto, 100% auto, 100% auto;
	background-position: left top, left bottom, left top;
}
@media screen and (max-width:848px) {
	.inde26 {
		flex: 0 0 100%;
		max-width: 520px;
		margin: 0 auto 2em;
		padding: 48px 56px 56px;
	}
}
@media screen and (max-width:480px) {
	.inde26 {
		padding: 32px 40px 40px;
	}
}
.inde26 dt {
	text-align: center;
}
.inde26 dt img {
	max-width: 480px;
	width: 60%;
	height: auto;
}
.inde26_01 {
	padding: 1em 0;
	font-size: 0.9em;
	line-height: 1.5;
}
.inde26_01_1 {
	display: block;
	text-align: right;
}
.inde26_02 {
	padding-bottom: 0.8em;
}
.inde26_02 li {
	overflow: hidden;
}
.inde26_03 {
	display: block;
	float: left;
	padding: 0 1em;
	margin-top: 0.2em;
	border-radius: 4px;
	background-color: #00A0E9;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #FFF
}
.inde26_04 {
	display: block;
	padding-left: 4em;
	text-align: left;
	font-size: 0.9em;
}
.inde26_05 {
	display: inline-block;
	padding-left: 0.5em;
}
.inde26_06 {
}
.inde26_06 iframe {
	width: 100%;
	height: 160px;
}
.inde27_ {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 32px;
}
.inde27 {
	flex: 0 0 48%;
	align-self: center;
	width:100%;              /*横幅いっぱいにwidthを指定*/
	padding-bottom: 27.0816%;  /*高さをpaddingで指定(16:9)*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
}
@media screen and (max-width:848px) {
	.inde27 {
		flex: 0 0 90%;
		max-width: 90%;
		margin: 3em auto;
		padding-bottom: 50.625%;
	}
}
.inde27 iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.inde28_ {
	box-sizing: border-box;
	flex: 0 0 48%;
	max-width: 48%;
	align-self: center;
	padding: 24px 16px 8px;
	border-radius: 8px;
	border: 12px solid #2DBBFF;
}
@media screen and (max-width:848px) {
	.inde28_ {
		flex: 0 0 90%;
		max-width: 90%;
		margin: 0 auto;
		border-radius: 4px;
		border: 6px solid #2DBBFF;
	}
}
.inde28 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.inde28 li {
	text-align: center;
	margin-bottom: 16px;
	align-self: center;
}
.inde28 li img {
	max-width: 240px;
	width: 100%;
	height: auto;
}
.inde28_01 {
	flex: 0 0 45%;
}
.inde28_01 img {
	border: 2px solid #CCC;
}
.inde28_02 {
	flex: 0 0 100%;
}
.inde28 li.inde12_02 img {
	width: 60%;
}
.inde29_ {
	margin: 1em 1em 4em;
	padding: 1em 2em 2em;
	background-image: url(../img/index/index20.jpg);
}
@media screen and (max-width:640px) {
	.inde29_ {
		margin: 0 0 4em;
	}
}
.inde29 {
	margin-bottom: 1em;
	text-align: center;
}
.inde29 img {
	max-width: 800px;
	width: 100%;
	height: auto;
}
.inde30_2 {
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content: space-between;	
}
.inde30_ {
	flex: 0 0 48%;
	align-self: center;
}
@media screen and (max-width:848px) {
	.inde30_ {
		flex: 0 0 100%;
		align-self: center;
	}
}
.inde30 {
	font-size: 0.9em;
	line-height: 1.5;
	color: #FFF;
}
.inde30_01 {
	display: block;
	text-align: right;
}
.inde30_01 a {
	color: #FFF;
}
.inde30_01 a:hover {
	color: #F00;
}
.inde31 {
	margin: 1em 0 0.8em;
}
.inde31 li {
	overflow: hidden;
	padding-top: 0.1em;
	color: #FFF;
}
.inde31_01 {
	display: block;
	float: left;
	padding: 0 1em;
	margin-top: 0.2em;
	border-radius: 4px;
	background-color: #00A0E9;
	font-size: 0.8em;
	line-height: 1.5em;
}
.inde31_02 {
	display: block;
	padding-left: 4em;
	text-align: left;
	font-size: 0.9em;
}
.inde31_03 {
	display: inline-block;
}
.inde32 {
}
.inde32 iframe {
	width: 100%;
	height: 160px;
}
.inde33 {
	flex: 0 0 48%;
	align-self: center;
	text-align: center;
}
@media screen and (max-width:848px) {
	.inde33 {
		flex: 0 0 100%;
		margin-top: 1em;
	}
}
.inde33 img {
	max-width: 640px;
	width: 100%;
	height: auto;
}
@media screen and (max-width:848px) {
	.inde33 img {
		width: 90%;
	}
}
.inde34_ {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 2em 0 3em;
}
@media screen and (max-width:848px) {
}
.inde34 {
	flex: 0 0 48%;
	align-self: center;
	width:100%;              /*横幅いっぱいにwidthを指定*/
	padding-bottom: 27.0816%;  /*高さをpaddingで指定(16:9)*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
	margin: 0 0 2.5em;
}
@media screen and (max-width:848px) {
	.inde34 {
		flex: 0 0 90%;
		max-width: 90%;
		margin: 0 auto 2.5em;
		padding-bottom: 50.625%;
	}
}
.inde34 iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.inde35 {
	flex: 0 0 100%;
	text-align: center;
}
.inde35 img {
	max-width: 960px;
	width: 100%;
	height: auto;
}

/* highlight */
.high01 {
	background-image: url(../img/image/highlight01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	text-align: center;
	text-shadow: 2px 2px 3px #004F75;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 2em;
	font-style: italic;
	line-height: 3;
	color: #00A0E9;
	letter-spacing: 2px;
}
.high02 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin-top: 1em;
	margin-bottom: 4em;
}
@media screen and (max-width:848px) {
	.high02 {
		display: block;
		overflow: hidden;
	}
}
.high02_01 {
	flex: 0 0 30%;
	align-self: center;
	font-size: 0.9em;
}
@media screen and (max-width:848px) {
	.high02_01 {
		float: right;
		width: 40%;
		padding-left: 1.5em;
		text-align: right;
	}
}
.high02_01 img {
	width: 100%;
	height: auto;
}
.high02_02 {
	flex: 0 0 60%;
	align-self: center;
}
.high02_03 {
	display: block;
	margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 1.5;
}
.high03 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin-top: 1em;
}
.high03_01 {
	flex: 0 0 45%;
	font-size: 0.9em;
}
@media screen and (max-width:640px) {
	.high03_01 {
		flex: 0 0 100%;
		font-size: 0.9em;
	}
}
.high03_02 {
	position: relative;
	margin-bottom: 1.5em;
	padding: 0.5em 1em;
	background: #00A0E9;
	color: #FFF;
}
.high03_02::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}
.high03_03 {
	width: 95%;
	margin: 0 auto 2em;
	font-size: 0.9em;
	line-height: 1.5;
}
.high03_03 img {
	display: inline-block;
	width: 100%;
	height: auto;
	padding-bottom: 0.5em;
}
.high03_04 {
	flex: 0 0 45%;
	height: 0;
	margin-bottom: 0;
	line-height: 0;
}
.high04 {
	margin-bottom: 4em;
	text-align: right;
	font-size: 0.9em;
	line-height: 1.5;
}
.high05 {
	max-width: 720px;
	margin: 0 auto 4em;;
}
.high05 li {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 1em;
}
.high05_01 {
	display: block;
	position: relative;
	flex: 0 0 10%;
	padding: 0.3em 0.1em;
	background-color: #00A0E9;
	background-image: url(../img/highlight/highlight02.jpg);
	background-size: 101% 16px;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5;
	color: #FFF;
}
.high05_02 {
	display: block;
	flex: 0 0 22%;
	align-self: center;
}
.high05_02 img {
	max-width: 240px;
	width: 100%;
	height: auto;
}
.high05_03 {
	box-sizing: border-box;
	flex: 0 0 64%;
	max-width: 64%;
	padding: 1em;
	border-radius: 4px;
	background-color: #ECF9FF;
}
.high05_03 dt {
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.high05_03 dt:first-letter {
	padding-right: 0.1em;
	font-size: 2em;
	color: #3899C2;
}
.high05_03 dd {
	font-size: 0.95em;
}
.high05_04 {
}
.high05_04 {
	display: inline-block;
	position: relative;
	margin-bottom: 1em;
	padding-right: 1em;
	padding-left: 25px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.high05_04:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #00A0E9;
}
.high05_04:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px #00A0E9;
}
.high05_05 {
	padding-bottom: 0.4em;
	text-align: left;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-weight: bold;
}
.high05_06 {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.5;
}
.high05_07 {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.5;
}
@media screen and (max-width:640px) {
	.high05_08 {
		display: none;
	}
}
@media screen and (min-width:641px) {
	.high05_09 {
		padding-left: 1em;
	}
}
.high06 {
	text-align: center;
}
.high06 strong {
	display: inline-block;
	position: relative;
	margin: 0.5em 0 1em;
	padding: 0 1em;
	border-bottom: solid 6px rgba(0, 160, 233, 0.6);
	border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 2.2em;
	font-style: italic;
	letter-spacing: 0.1em;
}
@media screen and (max-width:640px) {
	.high06 strong {
		letter-spacing: normal;
	}
}
@media screen and (max-width:480px) {
	.high06 strong {
		padding: 0 0.5em 0.1em;
		font-size: 1.7em;
	}
}
.high07 {
	text-align: right;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
}
.high07 span {
	font-size: 1.5em;
	letter-spacing: 0.1em;
}
@media screen and (max-width:640px) {
	.high07 span {
		font-size: 1.3em;
		letter-spacing: 1px;
	}
}
.hight08 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 3% auto;
}
.hight08 li img {
	width: 100%;
	height: auto;	
}

/* goods */
.good01 {
	background-image: url(../img/image/goods01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	text-align: center;
	text-shadow: 2px 2px 3px #004F75;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 2em;
	font-style: italic;
	line-height: 3;
	color: #00A0E9;
	letter-spacing: 2px;
}
.good02 {
	margin-bottom: 2em;
	text-align: center;
}
@media screen and (max-width:640px) {
	.good02 {
		text-align: left;
	}
}
.good02 span {
	display: block;
	padding-top: 0.5em;
	font-size: 0.9em;
	line-height: 1.4;
	color: #F00;
}
.good03 {
	padding: 0.5em 0 0.5em 1em;
	border-radius: 8px;
	border: 4px solid #00A0E9;
	text-align: left;
}
.good03 li {
	display: inline-block;
	padding-right: 1.5em;
	line-height: 2;
}
.good03 li a {
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
	text-decoration: none;
	color: #333;
}
@media screen and (min-width:481px) {
	.good03 li a {
		font-size: 0.95em;
	}
}
.good03 a:before {
	position: absolute;
	content: "\f35a";
	top: 1px;
	left: 4px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #00A0E9;
}
.good03 a:hover {
	text-decoration: underline;
	color: #F00;
}
.good04 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin-top: 1em;
}
.good04 li {
	flex: 0 0 20.5%;
	margin-bottom: 2em;
}
@media screen and (max-width:1024px) {
	.good04 li {
		flex: 0 0 26%;
	}
}
@media screen and (max-width:848px) {
	.good04 li {
		flex: 0 0 40%;
	}
}
@media screen and (max-width:480px) {
	.good04 li {
		flex: 0 0 100%;
	}
}
.good04 li:empty {
	height: 0;
	margin-bottom: 0;
	line-height: 0;
}
.good04 dt {
	position: relative;
	margin-bottom: 1em;
	padding-left: 25px;
	line-height: 1.5;
}
.good04 dt:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #00A0E9;
}
.good04 dt:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px #00A0E9;
}
.good04 dd {
	text-align: center;
}
.good04_01 {
	position: relative;
	padding-bottom: 0.5em;
}
.good04_01 img {
	max-width: 488px;
	width: 80%;
	height: auto;
}
.good04_01 img.good04_01_1 {
	position: absolute;
	top: 2px;
	right: 0;
	width: 25%;
	height: auto;
}
.good04_02 {
	line-height: 1.3;
}
.good04_02 strong {
	color: #F00;
}
.good04_03 {
	font-size: 0.95em;
	line-height: 1.3;
}
.good04_03 span {
	font-size: 0.9em;
}
.good05 {
	text-align: right;
}
.good06_ {
	max-width: 848px;
	margin: 1em auto 3em;
	padding: 0.5em 2em 2em;
	border: 6px double #75D2FF;
	background-color: #E8F8FF;
	border-radius: 3px;
}
@media screen and (max-width:848px) {
	.good06_ {
		margin: 1em 0 3em;
	}
}
@media screen and (max-width:640px) {
	.good06_ {
		padding: 1em 1em 2em;
	}
}
.good06 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
@media screen and (max-width:640px) {
	.good06 {
	justify-content: space-around;
	}
}
.good06_01 {
	position: relative;
	flex: 0 0 100%;
	padding: 10px 0;
	margin: 1em 0;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
}
.good06_01:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 50%;
	width: 150px;
	height: 64px;
	border-radius: 50%;
	border: 5px solid #00A0E9;
	border-left-color: transparent;
	border-right-color: transparent;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media screen and (max-width:640px) {
	.good06_01 {
		font-size: 22px;
	}
	.good06_01:before {
		top: -10px;
	}
}
.good06_01 strong {
	letter-spacing: 0.2em;
}
.good06_02 {
	flex: 0 0 42%;
	align-self: center;
}
@media screen and (max-width:640px) {
	.good06_02 {
		flex: 0 0 100%;
		padding-bottom: 1em;
	}
}
.good06_03 {
	box-sizing: border-box;
	flex: 0 0 26%;
	max-width: 26%;
	padding: 0.5em 0.8em 1em;
	border-radius: 8px;
	background-color: #FFF;
}
@media screen and (max-width:640px) {
	.good06_03 {
		flex: 0 0 45%;
		max-width: 45%;
	}
}
/*.good06_03 dt {
	position: relative;
	z-index: 1;
	padding: 0.5em 0 0 0.8em;
	font-size: 1.1em;
	font-weight: normal;
}
.good06_03 dt:before {
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	content: '';
	height: 2em;
	width: 2em;
	border-radius: 50%;
	background-color: #C8EDFF;
}*/
.good06_03 dt {
    position: relative;
	z-index: 1;
	padding: 1em 0 0.2em 0.7em;
	font-weight: bold;
}
.good06_03 dt:before {
	position: absolute;
	z-index: -1;
	top: -1.1em;
	left: 1em;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 4em 2em;
	border-color: transparent transparent #C8EDFF transparent;
	transform: rotate(50deg);
}
.good06_04 {
	text-align: center;
	padding-bottom: 0.2em;
}
.good06_04 img {
	max-width: 488px;
	width: 80%;
	height: auto;
}
.good06_05 {
	text-align: center;
	line-height: 1.3;
}
.good06_05 strong {
	color: #F00;
}
.good06_06 {
	text-align: center;
	font-size: 0.95em;
	line-height: 1.3;
}
.good06_06 span {
	font-size: 0.9em;
}
.good07_2 {
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto 1.5em;
}
.good07_2 li {
	box-sizing: border-box;
	flex: 0 0 32%;
	max-width: 32%;
	padding-bottom: 1.5em;
	text-align: center;
}
@media screen and (max-width:960px) {
	.good07_2 li {
		flex: 0 0 48%;
		max-width: 48%;
	}
}
@media screen and (max-width:640px) {
	.good07_2 li {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.good07_2 img {
	max-width: 440px;
	width: 100%;
	height: auto;
}
.good07_ li {
	flex: 0 0 48%;
	padding-bottom: 1.5em;
}
@media screen and (max-width:640px) {
	.good07_ li {
		flex: 0 0 100%;
	}
}
.good07_ img {
	max-width: 440px;
	width: 100%;
	height: auto;
}
.good07 {
	max-width: 920px;
	margin: 0 auto 3em;
}
.good07 dt {
	display: inline-block;
	padding: 0.5em 1em 0.3em;
	border-radius: 8px 8px 0 0;
	background-color: #F00;
	line-height: 1.2;
	color: #FFF;
}
.good07_01 {
	padding: 0.8em 0 0.2em 1em;
	border-radius: 0 8px 8px 8px;
	border: 4px solid #F00;
	text-align: left;
	background-color: #FEF;
}
.good07_01 ul li {
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	text-align: left;
	line-height: 1.5;
}
.good07_01 ul li a {
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
	text-decoration: none;
	color: #333;
}
@media screen and (min-width:481px) {
	.good07_01 ul li a {
		font-size: 0.95em;
	}
}
.good07_01 ul li a:before {
	position: absolute;
	content: "\f35a";
	top: 0;
	left: 4px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #F00;
}
.good07_01 ul li a:hover {
	color: #F00;
}
.good07_01 ul li a span {
	display: inline-block;
}
.good08_ {
	margin: 2em 1em 0;
	padding: 0.8em 1.5em 1em;
	border-radius: 8px;
	border: 4px solid #00A0E9;
	background-color: #EEFAFF;
}
.good08_ dt {
	position: relative;
	font-weight:  normal;
	margin-bottom: 1em;
	padding: 0.6em 0 0.5em 1.5em;
	text-align: left;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
@media screen and (max-width:848px) {
	.good08_ dt {
		font-size: 0.9em;
	}
}
.good08_ dt:before {
	position: absolute;
	content: '';
	transform: rotate(45deg);
	top: 0;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 1.5em 0.75em;
	border-color: transparent transparent #00A0E9 transparent;
}
.good08_ dt:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	box-sizing: border-box;
	border-top: 3px solid #00A0E9;
	border-bottom: 1px solid #00A0E9;
}
.good08_ dt span {
	display: inline-block;
}
.good08_ dd {
	overflow: hidden;
	font-size: 0.8em;
}
.good08 {
	margin: 2em 1em 0;
	padding: 0.8em 1.5em 1em;
	border-radius: 8px;
	border: 4px solid #F00;
	background-color: #FEF;
}
.good08 dt {
	position: relative;
	font-weight:  normal;
	margin-bottom: 1em;
	padding: 0.6em 0 0.5em 1.5em;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.good08 dt:before {
	position: absolute;
	content: '';
	transform: rotate(45deg);
	top: 0;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 1.5em 0.75em;
	border-color: transparent transparent #F00 transparent;
}
.good08 dt:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	box-sizing: border-box;
	border-top: 3px solid #F00;
	border-bottom: 1px solid #F00;
}
.good08 dt span {
	display: inline-block;
}
.good08 dd {
	font-size: 0.8em;
}
.good08_01 {
	padding-bottom: 0.5em;
}
.good08_01 li {
	position: relative;
	padding-left: 1.2em;
}
.good08_01 li:before {
	position: absolute;
	content: "※";
	top: 0px;
	left: 2px;
}
.good08_02 {
	display: block;
	position: relative;
	padding-bottom: 0.5em;
	padding-left: 1.2em;
}
.good08_02:before {
	position: absolute;
	content: "※";
	top: 0px;
	left: 2px;
}
.good08_03 {
	display: block;
	padding-bottom: 0.5em;
	text-align: left;
}
.good08_03_01 {
	display: inline-block;
}
.good08_04 li {
	position: relative;
	padding-left: 1.2em;
}
.good08_04 li:before {
	position: absolute;
	content: "●";
	top: 0px;
	left: 2px;
}
.good08_05 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.good08_06 {
	flex: 0 0 60%;
	align-self: center;
}
@media screen and (max-width:640px) {
	.good08_06 {
		flex: 0 0 100%;
	}
}
.good08_07 {
	flex: 0 0 36%;
	align-self: center;
	text-align: center;
}
@media screen and (max-width:640px) {
	.good08_07 {
		flex: 0 0 100%;
		padding-top: 1.5em;
	}
}
.good08_07 img {
	max-width: 100%;
	height: auto;
}
@media screen and (max-width:640px) {
	.good08_07 img {
		max-width: 80%;
	}
}
.good08_08 {
	flex: 0 0 50%;
	align-self: center;
}
@media screen and (max-width:640px) {
	.good08_08 {
		flex: 0 0 100%;
	}
}
.good08_09 {
	flex: 0 0 46%;
	align-self: center;
	text-align: center;
}
@media screen and (max-width:640px) {
	.good08_09 {
		flex: 0 0 100%;
		padding-top: 1.5em;
	}
}
.good08_09 img {
	max-width: 100%;
	height: auto;
}
.good08_10 {
	display: none;
}
@media screen and (max-width:640px) {
	.good08_10 {
		display: block;
		padding-top: 1.5em;
	}
	.good08_10 img {
		max-width: 80%;
		height: auto;
	}
}
.good08_11 {
	display: none;
}
@media screen and (max-width:640px) {
	.good08_11 {
		display: block;
		padding-top: 1.5em;
	}
	.good08_11 img {
		max-width: 100%;
		height: auto;
	}
}
.good08_12 {
	float: right;
	padding-left: 1.5em;
	max-width: 22%;
	height: auto;
}
@media screen and (max-width:640px) {
	.good08_12 {
		display: none;
	}
}
.good08_13 {
	float: right;
	padding-left: 1.5em;
	max-width: 30%;
	height: auto;
}
@media screen and (max-width:640px) {
	.good08_13 {
		display: none;
	}
}
.good08_14 {
	display: block;
	padding-bottom: 1em;
	text-align: left;
	font-size: 1.1em;
}

/* event */
.even01 {
	background-image: url(../img/image/event01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	text-align: center;
	text-shadow: 2px 2px 3px #004F75;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 2em;
	font-style: italic;
	line-height: 3;
	color: #00A0E9;
	letter-spacing: 2px;
}
.even02 {
	text-align: center;
}
@media screen and (max-width:640px) {
	.even02 {
		text-align: left;
	}
}
.even03 {
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 832px;
	margin: 0 auto;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
@media screen and (max-width:640px) {
	.even03 {
		border-top: none;
		border-left: none;
	}
}
.even03_01{
	box-sizing: border-box;
	flex: 0 0 160px;
	max-width: 160px;
	padding: 16px 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #EEE;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 1px;
}
*::-ms-backdrop, .even03_01 {
	flex: 0 0 20%;
	max-width: 20%;
}
@media screen and (max-width:640px) {
	.even03_01 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 8px 0;
		border-right: none;
		border-bottom: 2px solid #FFF;
		background-color: #666;
		color: #FFF;
	}
}
.even03_02 {
	box-sizing: border-box;
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
	padding: 16px 24px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	line-height: 1.5;
}
*::-ms-backdrop, .even03_02 {
	flex: 0 0 80%;
	max-width: 80%;
}
@media screen and (max-width:640px) {
	.even03_02 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 12px 24px;
		border-right: none;
		border-bottom: 4px solid #FFF;
		background-color: #DFF4FF;
		line-height: 1.4;
	}
}
.even03_02_ {
	overflow: hidden;
	box-sizing: border-box;
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
	padding: 16px 24px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	line-height: 1.5;
}
*::-ms-backdrop, .even03_02_ {
	flex: 0 0 80%;
	max-width: 80%;
}
@media screen and (max-width:640px) {
	.even03_02_ {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 12px 24px;
		border-right: none;
		border-bottom: 4px solid #FFF;
		background-color: #DFF4FF;
		line-height: 1.4;
	}
}
.even03_02_1 {
	display: block;
	float: left;
}
.even03_02_2 {
	display: block;
	padding-left: 5.3em;
}
.even03_02_3 {
	display: inline-block;
	padding-left: 0.3em;
}
.even03_02_4 {
	display: block;
}
.even03_02_5 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 1em 0;
}
.even03_02_5 li {
	flex: 0 0 48%;
}
.even03_02_5 li img {
	max-width: 640px;
	width: 100%;
	height: auto;
}
.even03_02_6 {
	display: block;
	padding: 0.3em 0;
	text-align: center;
}
.even03_02_6 iframe {
	width: 100%;
	height: 240px;
}
.even03_02_7 {
	display: inline-block;
}
.even03_03 {
	box-sizing: border-box;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 8px 0;
	border-right: 1px solid #999;
	background-color: #666;
	text-align: center;
	letter-spacing: 2px;
	color: #FFF;
}
@media screen and (max-width:640px) {
	.even03_03 {
		border-right: none;
		border-bottom: 2px solid #FFF;
	}
}
.even03_03_1 {
	display: inline-block;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.2em;
	line-height: 1;
	letter-spacing: 0.1em;
}
.even03_03_2 {
	padding-right: 0.5em;
	padding-left: 0.3em;
	font-size: 0.9em;
}
.even03_04 {
	box-sizing: border-box;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 24px 24px 16px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
@media screen and (max-width:640px) {
	.even03_04 {
		padding: 12px 24px;
		border-right: none;
		border-bottom: 4px solid #FFF;
		background-color: #DFF4FF;
	}
}
.even03_04 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.even03_04 li {
	flex: 0 0 44%;
}
@media screen and (max-width:640px) {
	.even03_04 li {
		flex: 0 0 100%;
	}
}
.even03_04 dl {
	overflow: hidden;
}
.even03_04 dt {
}
.even03_04 dt strong {
	display: inline-block;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.2em;
	line-height: 1;
	letter-spacing: 0.1em;
}
.even03_04 dt strong span {
	padding-left: 0.3em;
	font-size: 0.9em;
}
.even03_04 dd img {
	width: 100%;
	height: auto;
}
.even03_04_01 {
	padding-top: 16px;
	padding-bottom: 0.5em;
	line-height: 1;
}
@media screen and (max-width:640px) {
	.even03_04_01 {
		float: right;
		width: 50%;
		padding-top: 0.5em;
		padding-bottom: 0;
		padding-left: 1.5em;
	}
}
.even03_04_02 {
	padding-bottom: 0.5em;
	text-align: right;
	line-height: 1;
}
@media screen and (max-width:640px) {
	.even03_04_02 {
		float: right;
		width: 50%;
		padding-top: 0.5em;
		padding-bottom: 0;
		padding-left: 1.5em;
	}
}
.even03_04_02_1 {
	display: block;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 1;
}
@media screen and (max-width:640px) {
	.even03_04_02_1 {
		display: none;
	}
}
.even03_04_02_2 {
	display: none;
}
@media screen and (max-width:640px) {
	.even03_04_02_2 {
		display: block;
		padding-top: 4px;
		font-size: 10px;
		line-height: 1;
	}
}
.even03_04_03 {
	font-size: 0.9em;
	line-height: 1.5;
}
@media screen and (max-width:640px) {
	.even03_04_03 {
		padding-top: 0.5em;
		padding-bottom: 2em;
	}
}
.even03_04_04 {
	display: block;
	font-size: 0.9em;
	line-height: 1;
}
.even03_05 {
	display: block;
	padding: 8px 0;
}
.even03_05 a {
    position: relative;
    display: inline-block;
    padding: 0.25em 1em;
    border-radius: 4px;
    border-bottom: solid 2px #900;
    background: #F00;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
	letter-spacing: 1px;
}
.even03_05 a:active {
    border-bottom: solid 2px #F00;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.even03_06 {
	overflow: hidden;
	box-sizing: border-box;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 24px 24px 16px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 0.9em;
	line-height: 1.5;
}
@media screen and (max-width:640px) {
	.even03_06 {
		padding: 12px 24px;
		border-right: none;
		border-bottom: 4px solid #FFF;
		background-color: #DFF4FF;
	}
}
.even03_06_1 {
	float: right;
	max-width: 40%;
	height: auto;
	padding-left: 2em;
}
.even03_06_2 {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-top: 1em;
}
.even03_06_2 li {
	padding-bottom: 1em;
	flex: 0 0 18%;
}
@media screen and (max-width:640px) {
	.even03_06_2 li {
		padding-bottom: 1em;
		flex: 0 0 31%;
	}
}
@media screen and (max-width:375px) {
	.even03_06_2 li {
		padding-bottom: 1em;
		flex: 0 0 47%;
	}
}
.even03_06_2 li img {
	max-width: 280px;
	width: 100%;
	height: auto;
}
.even03_06_3 {
	display: none;
}
@media screen and (max-width:480px) {
	.even03_06_3 {
		display: inline;
	}
}
.even03_07 {
	box-sizing: border-box;
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	line-height: 1.5;
}
*::-ms-backdrop, .even03_07 {
	flex: 0 0 80%;
	max-width: 80%;
}
@media screen and (max-width:640px) {
	.even03_07 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 8px;
		border-right: none;
		border-bottom: 4px solid #FFF;
		background-color: #DFF4FF;
		line-height: 1.4;
	}
}
.even03_07 li {
	padding: 16px 24px;
}
@media screen and (max-width:640px) {
	.even03_07 li {
		padding: 12px 16px;
	}
}
.even03_07 li:not(:first-child) {
	border-top: 1px solid #999;
}
@media screen and (max-width:640px) {
	.even03_07 li:not(:first-child) {
		border-top: 1px solid #CCC;
	}
}
.even03_07_1 {
	display: block;
	float: left;
}
.even03_07_2 {
	display: block;
	padding-left: 5.3em;
}
.even03_07_3 {
	display: inline-block;
	padding-left: 0.3em;
}
.even03_07_4 {
	display: block;
	position: relative;
	padding-left: 1.5em;
	font-size: 0.8em;
	line-height: 1.4;
}
.even03_07_4:before {
	position: absolute;
	content: "※";
	top: 0px;
	left: 4px;
}
.even04 {
	max-width: 832px;
	margin: 0 auto;
}
.even04_ {
	max-width: 832px;
	margin: 0 auto;
	line-height: 1.3;
}
.even04_01 {
	display: block;
	font-size: 0.7em;
}
.even04_02 {
	display: inline-block;
}
.even04_03 {
	display: inline-block;
	font-size: 0.8em;
}
.even05 {
	max-width: 832px;
	margin: 2em auto 0;
}
.even05 dt {
	display: inline-block;
	padding: 0.5em 1em 0.3em;
	border-radius: 8px 8px 0 0;
	background-color: #00A0E9;
	line-height: 1.2;
	color: #FFF;
}
.even05_01 {
	padding: 0.8em 0 0.2em 1em;
	border-radius: 0 8px 8px 8px;
	border: 4px solid #00A0E9;
	text-align: left;
	background-color: #ECF9FF;
}
.even05_01 ul li {
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	text-align: left;
	line-height: 1.5;
}
.even05_01 ul li a {
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
	text-decoration: none;
	color: #333;
}
@media screen and (min-width:481px) {
	.even05_01 ul li a {
		font-size: 0.95em;
	}
}
.even05_01 ul li a:before {
	position: absolute;
	content: "\f35a";
	top: 0;
	left: 4px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #00A0E9;
}
.even05_01 ul li a:hover {
	color: #F00;
}
.even05_01 ul li a span {
	display: inline-block;
}
.even05_01 ul li a strong {
	display: inline-block;
	font-size: 0.9em;
	color: #F00;
}
.even05_02 {
	position: relative;
	padding-left: 1.7em;
	font-size: 0.9em;
}
.even05_02:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 0.5em;
}
.even05_03 {
	padding-right: 1em;
}

/* access */
.acce01 {
	background-image: url(../img/image/access01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	text-align: center;
	text-shadow: 2px 2px 3px #004F75;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 2em;
	font-style: italic;
	line-height: 3;
	color: #00A0E9;
	letter-spacing: 2px;
}
.acce02 {
}
.acce02 dt {
	text-align: center;
}
.acce02_01 {
	padding-bottom: 8px;
	text-align: center;
}
.acce02_02 {
}
.acce02_02 iframe {
	width: 100%;
	height: 320px;
}
.acce02_03 {
	padding: 12px 0 64px;
}
.acce02_03 a {
	display: inline-block;
	padding: 12px 16px 12px 44px;
	border-radius: 16px;
	background-image: url(../img/common/map01.png);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #F00;
	text-decoration: none;
	line-height: 1;
	color: #FFF;
}
.acce02_03 a:hover {
	background-color: #900;
}
.acce03 {
	padding: 0px 4px;
}
.acce04 {
	margin: 8px 4px 48px;
	padding: 8px 16px;
	border-radius: 4px;
	border: 1px solid #F9F;
	background-color: #FEF;
	font-size: 0.9em;
	color: #F00;
}
.acce05 {
	padding: 0 4px;
	margin-bottom: 48px;
	text-align: left;
}
@media screen and (max-width:640px) {
	.acce05 {
		margin-bottom: 32px;
	}
}
.acce05_01 {
	display: inline-block;
	position: relative;
	padding-right: 1em;
}
.acce05_01:not(:last-child):after {
	position: absolute;
	content: "、";
	top: 0px;
	right: 0px;
}
.acce05_02 {
	display: inline-block;
	padding: 0 2px;
	font-weight: bold;
	color: #F00;
}
.acce05_03 {
	display: inline-block;
}
.acce07 {
	padding: 0 4px 16px;
}
.acce08_2 {
	box-sizing: border-box;
	padding: 4px 4px 48px;
}
.acce08_ {
	box-sizing: border-box;
	padding: 4px 4px 32px;
}
.acce08 {
	width: 100%;
	border: 1px solid #999;
}
.acce08 th {
	padding: 8px;
	border: 1px solid #999;
	background-color: #EEE;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4;
}
.acce08 td {
	padding: 8px;
	border: 1px solid #999;
	vertical-align: middle;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4;
}
.acce09 {
	max-width: 90%;
	width: 42em;
	margin: 0 auto 48px;
	padding: 0.75em;
	border: 2px solid #F00;
	background-color: #FEF;
	text-align: center;
	font-weight: normal;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #F00;
}
@media screen and (max-width:959px) {
	.acce09 {
		font-size: 1em;
	}
}
@media screen and (max-width:640px) {
	.acce09 {
		margin: 0 auto 24px;
	}
}
.acce09 span {
	display: inline-block;
}
.acce10 {
	position: relative;
	width: 80%;
	margin: 2em auto 3em;
	padding: 15px 35px 15px 25px;
	border-radius: 4px;
	border: 2px solid #CCC;
	box-shadow: 2px 2px 4px #acacac;
	background-color: #FFF;
}
.acce10::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 20px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.acce10::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 30px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}
.acce10 dt {
	padding-top: 1em;
	text-align: center;
}
.acce10 dt img {
	max-width: 640px;
	width: 80%;
	height: auto;
}
.acce10_01 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 32px 64px 0;
}
@media screen and (max-width:959px) {
	.acce10_01 ul {
		margin: 32px 0 0;
	}
}
@media screen and (max-width:640px) {
	.acce10_01 ul {
		margin: 16px 0;
	}
}
.acce10_01 ul li {
	text-align: center;
	margin-bottom: 16px;
	align-self: center;
}
.acce10_01 ul li img {
	max-width: 240px;
	width: 100%;
	height: auto;
}
.acce10_02 {
	padding: 1.5em 2em 0;
	font-size: 0.9em;
}
@media screen and (max-width:640px) {
	.acce10_02 {
		padding: 1.5em 0 0;
	}
}

/* ticket */
.tick01 {
	background-image: url(../img/image/ticket01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	text-align: center;
	text-shadow: 2px 2px 3px #004F75;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 2em;
	font-style: italic;
	line-height: 3;
	color: #00A0E9;
	letter-spacing: 2px;
}
.tick02_ {
	max-width: 840px;
	margin: 0 auto;
}
.tick02 {
	max-width: 90%;
	width: 42em;
	margin: 0 auto 32px;
	padding: 0.75em;
	border: 2px solid #F00;
	background-color: #FEF;
	text-align: center;
	font-weight: normal;
	font-size: 1.1em;
	letter-spacing: 1px;
}
@media screen and (max-width:959px) {
	.tick02 {
		font-size: 1em;
	}
}
@media screen and (max-width:640px) {
	.tick02 {
		margin: 0 auto 16px;
	}
}
.tick02_01 {
	display: inline-block;
}
.tick02_02 {
	color: #F00;
}
.tick02_03 {
	display: inline-block;
	padding: 0 8px;
	font-size: 1.2em;
	font-weight: bold;
	color: #F00;
}
.tick03_ {
	box-sizing: border-box;
	padding: 4px 4px 80px;
}
@media screen and (max-width:640px) {
	.tick03_  {
		padding: 4px 4px 48px;
	}
}
.tick03 {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #999;
}
.tick03 thead th {
	padding: 8px;
	border: 1px solid #999;
	background-color: #666;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-size: 0.9em;
	color: #FFF;
	line-height: 1.4;
}
.tick03 tbody th {
	padding: 8px;
	border: 1px solid #999;
	background-color: #EEE;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4;
}
.tick03 td {
	padding: 8px;
	border: 1px solid #999;
	vertical-align: middle;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4;
}
.tick04 {
	padding-top: 4px;
}
.tick04 li {
	position: relative;
	padding-left: 1.2em;
	font-size: 0.9em;
	line-height: 1.5;
	color: #F00;
}
.tick04 li:before {
	position: absolute;
	content: "※";
	top: 0px;
	left: 0px;
}
.tick04_01 {
	text-align: left;
}
.tick04_01 span {
	display: inline-block;
}
.tick05_2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 0 8px;
}
@media screen and (max-width:640px) {
	.tick05_2 {
		margin-bottom: 16px;
	}
}
.tick05_ {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 80px;
	padding: 0 8px;
}
@media screen and (max-width:640px) {
	.tick05_ {
		margin-bottom: 32px;
	}
}
.tick05 {
	flex: 0 0 45%;
}
@media screen and (max-width:640px) {
	.tick05 {
		flex: 0 0 100%;
	}
}
@media screen and (max-width:480px) {
	.tick05 {
		flex: 0 0 100%;
	}
}
.tick05 dt {
	position: relative;
	margin-bottom: 16px;
	padding-left: 25px;
	color: #00A0E9;
	letter-spacing: 1px;
}
.tick05 dt:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #00A0E9;
}
.tick05 dt:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px #00A0E9;
}
.tick05 dd {
	text-align: center;
	margin-bottom: 16px;
}
.tick06 {
	padding: 0 8px;
}
.tick07 {
	margin-bottom: 32px;
	padding: 0 8px;
}
@media screen and (max-width:640px) {
	.tick07 {
		margin-bottom: 16px;
	}
}
.tick07 li {
	position: relative;
	padding-left: 1.2em;
	font-size: 0.9em;
	line-height: 1.5;
	color: #F00;
}
.tick07 li:before {
	position: absolute;
	content: "※";
	top: 0px;
	left: 0px;
}
.tick08 {
	margin-bottom: 32px;
	padding: 0 8px;
}
@media screen and (max-width:640px) {
	.tick08 {
		margin-bottom: 16px;
	}
}
.tick08_ {
	margin-bottom: 32px;
	padding: 0 8px;
	font-size: 1.2em;
	font-weight: bold;
}
.tick08_ span {
	padding: 0 8px;
	color: #F00;
}
@media screen and (max-width:640px) {
	.tick08_ {
		margin-bottom: 16px;
	}
}
.tick09 {
	margin-bottom: 32px;
	padding: 0 8px;
}
@media screen and (max-width:640px) {
	.tick09 {
		margin-bottom: 16px;
	}
}
.tick09 li {
	position: relative;
	padding-left: 1.2em;
	font-size: 0.9em;
	line-height: 1.5;
	color: #F00;
}
.tick09 li:before {
	position: absolute;
	content: "※";
	top: 0px;
	left: 0px;
}
.tick10_2 {
	margin: 0 0 80px;
	padding: 16px 32px 32px;
	border-radius: 8px;
	border: 4px solid #00A0E9;
	background-color: #E1F7FF;
}
.tick10_ {
	padding: 16px 32px 24px;
	border-radius: 8px;
	border: 4px solid #00A0E9;
	background-color: #E1F7FF;
}
.tick10 {
	letter-spacing: 1px;
}
.tick10:first-letter {
	font-size: 2em;
	color: #00A0E9;
}
.tick11 {
	padding: 0 2px;
}
.tick11 dt {
	display: inline-block;
	padding-right: 20px;
}
.tick11 dd {
	display: inline-block;
}
.tick12 {
	counter-reset: number 0;
	margin-bottom: 24px;
	padding: 0 8px;
}
@media screen and (max-width:640px) {
	.tick12 {
		margin-bottom: 16px;
	}
}
.tick12 li {
	position: relative;
	padding-left: 1.5em;
	font-size: 0.9em;
}
.tick12 li:before {
	position: absolute;
	counter-increment: number 1;
	content: counter(number) "）";
	top: 0px;
	left: 0px;
}
.tick12_01 {
	display: block;
	position: relative;
	padding-left: 1.1em;
	font-size: 0.8em;
}
.tick12_01:before {
	position: absolute;
	content: "※";
	top: 0px;
	left: 0px;
}
.tick12_02 {
	color: #F00;
}
.tick13_ {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 32px 64px 0;
}
@media screen and (max-width:959px) {
	.tick13_ {
		margin: 32px 0 0;
	}
}
@media screen and (max-width:640px) {
	.tick13_ {
		margin: 16px 0;
	}
}
.tick13_ li {
	text-align: center;
	margin-bottom: 16px;
	align-self: center;
}
.tick13_ li img {
	max-width: 240px;
	width: 100%;
	height: auto;
}
.tick13 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin-bottom: 64px;
}
@media screen and (max-width:640px) {
	.tick13 {
		margin-bottom: 32px;
	}
}
.tick13 li {
	text-align: center;
	margin-bottom: 16px;
	align-self: center;
}
.tick13 li img {
	max-width: 240px;
	width: 100%;
	height: auto;
}
.tick13_01 {
	flex: 0 0 28%;
}
@media screen and (max-width:640px) {
	.tick13_01 {
		flex: 0 0 45%;
	}
}
.tick13_01 img {
	border: 2px solid #CCC;
}
.tick13_02 {
	flex: 0 0 28%;
}
@media screen and (max-width:640px) {
	.tick13_02 {
		flex: 0 0 100%;
	}
	.tick13 li.tick13_02 img {
		width: 60%;
	}
}
.tick14_ {
	position: relative;
}
.tick14 {
	position: absolute;
	z-index: 9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.tick14 img {
	max-width: 648px;
	width: 100%;
	height: auto;
}

/* ticket */
.faq01 {
	max-width: 840px;
	margin: 2em auto 0;
}
.faq01 dt, .faq01 dd {
	position: relative;
	padding: 0.8em 1em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 8px;
}
.faq01 dt {
	margin: 0 4em 1em;
	background-color: #FFE0B2;
}
.faq01 dd {
	margin: 0 4em 3em;
	background-color: #C1EBFF;
	text-align: left;
}
.faq01 dt::before, .faq01 dd::before{
	position: absolute;
	top: 0.5em;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
}
.faq01 dt::before {
	left: -0.5em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #ffe0b2 transparent transparent;
}
.faq01 dd::before {
	right: -0.5em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #b2ebf2;
}
.faq01 dt::after, .faq01 dd::after {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	border-radius: 50%;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	font-size: 1.5em;
	line-height: 1;
	color: #FFF;
}
.faq01 dt::after {
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.3em 0.35em;
	content: 'Ｑ';
	font-weight: 900;
	background-color: #f57c00;
}
.faq01 dd::after {
	right: -2.5em;
	margin: 0 0 0 0.5em;
	padding: 0.35em 0.4em;
	content: 'Ａ';
	font-weight: 900;
	background-color: #00A0E9;
}
.faq01_01 {
	display: block;
	position: relative;
	padding-left: 1.5em;
}
.faq01_01:before {
	position: absolute;
	content: "※";
	top: 0px;
	left: 4px;
}
.faq01_02 {
	display: inline-block;
}
.faq02 {
	text-align: center;
	margin: 0 auto;
}
.faq02_01 {
	display: inline-block;
}
.faq03 {
	margin: 3em 0;
	text-align: center;
}
.faq03 img {
	max-width: 960px;
	width: 100%;
	height: auto;
}
.faq04 {
	margin: 0 0 4em;
	text-align: center;
}
.faq04 img {
	max-width: 960px;
	width: 100%;
	height: auto;
}
.faq05 {
	margin: 0 0 5em;
	text-align: center;
}
.faq05 img {
	max-width: 960px;
	width: 100%;
	height: auto;
}