#cont .textBox p{
color:#333;
margin-bottom:20px;
}

/*********************

bottom_nav

**********************/

#bottom_nav a ,#cont #chead #cmenu a{background-color:#ccc;color:#000;width:100%;}
#bottom_nav{text-align:left;background:none;margin-bottom:7px;}
#bottom_nav li {#E23F7C
float:left;
width:123px;
list-style-type:none;
background-color:#ccc;
text-align:center;
margin-right:2px;
}

#bottom_nav li.w100{
width:100px;
}

#link_mark{
margin-bottom:15px;
}

#link_mark .fl{
margin-left:200px;
margin-top:8px;
}

#link_mark a:hover{
/*opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );*/
zoom:1;
}


/*********************

繝医ャ繝礼判

**********************/
#chead {position:relative;}

#cont #chead h1{
background-color:transparent;
position:absolute;
top:97px;
left:0;
z-index:5;
}


#cont h2{padding-bottom:5px;margin-bottom:10px;margin-top:4px;margin-left:1px;}

h2#newsBoxTitle,
#cont #teacher h2,
h2#lineup{margin-bottom:20px;}

#cont #c3_lr #teacher h2{background:none;margin-bottom:20px;}

#newsBox {
border: 1px solid #999999;
/*padding:7px;*/
overflow: auto;
/*width: 488px;*/
width:500px;
height: 70px;
margin-bottom:40px;
}

#newsBox dt {
clear: left;
float: left;
padding: 7px 10px 8px 7px;
}

#newsBox dd {
background:none;
padding: 7px 0 7px 110px;
border-bottom:1px solid #ccc;
/*margin:7px;*/
}

#newsBox li {
    font-size: 12px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    padding-top: 5px;
    list-style: none;
    padding-left: 10px;
}


.fb{font-weight:bold;}

#cont .textBox .m_contact {
float: none;
/*margin-bottom:0;*/
text-align: right;
}
.m_contact a {
border-bottom:2px solid #333;
color:#333;
font-size:16px;
font-weight: bold;
padding:0;
transition: .3s;
}

.m_contact a > span {
font-weight: bold;
}
.m_contact a::before {
content: "\f178";
font-family: FontAwesome;
display: inline-block;
}

.m_contact a:hover {
text-decoration:none;
opacity:0.6;
}

.m_contact img { display: none; }

.m_link { float: none; text-align: right; }
.m_link a{padding:0; text-decoration: underline;}
.m_link a:hover { opacity: 0.6; }

#cont .m_link p{
/*position:relative;
margin-bottom:0;
width:184px;
z-index:1;*/
}

.m_link p span{
font-size:14px;
/*position:absolute;
top:2px;
left:5px;
z-index:5;
cursor: pointer;
letter-spacing: 0;*/
}

.m_link img[src*="m_banner.png"] { display: none;}

#cont #performance .reason p{
color:#333;
font-size:15px;
margin-bottom:30px;
}

#cont #performance{
/*border:3px solid #d8d8d8;
padding:30px;*/
margin-bottom:40px;
}

.dib span{display:inline-block;/*height:100%;*/line-height:1;}

.dib span.s1{font-size:45px;margin-top:10px;/*margin-left:-3px;*/vertical-align:-4px;}

.fs35{font-size:35px !important;}

.m_voiceBox span{display:block;margin-top:-2px;}
#cont #performance .m_voiceBox p{
font-size:13px;
margin-bottom:10px;
padding:7px;
}

#cont #performance .m_voiceBox ul li{
/*background-image:url("../../resource/img/icons/voice.svg");
background-repeat:no-repeat;
background-position:left 1px;*/
color: #333;
list-style-type: none;
padding-left: 40px;
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 15px;
line-height: 120%;
position: relative;
border-bottom: 1px solid #ccc;
}

#cont #performance .m_voiceBox ul li::before {
background-color: #ea711a;
content: url("../../resource/img/icons/voice.svg");
display: inline-block;
width: 30px;
height: auto;
vertical-align: middle;
position: absolute;
top: -3px;
left: 0;
}

/* 2017/10/31 CSS霑ｽ蜉� */
#cont #performance .subTtl {
  padding: 0;
  border-top: none;
  color: #333;
  border-bottom: 2px solid #333;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

#cont #performance .m_jisseki {
border: 1px solid #333;
padding: 20px;
}


