@charset "utf-8";
.comTopBox{
	background-color: rgba(228, 232, 235, 0.5);
	padding: 16px 0;
	margin-bottom: 48px;
	font-weight: 500;
}

.member .comTopBox .txtBox.membertxtBox{
	margin-right: 0;
	width: auto;
}

.member .comTopBox .membertxtBox h3{
	color: #ec1234;
	margin-bottom: 8px;
}

.member .comTopBox .membertxtBox p{
	max-width: initial;
}

.benefitBox{
	border-top: 4px solid #ec1234;
	padding-top: 48px;
	margin-top: 48px;
}

.member .comCaseUl {
    margin-top: 0px;
}

.member .mainBox {
    margin: 0 auto;
    max-width: 980px;
}

.headline01_wp{
	max-width: 480px;
	margin: 0 auto 24px;
}

.headline01_wp p{
	color: #ec1234;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
}

.photoBox{
	text-align: center;
}

.benefitUl_menu , .benefitUl_menu_op{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    width: 800px;
}

.benefitUl_menu{ margin: 0px auto 40px; }
.benefitUl_menu_op{ margin: 16px auto 40px; }

.benefitUl_menu li{
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
	display: block;
    margin-bottom: 32px;
    padding: 24px;
    width: 50%;
    max-width: 380px;
    font-size: 1.2em;
    line-height: 1.6;
    font-weight: 500;
    box-sizing: border-box;
}

.benefitUl_menu_op li{
	display: block;
    margin-bottom: 32px;
    
    width: 50%;
    max-width: 380px;
    font-size: 1.2em;
    line-height: 1.6;
    font-weight: 500;
    box-sizing: border-box;
}

.benefitUl_menu_op li > div{
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
	padding: 24px;

}

.benefitUl_menu li span{
	color: #ec1234;
}

.benefitUl_menu h3.headline02{
	color: #2b2b2b;
}

.benefitUl_menu li a{
	text-align: center;
	display: block;
	margin-top: 24px;
}

.benefitUl_menu li a:link,
.benefitUl_menu li a:visited{
	text-decoration: underline;
}

.benefitUl_menu li a:hover{
	text-decoration: none;
}

.headingBox{
	margin: 56px auto 24px;
}

.headingBox .headlineRed{
    margin: 0 auto 16px;
    color: #ec1234;
    font-weight: 900;
    text-align: center;
    font-size: 1.6rem;
}

.benefitBox03{
	margin: 120px auto 24px;	
}

.comCaseUl02{
	margin-top: 0;
	display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.comCaseUl02.single{
	justify-content: center;
}

.comCaseUl02 li{
	width: calc(100% / 3);
	margin: 0 16px;
}

.comCaseUl02 h2{
	font-size: 2.2rem;
    font-weight: 900;
    color: #ec1234;
    padding: 10px 16px 0;
}

.comCaseUl02 p{
	padding: 0 16px 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	min-height: 80px;
}

.details__summary{
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #2b2b2b;
    padding: 15px 0;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    margin: 24px 16px 11px;
    font-size: .9em;
}

.details__summary:hover{
	opacity: .7;
}

.details__summary i:before, .details__summary i:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    background-color: #2b2b2b;
    width: 8px;
    height: 2px;
    transition: 0.3s;
}

.details__summary i:before {
    transform: rotateZ(90deg);
}

.details__summary i:after {
}

.details__summary.active i:before {
    transform: rotateZ(0deg);
}

.details__content {
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    text-align: center;
}

.details__content img{
	border: 12px solid #E4EBEB;
}

.details__content.active {
    height: auto;
    overflow: initial;
}

.details__summary::before {
    display: block;
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: calc(50% - 6px);
    right: 16px;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
    transition: all 0.4s ease-out;
    transform-origin: 3px 6px;
    transform: rotate(90deg);
}

.details__summary.active::before {
    transform: rotate(-90deg);
}




	.jsFadeover{
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
		display: block;
	}

	.jsFadeover:hover{
		opacity: .7;
	}

	.member .comCaseUl li {
	    margin: 48px 0 0;
	    width: 470px;
	    font-size: 1.6rem;
	    line-height: 2;
	}
		
	.member .comCaseUl li .img {
	    margin-bottom: 8px;
	}

	.member .comCaseUl li h2 {
	    margin-bottom: 0;
	    padding: 0 16px;
	}

	.member .comCaseUl li p {
	    padding: 0 16px 16px;
	}



@media (max-width: 896px) {

	.member .comLinkUl{
		margin-bottom: 24px;
	}

	.member .comLinkUl a {
	    padding-bottom: 3px;
	    min-width: 100px;
	    letter-spacing: 0;
	    font-size: 1.5rem;
	    font-weight: 500;
	    border-bottom: 2px solid #ec1234;
	}

	.member .comTopBox .txtBox.membertxtBox {
	    width: 94%;
	    margin: 0 auto;
	}

	.member .comCaseUl {
	    margin: 0 16px;
	}
	.member .comCaseUl li {
	    width: auto;
	}

	.headline01_wp {
	    width: 92%;
	}

	.headline01 {
        margin-bottom: 12px;
    }

	.photoBox{
		max-width: 240px;
	    margin: 0 auto;
	}

	.headingBox .photoBox{
		max-width: initial;
		padding: 0 12px;
	}

	.benefitUl_menu, .benefitUl_menu_op {
	    width: auto;
	    justify-content: center;
	}

	.benefitUl_menu li {
	    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
	    display: block;
	    padding: 24px;
	    width: 100%;
	    margin: 0 14px 32px;
	    padding: 24px;
	}

	.benefitUl_menu_op li {
		width: 100%;
	}

	.benefitUl_menu h3.headline02 {
	    text-align: left;
	}

	.benefitUl_menu li a {
	    margin-top: 16px;
	}

	.benefitBox03 {
	    margin: 80px auto 24px;
	}

	.benefitBox03 .img img{
		width: auto;
	}

	.comCaseUl02 {
	    flex-wrap: wrap;
        justify-content: center;
	}

	.comCaseUl02 li {
	    width: auto;
	    margin: 0 16px 24px;
	    max-width: 380px;
	}

	.comCaseUl02 p {
	    padding: 0 16px 16px;
	    font-size: 1.6rem;
	    line-height: 1.5;
	    min-height: auto;
	}

	.comCaseUl02 h2 {
	    font-size: 2.0rem;
	    font-weight: 800;
	    padding: 10px 16px 0;
	}



}