/*
Theme Name: dron_school
Template: hello-elementor
Author: Chasm Team
Author URI: https://chasmweb.com/
Description: Hello Elementorの子テーマです。編集はこちらで行なっていください。
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.5.0.1646612789
Updated: 2022-03-07 09:26:29

*/




.under1 {
background:linear-gradient(transparent 70%, #FFD200 0%);
}
.under2 {
 background: linear-gradient(transparent 50%, #F7CF26 50%);
}

@media screen and (max-width:480px) { 
    /*　画面サイズが480px以下　*/
	.br_pc{
		display:none;
	}
	.br_sp{
		display:block;
	}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.br_pc{
		display:none;
	}
	.br_sp{
		display:block;
	}
}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	.br_pc{
		display:block;
	}
	.br_sp{
		display:none;
	}
}

.h3_r_1{
    display: inline;
    font-size: 30px;
    line-height: 2;
    font-weight: 900;
    color: #333333;
}

@media screen and (max-width:480px) { 
/*　画面サイズが480px以下　*/
.h3_r_1{
    display: inline;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 900;
    color: #209CFF;
}
}


.pointer{
    display: block;
    margin: 25px 0;
}
.reazon_tx{
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 1;
    font-weight: 400px;
}

.arrow_box-r:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(227, 34, 43, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#E3222B;
    top:100%;
    left:50%;
}

.arrow_box-b:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(227, 34, 43, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#006198;
    top:100%;
    left:50%;
}

.sectTit {
    position: relative;
    padding: 1rem 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.sectTit::before,
.sectTit::after {
    position: absolute;
    top: 1.5rem;
    height: 3rem;
    content: '';
}

.sectTit::before {
    border-left: solid 2px #006198;
    left: 150px;
    transform: rotate(30deg);
}

.sectTit::after {
    border-right: solid 2px #006198;
    right: 150px;
    transform: rotate(30deg);
}

@media screen and (max-width:768px) {
	.sectTit {
    position: relative;
    padding: 1rem 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.sectTit::before,
.sectTit::after {
    position: absolute;
    top: 0.5rem!important;
    height: 3rem;
    content: '';
}

.sectTit::before {
    border-left: solid 2px #006198;
    left: 15px!important;
    transform: rotate(30deg);
}

.sectTit::after {
    border-right: solid 2px #006198;
    right: 15px!important;
    transform: rotate(30deg);
}
}


.school-u {
    position: relative;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.school-u::before,
.school-u::after {
    position: absolute;
    top: 1rem;
    height: 1.8rem;
    content: '';
}

.school-u::before {
    border-left: #006198 solid 3px;
    left: 10rem;
    transform: rotate(-30deg);
}

.school-u::after {
    border-right: #E3222B solid 3px;
    right: 10rem;
    transform: rotate(30deg);
}
@media (max-width:768px){
.school-u {
    position: relative;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.school-u::before,
.school-u::after {
    position: absolute;
    top: 1rem;
    height: 1.8rem;
    content: '';
}

.school-u::before {
    border-left: #006198 solid 3px;
    left: 5rem;
    transform: rotate(-30deg);
}

.school-u::after {
    border-right: #E3222B solid 3px;
    right: 5rem;
    transform: rotate(30deg);
}
}

.school {
    position: relative;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.school::before,
.school::after {
    position: absolute;
    top: 3rem;
    height: 1.8rem;
    content: '';
}

.school::before {
    border-left: #006198 solid 3px;
    left: 10rem;
    transform: rotate(-30deg);
}

.school::after {
    border-right: #E3222B solid 3px;
    right: 10rem;
    transform: rotate(30deg);
}
@media (max-width:768px){
    .school {
    position: relative;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.school::before,
.school::after {
    position: absolute;
    top: 3rem;
    height: 1.8rem;
    content: '';
}

.school::before {
    border-left: #006198 solid 3px;
    left: 5rem;
    transform: rotate(-30deg);
}

.school::after {
    border-right: #E3222B solid 3px;
    right: 5rem;
    transform: rotate(30deg);
}
}