#acordion_01{
    background-color: #499ad4;
}

#acordion_02{
    background-color: #e8769e;
}

#acordion_03{
    background-color: #e2c03b;
}

#acordion_04{
    background-color: #a75397;
}

#acordion_05{
    background-color: #e98b25;
}

#acordion_06{
    background-color: #174899;
}

#acordion_07{
    background-color: #259de9;
}

#acordion_08{
    background-color: #e9b925;
}

.line-accordion-box {
margin: 3em auto;
max-width: 100%;
}
.acordion-toggle {
display: none;
}
.acordion-option {
position: relative;
margin-bottom: 1em;
}
.acordion-title,
.line-acordion-content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.acordion-title {
border: solid 1px #ccc;
display: block;
color: #333;
font-weight: bold;
}
.acordion-title::after,
.acordion-title::before {
content: "";
position: absolute;
right: 3.25em;
top: 3.25em;
width: 12px;
height: 4.75em;
background-color: #fff;
transition: all 0.3s;
}
.acordion-title::after {
transform: rotate(90deg);
}

@media screen and (max-width: 640px) {
    .acordion-title::after,
    .acordion-title::before {
        content: "";
        position: absolute;
        right: 1.25em;
        top: 1.25em;
        width: 2px;
        height: 0.75em;
        background-color: #fff;
        transition: all 0.3s;
    }
}

.line-acordion-content {
max-height: 0;
overflow: hidden;
}
.line-acordion-content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.acordion-toggle:checked + .acordion-title + .line-acordion-content {
max-height: 1000px;
transition: all 1.5s;
background-color: #fff;
}
.acordion-toggle:checked + .acordion-title::before {
transform: rotate(90deg) !important;
}

.line-acordion-img{
display: flex;
}

.line-acordion-img img{
width: 30%;
}

.line-acordion-img p{
font-size: 28px!important;
font-weight: bold;
padding: 2% 8%!important;
line-height: 1.5em!important;
color: #fff;
}

.line-acordion-img p span{
font-size: 20px;
font-weight: normal;
}

@media screen and (max-width: 640px) {
    .line-acordion-img p{
        font-size: 20px!important;
        font-weight: bold;
        padding: 2% 2%!important;
        line-height: 1.1em!important;
    }
    .line-acordion-img p span{
        font-size: 16px;
        font-weight: normal;
    }
}


.pg_line_text {
    background-color: #E8F6FF;
    padding: 4% 3%;
}
.pg_line_box {
    border: solid 1px #000;
    padding: 4% 3%;
}

.pg_line_tc_txt {
    float: left;
    padding: 0 20px 20px;
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
}

.pg_line_img{
	width:50%;
	float: left;
	display: block;
}
			
@media screen and (max-width: 640px){
.none {display:none}
}

/*LINE*/
.line_coupon_box {background: #f23064; box-sizing: border-box;padding: 2%; margin-bottom: 3%;}
.line_coupon_box_inner {background: #fff;width: 100%;box-sizing: border-box;padding: 1%;}
.line_coupon_box_inner p { padding: 10px; overflow: hidden;font-size: 14px; line-height: 24px; box-sizing: border-box;}
.line_coupon_box_inner p img { margin: 0 0 0 2%; float: right; max-width:100%;}
#main .line_coupon_box_inner p img { width: 50% !important;}
@media screen and (max-width:1024px) {
.line_coupon_box_inner p { padding: 2%;}
}
@media screen and (max-width:480px) {
.line_coupon_box_inner p img { margin: 0 auto 2%;}
#main .line_coupon_box_inner p img { width: 100% !important;}
}

.dosen_text {max-width: 910px; margin:auto; padding:1% 3% 0 3%; text-align:left; font-size:120%;}

@media screen and (max-width:480px) {
.dosen_text { padding:1% 3% 0 3%; text-align:left; font-size:120%;}
}

.txt_r_1per2 p img {float: left;width: auto !important;margin: 0 10px 10px 0;}

@media screen and (max-width:1024px) {
 .txt_l_1per2 p img { max-width: 50% !important;}
 .txt_r_1per2 p img,
 .txt_r_1per3 p img { margin: 0 9% 2% 0;}
}