.p_summary {margin-top: .8em;}
.swiper-container {overflow:hidden; position: relative;}

#container.sub {background-color: #f7f7f7;}

.spot_titbox3 .desc_mf1 {font-weight: 600; color: #fff; margin-top: 1em; line-height: 1.5; font-size: 1.3em;}


.box {position: relative; border-width: 4px; border-style: solid; padding-top: 70px; padding-left: 75px; padding-right: 75px; padding-bottom: 50px;}
.box:after {
	content:"O O O"; position: absolute; left: 0; top: 0; width: 100%; height: 60px;
	background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;
	font-size: 35px; line-height: 60px; text-indent: 20px; color: #fff; font-weight: 200;
}
.box .line {position: absolute; right: 0; top: 0; width: 30px; height: 100%; border-left-width: 4px; border-left-style: solid;}
.box .line > span {display: block; width: 100%; height: 100px; margin-top: 100px; opacity:.5;}


.box > .tit_mf1 {margin-top: 30px; margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between;}
.box > .tit_mf1 span:last-child img {animation: bounce 0.6s cubic-bezier(0, 0, 0.18, 0.99) infinite alternate;}
.box > .tit_mf1 > span {position: relative; font-size: 1.5em; padding-top: .8em;}
.box > .tit_mf1 > span::after {content:""; position: absolute; left: 0; top: 0; width: 1.5em; height: .15em; background-color: #000;}
.box > .imgs.pt {padding-top: 50px;}
.power1_area2 .slider {margin: 50px 0 0;}


.power1_area1 .box {border-color: #7bce39; background-color: #fff;}
.power1_area1 .box:after {background-color: #7bce39;}
.power1_area1 .box .line {border-color: #7bce39;}
.power1_area1 .box .line > span {background-color: #7bce39;}


.power1_area2 {background-color: #fff; padding: 0;}
.power1_area2 .box {border-color: #8e48ff; }
.power1_area2 .box:after {background-color: #8e48ff;}
.power1_area2 .box .line {border-color: #8e48ff;}
.power1_area2 .box .line > span {background-color: #8e48ff;}

.power1_area3 {padding-top: 0;}
.power1_area3 .box {border: 0; padding: 0;}
.power1_area3 .box:after {content:none;}
.power1_area3 .box .line {border-color: #13c0ba;}
.power1_area3 .box .line > span {background-color: #13c0ba;}
.power1_area3 .box > .tit_mf1 span:last-child:after {content:none;}

.power1_area4 {background-color: #c3e6a8; padding-bottom: 1px;}
.power1_area4 .spot_txtbox {font-weight: 600; color: #000;}



.profile_box {display: flex;}
.profile_box .imgs {width: 25%; text-align: center;}
.profile_box .imgs img {max-width: 150px;}
.profile_box .item {width: 80%;}
.profile_box .item p { letter-spacing:-0.05em;}
.profile_box .item:first-child {width: 19%;}



.img_icon1 {}
.img_icon1 .tx {position: relative; padding-bottom: 1em; border-bottom: 4px solid #a80645;}
.img_icon1 .tx .ico {position: absolute; bottom: 0;}
.img_icon1 .tx .ico.ico1 {left: -5%;}
.img_icon1 .tx .ico.ico2 {right: 3%; text-align: right;}

.ico1 {max-width: 10%;}
.ico2 {max-width: 22%;}
.ico3 img {max-width: 30%; margin-right: 5%;}
.ico4 {display: inline-block; margin-right: 1%; max-width: 9%;}

.power_a.typ2 .tx {border-color: #a80645; background-color: #fff;}
.power_a.typ2 .tx::after {background-color: #fff;}
.power_a.typ2 .tx::before {border-color: #a80645; background-color: #fff;}


.box > .tit_mf1 {color: #7bce39; }
.box > .tit_mf1 > span::after {background-color: #7bce39;}

.tit_mf2 {margin-bottom: 1em; position: relative;}
.tit_mf2 span {position: relative; z-index: 1; display: inline-block; font-weight: 700; color: #7bce39; font-size: 1.15em;}


.box_float.v7525 .item:nth-child(1) {width: 65%;}
.box_float.v7525 .item:nth-child(2) {width: 35%;}


.power1_area1 .box {}
.power1_area1 .box .box {border: 0; padding: 30px 75px 50px 75px; margin-left: -75px; width: calc(100% - 34px); background-color: #e5f5d7; border-top: 3px dashed #7bce39; border-bottom: 3px dashed #7bce39;}
.power1_area1 .box .box:after {content:none;}
.power1_area1 .box .box .item > div {position: relative; margin-left: 30px; background-color: #7bce39; padding: 1em 1em; border-radius: 16px; border: 2px solid #fff;}
.power1_area1 .box .box .item .tri {
    
	position: absolute; left: -30px; top: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 100px 100px 0px;
	border-color: transparent #fff transparent transparent;
}
.power1_area1 .box .box .item .tri:before {
	z-index: 0;
	content:""; position: absolute; left: 4px; top: 2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 100px 100px 0px;
	border-color: transparent #7bce39 transparent transparent;
}
.power1_area1 .box .box .item > div:after {
	content:""; position: absolute; left: 0; top: 0; width: 100%;
	height: 100%; background-color: #7bce39;
	border-radius: 16px;
}
.power1_area1 .box .box .item p {position: relative; z-index: 1; color: #fff;}



@media (max-width: 960px) {
	.box {padding-top: 40px; padding-left: 20px; padding-right: 40px; padding-bottom: 20px; border-width: 2px;}
	.box:after {height: 40px; font-size: 20px; line-height: 40px; text-indent: 10px;}
	.box .line {width: 16px; border-left-width: 2px;}
	.box .line > span {margin-top: 60px; height: 60px;}

	.box .tit_mf1 {margin-bottom: 10px;}
	.box .tit_mf1 img {max-height:50px;}
	.box .tit_mf1 span:first-child img {max-height:30px;}

	.box > .tit_mf1 {margin-top: 20px;}

	.power1_area4 .spot_txtbox .tit_mf1 img {max-height:30px;}

	.profile_box {padding: 1em; position: relative;}
	.profile_box .item {width: 100%;}


	.box > .tit_mf1 > span {font-size: 1em;}


	.power1_area3 .box > .tit_mf1 {align-items: flex-end;}
	.power_a.typ2 {padding-top: 110px;}
	.power_a.typ2 .tx {margin-left: 0; position: relative;}
	.power_a.typ2 .tx::before {top: -5px; left: 20px; transform:rotate(130deg);}
	.power_a.typ2 .tx .ico4 {position: absolute; right: 0; top: -81px; max-width: none; width: 70px;}
	.power_a.typ2 .tx .ico4 img {animation: bounce 0.6s cubic-bezier(0, 0, 0.18, 0.99) infinite alternate;}


	.box_float.v7525 .item:nth-child(1),
	.box_float.v7525 .item:nth-child(2) {width: 100%;}
	.box_float.v7525 .item:nth-child(2) img {max-width: 25%;}

	.bt img {width: 50%;}

	.power1_area1 .box .box {padding: 30px 20px 20px 20px; margin-left: -20px; width: calc(100% + 2px); }

	.tit_mf2 {font-size: 20px;}
	.spot_titbox3 .desc_mf1 {color: #222 !important;}

	.profile_box {display: block; padding: 0;}
	.profile_box .imgs {width: 40%;}
	.power1_area1 .box .box .item > div {margin-left: 0; margin-top: 20px;}
	.power1_area1 .box .box .item .tri {transform: rotate(-180deg) translate(-50px, 40px);}

}




@media (min-width: 961px) {
	.spot_titbox3 {color: #fff; text-shadow:0 0 5px rgba(0,0,0,.7);}
	
	.power1_area3 .box > .tit_mf1 {margin-bottom: 0; align-items: flex-start;}


	.profile_box.fd_reverse .item:first-child {text-align: right;}


	.box_float.lined {position: relative;}
	.box_float.lined:after {content:""; position: absolute; left: 50%; top: 0; margin-left: -3px; width: 1px; height: 100%; border-right: 3px dashed #48a2ab;}
	
}