@charset "utf-8";


.sp-br { display: none; }
@media (max-width: 500px){
.sp-br { display: block; }
}

#sec01,#sec02,#sec03{
font-family: serif;
display: block;
margin-bottom: 80px;
}


#sec02{
max-width: 1230px;
padding: 0 15px 130px;
margin: 0 auto;
display: block;
}

#sec04{
max-width: 1230px;
padding: 0 15px 130px;
margin: 0 auto;
display: block;
}


#sec05{
max-width: 1230px;
padding: 0 15px 100px;
margin: 0 auto;
display: block;
}


/*====================================================================

====================================================================*/
.page_back01 { 
background-color: #f6f0e1;
width: 100%;
background-image: url(../images/foot_img/footer_back.png);
background-repeat: repeat;
padding: 80px 0;
}
.page_wrap { 
padding: 0 15px; 
}
.page_content { 
max-width: 1200px; 
margin: 0 auto;
font-family: serif;
}

.page_content h2 { 
font-size: 24px;
line-height: 1.5em;
text-align: left!important;
background: #fff;
border-left: 10px solid #e2808d;
margin-bottom: 30px!important;
padding: 15px;
box-shadow: 5px 5px 7px -5px #777777;
}
.page_content h2 .large { 
font-size: 40px;
color: #e2808d;
}
.page_content h2 .sp-br { display: none; }

.page_content p { 
font-size: 16px;
line-height: 1.5em;
}

.page_content a:hover { 
opacity: 0.6;
}

.page-space { 
display: block; 
height: 80px; 
}
.page-space02 { 
display: block; 
height: 40px; 
}

.indent_01 { 
text-indent: -1em;
padding-left: 1em;
}

@media (max-width: 767px){
.page_content h2 { font-size: 20px; }
.page_content h2 .large { font-size: 30px; }
.page_content p { font-size: 14px; }
}
@media (max-width: 500px){
.page_content h2 .sp-br { display: block; }
}



/*====================================================================
キービジュアル
====================================================================*/
.key-visual { 
width: 100%;
max-width: 100%;
margin: 0 auto 30px auto;
}
.key-visual img {
width: 100%;
}
.key-visual .sp-kv { 
display: none;
}

@media (max-width: 767px){
.key-visual .pc-kv { display: none; }
.key-visual .sp-kv { display: block; }
}


.key-visual .g_titles {
    background-color: #e2808d;
    color: #fff;
    text-align: center;
    font-family: serif;
    overflow: hidden;
padding: 0 15px;
}
.key-visual .g_titles ul {
    display: flex;
    margin: 20px auto 0;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}
.key-visual .g_titles li {
    letter-spacing: 1px;
    border-left: solid 1px #fff;
    padding: 0 15px;
    font-size:clamp(16px, 4vw, 18px);
    display: flex;
    align-items: center;
}

.key-visual .g_titles li:nth-of-type(2){
    border-right: solid 1px #fff;
}

.key-visual .g_titles li:last-child {
border-left: none;
}

.key-visual .g_titles li:last-child {
    font-size: clamp(25px, 4vw, 41px);
    line-height: 1em;
    color: #ffffff70;
}
.key-visual .g_titles li:last-child span {
    font-size: 0.7em;
    display: inline-block;
    padding: 0 0.3em;
}

.key-visual .g_titles h2 {
    text-align: center !important;
    margin: 10px 0 !important;
    font-weight: normal;
    font-size: clamp(27px, 4.3vw, 54px);
    line-height: 1em;
    letter-spacing: 2px;
}
.key-visual .g_titles h2 span{
display: inline-block;
text-align: left;
}

.key-visual .g_titles h2 br{
display: none;
}

.key-visual .g_titles h2 span .t_sub{
font-size: 0.7em;
}






@media (max-width: 767px){
.key-visual .g_titles h2 {
    font-size: clamp(27px, 5.3vw, 54px);
}
 .key-visual .g_titles h2 br:nth-of-type(2){display: block;}

}


@media (max-width: 675px){
 .key-visual .g_titles h2{line-height: 1.4em;}
}


@media (max-width: 460px){
.key-visual .g_titles ul {display: block;}
.key-visual .g_titles li {margin-bottom: 10px;}
.key-visual .g_titles li:nth-of-type(2){
border-right: none;
 }
.key-visual .g_titles li:last-child {
font-size: clamp(29px, 8vw, 41px);
justify-content: center;
padding: 0;
}
}

