@charset "UTF-8";

@charset "UTF-8";

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Yuji+Mai&display=swap');
a[id*="point"]+section .heading.block_header_2 .h{
	padding-left: 0;
	font-size: 3.0rem !important;
	line-height: 1.4;
    color: var(--i_main_color)
}
a[id*="point"]+section .heading.block_header_2{
    padding: 20px 0;
    border-top: 2px dotted var(--i_main_color);
    border-bottom: 2px dotted var(--i_main_color);
}
a[id*="point"]+section .heading.block_header_2 p{
	padding-left: 0;
	font-size: 2.0rem;
	letter-spacing: 0.2rem;
    color: var(--i_main_color);
}
a[id*="point"]+section .heading.block_header_2 .h:before,
a[id*="point"]+section .heading.block_header_2 .h:after{
	display: none;
}
@media screen and (min-width: 901px){
    a[id*="point"]+section.block_image_text_3 .inner_item_txt{
        max-width: 600px;
        margin-right: 0;
        margin-left: auto;
    }
    a[id*="point"]+section.block_image_text_4 .inner_item_txt{
        max-width: 600px;
        margin-right: auto;
        margin-left: 0;
    }
}
@media screen and (max-width: 900px){
    a[id*="point"]+section .heading.block_header_2{
        padding: 10px 0;
    }
    a[id*="point"]+section .inner_item_img{
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 800px){
	a[id*="point"]+section .heading.block_header_2 .h{
		font-size: 2.2rem !important;
	}
	a[id*="point"]+section .heading.block_header_2 p{
		font-size: 1.6rem;
        letter-spacing: 0;
	}
}

#point2+section .heading.block_header_2 .h,
#point2+section .heading.block_header_2 p{
    color: var(--i_sub_color);
}
#point2+section .heading.block_header_2{
    border-color: var(--i_sub_color);
}

#point3+section .heading.block_header_2 .h,
#point3+section .heading.block_header_2 p{
    color: #e6c45f;
}
#point3+section .heading.block_header_2{
    border-color: #e6c45f;
}
/*------------------------------------*/
#text+section > .content_wrapper{
    width: 90%;
    background: var(--i_sub4_color);
    padding: 50px 5%;
    border-radius: 20px;
}
@media screen and (max-width: 900px){
    #text+section > .content_wrapper{
        padding: 40px 20px;
    }
}
/*------------------------------------*/
#class+div.composite_box01.block_images_14 .inner_item_txt p a{
    text-decoration: none;
    text-decoration-color: currentcolor;
    color: var(--i_sub_color);
    background: #fff;
    padding: 5px;
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--i_sub_color);
    border-radius: 50px;
    font-size: 1.5rem;
    transition: .3s ease-in-out;
}
#class+div.composite_box01.block_images_14 .inner_item_txt p a:hover{
    background: var(--i_sub_color);
    color: #fff;
}
#class+div.composite_box01.block_images_14 .inner_item_txt p:has(a){
    margin-bottom: 10px;
}
#class+div.composite_box01.block_images_14 .inner_item_txt p:has(a) + p a{
    color: var(--i_main_color);
    border: 1px solid var(--i_main_color);
}
#class+div.composite_box01.block_images_14 .inner_item_txt p:has(a) + p a:hover{
    color: #fff;
    background: var(--i_main_color);
}
#class+div .inner_item_txt .heading.block_header_4 .h{
    color: var(--i_txt_color);
    padding-left: 23px;
}
#class+div .inner_item_txt .heading.block_header_4 .h::before{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("/common/upload_data/panda-kidsnet/image/pin.png") no-repeat left top 0.2em/ 0.8em;
    pointer-events: none;
}
/*------------------------------------*/
#company+div .outer{
    background: var(--i_main_color);
    padding: 50px 5%;
    border-radius: 20px;
}
#company+div table,
#company+div.block_table_8 table thead,
#company+div.block_table_8 table th{
    background: transparent;
    color: #fff;
    text-align: left;
}
#company+div.block_table_8 table tr{
    border-bottom: 2px dotted rgba(255,255,255,0.4);


}
#company+div.block_table_8 table td{
    padding: 10px 6px 10px;
}
@media screen and (max-width: 800px){
    #company+div .outer{
        padding: 20px 20px 40px;
    }
}
/*------------------------------------*/
#company+div .outer{
    background: var(--i_main_color);
    padding: 50px 5%;
    border-radius: 20px;
}
#company+div table,
#company+div.block_table_8 table thead,
#company+div.block_table_8 table th{
    background: transparent;
    color: #fff;
    text-align: left;
}
#company+div.block_table_8 table tr{
    border-bottom: 2px dotted rgba(255,255,255,0.4);
}
#company+div.block_table_8 table td{
    padding: 10px 6px 10px;
}
@media screen and (max-width: 800px){
    #company+div .outer{
        padding: 20px 20px 40px;
    }
}
/*------------------------------------*/
#about_keiei+section{
    overflow: visible;
}
#about_keiei+section::before,
#about_keiei+section::after{
	display: block;
	content: "";
	width: 20%;
    max-width: 220px;
	height: 47vw;
    max-height: 524px;
	position: absolute;
	top: -50px;
	left: 30px;
	background: url("/common/upload_data/panda-kidsnet/image/bg_triangle1.png") no-repeat left top / 100% auto;
	pointer-events: none;
    z-index: 2;
}
#about_keiei+section::after{
    width: 30%;
    height: 56vw;
    max-width: 300px;
    max-height: 585px;
    background-image: url("/common/upload_data/panda-kidsnet/image/bg_triangle2.png");
    left: auto;
    right: 30px;
    top: auto;
    bottom: -150px;
}
@media screen and (max-width: 900px){
    #about_keiei+section::after{
        right: -3%;
        bottom: -6vw;
        min-width: 120px;
    }
    #about_keiei+section::before{
        left: -2%;
        top: -12vw;
        min-width: 100px;
    }    
}
#about_keiei+section::before{
    animation: katakata 2s steps(2) infinite;
}
@keyframes katakata{
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(7deg);
    }
}
#about_keiei+section::after{
    animation: katakata2 2s steps(2) infinite;
}
@keyframes katakata2{
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-7deg);
    }
}
/*------------------------------------*/

#about_keiei+section .inner_item_txt p,
#about_ryoiku+section .inner_item_txt p,
#about_uneihoshin+section .inner_item_txt p{
    line-height: 2.4;
}
@media screen and (max-width: 768px){
    #about_keiei+section .inner_item_txt p,
    #about_ryoiku+section .inner_item_txt p,
    #about_uneihoshin+section .inner_item_txt p{
        line-height: 1.9;
    }
    #about_ryoiku+section .inner_item_txt p span[style="font-size:26px;"]{
        font-size: 1.8rem!important;
    }
}
/*------------------------------------*/
#about_mokuteki+section .inner_item_txt p{
    text-align: left;
}

/*------------------------------------*/

#about_greeting+section .inner_item_txt span[style="font-family:Yu Mincho;"]{
    font-family: "Yuji Mai", serif!important;
    font-size: 120%;
}
#about_greeting+section .inner_item_txt span[style="font-size:14px;"]{
    font-family: "Yuji Mai", serif!important;
}
/*---------------改行---------------------*/
.inner_item_txt i{
	font-style: normal;
}
@media screen and (max-width: 480px){
    .inner_item_txt i{
        display: block;
    }
}