@charset "UTF-8";
/* ==================================================================================================== レイアウト
==================================================================================================== */
.muslim-in { max-width: 1040px; margin: 0 auto; padding: 0 20px; line-height: 1.6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }
@media screen and (max-width: 736px) { .muslim-in { padding: 0 10px; } }

.heading { font-size: 2.375rem; color: #343434; font-weight: 900; text-align: center; line-height: 1.1; }
.heading span { display: inline-block; padding: 5px 0 5px 50px; font-weight: 900; }
@media screen and (max-width: 736px) { .heading { font-size: 1.625rem; }
  .heading span { padding: 5px 0 5px 40px; } }

.subheading { font-size: 2.375rem; color: #343434; font-weight: 400; text-align: center; line-height: 1.1; }
@media screen and (max-width: 736px) { .subheading { font-size: 1.625rem; } }
.subheading span { font-weight: 400; }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.muslim-top-sec { margin-bottom: 70px; padding-top: 65px; }
@media screen and (max-width: 736px) { .muslim-top-sec { padding-top: 40px; margin-bottom: 40px; } }
.muslim-top-sec .heading { margin-bottom: 65px; }
@media screen and (max-width: 736px) { .muslim-top-sec .heading { margin-bottom: 20px; } }
.muslim-top-sec .heading span { background: url("../img/muslim_info/tti_i001.png") no-repeat left center; }
.muslim-top-sec .top-box { display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-box { display: block; } }
.muslim-top-sec .top-box dl { width: 74.5%; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-box dl { width: 100%; margin-bottom: 20px; } }
.muslim-top-sec .top-box dl dt { margin-bottom: 10px; font-size: 2.375rem; line-height: 1.2; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-box dl dt { font-size: 1.375rem; } }
.muslim-top-sec .top-box dl dd { font-size: 1.375rem; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-box dl dd { font-size: 1rem; } }
.muslim-top-sec .top-box dl dd p:first-child { margin-bottom: 10px; }
.muslim-top-sec .top-box figure { width: 17.5%; margin-right: 25px; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-box figure { width: 100%; margin-right: 0; text-align: center; } }
.muslim-top-sec .top-dl { margin-bottom: 60px; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-dl { margin-bottom: 40px; } }
.muslim-top-sec .top-dl ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-dl ul { display: block; } }
.muslim-top-sec .top-dl ul li { display: flex; justify-content: space-between; align-items: center; width: 50%; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-dl ul li { width: 100%; margin-bottom: 40px; }
  .muslim-top-sec .top-dl ul li:last-child { margin-bottom: 0; } }
.muslim-top-sec .top-dl ul li figure { width: 28.4%; margin-right: 4%; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-dl ul li figure { width: 40%; margin-right: 10px; text-align: center; } }
.muslim-top-sec .top-dl ul li dl { width: 64%; padding-right: 20px; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-dl ul li dl { width: 60%; padding-right: 0; } }
.muslim-top-sec .top-dl ul li dl dt { margin-bottom: 10px; font-size: 1.375rem; font-weight: bold; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-dl ul li dl dt { font-size: 1.25rem; } }
.muslim-top-sec .top-dl ul li dl dd .top-dl-txt { margin-bottom: 20px; font-size: 1.375rem; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-dl ul li dl dd .top-dl-txt { font-size: 1rem; } }
.muslim-top-sec .top-dl ul li dl dd .top-dl-btn { width: 46.875%; }
@media screen and (max-width: 736px) { .muslim-top-sec .top-dl ul li dl dd .top-dl-btn { width: 100%; } }
.muslim-top-sec .top-dl ul li dl dd .top-dl-btn a { display: block; padding: 5px; background: #75793a url("../img/muslim_info/arrow_i001.png") no-repeat right 15px center; font-size: 0.875rem; color: #fff; text-align: center; }
.muslim-top-sec .top-map .map-heading { padding: 10px; background: #75793a url("../img/muslim_info/map_i001.png") no-repeat right 20px center; font-size: 1.125rem; text-align: center; color: #fff; cursor: pointer; }
.muslim-top-sec .top-map .top-map-in { display: none; padding: 20px 0; }

.muslim-search-sec { padding-top: 70px; padding-bottom: 70px; background-color: #efefef; }
@media screen and (max-width: 736px) { .muslim-search-sec { padding-top: 40px; padding-bottom: 40px; } }
.muslim-search-sec .subheading { margin-bottom: 50px; }
@media screen and (max-width: 736px) { .muslim-search-sec .subheading { margin-bottom: 20px; } }
.muslim-search-sec .search-list { display: flex; }
@media screen and (max-width: 736px) { .muslim-search-sec .search-list { flex-wrap: wrap; } }
.muslim-search-sec .search-list li { display: flex; justify-content: center; align-items: center; width: 15%; margin-right: 2%; padding: 20px; background-color: #75793a; color: #fff; text-align: center; cursor: pointer; }
@media screen and (max-width: 736px) { .muslim-search-sec .search-list li { width: 32%; margin-right: 2%; margin-bottom: 2%; padding: 10px; box-sizing: border-box; }
  .muslim-search-sec .muslim-in .search-list li:nth-child(3n) { margin-right: 0; } }
.muslim-search-sec .search-list li:last-child { margin-right: 0; }
.muslim-search-sec .search-list li.inactive { background-color: #dee1bc; }
.muslim-search-sec .search-list li figure figcaption { margin-top: 15px; font-weight: bold; }

.muslim-list-sec { padding-top: 55px; padding-bottom: 80px; }
.muslim-list-sec .list-box { display: flex; flex-wrap: wrap; }
.muslim-list-sec .list-box .list-box-in { width: 31.6%; margin-right: 1.6%; margin-bottom: 2.6%; padding: 15px; border: 1px solid #ccc; box-sizing: border-box; }
@media screen and (max-width: 736px) { .muslim-list-sec .list-box .list-box-in { width: 100%; margin-right: 0; margin-bottom: 4%; } }
.muslim-list-sec .list-box .list-box-in:nth-child(3n) { /* margin-right: 0; */ }
.muslim-list-sec .list-box .list-box-in figure { margin-bottom: 15px; text-align: center; }
.muslim-list-sec .list-box .list-box-in figure img { width: 100%; }
.muslim-list-sec .list-box .list-box-in .box-heading { margin-bottom: 10px; font-size: 1.125rem; font-weight: bold; }
.muslim-list-sec .list-box .list-box-in .box-area { margin-bottom: 15px; }
.muslim-list-sec .list-box .list-box-in .box-area span { padding: 2px 15px; border: 1px solid #75793a; font-size: 0.75rem; color: #75793a; }
.muslim-list-sec .list-box .list-box-in .box-tag { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.muslim-list-sec .list-box .list-box-in .box-tag li { position: relative; margin-right: 4px; margin-bottom: 4px; }
.muslim-list-sec .list-box .list-box-in .box-tag li div { display: none; position: absolute; top: 0; left: 50%; z-index: 100; }
.muslim-list-sec .list-box .list-box-in .box-tag li div p { position: absolute; left: 0; bottom: 15px; z-index: 1; width: 100%; min-width: 80px; max-width: 200px; padding: 5px 10px; border-radius: 5px; background-color: #75793a; transform: translateX(-50%); color: #fff; text-align: center; }
.muslim-list-sec .list-box .list-box-in .box-tag li div::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0; margin-left: -30px; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 45px solid #75793a; }
.muslim-list-sec .list-box .list-box-in .box-tag li:hover div { display: block; }
.muslim-list-sec .list-box .list-box-in .box-txt { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; line-height: 2; }
.muslim-list-sec .list-box .list-box-in .box-table { width: 100%; margin-bottom: 10px; }
.muslim-list-sec .list-box .list-box-in .box-table tr th { width: 25px; padding: 5px 5px 5px 0; vertical-align: top; }
.muslim-list-sec .list-box .list-box-in .box-table tr td { padding: 5px 0; }
.muslim-list-sec .list-box .list-box-in .box-link a { display: block; padding: 5px 10px; background: #75793a url("../img/muslim_info/arrow_i001.png") no-repeat right 15px center; text-align: center; color: #fff; font-weight: bold; }

.muslim-area-sec { padding-top: 70px; padding-bottom: 90px; background-color: #efefef; }
@media screen and (max-width: 736px) { .muslim-area-sec { padding-top: 40px; padding-bottom: 40px; } }
.muslim-area-sec .heading { margin-bottom: 45px; }
@media screen and (max-width: 736px) { .muslim-area-sec .heading { margin-bottom: 40px; } }
.muslim-area-sec .heading span { background: url("../img/muslim_info/tti_i002.png") no-repeat left center; }
.muslim-area-sec .area-item a { display: block; }
.muslim-area-sec .area-item figure { position: relative; }
.muslim-area-sec .area-item figure img { width: 100%; }
.muslim-area-sec .area-item figure figcaption { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 1.125rem; color: #fff; font-weight: bold; }
@media screen and (max-width: 736px) { .muslim-area-sec .area-item figure figcaption { font-size: 0.875rem; } }
.muslim-area-sec .area-box { display: flex; justify-content: space-between; margin-bottom: 30px; }
@media screen and (max-width: 736px) { .muslim-area-sec .area-box { display: block; margin-bottom: 0; } }
.muslim-area-sec .area-box .area-item01 { width: 48.7%; margin-right: 2.6%; }
@media screen and (max-width: 736px) { .muslim-area-sec .area-box .area-item01 { width: 100%; margin-right: 0; margin-bottom: 30px; } }
.muslim-area-sec .area-box .area-item02 { display: flex; flex-wrap: wrap; width: 48.7%; }
@media screen and (max-width: 736px) { .muslim-area-sec .area-box .area-item02 { width: 100%; } }
.muslim-area-sec .area-box .area-item02 li { width: 47.227926078%; margin-right: 5.3388090349%; margin-bottom: 5.1334702259%; }
@media screen and (max-width: 736px) { .muslim-area-sec .area-box .area-item02 li { margin-bottom: 30px; } }
.muslim-area-sec .area-box .area-item02 li:nth-child(2n) { margin-right: 0; }
.muslim-area-sec .area-item03 { display: flex; }
@media screen and (max-width: 736px) { .muslim-area-sec .area-item03 { display: block; } }
.muslim-area-sec .area-item03 li { width: 48.7%; margin-right: 2.6%; }
.muslim-area-sec .area-item03 li:last-child { margin: 0; }
@media screen and (max-width: 736px) { .muslim-area-sec .area-item03 li { width: 100%; margin-right: 0; margin-bottom: 30px; } }

.muslim-plans-sec { padding-top: 80px; padding-bottom: 90px; }
@media screen and (max-width: 736px) { .muslim-plans-sec { padding-top: 40px; padding-bottom: 40px; } }
.muslim-plans-sec .muslim-in { position: relative; }
.muslim-plans-sec .heading { margin-bottom: 20px; }
.muslim-plans-sec .heading span { background: url("../img/muslim_info/tti_i003.png") no-repeat left center; }
.muslim-plans-sec .plans-heading { margin-bottom: 40px; font-size: 1.75rem; color: #343434; font-weight: normal; text-align: center; line-height: 1.1; }
@media screen and (max-width: 736px) { .muslim-plans-sec .plans-heading { margin-bottom: 20px; font-size: 1.25rem; } }
.muslim-plans-sec .plans-link { position: absolute; top: 25px; right: 0; }
@media screen and (max-width: 736px) { .muslim-plans-sec .plans-link { position: static; margin-bottom: 30px; text-align: right; } }
.muslim-plans-sec .plans-link a { font-size: 1rem; font-weight: bold; color: #75793a; }
.muslim-plans-sec .plans-list { display: flex; }
@media screen and (max-width: 736px) { .muslim-plans-sec .plans-list { flex-wrap: wrap; } }
.muslim-plans-sec .plans-list li { width: 25%; }
@media screen and (max-width: 736px) { .muslim-plans-sec .plans-list li { width: 50%; margin-bottom: 20px; } }
.muslim-plans-sec .plans-list li a { display: block; }
.muslim-plans-sec .plans-list li a figure { position: relative; }
.muslim-plans-sec .plans-list li a figure figcaption { position: absolute; bottom: 0; right: 0; padding: 2px 8px; background-color: #1aa4d7; font-size: 0.625rem; line-height: 1.1; color: #fff; }
.muslim-plans-sec .plans-list li a dl { padding: 10px; }
.muslim-plans-sec .plans-list li a dl dt { margin-bottom: 5px; font-size: 1rem; }

/*# sourceMappingURL=muslim_info.css.map */