@charset "UTF-8";

/****************************************************************************/

/**							TOPページ用CSS									*/

/****************************************************************************/

@media screen and (max-width: 640px) { .only-pc { display: none; } }



@media screen and (min-width: 641px) { .only-sp { display: none; } }



.top_container { max-width: 1320px; margin: auto; }



/* ----------------------------------------------------

		重要なお知らせ

---------------------------------------------------- */

#top_notice { background-color: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; display: table; width: 100%; max-width: 100%; line-height: 1.5; }

@media screen and (max-width: 640px) { #top_notice { display: block; } }



@media screen and (max-width: 640px) { #top_notice dl { display: flex; } }



#top_notice dt { display: table-cell; background: #e82735 url(../images/ico_exclamation.png) no-repeat left 10px center; position: relative; width: 11em; color: #ffffff; font-weight: bold; font-size: 1.5rem; vertical-align: middle; padding: 10px 0 10px 3em; box-sizing: border-box; }

@media screen and (max-width: 640px) { #top_notice dt { display: flex; align-items: center; font-size: 1.3rem; } }



#top_notice dt::after { content: ""; background: url(../images/notice_bg.png) no-repeat; position: absolute; top: 0; right: -17px; width: 17px; height: 100%; background-size: 17px 100%; }



#top_notice dd { display: table-cell; padding: 0 15px; position: relative; padding: 10px 10px 10px 30px; box-sizing: border-box; }

@media screen and (max-width: 640px) { #top_notice dd { display: block; width: calc(100% - 11em); } }



#top_notice dd li { margin-bottom: 5px; }

@media screen and (max-width: 640px) { #top_notice dd li { margin-bottom: 0; } }

#top_notice dd li:last-child { margin-bottom: 0; }



/* ----------------------------------------------------

		メイン

---------------------------------------------------- */

.top_main { padding-bottom: 60px; background-color: #fff; }

@media screen and (max-width: 640px) { .top_main { padding-bottom: 0; } }

.top_main .top_main_in { padding: 0 2em; background: url(../images/main.jpg) no-repeat center center; background-size: cover; }

@media screen and (max-width: 640px) { .top_main .top_main_in { padding: 0 7.8125%; background-image: url(../images/main_sp.jpg); } }

.top_main ul { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 660px; margin: 0 auto; padding: 1% 0 0.5%; font-size: 1.8rem; font-weight: bold; line-height: 1.3; }

@media screen and (max-width: 640px) { .top_main ul { padding: 3.125% 0 0; font-size: 1.5rem; } }

.top_main ul li { width: 31.8181818182%; margin-bottom: 1.5151515152%; background-color: #fff; text-align: center; }

@media screen and (max-width: 640px) { .top_main ul li { width: 45.3703703704%; margin-bottom: 3.125%; } }

.top_main ul li a { display: block; padding: 1em 0; }

@media screen and (max-width: 640px) { .top_main ul li a { padding: 1em 0 0.5em; } }

.top_main ul li figure { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; height: 3.5em; }

.top_main ul li p { margin-top: 1em; }

@media screen and (max-width: 640px) { .top_main ul li.top_main_ml p { margin-top: 0.5em; } }

.top_main ul._s { max-width: 880px; padding: 5.5% 0 4.5%; }

@media screen and (max-width: 640px) { .top_main ul._s { padding: 17% 0 15%; } }

.top_main ul._s li { width: 23.8636363636%; }

@media screen and (max-width: 640px) { .top_main ul._s li { width: 45.3703703704%; } }



/* ----------------------------------------------------

		コンテンツ

---------------------------------------------------- */

.top_content { padding: 55px 2em 0; }

@media screen and (max-width: 640px) { .top_content { padding: 2.5em 0 0; } }

.top_content .top_content_in { display: flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1200px; margin: 0 auto; }

@media screen and (max-width: 640px) { .top_content .top_content_in { display: block; } }

.top_content .top_news { width: 66.6666666667%; padding-top: 10px; }

@media screen and (max-width: 640px) { .top_content .top_news { width: 100%; padding-top: 0; } }

.top_content .top_news .top_news_hd { display: flex; justify-content: space-between; margin-bottom: 15px; }

@media screen and (max-width: 640px) { .top_content .top_news .top_news_hd { margin-bottom: 2em; padding: 0 3.125%; } }

.top_content .top_news .top_news_hd .top_news_ttl { display: flex; align-items: flex-end; padding-left: 0.75em; border-left: 8px solid #2396f3; }

.top_content .top_news .top_news_hd .top_news_ttl span { font-size: 2.4rem; }

.top_content .top_news .top_news_hd .top_news_ttl small { margin-left: 1em; font-size: 1.4rem; line-height: 1.5; }

.top_content .top_news .top_news_hd a { padding-left: 1em; background: url(../images/navi_arrow.png) no-repeat left center; font-size: 1.4rem; font-weight: bold; }

.top_content .top_news .top_news_tab { display: flex; justify-content: space-between; font-size: 1.6rem; font-weight: bold; }

@media screen and (max-width: 640px) { .top_content .top_news .top_news_tab { padding: 0 3.125%; font-size: 1.4rem; } }

.top_content .top_news .top_news_tab li { position: relative; width: 23.125%; padding: 25px 0; background-color: #e2e2e2; text-align: center; cursor: pointer; }

@media screen and (max-width: 640px) { .top_content .top_news .top_news_tab li { width: 23%; } }

.top_content .top_news .top_news_tab li.active { background-color: #fff; }

.top_content .top_news .top_news_tab li.active::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 5px; background-color: #2396f3; }

.top_content .top_news .top_news_tab_cn { padding: 45px 30px; background-color: #fff; }

@media screen and (max-width: 640px) { .top_content .top_news .top_news_tab_cn { height: 38em; padding: 6.25% 3.125%; overflow-y: auto; } }

.top_content .top_news .top_news_tab_cn .top_news_item { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc; }

.top_content .top_news .top_news_tab_cn .top_news_item_hd { display: flex; align-items: center; margin-bottom: 10px; }

.top_content .top_news .top_news_tab_cn .top_news_item_dt { font-size: 1.3rem; }

.top_content .top_news .top_news_tab_cn .top_news_item_ic { display: inline-block; margin-left: 1em; padding: 5px 1em; color: #fff; font-size: 1.2rem; font-weight: bold; }

.top_content .top_news .top_news_tab_cn .top_news_item_ttl { font-size: 1.6rem; line-height: 1.4; }

.top_content .top_news .top_news_tab_cn a { text-decoration: underline; }

.top_content .top_navi { width: 29.1666666667%; }

@media screen and (max-width: 640px) { .top_content .top_navi { width: 100%; padding-top: 3em; border-bottom: 1px solid #cccccc; background-color: #fff; } }

.top_content .top_navi .top_navi_main li { border-bottom: 1px solid #cccccc; }

.top_content .top_navi .top_navi_main a { display: flex; align-items: center; padding: 8px 0 8px 1.5em; background-color: #2396f3; color: #fff; font-size: 2rem; font-weight: bold; }

.top_content .top_navi .top_navi_main a p { display: flex; justify-content: center; align-items: center; width: 44px; height: 41px; margin-right: 0.5em; }

@media screen and (max-width: 640px) { .top_content .top_navi dl { position: relative; z-index: 1; margin-top: -1px; border-top: 1px solid #cccccc; }

  .top_content .top_navi dl:first-child { border-top: none; } }

.top_content .top_navi dl dt { display: flex; align-items: center; padding: 8px 0 8px 1.5em; background-color: #2396f3; color: #fff; font-size: 2rem; font-weight: bold; }

.top_content .top_navi dl dt p { display: flex; align-items: center; height: 41px; margin-right: 0.5em; }

.top_content .top_navi dl dd { background-color: #fff; font-size: 1.6rem; font-weight: bold; }

@media screen and (max-width: 640px) { .top_content .top_navi dl dd { font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .top_content .top_navi dl dd ul { display: flex; flex-wrap: wrap; } }

.top_content .top_navi dl dd ul li { border-bottom: 1px solid #cccccc; }

@media screen and (max-width: 640px) { .top_content .top_navi dl dd ul li { width: 50%; }

  .top_content .top_navi dl dd ul li:last-child { border-bottom: none; } }

.top_content .top_navi dl dd ul li a { display: flex; align-items: center; width: 100%; padding: 1em 0 1em 2em; line-height: 1.3; box-sizing: border-box; }

@media screen and (max-width: 640px) { .top_content .top_navi dl dd ul li a { padding-left: 1em; } }

.top_content .top_navi dl dd ul li a::before { content: ''; display: block; width: 6px; height: 10px; margin-right: 0.5em; background: url(../images/navi_arrow.png) no-repeat; }

.top_content .top_navi dl dd ul li a span { flex: 1; }

.top_content .top_navi dl dd ul li.top_navi_ml a { padding-top: 0.5em; padding-bottom: 0.5em; }



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