@charset "utf-8";
/* CSS Document */

h1 {
  font-size: calc(1.3rem + 1.5vw);
  	line-height: 1.5;
		padding: 1em 2em;
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
.photo img {  width:33.3333333%;}
}


@media screen and (min-width: 480px) and ( max-width :1023px) {
    /*　画面サイズが480pxから1023pxまではここを読み込む　*/
.photo img {  width:50%;}
}
@media screen and (max-width: 1015px) { 
	/*　1015まで　*/
.btnerie a { margin-bottom:10px !important;}
}

@media screen and (min-width:992px) {
	/*　992から　*/
.box73 { width: calc(100% / 3);}
.point { display:flex; width:100%;  }
}


@media screen and (max-width: 991px) { 
	/*　991まで　*/
.mainslider { margin-top:80px;}

.collapse li { border-bottom:solid 1px #b1b1b3;} 	
}

@media screen and (min-width:768px) and ( max-width:991px) {
    /*　画面サイズが768pxから991pxまではここを読み込む　*/
.point { display:flex; flex-wrap: wrap;}
.box73 { width:48%; margin-bottom:10px;}
}


@media screen and (min-width:820px) and ( max-width:1023px) {
    /*　画面サイズが820pxから1023pxまではここを読み込む　*/
h1 { width:60%;	padding: 1em 2em; }
}


@media screen and (min-width: 800px) {
	    /*　800から　*/
.footmenu { display:flex; flex-wrap:wrap; justify-content:center; }
.btmmrnu a {  line-height:2.5; margin:10px 10px 0;}
}

@media screen and (max-width: 799px) {	
	 /*　799まで　*/
.btmmrnu a { line-height:3;}
.footmenu { display:block;  }
}

@media screen and (min-width: 768px) {
	    /*　768から　*/
.voice { display:flex; }
.vo_rig { margin-left:20px;}
}


@media screen and (min-width: 769px) {
	    /*　769から　*/
.slider img {
	width: 170% !important;/*スライダー内の画像を横幅100%に*/}
.welcom { font-size:120%;}

}

@media screen and (max-width: 767px) {	
	 /*　767まで　*/
.slider img {
	width: 100% !important;/*スライダー内の画像を横幅100%に*/}
.welcom { font-size:100%;}

.box73 { margin-bottom:10px;}

.vo_left { text-align:center;}

}


@media screen and (min-width:640px) and ( max-width:819px) {
    /*　画面サイズが640pxから819pxまではここを読み込む　*/
h1 { width:65%; 	padding: 1em 2em;}
  }


@media screen and (min-width:450px) and ( max-width:639px) {

h1 { width:65%;padding: 1em; font-size: calc(1.1rem + 1.5vw);}
}

@media screen and (max-width: 449px) { 
	/*　399まで　*/
h1 { width:80%;padding: 1em; font-size: calc(1rem + 1.5vw);}
	
}



@media screen and (max-width: 530px) { 
	/*　530まで　*/	
.navbar-brand img { width:95%;}
#mainNav .navbar-brand { width:70%; margin-right:0 !important; }

}

@media screen and (max-width: 479px) {
		/*　479まで　*/
.photo img {  width:100%;}

}