#cont #performance .m_jisseki p {
margin-bottom: 0px;
}

#cont #teacher p{
font-size:15px;
color:#333;
}

#cont #teacher .textBoxSub p{
margin-bottom:10px;
}

#cont #lineup_box{margin-bottom:30px;}

#cont #lineup_box p{
color:#333;
line-height:150%;
margin-bottom:10px;
font-size:15px;
}

#cont #lineUp div[class*="planList_"]{
border:3px solid #e0d8aa;
margin-bottom:20px;
padding:20px;
}

#cont #lineUp div.planList_1{
border-color:#736B28;
}

#cont #lineUp div.planList_2{
border-color:#A5943A;
}

#cont #lineUp div.planList_3{
border-color:#BDAD5A;
}

#cont #lineUp div.planList_4{
border-color:#b1a569;
}

#cont #lineUp .planList p{
font-size:18px;
font-weight:bold;
}

#cont #lineUp div[class*="planList_"] ul{
border:none;
/*padding:0;
margin:0;*/
}

#cont #lineUp div[class*="planList_"] ul li{
padding:0;
margin:0;
background: none repeat scroll 0 0 transparent;
}

#cont #lineUp div[class*="planList_"] ul li span{
margin-left:-23px;
padding-right:5px;
}

#cont #lineUp div[class*="planList_"] ul li span.new{
margin-left:-32px;
padding-right:5px;
}


/*謠先｡域嶌繧ｹ繝ｩ繧､繝�*/

#cont #proposalslide p{
color:#333;
line-height:150%;
margin-bottom:10px;
font-size:14px;
}

/* 螳伜�蠎∵怙譁ｰ諠��ｱ */

#hotwrap{
border-top: 5px solid #3B997B;
border-left: 2px solid #3B997B;
border-right: 2px solid #3B997B;
border-bottom: 2px solid #3B997B;
padding: 10px;
margin-bottom: 15px;
}

/*#hotwrap .hotcont{
border-bottom: 1px dotted #3B997B;
margin-bottom: 10px;
}*/

#hotwrap .hotcont .hottitle{
background: #BDD8CF;
padding: 5px;
padding-left: 10px;
margin-left: -10px;
font-weight: bold;
font-size: 16px;
}

#goal .textBox #hotwrap .hotcont ul{
/*margin-top: -10px;*/
margin-left:0;
}

#hotwrap .hotcont ul li{
/*list-style-type: square;
margin: 0px -30px;*/
list-style-type:none;
}


/* 繧ｰ繝ｭ繝ｼ繝舌Ν繝��繝悶Ν -------------------------------------------------*/

.g_org table{
border-collapse: collapse;
border-spacing: 1px;
width: 100%;
border:1px solid #5F4F3D;
font-size:13px;
margin-bottom: 20px;
}

.g_org table.f_sch td.tblTitle {
color: #FFF;
text-align: center;
height: 30px;
font-size: 16px;
font-weight: bold;
background-color: #5F4F3D
}

.g_org table td{
padding:7px 5px;
text-align: center;
border: 1px solid #5F4F3D;
font-size: 13px;
}

.g_org table td{
text-align: left;
}

.g_org .f_cont{
border-bottom: 2px dotted #999;
padding-top: 15px;
}

