.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: #1e5056; background-color: #fff;}
.power1_area1 .box:after {background-color: #1e5056;}
.power1_area1 .box .line {border-color: #1e5056;}
.power1_area1 .box .line > span {background-color: #1e5056;}


.power1_area2 {background-color: #a1b6b8;}
.power1_area2 .box {border-color: #1e5056;  background-color: #fff;}
.power1_area2 .box:after {background-color: #1e5056;}
.power1_area2 .box .line {border-color: #1e5056;}
.power1_area2 .box .line > span {background-color: #1e5056;}

.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: #f4ca90; padding-bottom: 1px;}
.power1_area4 .spot_txtbox {font-weight: 600; color: #000;}



.profile_box {background-color: #f4faf8; margin-bottom: 2em; padding: 2em;}
.profile_box .item {width: 81%;}
.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: #1e5056; }
.box > .tit_mf1 > span::after {background-color: #1e5056;}

.tit_mf2 {text-align: center; margin-bottom: 2em; position: relative;}
.tit_mf2:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -.1em; width: 100%; height: .2em; background-color: #f08c00;}
.tit_mf2 span {position: relative; z-index: 1; display: inline-block; padding: 0 1em; font-weight: 700; color: #f08c00; font-size: 1.15em; background-color: #fff;}

.tit_mf3 {text-align: center; padding: 1em; margin: -10px 10% 80px; background-color: #ffbd00; font-size: 30px; font-weight: 700; color: #000; border-radius: 0 0 30px 30px;}
.tit_mf3 > span {display: inline-block; vertical-align: top; }

.tit_icon {z-index: 1;position: absolute; right: 5%; top: 60px; max-width: 30%;}
.tit_icon img {max-height:250px}

.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: #59b3d6; color: #fff;}
.power1_area1 .box .box:after {content:none;}
.power1_area1 .box .box p {color: #fff;}
.power1_area1 .box .box .tit_mf1 {color: #fff;}
.power1_area1 .box .box .tit_mf1 > span:after {background-color: #fff;}



.power1_area2 {}
.power1_area2 .list {padding-bottom: 20px;}
.power1_area2 .list li {display: flex; margin-bottom: 30px; padding: 30px; font-size: 20px; line-height: 1.5; color: #000; background-color: #eeefef; border-radius: 16px; background-image: url('/2025_07/images/power1/ic.jpg'); background-repeat: no-repeat; background-position: 99% 2%;}
.power1_area2 .list .im {overflow:hidden; width: 170px; height: 170px; min-width: 170px;}
.power1_area2 .list .im img {max-width: none; margin-left: -20px; margin-top: -20px; width: 1054px;}
.power1_area2 .list .tx {padding-top: 10px; padding-left: 20px;}
.power1_area2 .list .tx .h1 {font-weight: 700; font-size: 1.2em; color: #2963b1; line-height: 1.2;}
.power1_area2 .list .tx .h2 {color: #2963b1; font-weight: 500; font-size: .9em; margin-bottom: 1em;}

.power1_area2 .list li:nth-child(12) .im {height: 175px;}
.power1_area2 .list li:nth-child(12) .im img {margin-top: -12px;}
.power1_area2 .list li:nth-child(6) .im {height: 175px;}
.power1_area2 .list li:nth-child(6) .im img {margin-top: -12px;}


@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%;}
	.profile_box .item:first-child {width: 30%;}
	.profile_box .item:first-child img {width: 100%;}
	.profile_box .tit_mf1 {position: absolute; left: 35%; top: 0; margin-top: 27%;}
	.profile_box .tit_mf1 img {max-height:40px;}


	.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: 10px 20px 20px 20px; margin-left: -20px; width: calc(100% + 2px); }
	.spot_titbox3 .desc_mf1 {color: #222 !important;}


	.tit_mf3 {font-size: 22px; margin-left: 0; margin-right: 0; margin-bottom: 40px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; }
	.tit_mf3 > span {padding-right: 50px; word-break:keep-all;}
	.tit_icon {top: 40px;}
	.tit_icon img {max-height:100px;}


	.power1_area2 .list li {display: block; margin-bottom: 20px; padding: 10px 20px 20px; font-size: 16px; border-radius: 8px; background-size: 20px auto;}
	.power1_area2 .list .im {width: 110px; height: 130px; min-width: 110px;}
	.power1_area2 .list .im img {margin-left: -10px; margin-top: -10px; width: 700px;}
	.power1_area2 .list .tx {padding-left: 0; padding-top: 0;}

	.power1_area2 .list li:nth-child(6) .im {height: 135px;}
	.power1_area2 .list li:nth-child(6) .im img {margin-top: -10px;}
	.power1_area2 .list li:nth-child(12) .im {height: 135px;}
	.power1_area2 .list li:nth-child(12) .im img {margin-top: -10px;}


}



@media (min-width: 961px) {
	#spot.spot3.bgfix {height: 700px;}
	#spot.spot3.bgfix .spot_bg {min-height: 700px;}
	
	.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;}
	
}