@charset "utf-8";
.s100th{
	font-size: 16px;
}

.s100th .section-block .headline-m {
    font-size: 2.7rem;
}
.s100th .section-block .headline-m::after {
    height: 40px;
}
.s100th-box{
	margin-bottom: 60px !important;
	color: #45266D;
	line-height: 1.8;
}
.s100th-box .sp-img{
	display: none;
}
.s100th-box.box1{
	padding: 2em 2em 0.5em;
	background: transparent url(../images/photo1.jpg) 0 0 no-repeat;
	background-size: auto 100%;
}
.s100th-box.box1 .inner{
	padding-left: 55%;
}
.s100th-box.box1 .inner h5{
	margin-bottom: 1.5em;
	font-size: 2rem;
}
.s100th-box.box1 .inner p{
	margin-bottom: 1.5em;
}

.s100th-box.box2{
	padding: 0.2em 2em 0.5em;
	background: transparent url(../images/photo2.jpg) 0 0 no-repeat;
	background-size: 52% auto;
}
.s100th-box.box2 .inner{
	padding-left: 56%;
}
.s100th-box.box2 .inner div{
	margin-bottom: 30px;
}
.s100th-box.box2 .inner h5{
	margin-bottom: 0.5em;
	font-size: 2rem;
}
.s100th-box.box2 .inner h2{
	font-size: 2.4rem;
}
.s100th-box.box2 .inner dl{
	display: table;
}
.s100th-box.box2 .inner dt,
.s100th-box.box2 .inner dd{
	display: table-cell;
	padding: 0.12em 0.3em;
	vertical-align: middle;
}
.s100th-box.box2 .inner dt{
	font-size: 1.8rem;
	font-weight: bold;
	white-space: nowrap;
}
.s100th-box.box3{
	padding: 1em 2em 0.5em;
}

@media screen and (max-width: 990px){

.s100th .section-block .section-ttl{
	font-size: 2rem;
}
.s100th br.sp-br{
	display: none;
}
.s100th .section-block .headline-m {
    font-size: 1.7rem;
}
.s100th-box.box1 .inner{
	padding-left: 0%;
}
.s100th-box.box2 .inner{
	padding-left: 0%;
}
.s100th-box.box1,
.s100th-box.box2{
	background: none;
	padding: 1em 0.5em 0.5em;
}
.s100th-box .sp-img{
	display: block;
	margin-bottom: 30px;
}

}