@charset "UTF-8";

/***************************************************************
　customize専用　
***************************************************************/

p{
  letter-spacing: 0.1em !important;
}
#footer_menu{
  display: none;
}
#footer_banner{
  display: none !important;
}
/************************************************************
 layout関係
************************************************************/



.row_wp1{
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0 auto;
}


.row_wp1_r{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
  margin: 0 auto;
}



.row_wst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}


.row_ffst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
}



@media (max-width: 880px) {

.row_wp1{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}

.row_wp1_r{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}


.row_wst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}
}


.box_st1{
  width: 100%;
  padding: 0;
  margin: 0 auto;
}


/************************************************************
 contents関係
************************************************************/

.col_20{
  width : 20% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

.col_25{
  width : 25% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}



.col_30{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_40{
    width : 40% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_50{
    width : 50% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_60{
    width : 60% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
 }
 .col_70{
    width : 70% ;
    padding: 16px;
    margin: 0 0 2em 0;
	 box-sizing: border-box !important;
 }

.col_80{
  width : 80% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

.col_full{
  width : 100% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

 .col_30c{
    width : 33.33333% ; 
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_40c{
    width : 40% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_50c{
    width : 50% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_60c{
    width : 60% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }
   .col_70c{
    width : 70% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }


.col_30i{
    width : 33.33333% ; 
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}
.col_40i{
    width : 40% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}
.col_50i{
    width : 50% ;
    padding: 0;
    margin: 0;
    box-sizing: border-box !important;
}
.col_60i{
    width : 60% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }
.col_70i{
    width : 70% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}

 
.col_50i img{
width: 100% !important;
height: auto;
}


.col_25ce{
    width : 25% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }

.col_30ce{
    width : 33.33333% ; 
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }

.col_25ce img,
.col_25ce img{
width: 80%;
margin: 0 auto;}





.ml_st2{margin-left: 2em;}
.ml_st4{margin-left: 4em;}
.ml_st6{margin-left: 6em;}

@media (max-width: 880px) {
.col_20,
.col_25,
.col_30,
.col_30c,
.col_40,
.col_40c,
.col_50,
.col_50c,
.col_60,
.col_60c,
.col_70,
.col_70c,
.col_80{
   width: 100% !important;
}
   
.col_25ce,
.col_30ce{
   width: 50% !important;

}
}

@media (max-width: 880px) {

    .col_30i,
    .col_40i,
    .col_50i,
    .col_60i,
    .col_70i{
        width : 100% ; 
        padding: 0;
        margin: 0 0 2em 0;
    }
}

.col_feature2{
    width : 50%;
    padding: 16px 5%;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

@media (max-width: 880px) {
.col_feature2{
    width : 90%;
    padding: 16px;
    margin: 0 5% 2em 5%;
	box-sizing: border-box !important;
}
}

.col_feature2 img{
    margin: 1em 0;
}

.row_cont_st1{
  width: 90%;
  max-width: 980px;
  margin: 4em auto !important;
}

.row_cont_st1_ce{
  width: 90%;
  max-width: 980px;
  text-align: center !important;
  margin: 4em auto !important;
}

.row_cont_st2{
  width: 90%;
  max-width: 880px;
  margin: 4em auto !important;
}

.row_cont_st3{
  width: 90%;
  max-width: 780px;
  margin: 4em auto !important;
}



.text_box80{
width: 80%;
margin: 0 auto 2em auto;
}

.text_box80_narrowly{
width: 80%;
margin: 0 auto 2em auto;
}

.text_box80_narrowly p{
  line-height: 1.5em !important;
}

.text_box80c{
width: 80%;
margin: 0 auto 2em auto;
text-align: center;
}



/*レイアウトの補足*/
.mt_st1{margin-top: 1em !important;}
.mt_st2{margin-top: 2em !important;}
.mt_st3{margin-top: 3em !important;}
.mt_st4{margin-top: 4em !important;}
.mt_st5{margin-top: 5em !important;}
.mt_st6{margin-top: 6em !important;}
.mb_st1{margin-bottom: 1em !important;}
.mb_st2{margin-bottom: 2em !important;}
.mb_st3{margin-bottom: 3em !important;}
.mb_st4{margin-bottom: 4em !important;}
.mb_st5{margin-bottom: 5em !important;}
.mb_st6{margin-bottom: 6em !important;}


.img_3c{width: -webkit-calc(100% / 3) ; width: calc(100% / 3) ; width: 33.33333% ;margin: 0 auto !important;}
.img_4c{width:40%; margin: 0 auto !important;}
.img_5c{width:50%; margin: 0 auto !important;}
.img_6c{width:60%; margin: 0 auto !important;}
.img_7c{width:70%; margin: 0 auto !important;}
.img_8c{width:80%; margin: 0 auto !important;}
.img_9c{width:90%; margin: 0 auto !important;}
.img_logo_f{width:90%; margin: 0 auto 0 0 !important;}


.text_ce{
  text-align: center !important;
  margin: 0 auto !important;
}

.text_w01{
  font-weight: 600;
}

.text_50{ font-size: 50% !important;}
.text_60{ font-size: 60% !important;}
.text_70{ font-size: 70% !important;}
.text_80{ font-size: 80% !important;}
.text_90{ font-size: 90% !important;}
.text_100{ font-size: 100% !important;}
.text_110{ font-size: 110% !important;}
.text_120{ font-size: 120% !important;}
.text_130{ font-size: 130% !important;}
.text_140{ font-size: 140% !important;}
.text_150{ font-size: 150% !important;}
.text_160{ font-size: 160% !important;}
.text_170{ font-size: 170% !important;}
.text_180{ font-size: 180% !important;}
.text_190{ font-size: 190% !important;}

.title_01{font-size: 120%; font-weight: 600; text-align: center; margin: 1.5em auto 18px auto !important; line-height: 1em !important; height: 2.5em;}
.title_01 span{font-size: 50%; font-weight: 600; text-align: center; margin: 0 auto;}
.text_c_db{color: #033c78;}
/* 2025/08/24　tuiki */
.title_01_1{font-size: 120%; font-weight: 600; text-align: center; margin: 0.75em auto 29px auto !important; line-height: 1em !important; height: 2.5em;}
.title_01_1 span{font-size: 50%; font-weight: 600; text-align: center; margin: 0 auto;}

.title_hei2{height: 2.5em;}
.title_hei3{height: 3.5em;}

.text_lead01{
  font-size: 160%;
  line-height: 1.5em;
}

.text_lead_db01{
  font-size: 120%;
  font-weight: 400;
  color: #033c78;
  letter-spacing: 0 !important;
  margin-bottom: 0 !important;
}

/***************************************************************
　 見出し　上に短い線 
***************************************************************/

.heading_01 {
  text-align: center; /* 文字の中央寄せ */
  font-size: 110% !important;
  font-weight: 500 !important;
  line-height: 1.8em !important;
  padding-top: 12px;
  width: fit-content;
  border-top: 2px solid #033c78;
  margin: 0 auto !important;
}


@media (max-width: 880px){
.heading_01 {
  text-align: center; /* 文字の中央寄せ */
  font-size: 130% !important;
  font-weight: 500 !important;
  line-height: 1.8em !important;
  padding-top: 12px;
  width: fit-content;
  border-top: 2px solid #033c78;
  margin: 0 auto !important;
}  
}


.heading_01_change { /* 2025/08/24　変更して_change付与　*/
  position: relative;
  text-align: center; /* 文字の中央寄せ */
  font-size: 100% !important;
  font-weight: 500 !important;
}

.heading_0_change1::before {
  background-color: #033c78; /* 線の色 */

  content: "";
  height: 2px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  top: -10px; /* 線の位置 */
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 100px; /* 線の長さ */
}


.heading_02 {
  text-align: center; /* 文字の中央寄せ */
  font-size: 110% !important;
  font-weight: 500 !important;

  padding-top: 12px;
  width: fit-content;
  border-top: 2px solid #033c78;
  margin: 0 auto !important;
}

/***************************************************************
　共通　
***************************************************************/
.box_lead_sentence{
  width: 90%;
  max-width: 680px;
  text-align: center;
  margin: 68px auto !important;
}

.box_lead_sentence p{
line-height: 1.8em !important;
}


.map{
  filter: grayscale(100%);
}

/***************************************************************
　丸い画像の表示
***************************************************************/


#section_lb1{
  width: 100;
  margin: 0 !important;
  padding: 84px 0 !important;
  /* background-color: #dfe5ec; */
  background-color: #f4f6f8;
}

.raw_detail01{
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}


.raw_detail01_r{
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap-reverse;
  padding: 0;
  margin: 0 auto;
}


.raw_detail03{
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0 auto;
}

/* 4column*/
.box_circled01{
  width: 25%;
  display:flex;
  color: #033c78;
  font-size: 90% !important;
  padding: 0.5%;
  box-sizing: border-box;
}

/* 3column*/
.box_circled02{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  display:flex;
  color: #033c78;
  font-size: 90% !important;
  padding: 1%;
  box-sizing: border-box;
}



@media (max-width: 880px){
.box_circled01,
.box_circled02{
  width: 100%;
  display:flex;
  color: #033c78;
  font-size: 90% !important;
  padding: 2% 1% 1% 1%;
  box-sizing: border-box;
}

.raw_detail03{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}

}

/* .box_circled01:nth-child(4n){
  width: 20%;
  display:flex;
  color: #033c78;
  font-size: 90% !important;
  background-color: #f999;
  padding: 2% 1% 1% 1%;
  box-sizing: border-box;
} */

.box_circled01 p,
.box_circled02 p,
.box_circled01:nth-child(4n) p{
  line-height: 1.2em !important;
}


.box_circled_contents{

  background-color: #fff;
  padding: 12px;
  flex-grow: 1;
}



.box_circled01 img,
.box_circled02 img{
  width: 70%;
  border-radius: 50%;
  margin: 0 15% !important;
  border: 1px solid #cccccc;
}


/*　for mobile　*/
@media (max-width: 880px){
.box_circled01 .title_01{
  margin-top: 18px !important;
}

.box_circled01 img,
.box_circled02 img{
  width: 70%;
  border-radius: 10%;
  margin: 0 15% !important;
  border: 1px solid #cccccc;
}


}


/***************************************************************
　3column　表示
***************************************************************/



.column_3_line{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 4em;
  margin: 0 0 2em 0;
  box-sizing: border-box !important;
  border-top: 1px solid #cccccc;
  border-right: none;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}


.column_3_line:nth-child(3n){
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 4em;
  margin: 0 0 2em 0;
  box-sizing: border-box !important;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

@media (max-width: 880px){
.column_3_line{
  width : 100% ; 
  padding: 2em;
  margin: 0 0 2em 0;
  box-sizing: border-box !important;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}


.column_3_line:nth-child(3n){
  width : 100% ; 
  padding: 2em;
  margin: 0 0 2em 0;
  box-sizing: border-box !important;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
}

.column_2_line{
  width : 50% ; 
  box-sizing: border-box !important;
  border-top: 1px solid #cccccc;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #cccccc;
}


.column_2_line:nth-of-type(even){
  width : 50% ; 
  box-sizing: border-box !important;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid none;
  border-left: 1px solid #cccccc;
}

.column_2_line .title01,
.column_3_line .title01{
  font-size: 120%;
  color: #033c78;
  line-height: 1.2em !important;
  margin-bottom: 1em !important;
}

.column_2_line p,
.column_3_line p{
  line-height: 1.5em !important;
}

.column_3_line img{
  width: 60%;
  margin: 0 20% !important;
}


.column_2_line img{
  width: 100%;
  height: 100%;
  display: block;
}


.column_padd4{
  padding: 4em !important;
}




.raw_2columns{
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}


.raw_2columns_r{
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap-reverse;
  padding: 0;
  margin: 0 auto;
}

.bottom_line{
  border-bottom: 1px solid #cccccc;
}

@media (max-width: 880px){
.raw_2columns{
  width: 90%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0  5%;
  border: none;
}


.raw_2columns_r{
  width: 90%;
  display: flex;
  flex-direction: column-reverse;
  padding: 0;
  margin: 0 5%;
    border: none;
}
.column_2_line{
  width : 100% ; 
  box-sizing: border-box !important;
  border: none;;
}


.column_2_line:nth-of-type(even){
  width : 100% ; 
  box-sizing: border-box !important;
  border: none;
}

.bottom_line{
  border-bottom: none;
}

}


/***************************************************************
　clinic　concept　text
***************************************************************/
.concept_1{
  font-size: 20px;
  color: #033c78;
  height: 60px;
  line-height: 22px !important;
  margin: 30px auto 18px auto !important;
}
.concept_1_1{
  font-size: 20px;
  color: #033c78;
  height: 60px;
  line-height: 22px !important;
  margin: 16px auto 32px auto !important;
}

@media (max-width: 880px){

.concept_1,
.concept_1_1{
  font-size: 20px;
  color: #033c78;
  height: 60px;
  line-height: 22px !important;
  margin: 30px auto 18px auto !important;
}
}

/***************************************************************
　トップページ関係
***************************************************************/
.column_db_50{
  width : 50% ;
  padding: 4em;
  background-color: #033c78;
  color: #fff;
	box-sizing: border-box !important;
}

.column_map_50{
  width : 50% ;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #033c78;
  color: #fff;
	box-sizing: border-box !important;
}

.column_db_50 p{
  font-size: 100%;
  line-height: 1em !important;
}


.column_doctor{
  width : 50% ;
  padding: 4em;
  font-size: 90%;
  background-color: #033c78;
  color: #fff;
	box-sizing: border-box !important;
}

.column_doctor p{
  line-height: 1.5em;
}

.text_doctor1 span{
  letter-spacing: 0;
  margin-bottom: 0;
}

.column_doctor_img{
  width : 50% ;
  padding: 0 !important;
  margin: 0 !important;
	box-sizing: border-box !important;
}


.img_logo1{
  width: 28%;
  max-width: 198px;
  margin: 0 0 24px 0;
}

@media (max-width: 880px){
  .column_db_50{
  width : 100% ;
  padding: 4em;
  background-color: #033c78;
  color: #fff;
	box-sizing: border-box !important;
}

	
.column_map_50{
  width : 100% ;
  height: 580px;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #033c78;
  color: #fff;
	box-sizing: border-box !important;
}

.column_doctor{
  width : 100% ;
  padding: 4em;
  font-size: 90%;
  background-color: #033c78;
  color: #fff;
	box-sizing: border-box !important;
}

.column_doctor_img{
  width : 100% ;
  padding: 0 !important;
  margin: 0 !important;
	box-sizing: border-box !important;
}

}


.box_image01{
  width: 100%;
  margin: 108px 0 !important;
  padding: 0 !important;
}

.box_image01 img,
.column_doctor_img img{
    width: 100%;
    height: auto;
    display: block;
}

.img_rogo_st2{
  width: 25%;
  max-width: 198px;
}


.box_banner1{
  width: 80%;
  max-width: 748px;
  margin: 68px auto !important;
}


/***************************************************************
　治療のご案内
***************************************************************/
.column_treatment{
  width : 48% ;
  margin: 0.5%;
  border: 1px solid #cccccc;
  box-sizing: border-box !important;
}
.treatment_sentence{
  padding: 0 36px 24px 36px;
}
.treatment_title{
  font-size: 130%;
  color: #033c78;
  padding: 12px 0 0 36px;
  margin: 0 !important;
}

@media (max-width: 880px){
.column_treatment{
  width : 90% ;
  margin: 5%;
  border: 1px solid #cccccc;
  box-sizing: border-box !important;
}
}


/***************************************************************
　医師の紹介など
***************************************************************/


.col_img_40{
  width : 50% ;
	box-sizing: border-box !important;
}

.col_img_40 img{
  width: 100%;
  height: 100%;
  display: block;
  z-index: 999;
}

.col_sentence_60{
  width : 50% ;
  padding: 36px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: none;
  align-self: stretch;
  box-sizing: border-box !important;
}

.col_sentence_60_ce{
  width : 50% ;
  padding: 36px;
  border-left: none;
  align-self: center;
  box-sizing: border-box !important;
}




.text_post{
  font-size: 100%;
  color: #033c78;
  line-height: 1em !important;
  padding: 8px 24px;
  border: 1px solid #033c78;
  width:fit-content;
}

.text_doctor{
  font-size: 140%;
  line-height: 1em !important;
  letter-spacing: 0.2em;
}

.text_doctor span{
  font-size: 60%;
  margin-left: 1em;
}

@media (max-width: 880px){

.col_img_40{
  width : 90% ;
  margin: 0 5%;
	box-sizing: border-box !important;
}
.col_sentence_60{
  width : 90% ;
  margin: 0 5%;
  padding: 36px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  align-self: stretch;
  box-sizing: border-box !important;
}

.col_sentence_60_ce{
  width : 90% ;
  margin: 0 5%;
  padding: 36px;
  border-left: none;
  align-self: center;
  box-sizing: border-box !important;
}



}
/***************************************************************
　ボタン
***************************************************************/


.btn_st01 a {
  position: relative;
  display: block;
  width: 280px;
  padding: 15px 0;
  background-color: #033c78;
  border-radius: 0px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
}


.btn-arrow-right a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}





/***************************************************************
　縦書き　テスト vertical
***************************************************************/

.row_db_st01{
  background-color: #033c78;
  font-size: 200%;
  color: #fff;
  padding: 88px;
  text-align: center;
}

.vertical_01{
  text-align: center;
  width: fit-content;
}

div.vertical_01 { /*行頭*/
    text-align: left;
    margin: 0 auto;
}

div.vertical_01 p { /*行間*/
    writing-mode: vertical-rl;
    display: inline-block;
    line-height: 1.5em;
}




/***************************************************************
　header　image　text
***************************************************************/
@media screen and (max-width: 750px) {
    #page_header .sub_title {
    font-size: 8px;
    }
}

/***************************************************************
　clinic info 2025/08/24 変更
***************************************************************/

#detail_1cal{
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}


#detail_1cal .box_circled01{
  background-color: #fff;
  padding: 12px;
  flex-grow: 1;
}

#detail_1cal .box_circled01 img{
  width: 70%;
  border-radius: 50%;
  margin: 0 15% 24px 15%!important;
  border: 1px solid #cccccc;
}



#detail_1cal .box_circled01{
  width : 33.33333% !important;
  width : -webkit-calc(100% / 3) !important;
  width : calc(100% / 3) !important;
  display:flex;
  color: #033c78;
  font-size: 90% !important;
  padding: 1%;
  box-sizing: border-box;
}




#detail_1cal .box_circled02{
  background-color: #fff;
  padding: 12px;
  flex-grow: 1;
}

#detail_1cal .box_circled02 img{
  width: 70%;
  border-radius: 50%;
  margin: 0 15% 24px 15%!important;
  border: 1px solid #cccccc;
}



#detail_1cal .box_circled02{
  width : 25%;
  display:flex;
  color: #033c78;
  font-size: 90% !important;
  padding: 1%;
  box-sizing: border-box;
}




@media (max-width: 880px){

#detail_1cal .box_circled01{
  width: 90%;
  display:flex;
  color: #033c78;
  font-size: 90% !important;
  padding: 2% 1% 1% 1%;
  box-sizing: border-box;
  margin: 0 5% 68px 5%;
}

#detail_1cal .box_circled01 img{
  width: 70%;
  border-radius: 10%;
  margin: 0 15% 24px 15%!important;
  /* border: 1px solid #cccccc; */
}

#detail_1cal .box_circled02{
  width: 90%;
  display:flex;
  color: #033c78;
  font-size: 90% !important;
  padding: 2% 1% 1% 1%;
  box-sizing: border-box;
  margin: 0 5% 68px 5%;
}

#detail_1cal .box_circled02 img{
  width: 70%;
  border-radius: 10% !important;
  margin: 0 15% 24px 15%!important;
  /* border: 1px solid #cccccc; */
}

}