@charset "utf-8";
/* CSS Document */

@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css");


.exam_lead{
   background-color: rgba(254,112,150,1.00);
   padding: 20px 0;
  width: 90%;
  max-width: 1000px;
  margin: auto;
  /*border: rgba(216,216,216,1.00) 1px solid;
  border-radius: 5px;*/
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  
  font-weight: 400;
  line-height: 1.8;
}

.exm_ch01{
  font-size: 24px;
  font-weight: 600;
  /*font-family: YakuHanJP, source-han-serif-japanese, serif; */
  font-family: YakuHanJP,'Noto Sans JP', sans-serif;
  color: rgba(77,77,77,1.00);
  line-height: 1.6;
  margin-bottom: 40px;
  /*border-radius: 20px;*/
  border: rgba(255,110,150,1.00) 4px solid;
  background-color: rgba(255,246,246,1.00);
  padding: 20px;
}

.exam_lead .exm_ch01{
  font-size: 24px;
  font-weight: 600;
  font-family: YakuHanJP, source-han-serif-japanese, serif; 
  color: rgba(255,255,255,1.00);
  line-height: 1.6;
  margin-bottom: 40px;
}

h1.exm{
   font-size: 220%;
   line-height: 1.0;
   /*font-family: YakuHanJP, source-han-serif-japanese, serif;*/
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 900;
}

h2.exm{
   /*font-family: YakuHanJP, source-han-serif-japanese, serif;*/
   font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
   padding-left: 1.5em; 
   text-indent: -1.0em; 
   line-height: 1.4;
   font-size: 140%;
   font-weight: 600;
}

h3.exm{
   /*font-family: YakuHanJP, source-han-serif-japanese, serif;*/
   font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
   font-size: 130%;
   line-height: 1.6;
   font-weight: 600;
   margin-bottom: 20px;
}

.exm_txt_wrap{
   font-family: YakuHanJP, "Noto Sans JP", "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
   line-height: 2.0;
   margin-bottom: 50px;
}

.exm_floatL{
   float: left;
   margin: 10px 20px 15px 0;
}

.exm_floatR{
   float: right;
   margin: 10px 0 15px 20px;
}

.exm_floaf_wrap{
   border: rgba(254,112,150,1.00) 2px solid;
   margin-bottom: 15px;
}

.exm_floaf_wrap .title{
   width: 100%;
   background-color: rgba(253,217,229,1.00);
   color: rgba(0,0,0,1.00);
   text-align: center;
   padding: 5px 10px;
   font-weight: 600;
   box-sizing: border-box;
}

.exm_txt_picup{
   font-family: source-han-serif-japanese, serif;
   font-weight: 600;
   background-color: rgba(244,255,164,0.60);
   padding: 0 5px;
}
.exm_txt_picup2{
   font-family: source-han-serif-japanese, serif;
   font-weight: 600;
   background-color: rgba(193,252,229,0.80);
   padding: 0 5px;
   color: rgba(241,0,66,1.00);
}

.exm_txt_picup3{
   color: rgba(254,112,150,1.00);
   border-bottom: rgba(254,112,150,1.00) 2px double;
   font-family: 'Noto Sans JP', sans-serif;
   margin-bottom: 10px;
   font-weight: 600;
   padding: 0 3px;
   margin: 0 3px;
}

.exm_txt_picup4{
   color: rgba(255,255,255,1.00);
   background-color: rgba(254,112,150,1.00);
   font-family: 'Noto Sans JP', sans-serif;
   margin-bottom: 10px;
   font-weight: 600;
   padding: 0 3px;
   margin: 0 3px;
}


.mailclose{
   display: none;
}

.exm_shedule_wrap{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   margin: 0 auto 50px auto;
}

#exam_list{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   margin: 0 auto 50px auto;
}

.exm_shedule_wrap .box{
   width: 48%;
   background-color: rgba(255,110,150,1.00);
   border-radius: 20px;
   line-height: 1.6;
   margin: 10px 1% 10px 1%;
   display: flex;
   flex-wrap: wrap;
}

