@charset "utf-8";
/** ページ全体の設定 **/
/* ボーダーボックス指定：サイズはborderで測る */
html *,
::before
::after {
  box-sizing: border-box;
}
/* フォントサイズはスマホとPCで分ける */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
  font-size: 18pt;
       }
}
/* 親の外枠の部分 */
body {
  font-family: sans-serif;
  margin: 0 ;
  padding: 0 ;
  background-color: #efefef ;
  color: #333333 ;
  line-height: 2 ;
}

/* class=container の設定 */
.container {
padding: 0 4% 0 4%;
}
@media (min-width: 768px) {
  .container {
    max-width:  1040px;
    margin: 0 auto; /* 中央配置になります */
    padding: 0 20px 0 20px;
             }
}

.container h2:before {
content: "" ;
line-height: 1.5em  ;
padding-right: 20px ;
border-left: 7px solid #9cb4a4 ;
}

/* class hosoku */
.hosoku p{
font-size: 0.4rem;
width:  740px ;
padding: auto ;
margin-left: auto  ;
margin-right: 0 ;
}


em{
color: #55aaff ;
}