@charset "UTF-8";
/*----------------------------------------------------
	☆TOP
----------------------------------------------------*/

/*--page name--*/


/*--topheader--*/



#mv {
 position: relative;
 width: 100%;
}
#mv .sliderwidth {
}
#mv .sliderwidth ul li {
 height: 100vh;
}
.copy {
 left: 40px;
 position: absolute;
 text-align: left;
 top: 145px;
 z-index: 160;
 transition: all 1s ease-in-out 0s;
}
#news {
 background: #fbfbfb;
 text-align: center;
 padding: 50px 0;
}
#news .newsin {
 width: 100%;
 max-width: 1150px;
 min-width: 320px;
 margin: 0 auto;
}
#news .newsin .boxL {
 float: left;
 width: 20%;
 margin-top: 20px;
 transition: all 0.5s ease-in-out 0s;
}
#news .newsin .boxL h2 {
 font-size: 25px;
 font-family: 'Josefin Sans', sans-serif;
 letter-spacing: 0.2em;
 line-height: 1.1;
 margin-bottom: 10px;
}
#news .newsin .boxL h2 span {
 font-size: 13px;
 font-family: "YuGothic", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#news .newsin .boxR {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 float: right;
 width: 78%;
 border-left: 1px solid #ababab;
 text-align: left;
 padding-left: 50px;
 transition: all 0.5s ease-in-out 0s;
}
#news .newsin .boxR ul li {
 padding: 10px 0 10px 5px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 letter-spacing: 0.05em;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
#news .newsin .boxR ul li span.day {
 padding-right: 15px;
 font-weight: bold;
}
#news .newsin .boxR ul li:nth-child(odd) {
 background: #fff;
}
#news .newsin .boxR ul li a:hover {
 text-decoration: underline;
}

/* 20230509 */
#information {
 background: #fbfbfb;
 text-align: center;
 padding: 0 0 50px;
}
#information .information_in {
 width: 100%;
 max-width: 1150px;
 min-width: 320px;
 margin: 0 auto;
}
#information .information_in .boxL {
 float: left;
 width: 20%;
 margin-top: 20px;
 transition: all 0.5s ease-in-out 0s;
}
#information .information_in .boxL h2 {
 font-size: 25px;
 font-family: 'Josefin Sans', sans-serif;
 letter-spacing: 0.2em;
 line-height: 1.1;
 margin-bottom: 10px;
}
#information .information_in .boxL h2 span {
 font-size: 13px;
 font-family: "YuGothic", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#information .information_in .boxR {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 float: right;
 width: 78%;
 border-left: 1px solid #ababab;
 text-align: left;
 padding-left: 50px;
 transition: all 0.5s ease-in-out 0s;
}
#information .information_in .boxR ul li {
 padding: 10px 0 10px 5px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 letter-spacing: 0.05em;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
#information .information_in .boxR ul li span.day {
 padding-right: 15px;
 font-weight: bold;
}
#information .information_in .boxR ul li:nth-child(odd) {
 background: #fff;
}
#information .information_in .boxR ul li a{
  display: inline-block;
  position: relative;
}
#information .information_in .boxR ul li a[href*=".pdf"]{
  padding-right: 25px;
}
#information .information_in .boxR ul li a[href*=".pdf"]:after{
  content: "";
  width: 20px;
  height: 20px;
  background: url('../information/images/icon_pdf.png') no-repeat center center/contain;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
}
#information .information_in .boxR ul li a:hover {
 text-decoration: underline;
}
/* -20230509- */


#gaiyo .boxL {
 width: 60%;
 height: 400px;
 background-size: cover;
 display: inline-block;
 vertical-align: middle;
}
#gaiyo .boxLsp {
 display: none;
}
#gaiyo .boxR {
 display: inline-block;
 width: 40%;
 vertical-align: middle;
}
#gaiyo .boxR .boxRin {
 width: 90%;
 margin: 0 auto;
}
#gaiyo .boxR .boxRin p.top {
 font-size: 20px;
 font-weight: bold;
 letter-spacing: 0.1em;
 line-height: 1.7;
}
#gaiyo .boxR .boxRin p.tx {
 font-size: 13px;
 line-height: 1.5;
 margin: 25px 0;
 letter-spacing: 0.1em;
}
#gaiyo .boxR p.top span {
 border-bottom: 5px solid #cee6f1;
}
#gal{
 background:#F9F9F9;
 padding:50px 0;
}