@media (max-width: 380px){
 .key-visual .g_titles h2 br{display: block;}
}



/*====================================================================
学科タイトル
====================================================================*/
.gakka_title_wrap { 
padding: 0 15px;
}
.gakka_title { 
max-width: 1200px;
margin: 0 auto;
font-family: serif;
}

.gakka_title .main_title { 
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.gakka_title .main_title h2 { 
display: flex;
justify-content: center;
align-items: center;
font-size: 40px;
margin-bottom: 0!important;
}
.gakka_title .main_title .gakubu { 
display: table;
font-size: 20px;
line-height: 1em;
color: #fff;
background: #e2808d;
border-radius: 10px;
margin-right: 15px;
padding: 10px;
}
.gakka_title .main_title h2 .nen { 
font-size: 20px;
line-height: 1em;
color: #e2808d;
background: #fff;
border: 1px solid #e2808d;
margin-left: 15px;
padding: 5px 10px;
}

.gakka_title .bunya {
    background-color: beige;
    padding: 0.5em 0.5em;
    color: #fff !important;
    border: solid 2px #e2808d;
}
.gakka_title .bunya.c_pink{
background-color: #e2808d;
border-color: #e2808d;
}

.gakka_title .bunya.c_blue{
background-color: #498bca;
border-color: #498bca;
}

.gakka_title .bunya.c_white {
    background-color: #ffffff;
    color: #e2808d !important;
}



#daigaku {
    margin: 30px 0;
    padding: 1em 0;
    border-top: dotted 2px #888;
    border-bottom: dotted 2px #888;
}
#daigaku h3 {
    color: #000;
    font-size: 1.2em;
    text-align-last: center;
    font-weight: normal;
    border-bottom: dotted 2px #888;
    padding-bottom: 1em;
}


#daigaku .large {
    font-size: 1.4em;
}

#sec02 h2,
#sec03 > h2,
#sec04 h2 {
    font-size: 30px;
    line-height: 2em;
    text-align: center;
    color: #fff;
    background-color: #e1808b;
    font-family: serif;
    font-weight: normal;
}











.mb_point {
    max-width: 1230px;
    padding: 50px 15px 0;
    margin: 0 auto;
}
.mb_point .mbp_wrap {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: dotted 2px #bbb;
}


.mb_point .mbp_wrap:nth-of-type(2) {
    flex-direction: row-reverse;
}

.mb_point .mbp_wrap:last-child{
border-bottom: none;
}

.mb_point .mbp_wrap .mbp_inbox + div {
    width: 330px;
}
.mb_point .mbp_wrap img {
}
.mb_point .mbp_inbox {
    flex: 1;
    display: flex;
gap:20px;
}
.mb_point .mbp_inbox div:first-child {
width: 121px;
}
.mb_point .mbp_inbox div:last-child {
flex: 1;
}
.mb_point .mbp_inbox div:first-child img {
}
.mb_point .mbp_inbox img {
}
.mb_point h3 {
color: #e1808b;
        font-size: clamp(27px, 4.3vw, 32px);
    line-height: 1.2em;
font-weight: normal;
}
.mb_point p {
}
.mb_point h3 span {
    font-size: 0.5em;
    line-height: 1em;
    font-weight: normal;
    display: block;
    padding-top: 10px;
}

.mb_point a {
    background-color: #ed8492;
    color: #fff;
    padding: 0.5em 1em;
    display: table;
    line-height: 1em;
    margin: 1em 0 0 auto;
}

.mb_point a:hover{
opacity: 0.6;
}


@media (max-width: 767px){
.mb_point .mbp_wrap {
    display: block;
}
.mb_point .mbp_wrap .mbp_inbox + div {
    width: 90%;
    min-width: 300px;
    margin: 0 auto;
}


}


@media (max-width: 520px){
.mb_point .mbp_inbox {
    display: block;
}

 .mb_point .mbp_inbox div:first-child{
margin-bottom: 20px;
}

}





/*====================================================================
在学中に取得を目指す資格
====================================================================*/