.exm_shedule_wrap .box .inner{
   position: relative;
   width: 100%;
   background-color: rgba(255,238,238,1.00);
   margin: 10px;
   border-radius: 10px;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
}

.exm_shedule_wrap .box .upper{
   background-color: rgba(255,255,255,1.00);
   padding-bottom: 10px;
}


.apnd_wrap{
   width: 100%;
   padding: 10px 10px;
   box-sizing: border-box;
   border-radius: 0 0 10px 10px;
   margin: 0 10px 10px 10px;
}

.exm_shedule_wrap .box .title{
   color: rgba(255,255,255,1.00);
   background-color: rgba(255,110,150,1.00);
   text-align: center;
   font-size: 120%;
   font-weight: 600;
   padding: 0px 20px 10px 20px;
   margin-bottom: 10px;
   width: 100%;
   box-sizing: border-box;
}

.exm_shedule_wrap .box .detail{
   color: rgba(0,0,0,1.00);
   margin: 10px auto 0 auto;
   border-radius: 0;
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
   width: 95%;
}

.exm_shedule_wrap .box .detail .jisshi{
   width: 100%;
   text-align: center;
}

.exm_shedule_wrap .box .detail .jisshi_day{
   text-align: center;
   width: 95%;
   margin: auto;
   font-size: 140%;
   font-weight: 600;
   margin-bottom: 5px;
}

.exm_shedule_wrap .box .price{
   width: 100%;
   text-align: center;
   margin-bottom: 10px;
}

.exm_shedule_wrap .box hr{
   border-bottom: rgba(255,110,150,1.00) 2px dotted;
   border-top: none;
}

.exm_shedule_wrap .box .detail .oubo_txt_wrap{
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.exm_shedule_wrap .box .detail .oubo_txt_wrap .oubo_box{
   width: 50%;
   text-align: center;
}

.exm_shedule_wrap .box .detail .btn_wrap{
   width: 100%;
   border-bottom: rgba(254,112,150,1.00) 4px dotted;
   margin: 0 auto 10px auto;
}

.exm_shedule_wrap .box .detail .btn_wrap .btn{
   font-size: 100%;
   padding: 10px 10px;
   text-align: center;
   margin: 0 auto 10px auto;
}

.exm_shedule_wrap .box .detail .btn_wrap .btn a{
   padding: 0 20px;
   box-sizing: border-box;
   color: rgba(255,255,255,1.00);
   text-align: center;
   display: block
}


.mail_activ{
   background-color: rgba(255,110,150,1.00);
   padding: 10px 0;
}

.mail_activ a{
   text-decoration: none;
}

.mail_activ:hover{
   background-color: rgba(255,72,122,1.00);
}

.mailclose{
   background-color: rgba(219,219,219,1.00);
   padding: 10px 20px;
   box-sizing: border-box;
}

.mailbefor{
   background-color: rgba(219,219,219,1.00);
   padding: 10px 20px;
   box-sizing: border-box;
}

.error{
   background-color: rgba(219,219,219,1.00);
   padding: 10px 20px;
   box-sizing: border-box;
}


/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   スマホ版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

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

.exam_lead{
   padding: 10px 10px;
   width: 95%;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  
   font-weight: 400;
   line-height: 1.8;
}

.exm_ch01{
  font-size: 100%;
  margin-bottom: 20px;
  border: rgba(255,110,150,1.00) 3px solid;
  padding: 10px;
}


h1.exm{
   font-size: 130%;
   margin-bottom: 15px;
}

h2.exm{
   padding-left: 1.5em; 
   text-indent: -1.0em; 
   line-height: 1.4;
   font-size: 110%;
   font-weight: 600;
   border-left: rgba(254,112,150,1.00) 15px solid
}

h3.exm{
   font-size: 105%;
   line-height: 1.6;
   font-weight: 600;
}

.exm_floatL{
   float: none;
   position: relative;
   margin: 10px auto 15px auto;
}

.exm_floatR{
   float: none;
   position: relative;
   margin: 10px auto 15px auto;
}


.exm_shedule_wrap .box{
   width: 100%;
}

.exm_shedule_wrap .box .detail .oubo_txt_wrap .oubo_box{
   width: 100%;
   text-align: center;
}



}