@charset "UTF-8";

body{
  font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size:1.0em;
  color:#333;
  -webkit-text-size-adjust: 100%;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea{
  padding: 8px;
  font-size: 16px;
  max-width: 100%;
}

input[type="text"]{
  width:200px;
}

input[type="email"]{
  width:400px;
}

input[type="tel"]{
  width:300px;
}

textarea{
  width:100%;
}

p{
  padding:0px;
  font-size:1.0em;
  margin: 3px 0 0;
}

img{
  max-width: 100%;
}

ul,
ol{
  margin: 5px 0 10px;">
  padding-left: 10px;
}

summary{
  font-weight: bold;
}

#header {
  width:100%;
  max-width: 1200px;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 0;
  margin: 0px auto;
}

#content {
  width:100%;
  max-width:1200px;
  box-sizing: border-box;
  margin: 0px auto;
  padding:0 20px;
}

#gloval_navi {
  width:100%;
  box-sizing: border-box;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.navi_btn {
  width:33.33%;
  box-sizing: border-box;
  padding: 10px 5px;
}

.navi_btn a{
  text-decoration: none;
  color: #6495ed;
}

.navi_item {
  width:100%;
  box-sizing: border-box;
  padding: 10px 5px;
  border: 2px solid #aaa;
  border-radius: 10px;
  text-align: center;
  background-color: #fff5ee;
  font-weight: bold;
}

.navi_item:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.signinas{
  width:100%;
  box-sizing: border-box;
  padding: 3px 20px;
  margin: 0;
  text-align: right;
  color: #fff;
  background-color: #272727;
  border-radius: 15px;
}

#footer {
  width:100%;
  max-width:1200px;
  box-sizing: border-box;
  margin: 10px auto;
  padding: 10px 0;
  text-align:right;
  border-top :1px solid #ccc;
  font-size:0.7em;
}

#footer a {
  text-decoration: none;
}

.icon_pos{
  background-position: 10px 7px;
}

.msg {
  text-align:center;
  padding: 20px;
  background: #ffebcd;
  border: 4px #ff6347 solid;
  font-weight:bold;
  font-size:1.3em;
  width:90%;
  margin:0 auto;
  border-radius: 10px;
}

.error {
  color: #c71585;
  font-weight:bold;
  margin:40px;
}

.box_flex {
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.box_menu_25{
  box-sizing: border-box;
  width: 25%;
  padding: 2px 4px;
}

.item_in1{
  width: 25%;
  box-sizing: border-box;
  text-align: right;
  padding: 10px;
}

.item_in2{
  width: 75%;
  box-sizing: border-box;
  text-align: left;
  padding: 10px;
}

.item_20{
  box-sizing: border-box;
  width: 20%;
  text-align: center;
  padding: 3px 10px 0;
}

.item_80{
  box-sizing: border-box;
  width: 80%;
  padding: 3px 10px 0;
}

.item_name{
  font-weight: bold;
  font-size: 20px;
}

.item_name a{
  text-decoration: none;
  color:#4169e1;
}

.item_date{
  font-weight: bold;
  font-size: 14px;
  color: #8b0000;
}

.btn_1 {
  display: inline-block;
  border: 2px solid #9ec34b;
  font-size: 1.1em;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  width: 300px;
  max-width: 100%;
  padding: 12px 0;
  border-radius: 5px;
  background-color: #fff;
  transition: .4s;
}

.btn_1:hover {
  background-color: #9ec34b;
  border-color: #cbe585;
  color: #FFF;
}

.mat_cat_frame{
  display: inline-flex;
  flex-wrap:wrap;
  width: 100%;
  box-sizing: border-box;
  margin: 10px auto;
  padding: 20px;
  border:2px dotted #eea764;
  border-radius: 5px;
  background-color: #fffafa;
}

.mat_cat_text{
  width: 100%;
  box-sizing: border-box;
  font-size: 1.3em;
  font-weight: bold;
  color: #4169e1;
}

.mat_name_list{
  margin: 10px 0 0 20px;
}

.mat_name_list li {
  margin-top: 5px;
}

.mat_name_list li a {
  color:#008080;
}

.mat_name_list li a:hover {
  color:#ff4500;
}

.name_title{
  width: 100%;
  box-sizing: border-box;
  font-size: 1.3em;
  font-weight: bold;
  color:#4169e1;
}

.name_remark{
  width: 100%;
  box-sizing: border-box;
  font-size: 0.8em;
}

.box_menu_33{
  width: 33.33%;
  box-sizing: border-box;
  padding:10px;
}

.box_menu_66{
  width: 66.66%;
  box-sizing: border-box;
  padding:10px;
}

.box_menu_100{
  width: 100%;
  box-sizing: border-box;
  padding:10px;
}

.data_title{
  font-size: 1.0em;
}
.data_title a{
  color: #008080;
}

.data_title a:hover{
  color: #ff4500;
}

.ret_start {
  width: 100%;
  box-sizing: border-box;
}

.under_line {
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #f08080;
}

.explanation{
  background-color: #fffff0;
  padding: 20px;
  border:1px solid #ffa07a;
  border-radius: 10px;
  margin-bottom: 5px;
}
/*--------------------------------------------------------
解像度1024pxpx以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1024px){


}/*解像度1024pxpx以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){

  #content {
    padding:0 5px;
  }

  .box_menu_25{
    width: 50%;
  }

  .btn_1 {
    width: 100%;
  }

  .item_20{
    width: 100%;
    text-align: left;
  }

  .item_80{
    width: 100%;
  }

  .box_menu_33{
    width: 100%;
  }

  .item_in1, .item_in2{
    text-align: left;
    width: 100%;
  }

}/*解像度736px以下*/