.global_contents p span.colorTitle{color:#FF9C31;display:block;font-weight:bold;}
#cont #goal .textBox .global_contents ul{margin:-10px 0 10px 33px;} 

/* 2013/12/09 髢｢騾｣繧ｵ繝ｼ繝薙せ */
.mid_hie_container{
background-image: url("../img/middle/mid_hie_img.gif");
background-position: left top;
background-repeat: no-repeat;
height: 259px;
position: relative;
margin-bottom:20px;
}


.hie_wrapper{position:absolute;top:0;left:0;}
.manage{top:74px;}
.middle{top:139px;}
.newcom{top:204px;}


.hie_wrapper .fl{width:100px;margin-right:10px;}
.hie_wrapper .fr{width:390px;overflow:hidden;
}
.hie_wrapper .curriculumList{
float:left;
width:185px;
list-style-type:none;
}
.hie_wrapper .curriculumList li{line-height:130%;}
.hie_wrapper .curriculumList li a{letter-spacing:0;}

/*.mid_linkList_wrapper{width:500px;margin-bottom:10px;}
.mid_linkList_wrapper .fl{width:249px;border-right:1px dotted #ccc;}
.mid_linkList_wrapper .fr{width:250px;padding:0 10px;}
.mid_linkList_wrapper .linkList{list-style-type:none;}
.mid_linkList_wrapper .linkList li{
background-image:url("../img/img_arrow_s_ccc.gif");
background-repeat:no-repeat;
background-position:left 2px;
padding-left:15px;
line-height:130%;
}
*/

.mid_linkList_wrapper{width:500px;margin-bottom:10px;}
.mid_linkList_wrapper .fl{width:229px;border-right:1px dotted #ccc;}
.mid_linkList_wrapper .fr{width:270px;padding:0 10px;}
.mid_linkList_wrapper .linkList{list-style-type:none;}
.mid_linkList_wrapper .linkList li{
background-image:url("../img/img_arrow_s_666.gif");
background-repeat:no-repeat;
background-position:left 2px;
padding-left:15px;
line-height:130%;
margin-bottom:10px;
}

.mid_linkList_wrapper p a:hover img{
opacity:0.8;
-ms-filter: "alpha( opacity=80 )";
filter: alpha( opacity=80 );
}

.other_link{}


/* 2013/12/11 teble */
#cont #goal .textBox .newcom_table{
width:500px;
border-collapse:collapse;
margin-bottom:30px;
}
#cont #goal .textBox .newcom_table th{padding:5px;text-align:center;width:25%;border-color:#333;background-color:#FFBACB;}
#cont #goal .textBox .newcom_table td{padding:5px;border-color:#333;position:relative;}
#cont #goal .textBox .newcom_table td ul{
list-style-type: decimal;
margin-left: 20px;
}
#cont #goal .textBox .newcom_table td ul li{line-height:130%;font-size:12px;}
#cont #goal .textBox .newcom_table td p{margin-bottom:10px;line-height:130%;font-size:12px;}


/* 2014/01/24 蜈ｬ髢玖ｬ帛ｺｧ繝ｩ繧､繝ｳ繝翫ャ繝怜�蜉� */
div#cont div#c3_lr .bup_lineupList{}
div#cont div#c3_lr .bup_lineupList li{
background-image: url("../img/img_arrow_s_ccc.gif");
background-position: left 2px;
background-repeat: no-repeat;
width: 240px;
float: left;
list-style-type: none;
margin-right: 5px;
padding-left:15px;
}

/* 2014/02/13 莠句燕隱ｲ鬘後い繝ｳ繧ｱ繝ｼ繝� */
#cont .be_graph{}
#cont .be_graph p{line-height:170%;margin-bottom:10px;font-size:14px;}
#cont .be_graph img{margin-right:10px;}

/* 2014/10/23 縺雁ｮ｢讒倥�謔ｩ縺ｿ */
#cont .be_graph .borderBox{border:3px solid #ccc;padding:10px;}
#cont .be_graph .borderBox ul{font-size:14px;padding-left:1em;margin-bottom:20px;}
#cont .be_graph .borderBox ul li{list-style-type:none;margin-bottom:5px;}
#cont .be_graph .borderBox a{text-decoration:underline;}

#goal{position:relative;}
.print_btn_box{position:absolute;top:8px;right:0;}

/* 2014/07/02 繝薙ず繝阪せ譁�嶌騾壻ｿ｡豺ｻ蜑� */
.tensaku_box{}
.tensaku_box dl {
border-bottom: 1px solid #CAE6FB;
font-size: 14px;
line-height: 140%;
margin-bottom: 20px;
}
.tensaku_box dl dt {
}
.tensaku_box dl dd {
margin-bottom: 10px;
margin-left: 100px;
margin-top: -20px;
}