.license_box {
    background-color: #e2808d33;
    padding: 50px 100px;
    max-width: 1100px;
    margin: 0 auto 30px;
}
.license_box .lcs_ttl {
    display: flex;
    gap: 20px 50px;
}
.license_box .lcs_ttl div {
    width: 18%;
}
.license_box img {
}
.license_box h4 {
    font-weight: normal;
    flex: 1;
    font-size: clamp(21px, 3.4vw, 38px);
    text-align: center;
    margin-bottom: 0;
    font-family: serif;
    line-height: 1.2em;
}
 .license_box h4 br{display: none;}
.license_box h4 span + br {display: block;}
.license_box h4 span {
    background: linear-gradient(transparent 50%, #fbee01 30%);
    display: inline-block;
    padding: 0 0.3em;
    margin: 0.5em 0;
}

.license_box ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
.license_box li {
    font-size: 1.4em;
    color: #908054;
    font-family: serif;
}

.license_box li:nth-of-type(1){}

.license_box li:nth-of-type(1) span {
    display: inline-block;
    border: solid 1px #908054;
    margin: 0 2em 0 0.5em;
    padding: 0 0.5em;
    font-size: 1.2em;
    line-height: 1.4em;
}

.license_box li:nth-of-type(2) {
    font-size: 2.6em;
}

.license_box li:nth-of-type(2) span {
    font-size: 2em;
    line-height: 1em;
    padding: 0 0.1em;
    display: inline-block;
}

.license_box li:nth-of-type(2) .spc {
    display: inline-block;
    width: 0.3em;
}


.license_box .lcs_p {
    font-size: 1.4em;
    display: table;
    margin: 0 auto;
}
.license_box ul + p {
    font-size: 1.2em;
    text-align: right;
    max-width: 700px;
    margin: 0 auto 2em;
}

.license_box + p {
    max-width: 900px;
    margin: 0 auto 50px;
    font-size: 1.2em;
}



#sec04 .sub_title h3 span {
    color: #000;
    font-size: 0.6em;
    margin-left: 1.5em;
}


.flow_box .photo_box {
    width: 900px;
    margin: 0 auto 10px auto;
}






@media screen and (max-width:1040px){
.license_box { padding: 20px; }
.license_box h4 { font-size: clamp(12px, 4.1vw, 41px);}
.license_box .lcs_ttl {gap: 20px 5px;}

}

@media screen and (max-width:890px){
.license_box ul {display: block;}
.license_box li {display: table;margin-left: auto;margin-right: auto;}
.license_box ul + p{text-align: center;font-size: 1.1em;}
.license_box li:nth-of-type(1) span {margin: 0 0.5em 0 0.5em;}
}

@media screen and (max-width:560px){
#sec04 .sub_title h3 span {
display: block;
    margin-left: 0;
}
}


@media screen and (max-width:640px){
 .license_box .lcs_ttl{display: block;}
.license_box .lcs_ttl div {width: 90px;}
 .license_box h4 br{display: block;}
.license_box h4 { font-size: clamp(12px, 6.2vw, 40px);margin-bottom: 20px;}
.license_box h4 span { font-size: clamp(12px, 5.8vw, 40px);}
.license_box li:nth-of-type(2) .spc {display: block;width: 0;}
.license_box + p {font-size: 1.1em; }

}










.sub_title {
    max-width: 1230px;
    margin: 0 auto 30px;
  /*  padding: 0 15px; */
}


.sub_title h3 {
    background-color: #fff0;
    color: #e2808d;
    font-weight: normal;
    font-size: clamp(21px, 6vw, 28px);
    line-height: 1em;
    border-left: solid 0.5em #e2808d;
    margin: 0 auto 20px;
    padding: 10px 15px;
    font-family: serif;
}







.pickup{
	padding: 0 20px;
}

.pickup-inner{
	max-width: 1200px;
	margin: 0 auto;
	background: #f7f3df;
	padding: 40px;
}

.pickup-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    border-left: solid 10px #a59249;
    padding-left: 10px;
}

.pickup-head::after{
	content:"";
	flex:1;
	height:1px;
	background:#666;
}

.label{
	background:#a59249;
	color:#fff;
	padding:12px 24px;
	font-size:2rem;
	line-height:1;
	white-space:nowrap;
}

.pickup-head h2 {
    margin: 0 !important;
    font-size: 28px;
    font-weight: 400;
    white-space: nowrap;
}

.pickup-content{
	display:flex;
	align-items:center;
	gap:50px;
}


