@charset "UTF-8";

/* ---------------------------------------------------------------------------------------------------- */
/* ヘッダー設定 ----------------------------------------------------- */

/* icon-style */
.icon-style-pc {
	font-size: 24px;color: #245AA7;margin-right:2px;
}

.icon-style-vertical {
	vertical-align: top;
}

.icon-style-sp {
	font-size: 18px;color: #245AA7;margin:6px 3px 0 4px;
}

header {
	box-sizing:border-box;
	position:relative;
	width:100%;
	background:#FFF;/*#fcfcfc*/
	padding:20px 10px;
}

.inner-header {
	box-sizing: border-box;
	position:relative;
	width:980px;
	margin:0 auto;
}

.summary {display:none;
	position:absolute;
	top:0;right:10px;margin:0;
}

#header-up {background-color:#245AA7;height:12px;}

#header-down {background-color:#245AA7;width:100%;}
#header-down .inner-header-down {box-sizing: border-box;position:relative;
			   width:980px;margin:0 auto;padding:0;color:white;}

.header-info {width:280px;
	position:absolute; top:-10px; right:0;line-height:1.65;
	font-size:125%;color:#245AA7;font-weight: normal;}

.header-info a {text-decoration:none;color:#245AA7;display:inline-block;}
.header-info a span.tel-big {font-size:125%;font-weight:bold;}
.header-info a:hover span.tel-big {color: #245AA7 !important;}
.header-info a:hover span.tel-big i.fa-phone {color: #245AA7 !important;}

h1 {}

#header-h1-Logo {display:inline-block;margin:0;padding:0;margin-left:0;width:50%;}
#header-h1-Logo a {}
#header-h1-Logo a img {width:100%;}

@media screen and (max-width:979px) {
	.inner-header {
		width:100%;
	}

	#header-h1-Logo {width:60%;}

	#header-down .inner-header-down {box-sizing: border-box;width:100%;padding:0;}
}

@media screen and (max-width:767px) {

	header {
		z-index:2;
		box-sizing:border-box;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:15px 10px;
	}

	.summary {display:block;
		position:relative;
		top:auto;right:auto;margin-top:15px;color:#245AA7;font-size:100%;font-weight:bold;
	}

	.summary a {text-decoration:none;color:#245AA7;display:inline-block;}

	.header-info {display:none;}
	#header-up {display:none;}
	#header-down {display:none;}

	#header-h1-Logo {width:80%;}
}

/* パンくずリスト設定 ----------------------------------------------------- */

.icon-home {color:#FFF;font-size:110%;}

ul.breadcrumb {
	padding:0;margin:0;padding:2px 0;/* 上下の空白を設定 */display:block;
}

ul.breadcrumb:after {
		content:'';
		display:block;
		clear:both;
	}

ul.breadcrumb li {
	display:inline-block;font-size:12px;line-height:1.0;
	list-style: none;font-weight: normal;
}

ul.breadcrumb li:after {
	content: '>'; /* >を表示 */
	padding: 0 8px 0 6px;
	color: #fff;
}

ul.breadcrumb li:last-child:after {
	content: '';
}

ul.breadcrumb li a {
	text-decoration: none;
	color: #fff;font-size:12px;
}

ul.breadcrumb li a:hover {
	text-decoration: underline;
}


/* フッター設定   -------------------------------------------- */


footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}

footer {
	clear:both;
}


.footer-kaisya {
	width:100%;
	padding:40px 0 0 0;
	background:#2D6ECA;text-align:center;
}

.footer-kaisya p {color:#fff;font-size:150%;}

.footer-zyuusyo {
	width:100%;
	padding:0 0 20px 0;
	background:#2D6ECA;
}

.footer-zyuusyo p {color:#fff;font-size:115%;margin:0 auto;width:60%;text-align:center;}

.footer-banner {
	width:100%;
	padding:0 0 30px 0;
	background:#2D6ECA;text-align:center;
}

.footer-banner p {width:50%;margin:0 auto;}

.footer-banner img {height:50px;}
.footer-banner img.footer-img-right-space {margin-right:40px;}


.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background:#2D6ECA;
}

.footmenu-inner {width:900px;margin:0 auto;}

.footmenu ul {
	display: flex; 
	flex-wrap: wrap;
/*	flex-flow: row;  20220322フッターメニュ増えたから変更*/
	margin: 0 auto; 
	padding: 10px;
	list-style-type: none;
}


.footmenu li {
	flex-grow: 1;
	list-style:none;margin:0;padding:0;
	font-size:12px;text-align:center;border-right:1px solid #fff;
}

.footmenu li:last-child {
	border-right:0;
}


.footmenu a {
	color:#fff;
	text-decoration:none;
}
.footmenu a:hover {
	color:#fff;
	text-decoration:underline;
}

.copyright {
	clear:both;
	font-family: Roboto, Arial, Helvetica, Tahoma, Verdana;
	padding:20px 0;
	font-size:11px;
	text-align:center;
	color:#efede9;
	background:#004B99;
}


@media screen and (max-width:979px) {

	footer {
		width:100%;
	}

	.footer-zyuusyo p {width:100%;text-align:center;}

	.footer-banner p {width:70%;margin:0 auto;}
	.footer-banner img {height:40px;}


	 .footmenu-inner {width:90%;margin:0 auto;}
}

@media screen and (max-width:767px) {
	.footer-zyuusyo p {width:80%;text-align:left;}

	.footer-banner p {width:90%;margin:0 auto;}
	

	.footer-banner img.footer-img-right-space {margin-right:5px;}
	.footer-banner img {margin-top:5px;}

	.footmenu-inner {width:100%;margin:0 auto;}
	.footmenu a {font-size:10px;}

	 .break {clear:both;}


}



/* フッター　プラス設定   -------------------------------------------- */

#anzen-footer {margin:50px 0 30px 0;padding:0;}
#anzen-footer h2 {color:#255AA5;text-align:center;font-weight:bold;font-size:160%;}

#anzen-footer .anzen-footer-img {text-align:center;}
#anzen-footer .anzen-footer-img p {margin:15px auto 0 auto;}
#anzen-footer .anzen-footer-img img {width:35%;}

@media screen and (max-width:767px) {
	#anzen-footer h2 {font-size:140%;margin:0 15px;}
	#anzen-footer .anzen-footer-img img {width:50%;}
}

/* 波　パララックス設定   -------------------------------------------- */
#footer-super {position:relative;margin:0;padding:0;width:100%;}

	.box-wave {height:400px;width:5120px; position:fixed; top:170px;}
	.box-free-wave-1 {height:400px;width:5120px; position:absolute; top:-350px;} /* パララックスの静止画用 */
	.box-free-wave {height:340px;width:100%; position:absolute; top:-110px;}
	.box-free-wave {height:370px;width:100%; position:absolute; top:-140px;}

	#box1 { left: -1200px; background: red;background: url('../images/s100.jpg') no-repeat;}
	#box2 { left: -600px; background: blue;background: url('../images/s2.jpg') no-repeat;}
	#box3 { left: -500px; background: green; background: url('../images/s3.jpg') no-repeat;}
	#box4 { left: 0px; background: green; background: url('../images/s1-2.jpg') no-repeat;}
	
	#box20 { left: 0; background: blue;background: url('../images/s101.jpg') no-repeat;background-size: auto 100%;}
	#box20 { left: 0; background: blue;background: url('../images/s102.jpg') no-repeat;background-size: auto 100%;}
					/* 静止画用 */
@media screen and (max-width:767px) {
	#box1 {display:none;}
	#box2 {display:none;}
	#box3 {display:none;}
	#box4 {display:none;}
	#box20 {display:none;}
}

/* フッター　バナー設定   -------------------------------------------- */

#footer-contents {overflow:hidden;width:980px;margin:70px auto 20px auto;}

@media screen and (max-width:979px) {
	#footer-contents {box-sizing:border-box;width:100%;padding:0;}
}

.footer-2-parts {margin:0;padding:0;}
.footer-section {margin:10px auto 10px auto;}

.clm3 {
	display: flex;
	justify-content: space-around;
}
.clm3 .clm3box {padding: 1em;
　　　flex-basis: 30%;}
@media screen and (max-width:764px){
.clm3{display: block;}
.clm3 .clm3box{
	margin: 0 1em 1em;}
}
.footer-half {width:48.0%;}
.footer-float-left {float:left;}
.footer-float-right {float:right;}

.footer-2-parts p {width:100%;}
.footer-2-parts img {padding:0;margin:0;width:100%;}


/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */