@charset "UTF-8";
/*------------------------------------------------------------mainphoto*/
#sec01 .middle_sec:not(:last-child){
 margin-bottom: 30px;
}
#sec01 .feature{
 margin-bottom: 30px;
}

#sec01 .feature dt{
 position: relative;
 
 font-family: "NotoSerifBold";
 font-size: 24px;
 color: #000;
 padding: 10px 11px;
}
#sec01 .feature dt::before{
 position: absolute;
 top: 0;
 left: 2px;
 z-index: -1;
 content: "";
 width: 40px;
 height: 40px;
 background: #d8b200;
}
#sec01 .feature dt::after{
 position: absolute;
 bottom: 0;
 left: 28px;
 z-index: -1;
 content: "";
 width: 40px;
 height: 40px;
 background: #9c9c9c;
}
#sec01 .feature dd{
 font-family: "NotoSerifBold";
 font-size: 20px;
 color: #d8b200;
}
#sec01 #merit ul li{
 position: relative;
 padding-left: 60px;
}
#sec01 #merit ul li:not(:last-child){
 margin-bottom: 15px;
}
#sec01 #merit ul li::before{
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 content: "";
 width: 50px;
 height: 50px;
 font-family: "NotoSerifBold";
 font-size: 20px;
 line-height: 1;
 color: #fff;
 background: #d8b200;
 padding: 14px 19px;
}
#sec01 #merit ul li:nth-child(1)::before{
 content: "1";
}
#sec01 #merit ul li:nth-child(2)::before{
 content: "2";
}
#sec01 #merit ul li:nth-child(3)::before{
 content: "3";
}
#sec01 #merit ul li:nth-child(4)::before{
 content: "4";
}
#sec01 #merit ul li:nth-child(5)::before{
 content: "5";
}
#sec01 #merit ul li h3{
 font-family: "NotoSerifBold";
 font-size: 20px;
 color: #d8b200;
}

#sec01 .middle_sec .flex_box .tx_box{
 margin-bottom: 15px;
}
#sec01 #plan table {
 width: 100%;
 white-space: nowrap;
}
#sec01 #plan table tr th, #sec01 #plan table tr td{
 padding: 10px;
}
#sec01 #plan table tr th{
 text-align: center;
 color: #fff;
 background: #d8b200; 
}
#sec01 #plan table tr th:not(:last-child), #sec01 #plan table tr:nth-child(2) th:last-child{
 border-right: 1px solid #fff;
}
#sec01 #plan table tr:nth-child(1) th:nth-child(3){
 border-bottom: 1px solid #fff;
}
#sec01 #plan table tr td{
 border-right: 1px solid #d8b200;
 border-bottom: 1px solid #d8b200;
}
#sec01 #plan table tr td:first-child{
 border-left: 1px solid #d8b200;
}
#sec02 .container .middle_sec:not(:last-child) {
    margin-bottom: 30px;
}
#sec02 .middle_sec h3 span{
 font-family: "NotoSerifRegular";
 font-size: 16px;
}
#sec02 .middle_sec .reserve{
 width: 100%;
 white-space: nowrap;
 margin-bottom: 20px;
}

#sec02 .middle_sec .reserve tr th, #sec02 .middle_sec .reserve tr td{
 padding: 10px;
}
#sec02 .middle_sec .reserve tr th{
 text-align: center;
 color: #fff;
 background: #d8b200;
}
#sec02 .middle_sec .reserve tr th:not(:last-child){
 border-right: 1px solid #fff;
}
#sec02 .middle_sec .reserve tr td{
 border-right: 1px solid #d8b200;
 border-bottom: 1px solid #d8b200;
}
#sec02 .middle_sec .reserve tr td:first-child{
 border-left: 1px solid #d8b200;
}
#sec02 .middle_sec .total, #sec02 .middle_sec .result{
 text-align: center;
 padding: 20px 10px;
}
#sec02 .middle_sec .total{
 background: #9c9c9c;
 margin-bottom: 15px;
}
#sec02 .middle_sec .total p{
 font-family: "NotoSerifBold";
 font-size: 20px;
 color: #fff;
}
#sec02 .middle_sec .result{
 background: #D7C77F;
}
#sec02 #exam03 .result{
 background: none;
 padding: 0 10px;
}
#sec02 .middle_sec .result p{
 font-family: "NotoSerifBold";
 font-size: 20px;
}
#sec02 .middle_sec .result .tit{
 color: #904E00;
}
#sec02 #exam03 .result{
 padding: 0;
}
#sec02 #exam03 .result p{
 font-size: 20px;
 color: #fff;
 background: #904E00;
 margin-bottom: 4px;
 padding: 2px 10px;
}
#sec02 #exam03 .result #calculation{
 width: 100%;
}
#sec02 #exam03 .result #calculation tr th{
 text-align: left;
}
#sec02 #exam03 .result #calculation tr td{
 text-align: right;
}
#sec02 #exam03 .result #calculation tr:nth-child(3) th, #sec02 #exam03 .result #calculation tr:nth-child(3) td{
 border-bottom: 1px solid #000;
}
#sec02 .middle_sec .detail{
 text-align: center;
 font-family: "NotoSerifSemiBold";
 font-size: 18px;
 color: #fff;
 background: #d8b200;
 padding: 5px 10px;
 margin-top: 15px;
}

@media print, screen and (min-width:768px) {
 #sec01 .feature {
  display: flex;
  justify-content: flex-start;
  align-items: center;
 }
 #sec01 .feature dt{
 font-size: 28px;
 padding: 10px 8px;
  margin-right: 10px;
}
 #sec01 .feature dd{
 font-size: 32px;
}
#sec01 #merit ul li h3{
 font-size: 24px;
}
 #sec01 .middle_sec .flex_box{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
 }
 #sec01 .middle_sec .flex_box .tx_box{
  width: 54%;
 }
 #sec01 .middle_sec .flex_box .ph_box{
  width: 45%;
 }
 #sec01 .middle_sec .flex_box .tx_box{
 margin-bottom: 15px;
}
 #sec02 .middle_sec .flex_box{
  display: flex;
  justify-content: space-between;
  align-items: normal;
 }
 #sec02 #exam03 .flex_box{
  align-items: flex-start;
 }
 #sec02 .middle_sec .total, #sec02 .middle_sec .result{
  width: 49%;
 }
 #sec02 .middle_sec .total{
  margin-bottom: 0;
 }
 #sec02 .middle_sec .total p{
 font-size: 24px;
}
 #sec02 .middle_sec .result p{
 font-size: 24px;
}
}