@charset "UTF-8";
/* CSS Document */
.contents_inner {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
.normal{font-weight: normal;}
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
.body {
	  margin: 0 auto;
      background-attachment: fixed;
	  min-height: 100vh;
	  background-size: cover;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
 }
.sp1 {	width: 100%;
		margin: 0px auto;
		border-radius: 0px;
		box-shadow: 0px 0px 0px 0px;
		display: block;
		position: relative;
 }
.sp {
		width: 40%;
		margin: 0px auto;
		display: block;
		overflow: hidden;
		background-color: #fff;
		position: relative;
 }

/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
a {
	text-decoration: none;	
}
p{text-align: justify;}
.overimg:hover {
	opacity: 0.5;
}
.sponly {
	display:none;
}
.spnone {
	display:block;
}
h4,p{margin: 0;}
h4{margin-left: -0.5em;margin-top: 1em;}
.img100{width: 100%;}
.head{position: relative;background-image: url("../img/header_img.webp");width: 100%;
    height: 0;
     /* (画像の高さ / 画像の横幅) × 100 */
     padding-top: 130.31%; /* 2:1のアスペクト比 */ 
    /* padding-top: 56.25%; */ /* 16:9のアスペクト比の場合 */ 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}
.head_btn{position: relative;width: 80%; margin: 0 auto;}
.head_btn img{position: absolute;bottom:40px;left:0;z-index: 100;width: 100%;}

/*-- section_01 --*/
.section_01{background-image: url("../img/sec_01_back.webp");background-size: cover;background-position: center;background-repeat: repeat-y;position: relative; z-index: 10;padding-bottom: 1em}
.mt-5per{margin-top: -3%;}

.w90per {
	width: 90%;
	display: block;
	margin: 0 auto;
	padding: 0px;
}
.white_box{background-color: #ffffff;padding: 5%;border-radius: 8px;margin:2em 0; }
.white_box img{margin-top: 1em;}

/*-- section_02 --*/
.section_02{background-image: url("../img/sec_02_back.webp");background-size: cover;background-position: center;background-repeat: repeat-y;position: relative; z-index: 10;padding: 3em 0;}
.font-small{font-size: 0.9em;}
.text_box{background-color: #f4f7da; padding: 20px 25px;letter-spacing: -0.02em;}


/*-- section_03 --*/
.section_03{position: relative; z-index: 10;padding: 3em 0;}
.footmenu{display: block;box-sizing: border-box; width: 100%; margin: 0 auto;color:#000000;padding: 7%;text-align: center;}

form .scrollTxt {
	width: 90%;
    height: 150px;
    overflow-y: scroll;
    background: #fff;
    border: solid 2px #bfbfbf;
    padding: 12px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 2;
    margin-bottom: 10px;
}
.gmap iframe{width: 100%;height: 350px;margin: 0.4em 0;}
.foot_logo{width: 60%;}

/*-- section_00 --*/
.section_00{position: relative; z-index: 10;padding: 3em 0;}
.shadow{filter: drop-shadow(5px 5px 5px #000);}
.shadow-02{filter: drop-shadow(2px 2px 2px #666666);}
@media screen and (max-width: 1000px) {.sp{width:60%;margin:0px auto;border-radius:0px;box-shadow: 0px 0px 0px 0px;display: block;padding-top: 0px;}}

/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */


@media screen and (max-width: 640px) {
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
.body {padding-top: 0px;}
.sp{width:100%;margin:0px auto;border-radius:0px;box-shadow: 0px 0px 0px 0px;display: block;padding-top: 0px;}

.sponly {
	display:block;
}

.spnone {
	display:none;
}
.footmenu{display: block;box-sizing: border-box; width: 100%; margin: 0 auto;color:#000000;padding: 7% 7% 15%;text-align: center;}	

}