.pickup-text p {
    margin: 0 0 15px;
    font-size: 21px;
    line-height: 2;
}

.pickup-graph{
	display:flex;
	gap:30px;
}

.graph-item{
	flex:1;
}

.graph-item img{
	display:block;
	width:100%;
	height:auto;
    max-width: 550px !important;
        margin-right: auto;
        margin-left: auto;
}

@media screen and (max-width:767px){

	.pickup-inner{
		padding:20px;
	}

	.pickup-head{
		display:block;
		margin-bottom:20px;
	}

	.pickup-head::after{
		display:none;
	}

	.label{
		display:inline-block;
		font-size:1.2rem;
		margin-bottom:10px;
	}

.pickup-head h2 {
    font-size: clamp(27px, 5.4vw, 34px);
    white-space: normal;
    text-align: left !important;
}
	.pickup-content{
		display:block;
	}

	.pickup-text{
		width:auto;
		margin-bottom:20px;
	}

	.pickup-text p{
		font-size:1rem;
		line-height:1.8;
	}

	.pickup-graph{
		width:auto;
		display:block;
	}

	.graph-item{
		margin-bottom:20px;
	}

	.graph-item:last-child{
		margin-bottom:0;
	}
}




































.gakka_title .bunya_list { 
border-top: 1px solid #e2808d;
border-bottom: 1px solid #e2808d;
padding: 5px 0 15px 0;
margin-bottom: 50px;
}
.gakka_title .bunya_list h3 { 
font-size: 20px;
line-height: 1.5em;
text-align: center;
color: #e2808d;
border-bottom: 1px solid #e2808d;
margin-bottom: 15px;
padding-bottom: 5px;
}
.gakka_title .bunya_list ul {
margin-bottom: 0;
}
.gakka_title .bunya_list li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif!important;
    font-size: 16px;
    padding-bottom: 15px;
    flex-wrap: wrap;
}
.gakka_title .bunya_list li:last-child { 
padding-bottom: 0;
}
.gakka_title .bunya_list li .block {
    display: inline-block;
    margin-right: 1.5em;
    text-indent: -1em;
    padding-left: 1.5em;
}
.gakka_title .bunya_list li .block:last-child {
margin-right: 0;
}
.gakka_title .bunya_list li .bunya { 
width: 100%;
max-width: 150px;
font-size: 16px;
font-weight: bold;
line-height: 1em;
text-align: center;
color: #e2808d;
margin-right: 15px;
}
.gakka_title .bunya_list li .c_pink { color: #e2808d; }
.gakka_title .bunya_list li .c_blue { color: #498bca; }
.gakka_title .bunya_list li .c_green { color: #e2808d; }

@media (max-width: 900px){
.gakka_title .main_title h2 { font-size: 30px; }
}
@media (max-width: 767px){
.gakka_title .main_title { display: table; margin: 0 auto 20px auto; }
.gakka_title .main_title .gakubu { margin-right: 0; }
.gakka_title .main_title h2 { font-size: 30px; text-align: left!important; flex-direction: column; align-items: flex-start; }
.gakka_title .main_title h2 .nen { margin-left: 0; }
.gakka_title .bunya_list li { flex-direction: column; align-items: flex-start; }
.gakka_title .bunya_list li .bunya { max-width: 100%; text-align: left; margin-right: 0; margin-bottom: 5px; }
}





/*====================================================================
目指せる職種（具体例）
====================================================================*/

#slct_wk {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
margin-bottom: 80px;
}
#slct_wk .wrk_inbox {
    flex: calc(50% - 20px);
}
#slct_wk h3 {
    color: #fff;
    background-color: #e2808d;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}
#slct_wk h3 span {
    background-color: #fff;
    line-height: 1em;
    color: #000;
    font-size: 0.7em;
    padding: 0.15em 0.3em;
    margin-left: 0.5em;
}

#slct_wk h3 br{
display: none;
}

#slct_wk img {    width: 100%;}

#slct_wk p {
    font-size: 1.1em;
    margin: 0.5em 1em;
    line-height: 1.5em;
}
#slct_wk span {
    display: block;
    text-align: right;
}



@media (max-width: 900px){
#slct_wk {
    display: block;
}
#slct_wk .wrk_inbox {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#slct_wk h3 {
    display: block;
    overflow: hidden;
    text-align: center;
}
 #slct_wk h3 span{
    display: table;
    margin: 0 auto 10px;
}


}


