/* muzu2omc.css
-------------------------*/

.phone_num .phone_tokyo,
.phone_num .phone_kichijoji {
  display: none;
}

.section_box {
	background-color: #fbe9d9;
	letter-spacing: .1rem;
    padding-bottom: 2rem;
}

.br_sp {display: none;}
.br_pc {display: block;}

.f_bold {font-weight: bold;}

sup {vertical-align: super;}

@media screen and (orientation: portrait) and (max-width: 767px) {
	
	.br_sp {display: block;}
    .br_pc {display: none;}
    
    .section_box {
	background-color: #fbe9d9;
	letter-spacing: .1rem;
    padding-bottom: 1rem;
}
    
}

/* upper middle lower
-------------------------*/

#upper {
	background-image: url('/math_nobu/common/imgs/bk_01.jpg'); 
	background-color: #fbe9d9;
	background-repeat: no-repeat;
	background-size:  contain;
	background-position: top;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#upper h1 {
	font-size: 2rem;
	margin: 1rem 0 2.5rem;
	font-weight: bold;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 1rem 0;
}

#upper h2 {
	font-size: 1.4rem;
	margin: .8rem 0;
}

#upper h3 {
	font-size: 1.3rem;
	font-weight: bold;
	margin: .5rem 0;
}

#upper h4 {
	font-size: 1.2rem;
	margin: 4rem 0 1rem;
}

#upper h5 {
	font-size: 1.3rem;
	margin: .5rem 0;
}

#middle {
	background-color: #fbe9d9;
	width: 100%;
	padding: 0 5rem;
}

#middle ul {
	width: fit-content;
	margin: 3rem auto 4rem;
}

#middle ul li {
	margin: 1rem 0;
	font-size: 1.2rem;
}

#middle ul li::before {
	content: "◆";
	margin-right: .5rem;
}

#lower {
	background-image: url('/math_nobu/common/imgs/bk_02.jpg'); 
	background-color: #fbe9d9;
	background-repeat: no-repeat;
	background-size:  contain;
	background-position: bottom;
	width: 100%;
	padding: 0rem 5rem 14rem;
}

#lower dl {
	width: fit-content;
	margin: 1rem auto;
}

#lower dl dt {
	font-size: 1.2rem;
	border-bottom: 1px solid #555;
	padding: .5rem;
	margin-bottom: 1rem;
}


@media screen and (orientation: portrait) and (max-width: 767px) {
	
	#upper {
	background-size: contain;
		padding: 0 1rem;
}
	
	#upper h1 {
	font-size: 1.6rem;
	margin: .5rem 0 1.2rem;
		text-align: center;
		width: 100%;
		padding: .5rem 0;
}

#upper h2 {
	font-size: 1.2rem;
	margin: .5rem 0;
	text-align: center;
}

#upper h3 {
	font-size: 1.3rem;
	font-weight: bold;
	margin: .5rem 0;
}

#upper h4 {
	font-size: 1.2rem;
	margin: 2rem 0 1rem;
    text-align: center;
}

#upper h5 {
	font-size: 1.1rem;
	margin: .5rem 0;
}
	
	#middle {
	padding: 0 2rem;
}
	
	#middle ul {
	margin: 2.5rem auto 3rem;
}
	
	#middle ul li {
	font-size: 1.1rem;
    text-indent: -1.8rem;
        margin-left: 1.8rem;
}
	
	#lower {
		background-size: contain;
		padding: 0rem 3rem 7rem;
	}
	
}

/* marh_club_link
-------------------------*/

#marh_club_link dl {
    margin: 0 2rem 3rem;
}

#marh_club_link dl dt {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

#marh_club_link dl dt img {
    width: 70%;
}

#marh_club_link dl dt img:hover {
    opacity: .5;
}

#marh_club_link dl dd {
    margin-top: 1rem;
    text-align: center;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
    
    #marh_club_link dl {
    margin: 0 1rem 2rem;
}
    
    #marh_club_link dl dt img {
    width: 90%;
}
    
}


/* figure
-------------------------*/

.mondai {
    display: flex;
    flex-direction: column;
    margin: 5rem 2rem 0;
    text-align: center;
    background-color: #fff;
}

.mondai p {
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #036eb8;
    margin: 0 0 3rem;
}

.mondai img {
    width: 80%;
    margin: 0 auto 1rem;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
    
    .mondai {
    margin: 4rem 1rem 0;
    padding: 0rem 0;
}
    
    .mondai p {
    margin: 0 0 1rem;
}
    
    .mondai img {
    width: 95%;
}
    
}


/* teacher
-------------------------*/

#teacher {
	display: flex;
	align-items: flex-end;
	margin: 4rem 5rem 0;
}

#teacher figure img {
	width: 150px;
	margin-left: 1.8rem;
}

#teacher dl {
	letter-spacing: .1rem;
}

#teacher dl dt {
	font-size: 1.1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #555;
}

#teacher dl dd {
	font-size: .9rem;
	line-height: 1.6rem;
	text-align: justify;
	margin-bottom: 1.5rem;
}

#teacher dl dd a {
	display: inline-block;
	margin: .7rem 0;
}

#teacher dl dd a::after {
	font-family: var(--Font_Awesome);
	content: "\f101";
	font-weight: 900;
	font-size: 1rem;
	padding-left: .8rem;
}

.catch_copy {
	background-color: #036EB8;
	color: #fff;
	margin: 0 5rem;
	padding: 1rem 0;
	font-size: 1.2rem;
	letter-spacing: .1rem;
	text-align: center;
}


@media screen and (orientation: portrait) and (max-width: 767px){
	
	#teacher {
	display: block;
		width: 85%;
		margin: 2rem auto 0;
}
	#teacher figure {
		text-align: right;
	}
	
	#teacher dl dd {
	margin-bottom: 0rem;
}
	
	.catch_copy {
	margin: 0 1.5rem;
	padding: .6rem 1rem;
	font-size: 1rem;
	letter-spacing: .1rem;
	text-align: left;
}
	
}


/* お申し込み矢印
-------------------------*/


.main_step {
	margin: 3em 0em 1rem;
}
.main_step_title {
	display: flex;
    align-items: center;
    font-size: 1.5em;
    color: #036eb8;
    margin-bottom: 1.6em;
    letter-spacing: .1em;
}
.main_step_title:before, .main_step_title:after {
    border-top: 1px solid;
    content: "";
    flex-grow: 1; 
}

.main_step_title:before {
	margin-right: 1em;
}

.main_step_title:after {
	margin-left: 1em;
}

	
.application > section {
	display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}
 
.triangle_application {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 30px solid #036eb8;
    border-bottom: 0;
}

@media screen and (orientation: portrait) and (max-width: 767px){
	
	.main_step_title {
    font-size: 1.2em;
    margin-bottom: 1.4em;
}
}