@charset "utf-8";
/* CSS Document */

/*============================
#pageSet
============================*/
#pageSet {}

/*============================
#pageTitleArea
============================*/
#pageTitleArea {}
#pageTitleArea .md_contents {}
#pageTitleArea .md_contents .md_inner {}
#pageTitleArea .md_contents .md_inner .text {}

/*============================
#topPanelArea
============================*/
#topPanelArea { padding-top: 0; }
#topPanelArea iframe { min-width: 1200px; }

/*============================
#requestArea
============================*/
#requestArea { margin-top: 100px; }
#requestArea .md_contents {}
#requestArea .md_contents .md_inner {}
#requestArea .md_contents .md_inner .textBox {}
#requestArea .md_contents .md_inner .textBox .title { font-size: 1.125em; font-weight: bold; }
#requestArea .md_contents .md_inner .textBox .text { line-height: 1.75em; margin-top: 10px; }

/*============================
#guideArea
============================*/
#guideArea { background-color: #f2f2f2; margin-top: 100px; padding: 100px 0; min-width: 1200px; }
#guideArea .md_contents {}
#guideArea .md_contents .md_inner {}
#guideArea .md_contents .md_inner .md_headline {}

#guideArea .md_contents .md_inner ul { margin-top: 60px; }
#guideArea .md_contents .md_inner ul li { margin-top: 80px; }
#guideArea .md_contents .md_inner ul li:first-child { margin-top: 0; }

#guideArea .md_contents .md_inner ul li .guideContent {}
#guideArea .md_contents .md_inner ul li .guideContent .title { background-color: #cad4d6; box-sizing: border-box; font-size: 1.375em; padding: 14px 20px 13px; width: 100%; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer { background-color: #fff; box-sizing: border-box; padding: 50px; width: 100%; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer .subTitle { font-size: 1.125em; margin-bottom: 20px; }

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul { margin-top: 0 }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li { margin-top: 60px; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li:first-child { margin-top: 0; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box {}

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .images {}
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .images img { backface-visibility: hidden; -webkit-backface-visibility: hidden; }

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .description { margin-top: 20px; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .description dl { display: table; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .description dl dt { display: table-cell; font-size: 0.875em; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .description dl dd { display: table-cell; font-size: 0.875em; line-height: 1.5; padding-left: 10px; }

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer .md_dividerBorder { border-bottom: dashed 1px #ddd; margin: 50px -50px; padding: 0 50px; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer .text { line-height: 1.5; }

/*============================
#touristSpotArea
============================*/
#touristSpotArea { margin-top: 100px; }
#touristSpotArea .md_contents {}
#touristSpotArea .md_contents .md_inner {}
#touristSpotArea .md_contents .md_inner .md_headline {}

#touristSpotArea .md_contents .md_inner ul { margin-top: 60px; }
#touristSpotArea .md_contents .md_inner ul li { float: left; margin-right: 2%; position: relative; width: 23.5%; }
#touristSpotArea .md_contents .md_inner ul li.last { margin-right: 0; }

#touristSpotArea .md_contents .md_inner ul li .circleBox { background-color: #555; width: 90px; height: 90px; position: absolute; top: 0; left: 0; border-radius: 90px; }
#touristSpotArea .md_contents .md_inner ul li .circleBox .textBox { position: relative; }

#touristSpotArea .md_contents .md_inner ul li .circleBox .textBox .text { color: #fff; text-align: center; position: absolute; 
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,50%);
-moz-transform: translate(-50%,50%);
-ms-transform: translate(-50%,50%);
-o-transform: translate(-50%,50%);
transform: translate(-50%,50%);}
#touristSpotArea .md_contents .md_inner ul li .circleBox .textBox .text span { font-size: 1.75em; }

#touristSpotArea .md_contents .md_inner ul li .spotBox { border: solid 1px #ddd; box-sizing: border-box; margin-left: auto; margin-top: 20px; width: 90%; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .images {}
#touristSpotArea .md_contents .md_inner ul li .spotBox .images img { width: 100%; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .textBox { line-height: 1.5; padding: 20px; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .textBox .title { font-size: 1.125em; font-weight: bold; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .textBox .text { line-height: 1.5; margin-top: 10px;}