@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/base.css");

@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap');


/*----- サイトマップ 設定 ----------------------------------------------------*/

/*----- 共通 設定 ----------------------------------------------------*/

section.sectionWrap{ position:relative; width:100%; padding:20px 0; float:left; }
div.sectionArea{ width:1100px; margin:0 auto; }

.sectionWrap2{ background:url("../../img/index/sectionwrap2_bg.jpg") no-repeat; background-size:cover; color:#fff; }
.sectionWrap4{ background-color:#00055a; color:#fff; }
.sectionWrap5{ background-color:#f0f0f0; }
.sectionWrap5 h2.sectionTit{ color:#7993db; }
.sectionWrap7{ background-color:#e7ffe0; }

h2.sectionTit{ width:100%; font-size:2em; letter-spacing:0.2em;  font-weight:bold; text-align:center; float:left; }
h2.sectionTit::before{ content:"・"; color:#ff0000; }
div.sectionText{ width:100%; padding:20px 0 0; font-size:1.4em; font-weight:bold; text-align:center; float:left; }

div.sectionCatch{ position:absolute; top:50px; width:30px; }
/* 左側 */
.sectionCatch_L {
	left: 50%;
	margin-left: -570px; /* sectionAreaの左端に合わせる(1100px/2) */
	transform: translateX(-100%); /* さらに外側に出す */
	margin-right: 30px; /* sectionAreaとの間隔 */
}

/* 右側 */
.sectionCatch_R {
	right: 50%;
	margin-right: -570px; /* sectionAreaの右端に合わせる(1100px/2) */
	transform: translateX(100%); /* さらに外側に出す */
	margin-left: 30px; /* sectionAreaとの間隔 */
}

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
    
    div.sectionArea{ width:96%; }
    
    h2.sectionTit{ font-size:1.6em; letter-spacing:0.2em; }
    
    div.sectionText{ font-size:1.1em; }
    
    div.sectionCatch{ display:none; }
    
    
}



/*----- サイトマップ 設定 ----------------------------------------------------*/

div#sitemap_area{ width:100%; float:left; }

ul#sitemap_box{ display:table; min-width:200px; padding:30px 0; margin:0 auto; font-size:1.2em;  }
ul#sitemap_box li{ padding:7px 0 7px 2%; list-style:disc; }
ul#sitemap_box li ul{ padding-left:1em; }

ul#sitemap_box a{ color:#272626; text-decoration:none; }
ul#sitemap_box a:hover{ text-decoration:underline; }