@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; }
    
    
}




/*----- productsリスト 設定 ----------------------------------------------------*/

div.privacypolicyArea{ width:100%; padding:20px; float:left; }

section#ppbox{ width:98%; padding:0 1% 40px; font-size:1em; float:left; }
section#ppbox h4{ width:100%; padding:0 0 3px 0; margin:20px 0 8px 0; font-size:1.4em; font-weight:bold; border-bottom:1px dotted #ccc; float:left; }
section#ppbox p{ width:98%; padding:0 0 10px 2%; float:left; }
section#ppbox ol{ width:96%; padding:10px 0 5px 4%; list-style-type: decimal; float:left; } 
section#ppbox ol li{ width:100%; padding:0 0 3px; list-style-type: decimal; float:left; }
section#ppbox p.tR{ text-align:right; }