@media (max-width: 400px){

#slct_wk h3 {
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 1.2em;
    padding: 6px 0;
}

 #slct_wk h3 span{
margin-top: 5px;
 }

#slct_wk h3 br{
display: block;
}
}




/*====================================================================
学びの内容
====================================================================*/
.sub_title {
}
.sub_title h3 {
}
.sub_title span {
}
#ccm {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 30px;
    justify-content: center;
}
#ccm .ccm_inbox {
    width: calc( (100% - 60px) / 3);
    box-sizing: border-box;
    border: solid 1px #a38a77;
    padding: 14px;
}
#ccm .ccm_inbox img {
display: table;
margin: 0 auto;
}
#ccm h4 {
    color: #a38a77;
    font-size: clamp(25px, 4vw, 1.8em);
    font-weight: normal;
    text-align: center;
    line-height: 2.4em;
    border-bottom: solid 1px #a38a77;
}
#ccm p {
    margin: 0;
    font-size: 1.1em;
}


@media (max-width: 1100px){
#ccm h4 { font-size: 2.2vw;}
}

@media (max-width: 940px){

#ccm .ccm_inbox { 
width: calc( (100% - 60px) / 2);
}
#ccm h4 { font-size: 3.1vw;}


}



@media (max-width: 640px){
 #ccm {display: block;}
 #ccm .ccm_inbox{width: 100%;margin-bottom: 30px;}
#ccm h4 { font-size: clamp(21px, 6.8vw, 23px);}





}







/*====================================================================
学びの特色
====================================================================*/
.features_content { 
background-color: #fff;
padding: 30px 15px;
max-width: 1200px;
margin: 0 auto;
}

.features_content.fcont {
    margin-bottom: 0;
    padding-bottom: 0;
}


.features_content h3 { 
font-size: 40px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #e2808d;
margin-bottom: 30px;
padding: 10px 15px;
}

.features_content .sub_title { 
margin-bottom: 30px;
font-family: serif;
}

.features_content .sub_title h3 {
    background-color: #fff0;
    color: #e2808d;
    font-weight: normal;
    font-size: clamp(21px, 6vw, 28px);
    line-height: 1em;
    border-left: solid 0.5em #e2808d;
    display: table;
    margin: 0 auto 20px;
}

.features_content .sub_title .sp-br {
display: none;
}
.features_content .sub_title .box01 { 
display: flex;
justify-content: center;
align-items: stretch;
margin-top: 10px;
}
.features_content .sub_title .box02 { 
text-align: center;
margin-top: 15px;
}
.features_content .sub_title p { 
font-size: 30px;
text-align: center;
margin: 0;
}
.features_content .sub_title .point01 { 
display: table;
width: 100%;
max-width: 350px;
font-size: 30px;
line-height: 1.2em;
text-align: center;
color: #fff;
background: #e2808d;
padding: 10px 5px;
}
.features_content .sub_title .point01 .small01 { 
display: table;
font-size: 16px;
line-height: 1.2em;
text-align: left;
margin: 0 auto;
}
.features_content .sub_title .point01 .small02 { 
font-size: 16px;
line-height: 1.2em;
}
.features_content .sub_title .point02 { 
background: #fff100;
}
.features_content .sub_title .plus { 
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px;
}
.features_content .sub_title .b_blue { 
background: #0081cc;
}

.features_content .flow_box .photo_box { 
width: 1170px;
margin: 0 auto 10px auto;
}
.features_content .flow_box p { 
font-size: 14px;
margin-bottom: 0;
}
 
.features_content .flow_box + p {
    background-color: #a69350;
    font-size: 28px;
    text-align: center;
    font-family: serif;
    color: #fff;
    line-height: 2em;
}




.features_content .flow_box + p {
    width: 100%;
    text-align: center;
    font-family: serif;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    background-color: #a69350;
    font-size: clamp(19px, 6vw, 28px);
    line-height: 2em;
    color: #ffffff;
}

.features_content .flow_box + p::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #a69350;
  translate: -50% -100%;
}





.features_content .flow_box + p span{
white-space: nowrap;
display: inline-block;
}

.features_content .flow_box + p span:nth-of-type(2){
font-size: 0.7em;
}

