@charset "utf-8";


#r_wrapper{
  max-width: 950px;
  margin:0 auto;
  text-align: justify-all;
  text-justify: inter-ideograph;
}

.wf-notosansjapanese {
  font-family: "Noto Sans Japanese";
  color: #76929e;
}

a {
color:#ad1f23;
text-decoration: none;
}

.center{
text-align: center;
}

img{
  vertical-align: bottom;
}

p{
  font-size:14px;
  line-height:22px
}


/**----------------------
白色の半透明オーバー70
-----------------------*/

.overwhite a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/**----------------------
白色の半透明オーバー30
-----------------------*/

.overwhite2 a:hover img {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
}

/**----------------------
サイズオーバー
-----------------------*/

.submit {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }


/**----------------------
##01. スライダー
    画像6枚で調整
    枚数を減らす場合は
    .rslider_pic img のanimationの秒数を減らし、
    画像の枚数を減らす
    表示スピード変更は delay値を調整
----------------------*/


#r_slider{
  position: relative;
  max-width: 950px;
  margin:0 auto;
  overflow: hidden;
}

.rslider_pic img {
	position:absolute;
	width: 100%;
	top:0;
	left:100%;
	-moz-animation: imgTrans 30s infinite;
	-webkit-animation: imgTrans 30s infinite;
	animation: imgTrans 30s infinite;
}

#rslider_photo1 img{
  -moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

#rslider_photo2 img{
  -moz-animation-delay: 5s;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

#rslider_photo3 img{
  -moz-animation-delay: 10s;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

#rslider_photo4 img{
  -moz-animation-delay: 15s;
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}

#rslider_photo5 img{
  -moz-animation-delay: 20s;
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}

#rslider_photo6 img{
  -moz-animation-delay: 25s;
  -webkit-animation-delay: 25s;
  animation-delay: 25s;
}

.rslider_adjust{
	padding:21%;
}

@-webkit-keyframes imgTrans {
	0% { left:0%; opacity:0;}
  5% { left:0%;opacity:1; }
  20% { left:0%; opacity:1;}
  25% { left:0%;opacity:0; }
  26% { left:100%;opacity:0; }
  100% { left:100%; opacity:0;}
}
@-moz-keyframes imgTrans {q
	0% { left:0%; opacity:0;}
  5% { left:0%;opacity:1; }
  20% { left:0%; opacity:1;}
  25% { left:0%;opacity:0; }
  26% { left:100%;opacity:0; }
  100% { left:100%; opacity:0;}
}
@keyframes imgTrans {
	0% { left:0%; opacity:0;}
  5% { left:0%;opacity:1; }
  20% { left:0%; opacity:1;}
  25% { left:0%;opacity:0; }
  26% { left:100%;opacity:0; }
  100% { left:100%; opacity:0;}
}

/* ##01. スライダーここまで */

/*header*/
.wrap1 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:0px #f8f8f8 solid;
  height:50px;
  margin:0 0 0px
}
.between1 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around1 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* header menu */

.wrap2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:0px #f8f8f8 solid;
  height:70px;
  margin:0 0 0 0px
}

.between2 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:center;
}
.around2 {
  -ms-flex-pack:distribute;
  justify-content:space-between;
}

/* plan */

.wrap3 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:10px #fff solid;
  border-bottom:10px #fff solid;
  height:245px;
}
.between3 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* 2menu */
.wrap4 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-bottom:10px #fff solid;
  height:60px;
  margin:0 0 0em;
}
.between4 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around4 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}



/*--お知らせボックス--*/

.box3 {
    width: 710px;
    height: 140px;
    padding: 0em 0em;
    margin: 0em 0;
    color: #9c9182;
    background: #f8f8f8;/*背景色*/
    overflow: scroll;
    overflow-x: hidden;
}
.box3 p {
    margin: 0;
    padding: 0;
}

dl.sampleList {
overflow: hidden;
 zoom: 1;
	}

dl.sampleList dt {
 width: 80px;
float: left;
clear: both;
 font-weight: bold;
 padding: 10px 20px
}

dl.sampleList dd {
 padding: 10px 20px 5px 120px;
}


.one {
  font-weight: bold;
  color:#736357;
  font-size:25px;
}

.two {
  color:#9c9182;
  font-size:16px;
  line-height: 30px;
}

.three {
  color:#9c9182;
  font-size:15px;
  line-height: 30px;
}

h4 {
  font-weight: bold;
  color:#9c9182;
  font-size:13px;
  line-height:22px
}

h5 {
  font-weight: bold;
  color:#736357;
  font-size:13px;
  line-height:22px
}

/* info box*/
.wrap5 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:0px #ccc solid;
  height:140px;
  margin:0 0 0px
}
.between5 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around5 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* footer */
.wrap6 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:0px #ccc solid;
  height:80px;
  margin:0 0 0px
}
.between6 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around6 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* corona */
.wrap7 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:10px #fff solid;
  height:100px;
  margin:0 0 0px
}
.between7 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around7 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* corona */
.wrap8 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:20px #fff solid;
  height:630px;
  margin:0 0 0em;
}
.between8 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around8 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* corona */

.between9 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around9 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* saturate*/
.example {
  filter:grayscale(50%);
  -webkit-filter:grayscale(50%)
}

/* zenkoku */
.wrap10 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:10px #fff solid;
  height:60px;
  margin:0 0 0px
}
.between10 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around10 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}


/*----------------*/
/* width          */
/*----------------*/

.w10{
	width:10%;
}
.w20{
	width:20%;
}
.w22{
	width:22%;
}
.w25{
	width:25%;
}
.w30{
	width:30%;
}
.w35{
	width:35%;
}
.w40{
	width:40%;
}
.w45{
	width:45%;
}
.w47{
	width:47%;
}
.w50{
	width:50%;
}
.w55{
	width:55%;
}
.w60{
	width:60%;
}
.w65{
	width:65%;
}
.w70{
	width:70%;
}
.w80{
	width:80%;
}
.w90{
	width:90%;
}
.w100{
	width:100%;
}
/*----------------*/
/* margin         */
/*----------------*/
/** top **/
.mgt3{
	margin-top:3px !important;
}
.mgt5{
	margin-top:5px !important;
}
.mgt8{
	margin-top:8px !important;
}
.mgt10{
	margin-top:10px !important;
}
.mgt13{
	margin-top:13px !important;
}
.mgt15{
	margin-top:15px !important;
}
.mgt20{
	margin-top:20px !important;
}
.mgt30{
	margin-top:30px !important;
}
.mgt40{
	margin-top:40px !important;
}
.mgt45{
	margin-top:45px !important;
}
.mgt50{
	margin-top:50px !important;
}
.mgt60{
	margin-top:60px !important;
}
.mgt70{
	margin-top:70px !important;
}
.mgt80{
	margin-top:80px !important;
}
/** right **/
.mgr0{
	margin-right:0;
}
.mgr3{
	margin-right:3px;
}
.mgr5{
	margin-right:5px;
}
.mgr6{
	margin-right:6px;
}
.mgr8{
	margin-right:8px;
}
.mgr10{
	margin-right:10px;
}
.mgr12{
	margin-right:12px;
}
.mgr13{
	margin-right:13px;
}
.mgr15{
	margin-right:15px;
}
.mgr20{
	margin-right:20px;
}
.mgr25{
	margin-right:25px;
}
.mgr30{
	margin-right:30px;
}
.mgr40{
	margin-right:40px;
}
.mgr120{
	margin-right:120px;
}
/** left **/
.mgl0{
	margin-left:0;
}
.mgl5{
	margin-left:5px;
}
.mgl10{
	margin-left:10px;
}
.mgl12{
	margin-left:12px;
}
.mgl15{
	margin-left:15px;
}
.mgl20{
	margin-left:20px;
}
.mgl25{
	margin-left:25px;
}
.mgl30{
	margin-left:30px;
}
.mgl35{
	margin-left:35px;
}
.mgl40{
	margin-left:40px;
}
.mgl50{
	margin-left:50px;
}
.mgl55{
	margin-left:55px;
}
.mgl60{
	margin-left:60px;
}

/** bottom **/
.mgb3{
	margin-bottom:3px !important;
}
.mgb5{
	margin-bottom:5px !important;
}
.mgb7{
	margin-bottom:7px !important;
}
.mgb10{
	margin-bottom:10px !important;
}
.mgb15{
	margin-bottom:15px !important;
}
.mgb18{
	margin-bottom:18px !important;
}
.mgb20{
	margin-bottom:20px !important;
}
.mgb25{
	margin-bottom:25px !important;
}
.mgb30{
	margin-bottom:30px !important;
}
.mgb35{
	margin-bottom:30px !important;
}
.mgb40{
	margin-bottom:40px !important;
}
.mgb45{
	margin-bottom:45px !important;
}
.mgb50{
	margin-bottom:50px !important;
}
.mgb55{
	margin-bottom:55px !important;
}
.mgb60{
	margin-bottom:60px !important;
}
.mgb70{
	margin-bottom:70px !important;
}
.mgb80{
	margin-bottom:80px !important;
}
.mgb90{
	margin-bottom:90px !important;
}
.mgb100{
	margin-bottom:100px !important;
}
.mgb150{
	margin-bottom:150px !important;
}

.pdb5{
	padding-bottom:5px;
}
.pdb10{
	padding-bottom:10px;
}
.pdb15{
	padding-bottom:15px;
}
.pdb20{
	padding-bottom:20px;
}
.pdl30{
	padding-left:30px;
}
/** all **/
.mrg0{
	margin:0;
}
.mrg0a{
	margin:0 auto;
}
.mrg5{
	margin:5px;
}
.mrg8{
	margin:8px;
}
.mrg10{
	margin:10px;
}
.mrg15{
	margin:15px;
}
.mrg15_10{
	margin:15px 10px;
}
.mrg10_10{
	margin:10px 10px 0;
}

/*----------------*/
/* margin(percent)*/
/*----------------*/
.mgr3p{
	margin-right:3%;
}
.mgr4p{
	margin-right:4%;
}
.mgr5p{
	margin-right:5%;
}
.mgr6p{
	margin-right:6%;
}
.mgr7p{
	margin-right:7%;
}
/*----------------*/
/* layout         */
/*----------------*/
.fleft{
	float:left !important;
}
.fright{
	float:right !important;
}
.textleft{
	text-align:left !important;
}
.textright{
	text-align:right !important;
}
.textjustify{
	text-align:justify !important;
}
.textcenter{
	text-align:center !important;
}
.vtop{
	vertical-align:top !important;
}
.vmiddle{
	vertical-align:middle !important;
}
.vbottom{
	vertical-align:bottom !important;
}
/*----------------*/
/* text           */
/*----------------*/
.fs200{
	font-size:200% !important;
}
.fs190{
	font-size:190% !important;
}
.fs180{
	font-size:180% !important;
}
.fs170{
	font-size:170% !important;
}
.fs160{
	font-size:160% !important;
}
.fs150{
	font-size:150% !important;
}
.fs140{
	font-size:140% !important;
}
.fs130{
	font-size:130% !important;
}
.fs120{
	font-size:120% !important;
}
.fs110{
	font-size:110% !important;
}
.fs90{
	font-size:90% !important;
}
.fs80{
	font-size:80% !important;
}
.fs70{
	font-size:70% !important;
}
.lh140{
	line-height:140% !important;
}
.lh150{
	line-height:150% !important;
}
.lh200{
	line-height:200% !important;
}
.lh220{
	line-height:220% !important;
}
.lh240{
	line-height:240% !important;
}
.em{
	font-weight:bold;
}