@charset 'utf-8';

h1{margin-bottom: 20px;}

/* static-ttl-page
-------------------------------------------- */
#static .static-ttl-page{float: left;width: 55%;}
#static .static-ttl-page-right{float: right;width: 44.2%;}
#static .static-ttl-page-right img{width: 100%;margin-bottom: 10px;}
.static-wrap-ttl-page:after,
.static-mini-image:after{display: block; clear: both; content: ""; height: 0.01px;}


/* static-image
-------------------------------------------- */
#static .static-main-image{margin-bottom: 20px;}
#static .static-main-image img{width: calc(100% - 2px); /*border: solid 1px #ccc;*/}

#static .static-mini-image > li{float: left;width: 216px;}
#static .static-mini-image > li:nth-child(2){margin:0 36px 30px 36px;}
#static .static-mini-image > li p{font-size:12px;text-align: center;}
#static .static-mini-image > li img{width: 216px;margin-bottom: 5px;border: solid 1px #ccc;}
#static .static-mini-image > li a{display: block;font-size: 11px;font-size: 1.1rem;text-decoration: none;}

#static .static-bottom-image{margin-bottom: 20px;}
/* clearfix
-------------------------------------------- */
.static-mini-image:after{display: block; clear: both; content: ""; height: 0.01px;}


/* static-ttl-step
-------------------------------------------- */
#static .static-wrap-ttl-step{
	overflow: hidden;
	border: 1px solid #e8e8e8;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
    background-image: url(/user_data/packages/default/brand/110172/images/step_bg.jpg);
    background-size: 100%;
}
#static .static-wrap-ttl-step .static-wrap-ttl-step_page{
	position: relative;
    width: 100%;
    margin: auto 0;
    box-sizing: border-box;
}

#static .static-wrap-ttl-step .static-wrap-ttl-step_page h1{
	font-size: 20px;
}
#static .static-wrap-ttl-step .static-wrap-ttl-step_page h1 span{
	font-size: 30px;
}
#static .static-wrap-ttl-step .static-wrap-ttl-step_page p.number{
	font-size: 20px;
    margin: 20px;
}
#static .static-wrap-ttl-step .static-wrap-ttl-step_page ul li{
	display: inline-block;
	margin: 10px;
}

/*
#static .static-wrap-ttl-step:before {
    background: url(/user_data/packages/default/brand/110172/images/border-top-left.png) center no-repeat;
    top: -10px;
    left: -10px;
	content: " ";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    z-index: 99;
}
#static .static-wrap-ttl-step:after {
    background: url(/user_data/packages/default/brand/110172/images/border-top-right.png) center no-repeat;
    right: 1px;
    content: " ";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 99;
    margin-top: -613px;
}
#static .static-wrap-ttl-step .static-wrap-ttl-step_inr:before {
    background: url(/user_data/packages/default/brand/110172/images/border-bottom-left.png) center no-repeat;
    bottom: -10px;
    left: -10px;
	content: " ";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 99;
}
#static .static-wrap-ttl-step .static-wrap-ttl-step_inr:after {
    background: url(/user_data/packages/default/brand/110172/images/border-bottom-right.png) center no-repeat;
    bottom: -10px;
    right: -10px;
	content: " ";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 99;
}
*/
#static .static-wrap-ttl-step .static-wrap-ttl-step_inr{
padding: 40px;
    /*border: solid 1px #e5e5e5;*/
    position: relative;
    z-index: 1;
    background-color: #fff;
}
/* static-ttl-page02
-------------------------------------------- */
#static .static-wrap-ttl-page02{
	overflow: hidden;
	border: 1px solid #d2ba86;
	padding: 20px;
	margin-bottom: 20px;
}


#static .static-ttl-page02{
	float: left;
	/*width: 234px;*/
	margin-right: 30px;
}

#static .static-wrap-ttl-page02 .static-ttl-page-right02{
	float: right;
	width: 454px;
	font-size: 15px;
	padding-top: 20px;
}

#static .static-wrap-ttl-page02 .static-wrap-ttl-page02 h1{
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 10px;
}

.col > .col__col img{
    border: solid 1px #ccc;
}