/* =============================================
   page-terms.php 用 CSS
   ============================================= */

/* KV画像サイズ */
body#terms #kv{overflow:hidden;aspect-ratio:3200/940}
body#terms #kv img{width:100%;height:100%;object-fit:cover}

/* ----- 共通スタイル ----- */
.terms_wrapper{padding:40px 0}
.terms_wrapper .wrapper{max-width:900px}
.terms_wrapper .paragraph{line-height:2;font-size:1.5rem}
.terms_wrapper .paragraph.right{text-align:right;margin-top:20px}
.terms_wrapper .paragraph.has_notice{margin-top:20px;padding:15px;background-color:#f5f5f5;font-size:1.4rem}
.terms_wrapper h2.has_left_border{margin-bottom:20px;padding-left:15px;border-left:4px solid #42A548;font-size:1.8rem}
.terms_wrapper h2.has_left_border::before{content:none!important}

/* リスト */
.terms_wrapper .list_items{margin:0;padding:0;list-style:none;line-height:2;font-size:1.5rem}
.terms_wrapper .list_items .list_items{margin-top:10px;margin-left:20px}
.terms_wrapper .list_items li{position:relative;padding-left:30px;margin-bottom:10px}
.terms_wrapper .list_items li::before{position:absolute;left:0}
.terms_wrapper .list_items li.list01::before{content:"①"}
.terms_wrapper .list_items li.list01:nth-child(2)::before{content:"②"}
.terms_wrapper .list_items li.list01:nth-child(3)::before{content:"③"}
.terms_wrapper .list_items li.list01:nth-child(4)::before{content:"④"}
.terms_wrapper .list_items li.list01:nth-child(5)::before{content:"⑤"}
.terms_wrapper .list_items li.list05::before{content:"1."}
.terms_wrapper .list_items li.list05:nth-child(2)::before{content:"2."}
.terms_wrapper .list_items li.list05:nth-child(3)::before{content:"3."}
.terms_wrapper .list_items li.list05:nth-child(4)::before{content:"4."}
.terms_wrapper .list_items li.list05:nth-child(5)::before{content:"5."}
.terms_wrapper .list_items li.list06::before{content:"ア."}
.terms_wrapper .list_items li.list06:nth-child(2)::before{content:"イ."}
.terms_wrapper .list_items li.list06:nth-child(3)::before{content:"ウ."}
.terms_wrapper .list_items li.list06:nth-child(4)::before{content:"エ."}

/* 背景・ボーダー */
.terms_wrapper.has_bg_border_standard{background-color:transparent}
.terms_wrapper.has_bg_border_top{border-top:1px solid #ddd}


/* ----- タブレット ----- */
@media screen and (max-width: 1024px) {
	.terms_wrapper{padding:30px 0}
	.terms_wrapper h2.has_left_border{font-size:1.6rem}
}


/* ----- モバイル ----- */
@media screen and (max-width: 767px) {
	.terms_wrapper{padding:20px 0}
	.terms_wrapper .paragraph{font-size:1.4rem}
	.terms_wrapper h2.has_left_border{font-size:1.5rem}
	.terms_wrapper .list_items{font-size:1.4rem}
}