/* 2015/03/31  螳伜�蠎√�閾ｪ豐ｻ菴灘髄縺題ｩ穂ｾ｡閠��閠�ｪｲ閠��� */
table.jichitai_m_table{width:500px;border-width:1px 0 0 1px;border-style:solid;border-color:#999;border-collapse:collapse;font-size:14px;margin-bottom:20px;}
table.jichitai_m_table th,
table.jichitai_m_table td{border-width:0 1px 1px 0;border-style:solid;border-color:#999;padding:5px 3px;}
table.jichitai_m_table th{background-color:#D0FFF0;text-align:center;}


/* 2015/10/15 */

/* /kyoiku/twenty.html縺九ｉ繧ｳ繝斐�縲ょｿ�ｦ√↑縺�°繧� */

/*
#goal .prob{

background-image: url("/common/img/icon_needs.gif");
background-repeat: no-repeat;
margin-bottom: 30px;
margin-top: 30px;

}

#goal .prob p{

padding-left: 85px;
padding-top: 10px;
font-size: 16px;
font-weight: bold;

}*/

/* 2015/11/13 遐比ｿｮ縺ｮ逶ｮ逧��迚ｹ蠕ｴ */
/* 2016/07/04 遐比ｿｮ縺ｮ逶ｮ逧��迚ｹ蠕ｴ */

.textBox .switchBtn #accordion span:hover,
.m_voiceBox #accordion2 span:hover,
.mid_toggle_container #accordion3 span:hover{cursor:pointer;/*text-decoration:underline;*/}

.textBox .switchBtn #accordion::before,
.m_voiceBox #accordion2::before,
.mid_toggle_container #accordion3::before{
/*content:"��";*/
font-weight:bold;
border:1px solid #333;
margin-right:5px;
}

.textBox .on #accordion::before,
.ibox .on #accordion2::before,
#lineup_box .on #accordion3::before{
/*content:"��";*/
font-weight:bold;
border:1px solid #333;
margin-right:5px;
}

#performance .mid_ratingBox{}
#performance .mid_ratingBox .fl_box{float:left;}
#performance .mid_ratingBox .fr_box{float:right;}

#cont #performance .m_voiceBox ul li.wrap{background:none;margin-left:-31px;max-width:500px;}
.m_voiceBox #accordion2 span{display:inline;}

#lineup_box .wrap .fr{width:300px;} 
#lineup_box .cont_bn_box{margin-bottom:20px;}
#lineup_box .cont_bn_box .title_request{}
#lineup_box .cont_bn_box .title_request img{vertical-align:-4px;margin-right:10px;}


/*********************
16/4/21
foreign_management_nav

**********************/

#cont #foreign_management_nav {
font-size: 1em;
margin-bottom: 20px;
}

#cont ul#foreign_management_nav {
width: 100%;
padding: 0px;
list-style-type: none;
}

#cont #foreign_management_nav li {
background-color: #ccc;
padding: 0px;
margin-right: 2px;
margin-bottom: 2px;
text-align: center;
float: left;
}

/*
#cont #foreign_management_nav li:last-child{
margin-right: 0px;
}
*/

#cont #foreign_management_nav li a{
width: 164px;
padding: 5px 0px;
display: block;
color: #333333;
text-decoration: none;
}

#cont #foreign_management_nav li a:hover{
background-color: #A0C6C5;
}


/*********************
16/6/23
縲悟�髢九€阪€憩-繝ｩ繝ｳ縲阪∈縺ｮ繝ｪ繝ｳ繧ｯ

**********************/

#cont #training_format p{
margin-bottom:10px;
font-size:15px;
}
#cont #training_format li{
margin-bottom:9px;
font-size:14px;
padding-left:18px;
text-indent:-15px;
}
#cont #training_format li img{
margin-right:5px;
/* vertical-align: 1px; */
}
/*********************

**********************/
#cont .switchBtn p{
/*position: absolute;*/
margin-bottom: 0;
width: 184px;
z-index: 1;
cursor: pointer;
top:1px;
color:#666666;
}

#cont #lineup_box .select p{
position: absolute;
margin-bottom: 0;
width: 184px;
z-index: 1;
cursor: pointer;
top:2px;
left:15px;
color:#666666;
}

/*********************
譁ｰ繝溘ラ繝ｫ�育洒邵ｮ迚茨ｼ�
**********************/

#cont #accordion:hover *,#cont #accordion3:hover *{color:#666;opacity:0.7;}

/*********************
蜿崎ｻ｢謗域･ｭ
**********************/
#flippedclassroom p{margin-bottom:20px; font-size: 14px;line-height: 1.5em;}
#flippedclassroom h2{margin-bottom: 10px;margin-top: 4px;margin-left: 1px;font-size:15px;background:none;}
#flippedclassroom h2 img{margin-bottom: 2px;vertical-align: -8px;}
#flippedclassroom .device p, 
#flippedclassroom .device ul li,
#flippedclassroom .lineup h4{font-family:Meiryo,'繝｡繧､繝ｪ繧ｪ';}

