/*poo1*/
#poo1{
    position: relative;
}
#poo1 p{
    font-size: 24px;
    line-height: 180%;
    margin-bottom: 25px;
    color: #585757;
    letter-spacing: 0.05em;
}
.photoJ{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.inuJ{
    display: flex;
    flex-direction: column;
    margin: 10px;
    width: 47%;
}
.inuJ img{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 550px;
    object-fit: cover;
    box-shadow: 5px 6px 8px rgb(0 0 0 / 31%);
}

/*poo2*/
#poo2{
    position: relative;
}
.titleJa{
	
display: flex;
	
flex-direction: column;
	
align-items: center;
}

#poo2 p{
    font-size: 24px;
    line-height: 180%;
    margin-bottom: 25px;
}
.photoJ2{
    display: flex;
    flex-wrap: wrap;
}
.inuJ2{
    display: flex;
    flex-direction: column;
    width: calc(33% - 20px);
    margin: 0 10px;
}
#poo2 .inuJ2 p{
    text-align: center;
    line-height: 200%;
    padding: 25px 0;
    font-size: 20px;
    color: #737373;
}
.tabox{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #eeeeef;
    box-shadow: 5px 6px 8px rgb(0 0 0 / 31%);
}
.tabox img{
    height: 300px;
    object-fit: cover;
}

h3.bluee{
    font-size: 31px;
    line-height: 200%;
    color: #1274ad;
    padding-left: 20px;
    position: relative;
    margin-bottom: 15px;
}
h3.bluee:before{
    content:"";
    height: 29px;
    top: 18px;
    background: #1274ad;
    width: 5px;
    position: absolute;
    left: 0;
}
.ivedo{
    display: flex;
    justify-content: center;
}
.ivedo .b-box{
    display: flex;
    flex-direction: column;
    width: calc(50% - 20px);
    align-items: center;
    margin: 0 10px;
}
.jackbox img{
    height: 780px;
    object-fit: cover;
}
#poo2  .b-box p{
        text-align: center;
    line-height: 200%;
    padding: 25px 0;
    font-size: 20px;
    color: #737373;
}
/*poo3*/
#poo3.current{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#poo3.current ,#poo5.current{
    display: none;
}
#poo3 .allonee{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#poo3 .inuJ{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px 0 35px;
}
#poo3 .inuJ img{
    width: 500px;
    height: auto;
}
.injune{
    display: flex;
    align-items: center;
    justify-content: center;
}
#poo3 .injune h2{
    font-size: 29px;
    color: #1274ad;
    position: relative;
    padding-left: 30px;
    display: flex;
}
#poo3 .injune h2:before{
    content:"";
    height: 29px;
    top: 12px;
    background: #1274ad;
    width: 5px;
    position: absolute;
    left: 0;
}
.injune img{
    width: 115px;
    margin-left: 15px;
    height: 40px;
    display: flex;
}
#poo3 .tableimg{
    padding: 80px 0;
}

.wrap #content h2.rirryyu{
	    color: #1274ad;
    font-size: 34px;
    margin-bottom: 30px;
}
/*poo4*/
#poo4{
    position: relative;
}
#poo4 .box01{
    position: relative;
}
#poo4 .moand{margin: 30px 0 50px;}
#poo4 .box01 p , #poo4 .infoo p{
    font-size: 20px;
    line-height: 180%;
    padding: 5px 0;
}
.tileeJJ{
    position: relative;
}
#poo4 .tileeJJ h2{
	font-size: 30px;
	margin-top: 15px;
	margin-left: 32px;
	text-shadow: #25537db3 0.1em 0.1em 0.2em;
	font-weight: 400;
	color: white;
	position: relative;
	width: 262px;
	height: 80px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.tileeJJ h2:before{
	content:"";
	position: absolute;
	width: 106%;
	height: 79px;
	background: url(/images/33/titleimg.png);
	background-size: cover;
	z-index: -1;
	top: 1px;
	left: -29px;
	/* background: linear-gradient(143deg, #e76129 1%, #e76129 3%, #5381b3 25%, #3287c0 100%); */
	border-radius: 20px;
}
.tileeJJ2 img{
    width: 450px;
    margin: 31px 0;
}
/*poo5*/
#poo5{
    position: relative;
}
#poo5 .injune h2{
    font-size: 29px;
    color: #1274ad;
    position: relative;
    padding-left: 30px;
    display: flex;
}
#poo5 .injune h2.righttio{flex: 1;display: flex;justify-content: flex-end;}
#poo5 .injune h2.righttio:before{display:none;}
#poo5 .injune h2:before{
    content:"";
    height: 29px;
    top: 12px;
    background: #1274ad;
    width: 5px;
    position: absolute;
    left: 0;
}

#poo5 .allonee{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 23px 0;
}
#poo5 .allonee .inuJ{
    width: 43%;
}
#poo5 .allonee .tableimg{
    width: 48%;
}

/*poo6 */

#poo6{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#tabs_container #poo6 h2{
    font-size: 22px;
    color: #7c7c7c;
    font-weight: 400;
    margin-top: 20px;
}
#poo6 .tit6{}
#poo6 .tit6 img{
    width: 450px;
}
#poo6 .buttom{
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin: 150px 0 50px;
}
#poo6 .buttom a{
	display:flex;
	flex-direction: column;
	align-items: center;
	width: 280px;
	-webkit-filter: brightness(0.8);
}
#poo6 .buttom a.boom{
    -webkit-filter: brightness(1);
}
#poo6 .buttom a:hover{
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -o-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

/*box02*/
.box02 .infoo{
    margin-bottom: 20px;
}
.box02 p{
    font-size: 23px;
    line-height: 200%;
    color: #585757;
}
.omgg{
    display: flex;
    flex-wrap: wrap;
}
.omgg img{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width: 980px) {
    #poo1 p , #poo2 p{
    font-size: 20px;
}
	.inuJ2{
        width: calc(50% - 20px);
    }
    .jackbox img{
        height: 300px;
    }
    #poo2 .b-box p , #poo2 .inuJ2 p{
        font-size: 16px;
    }
    .inuJ img{
	    width: 100%;
	    height: auto;
	}
	.wrap #content h2.rirryyu{
	    font-size: 30px;
	    margin-bottom: 5px;
	}
	.box02 p{
    font-size: 18px;
}
}
@media screen and (max-width: 480px) {
    .inuJ2{
        width: calc(50% - 10px);
        margin: 0 5px;
    }
    #poo2 .b-box p , #poo2 .inuJ2 p{
        font-size: 14px;
    }
    #poo3 .tableimg{
	    padding: 10px 0;
	}
	.tileeJJ2 img{
	    width: 300px;
	}
	#poo5 .allonee{
	    display: flex;
	    flex-direction: column;
	}
	#poo5 .allonee .inuJ{
	    width: 95%;
	}
	#poo5 .allonee .tableimg{
	    width: 95%;
	    margin-bottom: 20px;
	}
	#poo5 .injune h2.righttio{
		display:none;
	}
	#tabs_container #poo6 h2{
	    font-size: 16px;
	}
	#poo6 .tit6 img{
	    width: 300px;
	}
	#poo6 .buttom{
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    margin: 27px 0;
	}
	#poo6 .buttom a{
	    width: 215px;
	}
	.omgg img{
	    width: 100%;
	}
	.omgg{
    flex-direction: column;
}
}