@charset "utf-8";

.MENU li a.MENU__WILL span	{ background:#000; }

.titleEn .top_w { margin:0 -15px 0 auto; }
.titleEn .top_b { margin:-20px 40px 0 auto; }
@media screen and (min-width: 840px){
	.titleEn .top_w { margin:0 -50px 0 auto; }
	.titleEn .top_b { margin:-80px 80px 0 auto; }
}

.contents { width:95%; max-width:1080px; margin:0 auto; display:block; }
.willH2 { width:100%; display:block; margin:50px 0 10px 0; border-bottom:2px solid #000; background:none; }
.willH2 strong { width:100%; display:block; font:normal normal bold 32px/1.2 "Arial", sans-serif; }
.willH2 span { width:100%; display:block; margin:5px 0 0 0; font-size:14px; line-height:1.8; }
.willH3 { width:100%; margin:10px 0 0 0; display:block; font-size:14px; line-height:1.5; }
@media screen and (min-width: 840px){
	.willH2 { width:400px; margin:50px 0 50px 0; }
	.willH2 strong { font-size:48px; }
	.willH2 span { font-size:16px; }
	.willH3 { font-size:16px; }
}
@media screen and (min-width: 1240px){
	.willH2 strong { font-size:64px; }
}

.outline { width:100%; max-width:900px; display:block; margin:0 auto; font-size:14px; line-height:1.8; }
.outline dl { width:100%; padding:10px 0; display:flex; flex-direction:column; border-bottom:1px solid #ccc; }
.outline dl dt { width:100%; color:#a7a7a7; }
.outline dl dd { width:100%; }
.outline dl dd span { display:inline; margin-right:1em; }
@media screen and (min-width: 840px){
	.outline { font-size:16px; }
	.outline dl { flex-direction:row; border-bottom:none; }
	.outline dl dt { width:25%; }
	.outline dl dd { width:75%; }
	.outline dl dd span { display:inline-block; }
}
@media screen and (min-width: 1240px){
	.outline dl dt { width:20%; }
	.outline dl dd { width:80%; }
}

.photo { width:100%; margin:30px 0; }
@media screen and (min-width: 840px){
	.photo { max-width:1000px; margin:50px 0; }
}

.contentsText { width:100%; font-size:14px; }
.contentsLink { display:inline-block; margin:0 0 50px 0; color:#0af; }
@media screen and (min-width: 840px){
	.contentsText { font-size:16px; }
}

.map { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.map li { width:100%; display:block; margin:0 0 10px 0; }
.map li span { width:100%; display:block; font-size:14px; }
.map li div { width:100%; display:block; border:1px solid #ccc; overflow:hidden; }
.map li img { width:100%; display:block; }
.mapOmo { width:100%; margin:0; display:block; vertical-align:middle; font-size:14px; line-height:20px; }
.mapOmo em { width:50px; height:20px; margin:0 5px 0 0; display:inline-block; background:#eaeae8; }
@media screen and (min-width: 840px){
	.map li { width:47.5%; max-width:390px; }
	.map li.mapKansai { width:32%; max-width:340px; }
	.map li.mapChubu { width:32%; max-width:340px; }
	.map li.mapTokyo { width:32%; max-width:340px; }
	.map li span { font-size:16px; }
	.map li.mapKansai img { width:100%; margin:0; }
	.mapOmo { text-align:right; }
}

/*店舗*/
.shop { margin:10px 0 0 0; display:flex; gap:2%; flex-wrap:wrap; }
.shop li { width:49%; margin:0 0 20px 0; }
.shop li img { width:100%; display:block; }
.shop li h4 { width:100%; display:block; margin:5px 0 0 0; font-size:16px; }
.shop li dl { width:100%; display:flex; flex-direction:column; margin:5px 0 0 0; font-size:14px; line-height:1.2; }
.shop li dl dt { width:100%; color:#999; }
.shop li dl dd { width:100%; }
@media screen and (min-width: 840px){
	.shop { gap:2%; margin:0 0 50px 0; }
	.shop li { width:23.5%; margin:0 0 50px 0; }
	.shop li dl { flex-direction:row; }
	.shop li dl dt { width:4em; color:#999; }
	.shop li dl dd { width:calc(100% - 4em); }
}

/*トピックス*/
.topics { width:100%; display:flex; flex-direction:column; }
.topicsBox { margin:10px 0 10px 0; padding:30px 5% 0 5%; display:flex; flex-wrap:wrap; flex-direction:column; background:#f8f8f8; }
.topicsBox h4 { width:100%; display:block; padding:5px 0; border:2px solid #000; text-align:center; line-height:1.2; }
.topicsBoxInner { width:100%; margin:10px auto; padding:0 0 30px 0; display:flex; flex-direction:column; border-bottom:1px dotted #999; text-align:center; }
.topicsBoxInner:last-child { border-bottom:none; }
.topicsBoxInnerImg { width:55px; display:block; margin:10px auto 20px auto; }
.topicsBoxInnerText { width:100%; font-size:14px; line-height:1.5; }
.topicsBoxInnerNm { width:auto; margin:20px auto 0 auto; padding:0 5px; display:flex; justify-content:center; align-items:baseline; background:linear-gradient(transparent 75%, #FFEC00 75%); font-size:24px; line-height:1.2; }
.topicsBoxInnerNm strong { margin:0 5px; font-weight:bold; font-size:48px; }
.topicsBoxInnerAlart { width:80%; margin:0 auto; text-align:right; font-size:14px; }
.topicsBoxInnerUnit { width:auto; margin:10px auto 0 auto; font-size:24px; line-height:1.2; }
.topicsBoxWebSp { width:100%; max-width:560px; margin:20px auto 0 auto; }
.topicsBoxWebPc { display:none; }
.topicsBoxWebText { width:auto; margin:10px auto 30px auto; text-align:center; font-size:16px; line-height:1.7; }
.topicsBoxWebText em { background:linear-gradient(transparent 45%, #FFEC00 45%); }
.topicsBoxWebText br { display:none; }
@media screen and (min-width: 840px){
	.topics { flex-direction:row; justify-content:space-between; }
	.topics:last-child { margin:0 0 50px 0; }
	.topicsBox { width:100%; margin-bottom:50px; padding:30px 2.5%; flex-direction:row; }
	.topicsBox1 { width:35%; margin-bottom:10px; }
	.topicsBox2 { width:62.5%; margin-bottom:10px; }
	.topicsBoxWeb { flex-direction:column; }
	.topicsBox h4 { width:95%; margin:0 auto; font-size:16px; }
	.topicsBox h4 br { display:none; }
	.topicsBoxInner { width:33.33%; margin:20px auto 0 auto; border-bottom:none; border-right:1px dotted #999; }
	.topicsBoxInner:last-child { border-right:none; }
	.topicsBox1 .topicsBoxInner { width:100%; }
	.topicsBox2 .topicsBoxInner { width:50%; }
	.topicsBoxInnerText { font-size:16px; }
	.topicsBoxWebSp { display:none; }
	.topicsBoxWebPc { width:100%; max-width:560px; margin:30px auto 20px auto; display:block; }
	.topicsBoxWebText { margin:20px auto; font-size:20px; }
	.topicsBoxWebText br { display:inline; }
}

.graphs { width:100%; height:450px; overflow-x:scroll; overflow-y:hidden; }
.graph { width:200%; height:100%; margin:0 0 0 -7.5%; }
@media screen and (min-width: 840px){
	.graphs { height:750px; overflow:visible; }
	.graph { width:120%; margin:0 -10%; }
}