@charset "UTF-8";
html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 15px;color: #515151;
font-family: Noto Sans Japanese,Noto Sans JP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height: 1.8em;-webkit-font-smoothing: antialiased;background: #FFF;scroll-behavior: smooth;}
/*.fnt{font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",Georgia, serif;}*/
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
body{min-width: 1000px;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}
a,img {transition: 0.5s;text-decoration: none;}
a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

.container{overflow: hidden;}

.backimg{background-image: url('../images/bg.png');background-position:top 0 center;background-size: cover;padding:  50px 0;}
.inner00{max-width: 990px;margin: 0 auto;z-index: 3;position: relative;}

.flexbetween{display: flex;justify-content: space-between;flex-wrap: wrap;}
.fv{background-image: url('../images/fv.png');background-position:center bottom 0;background-size:1030px;height: 730px;position: relative;background-repeat: no-repeat;background-color: #2F262B;}
.banner001{width: 100%;background-color: #FFEB00;text-align: center;padding: 50px 0;}

.pagetitle{margin: 0px auto 70px;}

a.btn1{display: block;text-align: center;margin:50px auto 80px;}
a.btn2{display: block;text-align: center;margin-top: 120px;}

.bl2_title{text-align: center;margin: 55px auto;}



/*==================================================
スライダーのためのcss
===================================*/

.slider2 {
  position:relative;
	width: 635px;
	height: 395px;
	  top: 0%;
   left: 50%;
   transform: translateX(-50%);
	border-radius: 20px 20px 20px 20px;
}

/*　背景画像設定　*/


.slider-item05 {
    background:url(../images/in001.png);
	width: 635px;
	height: 395px;
}

.slider-item06 {
    background:url("../images/in002.png");
	width: 635px;
	height: 395px;
}

.slider-item07 {
    background:url("../images/in003.png");
	width: 635px;
	height: 395px;
}



.slider-item2 {
	width: 635px;
	height: 395px;
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}



.slider-item2.slider-item05.slick-slide{height: 395px;}
.slider-item2.slider-item06.slick-slide{height: 395px;}
.slider-item2.slider-item07.slick-slide{height: 395px;}


.slick-slider .slick-list{overflow: visible;}

/*矢印の設定*/


.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:3.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:3.5%;
    transform: rotate(45deg);
}

.slick-prev, .slick-next {height: 15px;width: 15px;top:50%;}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	    top: 20px;
	z-index: 3;
    text-align:center;
	margin:0 0 0 0;/*ドットの位置*/
}


.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    cursor: pointer; /* 追加：マウスを乗せた時に指にする */
    padding: 0;      /* 追加：ブラウザ標準の余白を消す */
    background: transparent; /* 追加 */
    color: transparent;
    outline: none;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    border: solid #afafaf;
    background-color:#AFAFAF;/*ドットボタンの現在地表示の色*/
    margin: 0;      /* 修正：li側で余白をとっているので0でOK */
    line-height: 0; /* 追加：中の文字（あれば）による高さへの影響を消す */
}

.slick-dots .slick-active button{
    background:#000000;/*ドットボタンの現在地表示の色*/
    border: solid #000000;
}

.slick-slider .slick-list{overflow: hidden;}


/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
html,body{width: 100%;min-width: 100%;}
}
@media (max-width:768px){
	.pagetitle,.bl1,.bl2{padding:0 100px;}
	a.btn2{margin-top:80px;}
	
	.slider2 {
  position:relative;
	width: 435px;
	height: 395px;
	  top: 0%;
   left: 50%;
   transform: translateX(-50%);
	border-radius: 20px 20px 20px 20px;
}

/*　背景画像設定　*/


.slider-item05 {
    background:url(../images/in001.png);
	width: 435px;
	height: 395px;
}

.slider-item06 {
    background:url("../images/in002.png");
	width: 435px;
	height: 395px;
}

.slider-item07 {
    background:url("../images/in003.png");
	width: 435px;
	height: 395px;
}



.slider-item2 {
	width: 435px;
	height: 395px;
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

}