#flippedclassroom .device ul li{padding-left: 14px;text-indent: -14px;list-style:none;margin-bottom: 5px;}
#flippedclassroom .ex img,
#flippedclassroom .feature img,
#flippedclassroom .lineup img{margin-right:10px;vertical-align:-6px;}
#flippedclassroom .ex .title,
#flippedclassroom .feature .title{font-weight:bold;}
#flippedclassroom .lineup ul{list-style:none;}
#flippedclassroom .lineup ul li{font-size:13px;line-height: 2em;}
#flippedclassroom .lineup p{margin-bottom:10px;padding-left: 14px;text-indent: -14px;}


/*********************
2016/09/01
譁ｰ繝�じ繧､繝ｳTOP逕ｻ縺ｾ繧上ｊ逕ｨ
2017/10/30
荳€驛ｨ謾ｹ菫ｮ
**********************/
.top_section {
display: table;
}
.top_section .top_image {
display: table-cell;
vertical-align: top;
}

.top_section .top_info {
display: table-cell;
padding-left: 10px;
vertical-align: top;
}

h1{font-family:"貂ｸ繧ｴ繧ｷ繝�け","Yu Gothic";font-size:27px;margin-bottom:5px;line-height:120%;}

/* 2017/11/06 繝医ャ繝礼判繧ｵ繧､繧ｺ縺ｮ螟画峩 */
.top_image_l {}
#c3_lr .top_section > .catchCopy { font-weight: bold; }
.catchCopy + h1 {
border-top: 1px solid #333;
padding-top: 5px;
}

