@charset "utf-8";
/* 
	RESET - ADAPTED FROM MEYER RESET
	URL - http://meyerweb.com/eric/tools/css/reset/
	LICENSE - PUBLIC DOMAIN
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
font-family: inherit; 
font-size: 100%; 
font-weight: inherit; 
font-style: inherit; 
vertical-align: baseline; 
white-space: normal;
text-align: left; 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0;
text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup,menu, nav, section, main { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
img {max-width: 100%; vertical-align: bottom;image-rendering: -webkit-optimize-contrast;}
* { box-sizing: border-box; }



/* 共通
----------------------------------------------------------------------------------------------------*/
.over_content { 
overflow: hidden;
}
.page_wrap { 
padding: 0 15px;
}
.page_content { 
max-width: 1200px; 
margin: 0 auto; 
}
.page_content p,.page_content li,.page_content a,.page_content th,.page_content td {
font-size: 16px;
line-height: 1.5em!important;
}
.page_content img { 
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
}
.page_space { 
display: block; 
height: 100px; 
}

.content_w600 { 
max-width: 600px; 
margin: 0 auto; 
}

@media screen and (max-width: 500px) {
.page_space { height: 80px; }
}



.navi_title_box { 
margin-bottom: 30px;
}
.navi_title_box .copy_text p { 
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
.navi_title_box .copy_text p::before {
margin-right: 15px;
transform: rotate(-25deg);
}
.navi_title_box p::after {
margin-left: 15px;
transform: rotate(25deg);
}
.navi_title_box .copy_text p::before, .navi_title_box .copy_text p::after {
content: '';
width: 3px;
height: 30px;
background-color: #111;
}
.navi_title_box .copy_text p span { 
color: #319bfc;
}
.navi_title_box .navi_title { 
max-width: 600px;
background: rgb(27, 98, 255);
background: linear-gradient(90deg, rgba(27, 98, 255, 1) 0%, rgba(3, 176, 255, 1) 100%);
margin: 0 auto;
clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
}
.navi_title_box .navi_title h2 {
font-size: 40px;
font-weight: bold;
line-height: 1.2em!important;
text-align: center;
color: #fff;
padding: 15px;
}

.navi_btn_box { 
max-width: 600px;
margin: 0 auto;
}
.navi_btn_box a { 
position: relative;
display: table;
width: 100%;
text-align: center;
border: 2px solid #1f90ff;
border-radius: 40px;
margin-bottom: 15px;
padding: 15px 30px 10px 15px;
}
.navi_btn_box a:last-child { 
margin-bottom: 0;
}
.navi_btn_box a .arrow-bottom {
position: absolute;
top: 35%;
transform: translateY(-50%);
right: 15px;
display: table;
width: 10px;
height: 10px;
margin: 0 auto;
border-bottom: 2px solid #1f90ff;
border-right: 2px solid #1f90ff;
transform: rotate(45deg);
}
.navi_btn_box a .arrow-top {
position: absolute;
top: 40%;
transform: translateY(-50%);
right: 15px;
display: table;
width: 10px;
height: 10px;
margin: 0 auto;
border-bottom: 2px solid #1f90ff;
border-right: 2px solid #1f90ff;
transform: rotate(-135deg);
}
.navi_btn_box a h3 { 
font-size: 24px;
font-weight: bold;
line-height: 1.2em!important;
text-align: center;
color: #111;
}
.navi_btn_box a .c_blue { 
color: #1E90FF
}

@media screen and (max-width: 767px) {
.navi_title_box .copy_text p { font-size: 20px; }
.navi_title_box .navi_title h2 { font-size: 30px; }
.navi_btn_box a h3 { font-size: 20px; }
}
@media screen and (max-width: 500px) {
.navi_title_box .copy_text p { font-size: 16px; }
.navi_btn_box a h3 { font-size: 4vw; }
}



.main_title_box { 
position: relative;
margin-bottom: 30px;
}
.main_title_box .mk_lightbulb_sp_01 { 
display: none;
position: absolute;
bottom: 0;
right: 5px;
}
.main_title_box .mk_lightbulb_sp_02 { 
display: none;
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
}
.main_title_box .mk_lightbulb_sp_01 img,.main_title_box .mk_lightbulb_sp_02 img { 
width: 50px;
}

.main_title_box .copy_text {
margin-bottom: 10px;
}
.main_title_box .copy_text p { 
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
.main_title_box .copy_text p::before {
margin-right: 15px;
transform: rotate(-25deg);
}
.main_title_box p::after {
margin-left: 15px;
transform: rotate(25deg);
}
.main_title_box .copy_text p::before, .main_title_box .copy_text p::after {
content: '';
width: 3px;
height: 30px;
background-color: #111;
}
.main_title_box .copy_text p span { 
background: linear-gradient(transparent 60%, #fbee01 30%);
}

.main_title_box .main_title { 
color: #fff;
background: #00348C;
}
.main_title_box .main_title h2 {
display: flex;
justify-content: center;
align-items: center;
font-family: "Noto Sans JP", sans-serif;
font-size: 40px;
font-weight: bold;
line-height: 1.2em!important;
text-align: center;
padding: 15px;
}
.mk_lightbulb_01 .main_title h2 img { 
width: 50px;
margin-bottom: -30px;
}
.mk_lightbulb_02 .main_title h2 img { 
width: 50px;
}
.main_title_box .delta { 
width: 60px;
height: 32px;
background: #00348C;
margin: -2px auto 0 auto;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}

@media screen and (max-width: 767px) {
.main_title_box .copy_text p { font-size: 20px; }
.main_title_box .main_title h2 { font-size: 30px; }
}
@media screen and (max-width: 500px) {
.main_title_box .copy_text p { font-size: 16px; }
.main_title_box .mk_lightbulb_sp_01,.main_title_box .mk_lightbulb_sp_02 { display: block; }
.main_title_box .main_title h2 { font-size: 24px; padding: 15px 45px 15px 15px; }
.main_title_box .main_title h2 img { display: none; }
}
@media screen and (max-width: 400px) {
.main_title_box .copy_text p { font-size: 14px; }
.main_title_box .mk_lightbulb_sp_01 { bottom: 20px; }
.main_title_box .mk_lightbulb_sp_01 img,.main_title_box .mk_lightbulb_sp_02 img { width: 40px; }
}



.question_title { 
position: relative;
max-width: 600px;
margin: 0 auto 30px auto;
}
.question_title .qno_box { 
position: absolute;
top: -15px;
left: 0;
width: 70px;
height: 65px;
background: #fff;
}
.question_title .no_box { 
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 65px;
font-size: 30px;
font-weight: bold;
line-height: 1em!important;
color: #fff;
background: #1e90ff;
clip-path: polygon(50% 0%, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
}
.question_title .mk_question { 
position: absolute;
top: -25px;
left: 40px;
}
.question_title .mk_question img { 
width: 20px;
}
.question_title h3 { 
font-family: "Noto Sans JP", sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.5em!important;
text-align: center;
margin: 15px 70px 15px 70px;
}
.question_title .top_border { 
border-top: 3px solid #111;    
}
.question_title .bottom_border { 
border-bottom: 3px solid #111;   
}
.question_title .delta_box { 
position: relative; 
display: table;
margin: 0 auto;
}
.question_title .delta_box .delta { 
width: 30px;
height: 30px;
background: #fff;
clip-path: polygon(100% 0, 0 0, 100% 100%);
margin-top: -4px;
}
.question_title .delta_box .delta_l {
position: absolute;
top: -17px;
left: 9px;
width: 30px;
height: 40px;
border-left: 3px solid #111;
transform:rotateZ(-45deg); 
}

@media screen and (max-width: 500px) {
.question_title h3 { font-size: 20px; margin: 20px 10px 20px 70px; }
}
@media screen and (max-width: 400px) {
.question_title h3 { font-size: 18px; }
}



.banner_btn_box a { 
display: table;
margin-bottom: 30px;
padding: 0 15px;
}
.banner_btn_box a:last-child { 
margin-bottom: 0;
}
.banner_btn_box .copy_text p { 
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 0 auto 10px auto;
}
.banner_btn_box .copy_text p::before {
margin-right: 15px;
transform: rotate(-25deg);
}
.banner_btn_box p::after {
margin-left: 15px;
transform: rotate(25deg);
}
.banner_btn_box .copy_text p::before, .banner_btn_box .copy_text p::after {
content: '';
width: 3px;
height: 30px;
background-color: #111;
}
.banner_btn_box .copy_text p span { 
color: #319bfc;
}

@media screen and (max-width: 767px) {
.banner_btn_box .copy_text p { font-size: 18px; }
}
@media screen and (max-width: 500px) {
.banner_btn_box .copy_text p { font-size: 14px; }
.banner_btn_box .copy_text p::before { margin-right: 10px; }
.banner_btn_box p::after { margin-left: 10px; }
}



.contact-btn { 
max-width: 600px;
margin: 0 auto;
}
.contact-btn .type_01 { 
position: relative;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.5em!important;
text-align: center;
color: #1f90ff;
background: #fff;
border: 3px solid #1f90ff;
border-radius: 50px;
padding: 15px 30px 15px 15px;
filter: drop-shadow(5px 5px 5px #ccc);
}
.contact-btn .type_01 .arrow { 
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
font-weight: normal;
}

.contact-btn .type_02 { 
position: relative;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.5em!important;
text-align: center;
color: #fff;
background: rgb(241,110,0);
background: linear-gradient(90deg, rgba(241,110,0,1) 0%, rgba(241,188,0,1) 100%);
border-radius: 50px;
padding: 15px 30px 15px 15px;
filter: drop-shadow(5px 5px 5px #ccc);
}
.contact-btn .type_02 .arrow { 
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
font-weight: normal;
}

@media screen and (max-width: 500px) { 
.banner-text_area p { text-align: left; }
.banner-text_area p .sp-text { display: none; }
.contact-btn .type_01 { font-size: 20px; }
.contact-btn .type_02 { font-size: 20px; }
}



/* 遠方からの進学を考えている方へ
----------------------------------------------------------------------------------------------------*/
.mv_content { 
margin-top: 80px;
}

.mv_content img { 
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
}

.mv_content .mv_photo { 
max-width: 1000px;
margin: 0 auto;
}

.mv_content .mv_back { 
background: url(../../renew2024/images-page/distance/mv_img/background_lightblue.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 60px 15px;
}

.mv_content .mv_decoration_01 { 
position: relative;
max-width: 1100px;
margin: 0 auto;
}
.mv_content .mv_decoration_01 .decoration_01 { 
position: absolute;
top: 42%;
left: 0;
}
.mv_content .mv_decoration_01 .decoration_02 { 
position: absolute;
bottom: -60px;
right: -60px;
width: 200px;
}

.mv_content .mv_decoration_02 { 
position: relative;
max-width: 1100px;
margin: 0 auto;
}
.mv_content .mv_decoration_02 .decoration_01 { 
position: absolute;
bottom: -80px;
left: -40px;
}
.mv_content .mv_decoration_02 .decoration_01 img {
width: 120px;
}

.mv_content .mv_text { 
max-width: 800px;
margin: 0 auto;
}
.mv_content .mv_text h3 { 
position: relative;
font-size: 30px;
font-weight: bold;
line-height: 1.7em!important;
text-align: center;
}

@media screen and (max-width: 1100px) {
.mv_content .mv_decoration_01 .decoration_01 { left: -40px; }
}
@media screen and (max-width: 767px) {
.mv_content .mv_decoration_01 .decoration_01 { left: -20px; width: 80px; }
.mv_content .mv_decoration_01 .decoration_02 { bottom: -40px; right: -80px; width: 150px; }
.mv_content .mv_decoration_02 .decoration_01 { left: -50px; }
.mv_content .mv_decoration_02 .decoration_01 img { width: 100px; }
.mv_content .mv_text h3 { font-size: 4vw; }
}
@media screen and (max-width: 640px) {
.mv_content { margin-top: 60px; }
}
@media screen and (max-width: 500px) {
.mv_content .mv_decoration_01 .decoration_01 { top: 40%; left: -20px; width: 60px; }
.mv_content .mv_decoration_01 .decoration_02 { width: 130px; }
.mv_content .mv_decoration_02 .decoration_01 { left: -40px; }
.mv_content .mv_decoration_02 .decoration_01 img { width: 80px; }
.mv_content .mv_text h3 { font-size: 4.3vw; }
}



/* 新入生の出身地域MAP
----------------------------------------------------------------------------------------------------*/
.distance_map_box .map { 
margin-bottom: 10px;
}
.distance_map_box .map img { 
width: 100%;
}
.distance_map_box p { 
text-align: center;
}



/* JSC進学の決め手は？
----------------------------------------------------------------------------------------------------*/
.distance_decide_box ul { 
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 20px;
}
.distance_decide_box ul:last-child { 
margin-bottom: 0;
}
.distance_decide_box ul li { 
width: 48%;
}
.distance_decide_box ul li:last-child { 
margin-top: 60px;
margin-left: 4%;
}
.distance_decide_box ul li .photo img { 
margin-bottom: 10px;
}
.distance_decide_box ul li p { 
font-size: 18px;
text-align: center;
color: #00348C;
}
.distance_decide_box ul li p strong { 
font-weight: bold;
}
.distance_decide_box ul li p .large { 
font-size: 20px;
}

@media screen and (max-width: 500px) {
.distance_decide_box ul li:last-child { margin-top: 20px; }
.distance_decide_box ul li p { font-size: 14px; }
.distance_decide_box ul li p .large { font-size: 16px; }
}
@media screen and (max-width: 400px) {
.distance_decide_box ul li p { font-size: 12px; }
.distance_decide_box ul li p .large { font-size: 14px; }
}



/* 新潟生活の実際のトコロ
----------------------------------------------------------------------------------------------------*/
.question_box_01 .flex_text_box { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
}
.question_box_01 .flex_text_box .large_box { 
width: 69%;
}
.question_box_01 .flex_text_box .small_box { 
width: 29%;
}
.question_box_01 .flex_text_box .space_l { 
margin-left: 2%;
}
.question_box_01 .flex_text_box p { 
font-size: 18px;
line-height: 1.7em!important;
}
.question_box_01 .flex_text_box p strong { 
font-weight: bold;
background: linear-gradient(transparent 60%, #fbee01 30%);
}

.question_box_01 .photo_box ul { 
display: flex;
justify-content: center;
align-items: flex-end;
}
.question_box_01 .flp_angle_top ul { 
display: flex;
justify-content: center;
align-items: flex-start;
}
.question_box_01 .photo_box ul li { 
width: 49%;
}
.question_box_01 .photo_box ul li:last-child { 
margin-left: 2%;
}
.question_box_01 .photo_box ul li .copy_text { 
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 14px;
line-height: 1.2em!important;
font-weight: bold;
text-align: center;
margin: 0 auto 10px auto;
}
.question_box_01 .photo_box ul li .copy_text::before {
margin-right: 15px;
transform: rotate(-25deg);
}
.question_box_01 .photo_box ul li .copy_text::after {
margin-left: 15px;
transform: rotate(25deg);
}
.question_box_01 .photo_box ul li .copy_text::before, .question_box_01 .photo_box ul li .copy_text::after {
content: '';
width: 3px;
height: 25px;
background-color: #111;
}
.question_box_01 .photo_box ul li .copy_text br { 
display: none;
}
.question_box_01 .photo_box ul li p { 
text-align: center;
margin-top: 10px;
}

@media screen and (max-width: 500px) {
.question_box_01 .flex_text_box p { font-size: 14px; }
.question_box_01 .photo_box ul li .copy_text { font-size: 12px; }
.question_box_01 .photo_box ul li .copy_text br { display: block; }
.question_box_01 .photo_box ul li p { font-size: 14px; }
}
@media screen and (max-width: 400px) {
.question_box_01 .flex_text_box .large_box { width: 59%; }
.question_box_01 .flex_text_box .small_box { width: 39%; }
}



.question_img_box .text_box { 
margin-bottom: 40px;
}
.question_img_box .text_box p { 
line-height: 1.7em!important;
}
.question_img_box .img_box img { 
width: 100%;
margin-bottom: 40px;
}
.question_map_box .img_box img:last-child { 
margin-bottom: 0;
}



.question_apart_box .apart_title { 
margin-bottom: 30px;
}
.question_apart_box .apart_photo { 
margin-bottom: 40px;
}
.question_apart_box .apart_photo img { 
width: 100%;
margin-bottom: 30px;
}
.question_apart_box .apart_photo img:last-child { 
margin-bottom: 0;
}
.question_apart_box h3 {
font-size: 24px;
font-weight: bold;
line-height: 1.7em!important;
text-align: center;
color: #00348C;
margin-bottom: 30px;
}
.question_apart_box h3 span { 
background: linear-gradient(transparent 30%, #fbee01 60%);
}
.question_apart_box ul li { 
text-indent: -1em;
padding-left: 1em;
padding-bottom: 15px;
}
.question_apart_box ul li:last-child { 
padding-bottom: 0;
}

@media screen and (max-width: 500px) {
.question_apart_box h3 { font-size: 20px; }
.question_apart_box ul li { font-size: 14px; }
}



/* 実感！新潟の良いところ
----------------------------------------------------------------------------------------------------*/
.good_point_box .photo img { 
margin-bottom: 60px;
}
.good_point_box .photo img:last-child { 
margin-bottom: 0;
}

@media screen and (max-width: 500px) {
.good_point_box .photo img { margin-bottom: 40px; }
}



/* 学生寮？アパート？良いところを比較！
----------------------------------------------------------------------------------------------------*/
.comparison_box .bc_green { 
background: #E0FDF3;
}
.comparison_box .bc_beige { 
background: #FEF7E4;
}
.comparison_box .bc_lightblue { 
background: #E1F6FD;
}
.comparison_box .bc_pink { 
background: #FEE4E4;
}

.comparison_box .copy_title {
margin: 60px auto;
}
.comparison_box .copy_title h3 {
font-size: 24px;
font-weight: bold;
line-height: 1.5em!important;
text-align: center;
color: #00348C;
margin-bottom: 15px;
}
.comparison_box .copy_title h3:last-child {
margin-bottom: 0;
}
.comparison_box .copy_title h3 span { 
background: linear-gradient(transparent 30%, #fbee01 60%);
}

@media screen and (max-width: 500px) {
.comparison_box .copy_title h3 { font-size: 20px; }
}



.comparison_box .comment_box { 
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
border-radius: 20px;
margin-top: 80px;
padding: 60px 20px 20px 20px;
}
.comparison_box .comment_box h3 { 
position: absolute;
top: -30px;
left: 15px;
}
.comparison_box .comment_box h3 img { 
width: 250px;
}
.comparison_box .comment_box .name {
width: 39%;
}
.comparison_box .comment_box .name p {
font-size: 14px;
text-align: center;
margin-top: 10px;
}
.comparison_box .comment_box .name p strong {
font-weight: bold;
}
.comparison_box .comment_box .name .large {
font-size: 20px;
}
.comparison_box .comment_box .comment {
width: 59%;
margin-left: 2%;
}
.comparison_box .comment_box .comment p {
font-size: 18px;
line-height: 2em!important;
}
.comparison_box .comment_box .comment p strong { 
font-weight: bold;
background: linear-gradient(transparent 60%, #fbee01 30%);
}

@media screen and (max-width: 767px) {
.comparison_box .comment_box .comment p { font-size: 16px; }
}
@media screen and (max-width: 500px) {
.comparison_box .comment_box { margin-top: 60px; padding: 40px 10px 15px 10px; }
.comparison_box .comment_box h3 img { width: 200px; }
.comparison_box .comment_box .name { width: 45%; }
.comparison_box .comment_box .name p { font-size: 12px; }
.comparison_box .comment_box .name .large { font-size: 16px; }
.comparison_box .comment_box .comment { width: 53%; }
.comparison_box .comment_box .comment p  { font-size: 14px; line-height: 1.7em!important; }
}


.comparison_box .schedule_title { 
max-width: 400px;
margin: 60px auto 0 auto;
}
.comparison_box .schedule_title img { 
width: 100%;
}

.comparison_box .schedule_box { 
position: relative;
border-radius: 20px;
margin-top: 100px;
padding: 60px 20px 20px 20px;
}
.comparison_box .schedule_top { 
margin-top: 60px;
}
.comparison_box .schedule_box h3 { 
position: absolute;
top: -40px;
left: 15px;
}
.comparison_box .schedule_box h3 img { 
width: 300px;
}
.comparison_box .schedule_box p {
line-height: 2em!important;
text-align: center;
margin-top: 20px;
}
.comparison_box .schedule_box p strong {
font-weight: bold;
}
.comparison_box .schedule_box .large {
font-size: 30px;
}
.comparison_box .schedule_box .medium {
font-size: 24px;
}

@media screen and (max-width: 500px) {
.comparison_box .schedule_box { margin-top: 80px; padding: 60px 10px 15px 10px; }
.comparison_box .schedule_top { margin-top: 60px; }
.comparison_box .schedule_box h3 img { width: 250px; }
.comparison_box .schedule_box p { font-size: 14px; }
.comparison_box .schedule_box .large { font-size: 24px; }
.comparison_box .schedule_box .medium { font-size: 18px; }
}



/* 遠方から進学を決めた先輩インタビュー
----------------------------------------------------------------------------------------------------*/
.interview_box h2 { 
max-width: 500px;
margin: 0 auto 30px auto;
}
.interview_box h2 img { 
width: 100%;
}

.interview_box .person { 
margin-bottom: 60px;
}
.interview_box .person:last-child { 
margin-bottom: 0;
}
.interview_box .person p { 
line-height: 2em!important;
}
.interview_box .person p .point { 
font-weight: bold;
background: linear-gradient(transparent 60%, #fbee01 30%);
}
.interview_box .person .name { 
margin: 10px auto 15px auto;
}
.interview_box .person .name p {
text-align: center;
color: #00348C;
}
.interview_box .person .name p strong { 
font-weight: bold;
}
.interview_box .person .name p .medium { 
font-size: 24px;
}
.interview_box .person .name p .large { 
font-size: 30px;
}

@media screen and (max-width: 500px) {
.interview_box .person { margin-bottom: 40px; }
.interview_box .person p { font-size: 14px; }
.interview_box .person .name p .medium { font-size: 18px; }
.interview_box .person .name p .large { font-size: 24px; }
}



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