body{
  font-size: 13px;
  color: #333;
  text-align: center;
  line-height: 175%;
}
img{ max-width: 90%; }
.attbox{
  font-size: 13px;
  padding: 10px;
  background-color: #FAFAFA;
  line-height: 160%;
  margin-bottom: 20px;
}
.span_box{
  text-align: left;
}
.span_l{
  min-height: 35px;
  margin-bottom: 5px;
}

@media screen and (min-width: 700px){
#container{
  text-align: left;
  margin: 10px auto;
  width: 980px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.span_box{
  clear: both;
  overflow: hidden;
}
.span_l{
  width: 50%;
  float: left;
}
.span_r{
  width: 50%;
  float: left;
}
form .span_l{
  text-align: right;
  padding-right: 20px;
  width: 45%;
  font-weight: 600;
}
}

.pink{
  background-color: #e38e84;
  color: #FFF;
  font-size: 180%;
  font-weight: 600;
  padding: 20px;
  line-height: 180%;
}
.small{
  font-size: 80%;
  color: #999;
  line-height: 120%;
}

div.submit{
  text-align: center;
  padding: 20px 0;
}
div.submit input{
  margin-bottom:10px;
}
div#bottomwrap{
  padding: 10px;
  text-align: right;
}
div#bottomwrap a{
  text-decoration: none;
  color: #333;
}
div#footer{
  padding: 30px 0;
  color: #999;
  font-size: 90%;
}
form .span_box{
  padding: 10px;
  border-bottom: 1px solid #CCC;
}
.mst {
  background-color: #C00;
  padding: 4px 5px;
  font-size: 11px;
  color: #FFF!important;
  float: left;
  margin: 0px 5px;
  border-radius: 3px;
}
.left{
  text-align: left;
}

@media screen and (max-width: 700px){

.pink{
  padding: 10px!important;
}
.span_r{
  padding-left: 45px;
}

}

/*ヘッダー用スタイル/////////////////////////////////////////////////*/

/*PC・スマホ表示切替用//////////////////////////////*/
@media screen and (max-width: 768px){
  .PC{ display: none!important; }
  .SP{ display: block!important; }
}
@media screen and (min-width: 768px){
  .PC{ display: block!important; }
  .SP{ display: none!important; }
}

/*共通装飾設定///////////////////////////////////*/
.border-radius img{ border-radius: 10px; margin-bottom: 10px; }
.border-circle img{ border-radius: 50%; margin-bottom: 10px; }
.catch{ color: #9f9fa0; line-height: 100%; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.pd10{ padding: 10px; }
.font-red{ color: #990000; }
.right{ text-align: right; }
.center{ text-align: center; }
.center-title h3{ text-align: center; font-size: 150%; color: #00386a; }
.center-title h3 span{
  font-size: 50%;
    font-weight: 100;
    color: #666;
    line-height: 100%;
    display: block;
}
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.serif{
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif!important;
  font-weight: 200!important;
  line-height: 1.3!important;
}
@media screen and (min-width: 768px){ /*PC用補正 */
  div[class*="bannar-column"]>div{ 
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
  }
  div[class*="bannar-column"]>div>div{ padding: 0 10px; flex: 1; }
  .border-circle img{ padding: 0 10px; }
  .center-title h3 span{ display: inline; padding: 0 10px; font-size: 60%; }
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*○ヘッダー用/////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*2017年度用ランドセルサイトスタイル*/

/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*■基本設定/////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*ベース///////////////////////////////////////////////*/
html{
  font-size: 62.5%; /*1emで10pxになるよう揃えています。フォントサイズ指定はpxとremで指定してください。　例10px 1.0rem*/
}
body,a,div,p,li,h1,h2,h3,h4,h5{
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" ,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
body{
  font-size: 16px;
  font-size: 1.6rem;
  color: #666666;
  line-height: 210%;
  margin: 0;
}
body, p, div, li {
    font-size: 13px;
    color: #333;
}
h2{ font-size: 30px; }
h3{ font-size: 24px; }
h4{ font-size: 18px; }
h5{ font-size: 14px; }
h1,h2,h3,h4,h5{
  margin: 0 0 14px 0;
}
*{
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
a:hover img{ opacity: 0.8; }
a{
  text-decoration: none;
  color: #005bac;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-size: 0;
}

/*ヘッダーブロック SP////////////////////////////////*/
#header{
  font-weight: 200!important;
  background-color: #392D2A;
}
.SP #logo{
  width: 80%;
  padding: 5px 0;
}
.SP #header_menu a{
  line-height: 120%;
  padding: 5px 5px 10px 5px;
}
.SP #header_menu a:nth-of-type(4){
  letter-spacing: -1.5pt;
}

/*ヘッダーブロック PC////////////////////////////////*/
.PC #logo{
  width: 980px;
  padding: 8px 0 11px 0;
  margin: 0 auto;
  text-align: left;
}
#logo img{
  width: 270px;
}
.PC #header_menu a:nth-of-type(1){
}

/*ヘッダーメニュー/////////////////////////////////*/
.header_menu_box{
  background-color: #392d2a;
  overflow: hidden;
}
#header_menu{
  display: flex!important;
  justify-content: space-between;
  background-color: #392d2a;
}
.PC #header_menu{
  width: 980px;
  margin: 0 auto;
}
#header_menu a{
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif!important;
  color: #FFF;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
  padding: 3px;
}
#header_menu a:hover{
  background-color: #9C7B55;
}
.SP #header_menu a{
  font-size: 85%;
}
.PC #header_menu a{
  font-size: 100%;
  padding: 0px;
}