#gal h2{
 text-align:center;
}

.bottom_bunner {
  text-align: center;
  font-size: 0;
  margin: 0 auto;
  width: 480px;
}
.bottom_bunner li{
  display: inline-block;
  width: 230px;
  margin: 0 5px;
}
.bottom_bunner img{
  display: block;
  width: 100%;
}
.bottom_bunner li a{
  display: block;
}

.bottom_bunner li a:hover img{
  opacity: 0.5;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

@media only screen and (max-width: 740px) {
  .bottom_bunner {
    width: 90%;
    max-width: 230px;
  }
  .bottom_bunner li{
    display: block;
    width: 230px;
    margin: 10px 0;
  }
}


@media only screen and (max-width: 1300px) {
.copy h1 img {
 width: 90%;
 transition: all 1s ease-in-out 0s;
}
}

@media only screen and (max-width: 1000px) {
p.spmvbg {
 background: url(/lib/cmn_img/spmv01.jpg) center center;
 background-size: cover;
 height: 100vh;
 position: relative;
}
p.spmvbg img {
 position: absolute;
 display: inline-block;
 width: 90%;
 top: 29%;
 left: 50%;
 transform: translate(-50%, -50%) scale(0.95, 0.95);
 -webkit-transform:  translate(-50%, -50%) scale(0.95, 0.95);
 -moz-transform:translate(-50%, -50%) scale(0.95, 0.95);
 transition: all 0.5s ease-in-out 0s;
}
}

/*デバイスの横幅が1000px以下の場合*/
@media only screen and (max-width: 740px) {
#mv {
  width: 100%;
}
#mv .sliderwidth {
  padding-top:65px;
}
#mv .sliderwidth ul li {
 height: 50vw;
 background-attachment:scroll!important;
}
#mv .spmv_textbox{
  padding-top:15px;
  width: 95%;
  margin: 0 auto;
}
#news {
 padding: 25px 0;
}
#news .newsin {
 width: 95%;
 max-width: inherit;
 min-width: inherit;
 margin: 0 auto;
}
#news .newsin .boxL {
 float: none;
 width: 100%;
 transition: all 0.5s ease-in-out 0s;
}
#news .newsin .boxL h2 {
 font-size: 22px;
}
#news .newsin .boxL h2 span {
 font-size: 12px;
}

#news .newsin .boxR {
 float: none;
 width: 100%;
 border-left: none;
 padding-left: 0;
 transition: all 0.5s ease-in-out 0s;
 margin-top: 25px;
}
#news .newsin .boxR ul li span.day {
 padding-right: 15px;
 font-weight: bold;
 display: block;
}
/* 20230509 */
#information {
 padding:0 0 25px;
}
#information .information_in {
 width: 95%;
 max-width: inherit;
 min-width: inherit;
 margin: 0 auto;
}
#information .information_in .boxL {
 float: none;
 width: 100%;
 transition: all 0.5s ease-in-out 0s;
}
#information .information_in .boxL h2 {
 font-size: 22px;
}
#information .information_in .boxL h2 span {
 font-size: 12px;
}

#information .information_in .boxR {
 float: none;
 width: 100%;
 border-left: none;
 padding-left: 0;
 transition: all 0.5s ease-in-out 0s;
 margin-top: 25px;
}
#information .information_in .boxR ul li span.day {
 padding-right: 15px;
 font-weight: bold;
 display: block;
}
#information .information_in .boxR ul li a[href*=".pdf"]{
  padding-right: 20px;
}
#information .information_in .boxR ul li a[href*=".pdf"]:after{
  width: 17px;
  height: 17px;
}
/* -20230509- */
#gaiyo .boxL {
 width: 100%;
 height: 400px;
 background-size: cover;
 display: block;
 transition: all 0.5s ease-in-out 0s;
}
#gaiyo .boxLsp {
 width: 100%;
 height: 400px;
 background-size: cover;
 display: block;
 transition: all 0.5s ease-in-out 0s;
}
#gaiyo .boxR {
 display: block;
 width: 95%;
 margin: 25px auto;
 transition: all 0.5s ease-in-out 0s;
}
#gaiyo .boxR .boxRin {
 width: 100%;
 margin: 0 auto;
}
#gaiyo .boxR .boxRin p.top {
 font-size: 15px;
}
}