html {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 62.5%;
}

body {
  color: #000;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  background:#fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin:0 auto;
  max-width: 1200px;
  padding: 0 2.0rem;

}

th , td{
border: 1px solid #bbb;
padding: 10px 15px 7px;
line-height: 2.2;
background: #fff;
}



.type-pc { display: block !important; }
.type-sp { display: none !important; }
@media only screen and (max-width: 750px) {
.type-pc { display: none !important; }
.type-sp { display: block !important; }}

.mincho-font {
    font-family : "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.bigbig-font {
   font-size : 2.1em;
}
.big2-font {
   font-size : 1.3em;
}
.big-font {
   font-size : 1.2em;
}
.small-font {
   font-size : 0.8em;
}
.futoi-font {
   font-weight : bold;
}
.pink-font {
   color : #E87A90;
}
.deepblue-font {
   color : #090bba;
}
.blue-font {
   color : #81C7D4;
}
.gold-font {
   color : #a89968;
}



.blue-under {
   padding : 0.2em ;
   background : linear-gradient(white, #afdbe3);
}

.blue-underline {
   padding-bottom : 7px ;
  border-bottom : dotted 2px #81C7D4;
}

.under-line-dot {
  padding-bottom :7px;
  border-bottom : dotted 2px #A89968;
}
.under-line-dot-blue {
  padding-bottom :5px;
  border-bottom : dotted 4px #afdbe3;
}


.yohaku-title-1 {
  margin : 30px 0px 20px 0px;
}

.border-double-pink {
    margin : 3em 0 1.5em ;
    padding : 1em 1.5em ;
    line-height : 1.8 ;
    border : double 4px #f3bfc9;  /* #E87A90 ;*/
    border-radius : 10px ;
}

.border-dotted-pink {
    margin : 3em 0 1.5em ;
    padding : 1em 1.5em ;
    line-height : 1.8 ;
    border : dotted 3px #f3bfc9;  /* #E87A90 ;*/
    border-radius : 10px ;
}


h3 {
  position : relative ;
  padding : 2em 0 1em 0 ;
}
h3:after {
  content : "";
  display : block;
  height : 10px;
  margin-top : 10px;
  background : -webkit-linear-gradient(to right, rgb(168, 153, 104), transparent);
  background : linear-gradient(to right, rgb(168, 153, 104), transparent);
}



ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #f5faff; /* #538bbc */
  margin-top:30px;
}
ol li {
  position: relative;
  padding-left: 30px; /* 30px; */
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 40px; /* 30px; */
  border-bottom: 3px solid white;
  list-style-type: none!important;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #81C7D4; /* #5c9ee7 */
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 1.3em; /* 15px; */
  border-radius: 50%;
  left: 7px; /* 0; */
  width: 28px; /* 25px; */
  height: 28px; /* 25px; */
  line-height: 27px; /* 25px; */
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

ol li:last-of-type {
  border-bottom: none;/*最後の線だけ消す*/
}

.box-img,
.box-text{
  display: inline-block;
  vertical-align: middle;
  margin-left:20px;
}

 td{
  vertical-align: middle !important;
  line-height: 1.5em !important;
  /*
  ★にはtdの高さをいれてください。
  右クリック　→　検証で調べられます。
  */
 }
dt{
  color:#81C7D4;
  float: left;
}
dt::after{
  content: "："
}
dd {
  margin-left:6em !important;
  margin-bottom:0px !important;
}

.catchcopy1 {
font-size : 2.1em;
margin-top: 40px; 
margin-bottom: 0px; 
line-height: 1.2em;
}

/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){
  iframe{width:100%;}
}