.onlinesupport {
    padding: 0 15px;
    margin: 0 0 50px;
}
.onlinesupport h3 {
    text-align: center;
    font-family: serif;
    font-weight: normal;
    margin-bottom: 1.5em;
    font-size: clamp(26px, 8vw, 36px);
    color: #0296ff;
}
.onlinesupport h3 span {
    color: #000;
    font-size: 0.7em;
}
.onlinesupport h3 br{
display: none;
}
@media (max-width: 760px){
.onlinesupport h3 br{
display: block;
}
}


.onlinesupport .support_wrap {
}
.onlinesupport .support_box {
}
.onlinesupport .support_box h3 {
}
.onlinesupport .support_no {
}
.onlinesupport .support_no span {
}
.onlinesupport strong {
}
.onlinesupport p {
}




#professional {
    max-width: 1230px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

#professional .pro_box {
    background-color: #fceef4;
    box-sizing: border-box;
    max-width: 590px;
    width: 100%;
}
#professional .pro_box h3 {
    background-color: #e2808d;
    font-family: serif;
    color: #fff;
    text-align: center;
    font-weight: normal;
        font-size: clamp(21px, 6vw, 28px);
}

#professional .prowrap{
padding: 0 15px 15px;
}



#professional h4 {
    background-color: #e2808d;
    font-family: serif;
    color: #fff;
    display: table;
    padding: 5px 15px;
    line-height: 1em;
font-weight: normal;
}
#professional ul {
    display: flex;
    gap: 15px 40px;
    justify-content: center;
    margin-bottom: 30px;
    font-family: serif;
    flex-wrap: wrap;
}
#professional li {
background-image: url(../img/hotelbridal_4yrs/hotelbridal_check.svg);
background-repeat: no-repeat;
background-position: top left;
padding-left: 20px;
}
#professional li br {
}
#professional .pro_inbox {
    display: flex;
    justify-content: center;
    align-content: center;
}
#professional .pro_inbox div {
max-width: 232px;
}

#professional .pro_inbox div:nth-of-type(2){
width: 87px;
padding-top: 20px;
}

#professional .pro_inbox p {
    max-width: 180px;
    font-feature-settings: "palt";
}

#professional .pro_inbox div:nth-of-type(3) p{margin-left: auto;} 

#professional .l_text {
    padding: 0.3em 1em;
    background-color: #e2808d;
    display: table;
    color: #fff;
    font-family: serif;
    font-size: 1.2em;
    line-height: 1.2em;
}
#professional .r_text {
    padding: 0.3em 1em;
    background-color: #e2808d;
    display: table;
    color: #fff;
    font-family: serif;
    font-size: 1.2em;
    line-height: 1.2em;
margin-left: auto;
margin-right: 0;
}
#professional .future_box {
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    padding: 10px;
    gap: 10px;
}
#professional .future_box h3 {
    margin: 0;
    font-size: 18px;
    padding: 0.5em;
    white-space: nowrap;
}
#professional .future_box p {
    margin: 0;
    font-size: 1em;
    line-height: 1.4em;
overflow: hidden;
}

#professional .future_box p span{
white-space: nowrap;
 display: inline-block;
}
#professional .future_box p span:last-child{
white-space: pre-wrap;
}

#professional .future_box p span::before{
  content: '●';
  color:#c4717a;
}
#professional .future_box p span::after{
  content: '　';
}

#professional .pro_box.box02{
background-color: #eaf6fd;
}

#professional .pro_box.box02 h3,
#professional .pro_box.box02 h4,
#professional .pro_box.box02 .l_text,
#professional .pro_box.box02 .r_text  {
    background-color: #498bca;
}


#professional .pro_box.box02 .future_box p span::before{
  content: '●';
  color:#498bca;
}



@media (max-width: 767px){
.features_content .sub_title h3 {
text-align: left;
line-height: 1.4em;
}
#professional {display: block;}

#professional .pro_box {
max-width: 100%;
margin-bottom: 20px;
}

}


@media (max-width: 570px){
#professional ul {
    gap: 5px 0px;
    justify-content: flex-start;
}
#professional li br{display: none;
}


.l_text,.r_text{
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: left;
}


}









.support_wrap{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    gap:30px;
font-family: serif;
font-feature-settings: "palt" 
}

