@charset "utf-8";
@font-face {font-family: Futura; src: url(../fonts/FuturaPTMedium.otf);}


h4 {font-size: 2.5rem; margin-bottom: 2rem; line-height: 1; font-family: 'Futura', sans-serif; font-weight: 300;}
.mb2 {margin-bottom: 2rem;}

#box01 {max-width: 1000px; margin-bottom: 4rem;}
#box01 .col01 {width: 60%;}
#box01 .col01 ul li {position: relative; padding-left: 1.3rem;}
#box01 .col01 ul li:before {content: '・'; position: absolute; top: 0.1rem; left: 0;}
#box01 .col02 {width: 38%;}


#box02 {max-width: 1000px; margin-bottom: 4rem; line-height: 1.5;}
#box02 .col01 {width: 49%;}
#box02 .col01 > p {margin-bottom: 2rem;}
#box02 .col02 {width: 49%;}
#box02 .col02 > p {margin-bottom: 2rem;}
#box02 .col02 .type p span:nth-of-type(1) {width: 30%; text-align: right;}
#box02 .col02 .type p span:nth-of-type(2) {width: 68%;}


#box03 {max-width: 1000px; margin-bottom: 4rem;}
#box03 table {width: 100%; vertical-align: top;}
#box03 table tr td {padding: 0.5rem 0;}
#box03 table tr td:nth-of-type(1) {width: 50px; vertical-align: top;}


/*Responsive*/
@media only screen and (max-width: 767px){

  h4 {font-size: 1.8rem; margin-bottom: 1rem;}

  #box01 {margin-bottom: 2rem;}
  #box01 .col01 {width: 100%; margin-bottom: 2rem;}
  #box01 .col02 {width: 100%;}  

  #box02 {margin-bottom: 2rem;}
  #box02 .col01 {width: 100%; margin-bottom: 2rem;}
  #box02 .col01 > p {margin-bottom: 1rem;}
  #box02 .col02 {width: 100%;}
  #box02 .col02 > p {margin-bottom: 1rem;}
}