@charset "utf-8";



/* 共通部分
------------------------------- */
html {
    font-size: 62.5%;
		
}
body{
    font-family:  GothicMB101Pro;
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1.2;
    color: #432;
}
.wrap {
	overflow: hidden;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
.wrapper {
    max-width: 110rem;
    margin: 0 auto;
    padding: 0 4%;
}
ul {
    list-style: none;
  }
/* 大きな背景画像 */
.big-bg {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

/* 見出し */
.page-title {
    font-size: 5rem;
    font-family: 'Philosopher', serif;
    text-transform: uppercase;
    font-weight: normal;
}
.sub-title {
    font-size: 1.375rem;
    padding: 0 0.8rem 0.8rem;
    font-weight: normal;
}
.txt_page-title {
    font-size: 5rem;
    font-family: 'Philosopher', serif;
    text-transform: uppercase;
    font-weight: normal;
}
.txt_sub-title {
    font-size: 1.375rem;
    padding: 0 0.8rem 0.8rem;
    font-weight: normal;
}
.txt_description{
	color: #045f6f;
	font-size: 1,7rem;
	font-weight: 700;
}
.txt_caption{
    font-size: 1.7rem;

}
.txt_list{

}
.txt_copyright{

}

.contena_margin_bottom10{
 padding-bottom: 8%;
}

.contena_margin_bottom3{
    padding-bottom: 3%;
   }
/* ボタン */
.button {
    font-size: 1.375rem;
    background: #0bd;
    color: #fff;
    border-radius: 0.5rem;
    padding: 1.8rem 3.2rem;
}
.button:hover {
    background: #0090aa;
}

.border_desin{
border-width: 0.1rem;
border-color: #a6a6a6;
border-style: solid;

}


/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                  Topメイン画像 
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/


.mein1{
	margin-bottom: 1%;
}



 /*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                  Topサブ画像 
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/

.mein2{
    text-align : center;
  
}

.mein2_txt{
    margin-top: 5%;
    padding-bottom: 5%;
}
.mein2_txt h2 {
	color: #045f6f;
	font-size: 3rem;
	font-weight: 700;
}

.mein2_txt p {
	font-family: GothicMB101Pro;
	color: #000000;
	font-size: 2.1rem;
	font-weight: 400;
}



 /*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                  評価試験サービスその1 
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/
.hyouka_midashi{
	 text-align : center;

}
.hyouka_sbc{
	width: 100%;
	height: 15%;
	margin : 0 auto;
  text-align : center;
	padding: 1rem;

}

.hyouka_sbc_bg1{

    background-image: url("../images/AdobeStock_1.png");
}
.hyouka_sbc_bg2{

    background-image: url("../images/bg_hyouka_sbc2.jpg");
}
.syokai_sbc_bg2{

    background-image: url("../images/bg_syoukai.jpg");
}

.otoiawase_sbc_bg{

    background-image: url("../images/bg_toiawase.jpg");
}
.hyouka_sbc h2{
	
    margin-bottom: 0em;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 3rem;
	

}
.hyouka_sbc p{
	display: block;
	font-size: 1.8rem;
	padding-bottom: 2%;
	
}
.hyouka_sbc img{
    width: 13%;
	
	
}
.flow {
  position: relative;  
  margin-bottom: -3rem;  
  bottom: 3rem;        
}

/*.flow {
    position: relative;  
    margin-bottom: -3rem;  
    bottom: 3rem;        
  }
*/
/*.border_desin{
	border-width: 1px;
	border-color: #a6a6a6;
	border-style: solid;
}
*/
.sec_hyouka_shosai{
	width: 100%;
	background-color: #e6f3f5;
}

.sec_hyouka_shosai_midasi{
        text-align: center;
}
.sec_hyouka_shosai_midasi h2{
      padding:4rem;
			font-weight: 600;
      text-decoration: underline
}

/*.updown_center_Element {
    display: flex;
    align-items: center;
  }*/
/*.sec_hyouka_shosai h2{
	display: block;
    adding-top: 4%;
	padding-bottom: 4%;
    font-size: 1.3rem;
    font-weight: 700;
	line-height: 3.5rem;
	
}*/

/*.item_syosai_img{	
	width: 20rem;
	height: 20rem;
}*/
/*.syosai_row{
	/*padding: 10px;
}*/

/*.p_syosai_col_left{
    /*background-color: #df149b;
    padding-bottom: 3rem;
    padding-right: 3rem;
    
}*/
/*.syosai_col_left{
 
    border-bottom: solid #a6a6a6 1px;
    padding-bottom: 3rem;
}
*/
/*.p_syosai_col_right{
  
    padding-left: 0.1rem;
    
}*/
/*.center_border_crs{
    
    height: 20rem;
    border-left:solid #a6a6a6 1px;

}*/

/*.syosai_col_right{
    
    border-bottom: solid #a6a6a6 1px;
    padding-bottom: 3rem;
    margin-left: 3rem;
 
}*/


/*.item_syosai_txt {

   flex: 1;
}*/
/*.item_syosai_txt h3{
	color: #045f6f;
	font-size: 2rem;
	font-weight: 700;
}

.item_syosai_txt p{
	color: #000000;
	font-size: 1.7rem;
	  display: inline-block;
  vertical-align: middle;
}*/
 /*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                  評価試験サービスその１詳細 
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/




 /*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                  評価試験サービスその2その他活用事例 
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/


 .ul_katsuyo_jirei{
     list-style: none;
}
.katsuyou_jirei_li{
    margin-bottom: 2rem;
}


  /*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                共同研究者のご紹介- 
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/
 
.shokai_midashi{

    text-align : center;

}

.shokai_sbc{

    width: 100%;
    height: 15%;
    margin : 0 auto;
    text-align : center;
    font-family: GothicMB101Pro;

}
.shokai_sbc img{
    width: 13%;
	padding-top: 5%;
	padding-bottom: 5%;
}

.hakase_txt1{
	color: #ffffff;
	line-height: 3rem;
	font-family: 'Kozuka Gothic Pr6N';
	font-size: 1.7rem;
	
}
.hakase_txt2{
	
	font-size: 2.1rem;
	font-weight: 700;

}
.hakase_txt3{

	color: #ffffff;
	font-size: 1.2rem;
	font-weight: 700;

	
}



/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                共同研究者のご紹介詳細- 
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/

 .sec_syoukai_shosai{
    padding-top: 5%;
    padding-bottom: 5%;
    background-image: linear-gradient(90deg, #045f6f 0%, #0e8ea4 100%);
    color: #fff;
}

.sec_syoukai_shosai dt{
    float: left;
  }
  
  .sec_syoukai_shosai dd{
    margin-left: 8rem;
  }

  .circle {
    width: 10rem;
    height: 10rem; 
    background-color: #e6f3f5;
    color: #045f6f;
    border-radius: 50%;/* ←円を作る */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 10rem;/* ←文字を上下に中央揃え */
}

.shokai_font_title{
    font-size: 1.8rem;
    font-weight: 700;
}
.shokai_font_p{
    padding-top: 2rem;
    padding-left: 6rem;
	padding-bottom: 5rem;}

.border_text_box{
    border-radius: 1.8rem;
    border-width: 1px;
    height: 5rem;
    line-height: 5rem;/* ←文字を上下に中央揃え */
    border-color: #ffffff;
    border-style: solid;
    width: 20rem; 
    text-align: center;
    margin-bottom: 2rem;
}

.hakase_txt_sec{


    background-color: #2ba9bf;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: center;

}



.sample-box {
	position: relative;

}
.sample-img {
	position: absolute;
    right: 3%; /*右から10px*/
	/*top: 3%; 下からから10px*/
    width: 20%;
}
/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                期待できる場面
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/
.kitai_bamen{

}

.kouka_item{
    text-align: center;
	padding: 1rem;
	
}

.disp_frex {
    display:flex;
    flex-flow: column;
    justify-content: center;
}

.sec_bamen_midasi{
	display: grid;
	padding-bottom: 4rem;
	margin:0 auto;
	text-align: center;
	justify-content: center;
}
.txt_bamen_midasi{
	
	background-color: #ffffff;
	border-radius: 25px;
	height: 5rem;
    width: 100%;
	padding: 1rem 3rem 1rem 3rem;
	display:flex;
	justify-content:center;
	align-items:center;
	
	
/*border-radius: 25px;
	background-color: #ffffff;

	width: 60rem;
	height: 2.5rem;*/
	/*line-height: 2.5rem;←文字を上下に中央揃え */
 /*   width: 60rem;
	height: 2.5rem;
	background-color: #ffffff;
	display:flex;
	justify-content:center;
	align-items:center;*/
	
		
}
.font_bamen_midasi{

	color: #045f6f;
	font-size: 2.2rem;
	font-weight: 700;
   /* margin-bottom: 20px;*/

}


.box_midasi_kitai{
	margin:0 auto;
	width: 28.1rem;
    background-color: #ffffff;
	border-width: 1px;
	border-color: #0e8ea4;
	border-style: solid;
	padding: 0.5rem 0px 0.5rem 0px;
	color: #0e8ea4;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 3rem;
	margin-bottom: 2rem;
}
.box_text_kitai{

	color: #0e8ea4;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 3rem;
	margin-bottom: 2rem;
}
.border_box{
	
	border-right: solid #a1bcc0 1px;
	border-left:  solid #a1bcc0 1px;
	
}

.border_box2{
	
	border-bottom: solid #a1bcc0 1px;

	padding-bottom: 4rem;
}
.img_kitai{
    width: 28rem;
	height: 24.5rem;
	margin-bottom: 2rem;
}
.img_yajirusi{
    width: 4rem;
	height: 2.3rem;
	margin-bottom: 2rem;
}

.sec_text_jitsuyousei{

	padding-top: 5rem;
	padding-bottom: 5rem;
	
}


.box_text_jitsuyousei{

	
}

.dt_title{

  border: solid #0e8ea4 1px;
	color: #0e8ea4;
	
		margin:0 auto;

	/*　追加　*/
	display:flex;
	justify-content:center;
	align-items:center;
	
}
  


.dl_list{
	
	padding-left: 2rem;
	color: #000000;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 3rem;
	
}
  
.dl_list p{
	margin: 0;
}


.text_jitsuyousei{

	color: #000000;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 3rem;
	
}
/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                問い合わせ見出し
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/



.sec_toiawase_midasi{

	padding-top: 6rem;
	padding-bottom: 6rem;
    text-align: center;
}

.font_toiawase_midasi{


	color: #000000;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.8rem;
	
}





.toiawase_frm_B{

	color: #000000;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.8rem;
	
	
}

.form-control{
	
	height: 4rem
}

.input_font{

	color: #999999;
	font-size: 1.6rem;
	font-weight: 400;
	
}

.toiawase_frm_text_aria{
	/*height: 28rem;*/
}


.form-group{
	margin-bottom: 0.5rem;
}
.form-group_bg{
	background-color: #e5e5e5;	
	
}
.table_row_height{
height: 7rem;
}
.label_txt{
/*    text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-bottom: 0;*/
}

.label_font{
	color: #000000;
	font-size: 1.7rem;
	font-weight: 400;	
	margin-bottom: 0;
}

.tb_label{
	
}
.tb_input{
	width: 70%;
}
.td_input_frex{
  float: left;
}



.input_type_1col{
	
/*	padding-left:2rem;
	padding-right:2rem;*/
}
.input_type_2col{
	width: auto;
	
}

.box{
	
  float: left;
}



	

.child-left{

}
.child-right{

}

/* 必須マーク */
.must {
	background-color: #e60012;
}

.must {

	border-radius: 3px;
	padding: 0.3rem 0.55rem;
	letter-spacing: 0.2em;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 400;
}

.button_desin{
	margin-top: 5rem;
	width: 70%;
	height: 7rem;
	color: #ffffff;
	font-size: 1.9rem;
	font-weight: 700;
	background-image: -webkit-linear-gradient(0deg, #045f6f 0%, #0e8ea4 100%);
	background-image: -moz-linear-gradient(0deg, #045f6f 0%, #0e8ea4 100%);
	background-image: -o-linear-gradient(0deg, #045f6f 0%, #0e8ea4 100%);
	background-image: linear-gradient(90deg, #045f6f 0%, #0e8ea4 100%);
}

textarea {
  resize: vertical;
}

.row-5 {
  height: calc( 1.3em * 5 );
  line-height: 1.3;
}


 
/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_
                 問い合わせフォーム
 *_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/


 /* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 小型タブレット向け：769px～992px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (max-width: 769px) {

.pc_area{
    display:none;
  }
  .phone_area{
    display:block;
  }
	
	.mein_midasi_phone{
	color: #0e8ea4;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2rem;
				
	}
	
	.mein_phone{

	color: #000000;
	font-size: 1.3rem;
	font-weight: 400;
	
	

	}


	.mein2_txt h2 {
		font-size: 1.7rem;

	}
	
	.mein2_txt p {

		font-size: 1rem;
	
	}


	.mein2_txt{
		margin-top: 5%;
		padding-bottom: 10%;
	}
	
	.hyouka_sbc img{
    width: 25%;
	
	
}

.hyouka_sbc h2{
	

font-size: 1.2rem;
font-weight: 700;
line-height: 2rem;
padding-top: 2%;
}
.hyouka_sbc p{

font-size: 1rem;
padding-bottom: 2%;

}

.sec_hyouka_shosai_midasi h2{
	padding:3rem;
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: underline;
	margin-bottom: 0;
}

.item_syosai_txt h3{
	color: #045f6f;
	font-size: 1.3rem;
	font-weight: 700;
}

.item_syosai_txt p{
	color: #000000;
	font-size: 1.1rem;

}

.padding_right0{
	padding-right: 0;
	

}

.syosai_row{
	 padding: 0rem 2rem 0rem 2rem;

}

.item_syosai_img{	

	padding:1rem 0rem 1rem 0rem;
}
	
	.btn_collapse{
		
		width: 100%;
		border-radius: 39px;
		border-color: #0e8ea4;
		background-color: #ffffff;
			
		color: #0e8ea4;
		font-size: 1.5rem;

		height: 4rem;

		
		
	}

	.sp_ul_padding{
		padding-left: 0;

	}
	
	.syosai_col_left{
border-top: 1px solid #a6cbd1;
}


.syosai_col_right{
    
border-top: 1px solid #a6cbd1;
 
}


.katsuyou_jirei_li h4{
	color: #045f6f;
	font-size: 1.4rem;
	font-weight: 700;
	
}
.katsuyou_jirei_li p{
	color: #000000;
	font-size: 1.2rem;
}

.circle {
	position: relative;
  display: inline-block;
	width: 4rem;
	height: 4rem; 
	border-radius: 50%;/* ←円を作る */
	

}


.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :4rem;
  text-align:center;
}


.shokai_font{
	font-size: 1.2rem;
	color: #045f6f;
	font-weight: 700;
	margin: 0;
	line-height:1.2rem;
}

.shokai_font_title{
	font-size: 1.8rem;
	font-weight: 700;
}
.shokai_font_p{
	font-size: 1rem;
	padding-top: 0.8rem;
	padding-left: 0;
  padding-bottom: 2rem;
}

.sec_syoukai_shosai dd{
	margin-left: 5rem;
}

.border_text_box{

	border-radius: 1.8rem;
	border-width: 1px;
	height: 3rem;
	line-height: 3rem;/* ←文字を上下に中央揃え */
	border-color: #ffffff;
	border-style: solid;
	width: 18rem; 
	text-align: center;
	margin-bottom: 2rem;
	font-size: 1.4rem;
	display: block;
	margin-left: auto;
	margin-right: auto 
}

.border_text_box p{
	font-size: 1.2rem;
}

.font_bamen_midasi{

font-size: 1.4rem;
font-weight: 700;
 /* margin-bottom: 20px;*/
}

.txt_bamen_midasi{
background-color: #ffffff;
border-radius: 25px;
height: 4rem;
width: 100%;
display:flex;
justify-content:center;
align-items:center;
padding: 1rem;

}

.hakase_txt_contana{

	display: flex;
	justify-content: center;
  /*display:flex;
	justify-content: center;
  align-items: center;*/
}
.hakase_txt_sec{


	display: flex;
	align-items: center;

	/*display:flex;
	width: 13rem;
	height: auto;*/


}
.hakase_img_siz{

	width: 13rem;
	height: auto;

}


.dt_title{


font-size: 1.5rem;
font-weight: bold;

padding: 1rem 1rem 1rem 1rem;
width: 70%;

margin-bottom: 2rem;

}

.dl_list{

	font-size: 1.2rem;
	line-height: normal;
	text-align: center;

}

.input_font{

	color: #999999;
	font-size: 1rem;
	font-weight: 400;
	
}

.toiawase_frm_text_aria{
	/*height: 28rem;*/
}


.form-group{
	margin-bottom: 0.5rem;
}

.table_row_height{
height: 4rem;
}

.inner_row_height{
	height: 3rem;
	}
	

.toiawase_frm label{
	font-size: 1rem;
	font-weight: 400;	

}




.must {

	font-size: 0.8rem;
	padding: 0.1rem 0.2rem;
	letter-spacing: 0.1em;

}


.box_midasi_kitai{

	width: 100%;

	padding: 0.2rem 0px 0.2rem 0px;

	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 0.5rem;

}



.box_text_kitai{

	margin-bottom: 1rem;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 3rem;

}


.shokai_sbc img{
	width: 22%;
padding-top: 10%;
padding-bottom: 10%;
}

.font_toiawase_midasi{



	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.6rem;
	
}


.sec_text_jitsuyousei{

	padding-top: 2rem;
	padding-bottom: 0rem;
	
}
.dt_title{

 font-size: 1.3rem;
	
}

.border_box2{
	padding-bottom: 0;

}
.sec_toiawase_midasi{

	padding-top: 2rem;
	padding-bottom: 1rem;
 
}


.toiawase_frm_B{

	font-size: 1.3rem;;
	line-height: 1.8rem;
}

.button_desin{
	margin-top: 3rem;
	width: 70%;
	height: 4rem;
	font-size: 1.3rem;
	font-weight: 700;
	
}

.footer_bar1 p{
	font-size: 0.8rem;
}
	
.hakase_txt1{

	line-height: 1.2rem;

	font-size: 1.1rem;
	
}
.hakase_txt2{
	
	font-size: 1.3rem;
	font-weight: 700;

}
.hakase_txt3{


	font-size: 1rem;
	font-weight: 700;

	
}
	.required {
    color: #E00;
}

.required:after {
    content: " *";
}
	

}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 小型タブレット向け：769px～992px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 769px) {
	
	.br-sp {display: none; }

/*	.pc_area{
		display:block;
	}*/
	.phone_area{
		display:none;
	}

	.pad-5{
		padding-left: 5rem;
	}

	.inner_row_height{
		height: 4rem;
		}
		
	.must_position{
display:flex;
justify-content:space-between;
}

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 PCおよび大型タブレット向け：993px～1200px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 993px) {

	.dt_title{

		border: solid #0e8ea4 1px;
		color: #0e8ea4;
		font-size: 1.7rem;
		font-weight: 700;
		
		width:34rem;
		height:5rem;
		margin:0 auto;
	
		/*　追加　*/
		display:flex;
		justify-content:center;
		align-items:center;
		
		
		margin-right: 3rem;
	}

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 PC向け：1200px以上では固定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 1200px) {

	
.hyouka_sbc_bg1{

    background-image: url("../images/AdobeStock_1.png");
}
.hyouka_sbc_bg2{

    background-image: url("../images/bg_hyouka_sbc2.jpg");
}

.syokai_sbc_bg2{

    background-image: url("../images/bg_syoukai.jpg");
}

.otoiawase_sbc_bg{

    background-image: url("../images/bg_toiawase.jpg");
}
.hyouka_sbc h2{
	
  margin-bottom: 0em;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 4rem;
	padding:2.5rem;

}
.hyouka_sbc p{
	display: block;
	font-size: 1.8rem;
	padding-bottom: 2%;
	
}
.hyouka_sbc img{
    width: 13%;
	
	
}
.flow {
  position: relative;  
  margin-bottom: -3rem;  
  bottom: 3rem;        
}

.flow {
    position: relative;  
    margin-bottom: -3rem;  
    bottom: 3rem;        
  }

.border_desin{
	border-width: 1px;
	border-color: #a6a6a6;
	border-style: solid;
}

.sec_hyouka_shosai{

	width: 100%;
	background-color: #e6f3f5;
	

}

.sec_hyouka_shosai_midasi{
        text-align: center;
}
.sec_hyouka_shosai_midasi h2{
      padding:4rem;
      text-decoration: underline
}

.updown_center_Element {
    display: flex;
    align-items: center;
  }
.sec_hyouka_shosai h2{
	/*display: block;
    adding-top: 4%;*/
	/*padding-bottom: 4%;
    font-size: 1.3rem;
    font-weight: 700;*/
	line-height: 3.5rem;
	
}

.item_syosai_img{	
	width: 20rem;
	height: 20rem;
}
.syosai_row{
	/*padding: 10px;*/
}

.p_syosai_col_left{
    /*background-color: #df149b;*/
    padding-bottom: 3rem;
    padding-right: 3rem;
    
}
.syosai_col_left{
     /*bbackground-color: #757174;*/
    border-bottom: solid #a6a6a6 1px;
    padding-bottom: 3rem;
}

.p_syosai_col_right{
  
    padding-left: 0.1rem;
    
}
.center_border_crs{
    
    height: 20rem;
    border-left:solid #a6a6a6 1px;

}

.syosai_col_right{
    
    border-bottom: solid #a6a6a6 1px;
    padding-bottom: 3rem;
    margin-left: 3rem;
 
}


.item_syosai_txt {

   flex: 1;
}




	
.font_size_xs{

	font-size: 1.2rem;

}
.font_size_sm{
  font-size: 1.4rem;
}
.font_size_md{
  font-size: 1.7rem;
}
.font_size_lg{
	font-size: 2.1rem;

}
.font_size_xl{
	font-size: 5rem;

}

}