.support_box{
    flex:1;
    border:2px solid #0096ff;
    padding:40px 25px 25px;
    position:relative;
    background:#fff;
}

/* タイトルライン */
.support_no {
    position: absolute;
    top: -22px;
    left: 43%;
    transform: translateX(-43%);
    background: #ffffff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
white-space: nowrap;
}

.support_no span {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
}

.support_no strong{
    font-size:3.5rem;
    font-weight:400;
    color:#0096ff;
    font-family:serif;
}

.support_box h3 {
    margin: 0 0 10px;
    text-align: center;
    color: #0096ff;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
}

.support_box p {
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0;
}

/* タブレット */
@media (max-width: 900px){

    .support_wrap{
        flex-wrap:wrap;
    }

    .support_box{
        width:calc(50% - 15px);
        flex:none;
    }
}

/* スマホ */
@media (max-width: 640px){

    .support_wrap{
        display:block;
    }

    .support_box{
        width:100%;
        margin-bottom:40px;
    }

    .support_box:last-child{
        margin-bottom:0;
    }

    .support_no strong{
        font-size:2.8rem;
    }

    .support_box h3{
        font-size:1.6rem;
    }
}








@media (max-width: 767px){
.features_content h3 { font-size: 30px; }
.features_content .sub_title p { font-size: 24px; }
.features_content .sub_title .point01 { font-size: 24px; }
.features_content .sub_title .point01 .small01 { font-size: 14px; }
.features_content .sub_title .point01 .small02 { font-size: 14px; }
}
@media (max-width: 500px){
.features_content .sub_title .sp-br { display: block; }
.features_content .sub_title p { font-size: 20px; }
.features_content .sub_title .point01 { font-size: 20px; }
.features_content .sub_title .point01 .small01 { font-size: 12px; }
.features_content .sub_title .point01 .small02 { font-size: 12px; display: table; margin: 0 auto; }
.features_content .sub_title .plus { margin: 0 5px; }
}



/*====================================================================
キャンパスライフ
====================================================================*/

#sec05 {
}
#sec05 h3 {
    display: flex;
    align-items: center;
    max-width: 900px;
    width: 100%;
    margin: 0 auto 10px;
    gap: 20px;
}
#sec05 h3 img:first-child {
    width: 40%;
}

#sec05 h3 img:last-child {
    width: 57.5%;
}

#sec05 h3 + p {
    text-align: center;
    font-size: 1.4em;
    font-family: serif;
}

#sec05 h3 + p br{display: none; }

.lc_wrap {
    max-width: 900px;
    width: 100%;
    margin: 0 auto 50px;
    background-image: url(../img/wedding/step_img.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 100%;
    overflow: hidden;
    font-family: serif;
}


.lc_wrap .lc_box {
    margin: 40px auto 0 0;
    max-width: 50%;
    overflow: hidden;
}
.lc_wrap ul {
    border-bottom: solid 1px #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.lc_wrap li:nth-of-type(1) {
font-size: 2em;
}
.lc_wrap li:nth-of-type(2) {
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 10px 0;
    color: #e2808d;
}
.lc_wrap li:nth-of-type(3) {
font-size: 1.2em;
}

.lc_wrap p {
    margin-bottom: 0;
    background-color: #ffffffa6;
    border-radius: 10px;
}
.lc_wrap br {
}
.lc_wrap h4 {
    font-size: 1.7em;
    font-weight: normal;
    color: #e2808d;
}
.lc_step {
}

.lc_step img {
    width: 100%;
    max-width: 640px !important;
    margin: 0 auto;
    display: table;
}


@media (max-width: 767px){
.lc_wrap { background-size: auto 100%;}
#sec05 h3 + p br{display: block; }



}


@media (max-width: 640px){
#sec05 h3{display: block;text-align: center;margin-bottom: 20px;}
#sec05 h3 img:first-child,
#sec05 h3 img:last-child{width: 100%;max-width: 400px;}

.lc_wrap {
    padding-top: 330px;
    background-position: top center;
    background-size: auto 360px;
}
 .lc_wrap .lc_box{max-width: 100%;}
 .lc_wrap .lc_box li{text-align: center;}

}


@media (max-width: 450px){
#sec05 h3 + p {text-align: left;font-size: 1.2em;}
#sec05 h3 + p br{display: none;}
.lc_wrap {padding-top: 90vw;background-size: auto 100vw;}

}