/* Pick up */
.top_section .top_pickup{}
.top_section .top_pickup p{color:#c23535;font-family:"貂ｸ繧ｴ繧ｷ繝�け","Yu Gothic";font-size:13px;font-weight:bold;margin-bottom:0px;margin-top:-3px;}
.top_section .top_pickup ul{margin-bottom:10px;}
.top_section .top_pickup ul li{list-style-type:none;font-size:13px;margin-bottom:5px;line-height:1.3;}

/* 2017/10/30 譁ｰ繝�じ繧､繝ｳ迚郁ｬ帛ｸｫ豢ｾ驕｣繝ｻ蜈ｬ髢玖ｬ帛ｺｧ繝ｻe繝ｩ繝ｼ繝九Φ繧ｰ */
.notice_box { margin: 20px 0 10px; }
.notice_box > ul  {
display: flex;
-js-display: flex;
font-size: 0;
justify-content: space-between;
margin-bottom: 5px;
width: 100%;
}

.notice_box > ul > li {
text-align: center;
width:  33.1%;
flex: auto 1 0;
}

.notice_box > ul > li  + li { margin-left: 2px; }

.notice_box > ul > li > a {
background-color: #999;
color: #fff;
display: block;
font-size: 14px;
padding: 3px;
text-decoration: none;
transition: .3s;
width: 100%;
}

.notice_box > ul > li:nth-of-type(1) > a { background-color: #C9202D; }
.notice_box > ul > li:nth-of-type(2) > a { background-color: #0F71C1; }
.notice_box > ul > li:nth-of-type(3) > a { background-color: #E23F7C; }


.notice_box > ul > li > a:hover { opacity: 0.6; }

/* TOP逕ｻ荳九リ繝�(繝｡繝九Η繝ｼ) */
#menu_nav  {
  display:flex;
  -js-display: flex;
  justify-content: space-between;
  width:100%;
  margin-bottom:10px;
}

#menu_nav li {
border-left: 1px solid #ccc;
text-align:center;
width: 25%;
}

#menu_nav li:nth-of-type(4) { /*width: 10%;*/flex: auto 0 5; }
#menu_nav li:last-of-type { border-right: 1px solid #ccc; }

#menu_nav li a {
display:block;
color:#333;
font-size:12px;
padding:5px 0;
font-family:"貂ｸ繧ｴ繧ｷ繝�け","Yu Gothic";
font-weight:bold;
letter-spacing: 0;
border-bottom: 2px solid transparent;
}

#menu_nav li a:hover{text-decoration:none;color:#c23535;border-bottom: 2px solid #c23535;}

#cont .simple h2{font-family:"貂ｸ繧ｴ繧ｷ繝�け","Yu Gothic";border-top:2px solid #333;padding:15px 0;font-size:18px;font-weight:bold;color:#FF9933;background-image:none;}/* color縺ｯ繝��繝槭き繝ｩ繝ｼ */

/*繝�く繧ｹ繝医し繝ｳ繝励Ν繝懊ち繝ｳ*/
#sample p.text{margin-top: 10px;line-height: 1.3em;float:left;font-size:15px;font-weight:bold;font-family:Meiryo,'繝｡繧､繝ｪ繧ｪ';}

#cont .newcomer > p{font-family:"Hiragino Kaku Gothic ProN", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN", Meiryo, 繝｡繧､繝ｪ繧ｪ, sans-serif;font-weight:bold;margin-bottom:10px;}

/*161121*/
#cont #performance .m_voiceBox .info{font-size: 14px;margin-bottom: 10px;padding:0 0 10px;font-weight: bold;border-bottom: 1px solid #ccc;}
#cont #performance .m_voiceBox ul{margin-bottom:40px;}

/*170116螂ｳ諤ｧ豢ｻ霄肴耳騾ｲ*/
/*.slick-slider{margin-bottom:0px;}*/
.slick-slide{width:310px;}
.slide_selector{width:340px;margin-bottom:0px;}
#cont #goal .textBox .womanpro_aim ul{list-style:none;margin:0 0 20px 0;}
.p_pd15{padding:15px;}
.p_w310{width:310px;}


/*170915譁ｰ莠ｺ繝溘ラ繝ｫ繝懊ち繝ｳ逕ｨ*/
.mdl_new_add_btn_label{/*display:inline-block;*/text-align:center;}
.mdl_new_add_btn_shadow{box-shadow: 3px 2px 2px 1px #aaa;}
.mdl_new_add_btn_shadow:hover{box-shadow:none;-webkit-transform: translateY(2px) translateX(2px);transform: translateY(3px) translateX(2px);}
/*.mdl_new_add_btn_label:hover{opacity:0.7;}*/
.mdl_new_add_btn_label-pink{background:#ff5f86;}
.mdl_new_add_btn_label-bupblue{background:#1C75C5;}
.mdl_new_add_color{display:block;}
.mdl_new_add_color:hover{color:inherit;text-decoration:none;}
.mdl_new_add_color-white,.mdl_new_add_color-white:hover{color:#fff;}
.mdl_new_add_pd-sm{padding:12px 8px;font-size:20px;font-weight: bold;}

/* 2繧ｫ繝ｩ繝�繝溘ラ繝ｫ繝�Φ繝励Ξ繝ｼ繝医°繧� */
#base #cont dl.list_cont{
font-family: "貂ｸ繧ｴ繧ｷ繝�け";
margin-bottom:10px;
}

#base #cont dl.list_cont dt{
font-size: 14px;
line-height: 1.7em;
font-weight: 700;
}

#base #cont dl.list_cont dd{
font-size: 14px;
line-height: 1.7em;
font-weight: 500;
}

/* 2018/04/26 Q&A */
/*#vue-qaWrap{display:none;}*/

#cont #vue-qaWrap h2 {
  margin-bottom:10px;
  line-height:1.2;
  padding-bottom:4px;
}

#cont #vue-qaWrap h2 > span {
  padding:0;
}

.p_faq > section{
  margin-bottom:15px;
}

.p_faq > section:first-of-type{
  margin-top:20px;
}

.p_faqTtl_sub{
  display:block;
  font-weight:bold;
}

.p_faq_lead{
  margin-bottom:0;
  line-height:1.2;
}

.p_faq_lead + p{
  text-align:right;
}

.p_faq_link{
  text-align:left;
}

.mid_question {
  color: inherit;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.3;
  padding-left: 4%;
  position: relative;
}

.mid_question::before {
  color: crimson;
  content: "Q.";
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", "sans-serif";
  position: absolute;
  top: 0;
  left: 0;
}

.mid_answer {
  white-space:pre-wrap;
  font-weight: 500;
  line-height: 1.3;
  /*margin-bottom: 30px;*/
  padding-left: 4%;
  position: relative;
  /*width: 500px;*/
}

.mid_answer::before {
  color: #333;
  content: "A.";
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", "sans-serif";
  position: absolute;
  top: 0;
  left: 0;
}

.v-enter-active,.v-leave-active{transition:.5s height,.5s opacity;}
.v-enter{opacity:0;}
.v-leave-to{visibility:hidden}