@charset "shift_jis";
/* .inner_content{width:900px} */

#agreement-kaden-subscription *{
	box-sizing:border-box;
}
#agreement-kaden-subscription {
	text-align:left;
    padding: 0 3%;
}
#agreement-kaden-subscription a{
	display: block;
    text-decoration:underline;
}
#agreement-kaden-subscription img{
	width: 100%;
    height: auto;
    display: block;
}
#agreement-kaden-subscription .align_right{
	text-align: right;
}
#agreement-kaden-subscription p{
	padding:.5em;
}
#agreement-kaden-subscription p a{
	display: inline-block;
}

/*==============================================
見出し  STR
================================================*/
#agreement-kaden-subscription ol,
#agreement-kaden-subscription h1{
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: .5em;
}
#agreement-kaden-subscription h2,
#agreement-kaden-subscription h3{
	font-size: 120%;
	margin:0.1em 0;
	padding: .5rem;
    background-color: #EBF1F5;
}
/*==============================================
見出し  END
================================================*/

/*==============================================
項目リスト  STR
================================================*/
#agreement-kaden-subscription ol,
#agreement-kaden-subscription ul{
	padding:.5em 0 .5em 1.5em;
}
#agreement-kaden-subscription ul li{
	list-style:disc;
}
#agreement-kaden-subscription ol li{
	list-style:decimal;
}
#agreement-kaden-subscription ol li > ol li{
    list-style-position:outside;
    counter-increment: cnt;
}
#agreement-kaden-subscription ol li > ol li::marker{
    content: "(" counter(cnt) ") ";
}
/*==============================================
項目リスト  END
================================================*/

/*==============================================
アンカー  STR
================================================*/
#agreement-kaden-subscription .mokuji_item{
    border: #EEE 1px solid;
    padding:.5em 1em;
    text-decoration: underline;
    width: 100%;
    margin-bottom: 1em;
    display: grid;
}
#agreement-kaden-subscription .mokuji_item .mokuji_item_inner{
    display: grid;
    gap: .3em;
}
/*==============================================
アンカー  END
================================================*/

/*==============================================
プランの表  STR
================================================*/
#agreement-kaden-subscription .service-area dl{
    display: flex;
    flex-direction: column;
}
#agreement-kaden-subscription .service-area dl dt,
#agreement-kaden-subscription .service-area dl dd{
    padding: .5em;
}
#agreement-kaden-subscription .service-area dl dt{
    border: 1px solid;
    background: #f5f5f5;
}
#agreement-kaden-subscription .service-area dl dd{
    border-right: 1px solid;
    border-left: 1px solid;
}
#agreement-kaden-subscription .service-area dl dd:last-of-type{
    border-bottom: 1px solid;
}
/*==============================================
プランの表  END
================================================*/

/*==============================================
TOPへ戻る  STR
================================================*/
#agreement-kaden-subscription .pagetop {
    position: fixed;
    bottom: 4.5em;
    right: 1em;
	z-index: 3;
}
#agreement-kaden-subscription .pagetop a {
	display: flex;
	justify-content: center;
    align-items: center;
    text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size:.8em;
	font-weight:lighter;
	background-color: #222222c7;
	border-radius: 80px;
	width:5em;
	height:5em;
    line-height: 1.3em;
    transition: 0.3s all;
    text-decoration: none;
}
#agreement-kaden-subscription .pagetop a:hover{
    color: #fff !important;
    opacity: .8;
    transform: translateY(-2px);
}
/*==============================================
TOPへ戻る  END
================================================*/