*/*/@charset "UTF-8";
/* CSS Document */
/*================================================
 *  スライドショー
 ================================================*/
/* 画像レイアウト
===================================*/

.bxslider{   
    margin:0px;
		z-index: 10;
}

.bx-wrapper {
    position: relative;

}

.bx-wrapper img {
    width:100%;
}

.bx-viewport {
    max-height: 849px;
}


/* ページャー
===================================*/

.bx-pager {
    text-align: center;
    bottom: 5px;
    position: absolute;
    width: 100%;
}

.bx-pager-item,
.bx-controls-auto-item {
    display: inline-block;

}

.bx-default-pager a {
    background: #c8ecff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}

.bx-default-pager a:hover,
.bx-default-pager a.active {
    background: #00aeff;
}
/* slider */
/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}

/* ここからスライダーの位置調整 */

.slider {
	margin: 0px auto 10px!important;
	padding-top: 0px;
	padding-bottom:0px;

}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


.button {
  display: inline-block;
  margin: 0;
  padding: .461em 1.563em .41em;
  color: #fff!important;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  line-height: 1;
  font-size: .9em;
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
  border: 1px solid #1a4064;
  background: #255a8c;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
}
.button:active  {
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.button.green  {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid #578824;
  background: #71b02f;
}
.button.green:hover  {
  background: #79bc32;
}

*/
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */

	nav ul {
		left: 100%;
	}


/* ピクセル  */

.w140 {
	width: 140px; 
	vertical-align: middle;
}

.w280a {
	width: 280px;
	margin-right: 80px;
	}
	
.w280b {
	width: 280px;
	}
	
.w840 {
	width: 800px;
	}

.margin_l_30 {
	margin-left: 30px;
}

.news_txt {
	float: left;
	display: block;
	font-size: 13px;
	margin: 8px auto 2px 20px;
	line-height: 1.3;
	width: 55%;
	font-family: 'Roboto', sans-serif;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #333;
}
.news_day {
	float: left;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #7B7B7B;
	display: block;
	height: 13px;
	padding-top: 0;
	}

.news_ctg {
	display: block;
	background-color: #E05D09;
	padding: 4px 3px 3px 3px;
	text-align: center;
	width: 90px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.news_date {
	float: left;
	display: block;
	border-bottom: 1px dotted #706E6E;
	padding-bottom: 4px;
	margin-bottom: 4px;
	padding-top: 5px;
	width: 100%;
	font-size: 14px;
}

.morebtn1 {
}
/* section 1 */


/* section2 以降共通 */

.border_corner {
	border: 1px solid #fff;
}

.background_image01 {
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
}



.title_icon {
	width: 160px;
	height: auto;
	margin-bottom: -70px;
	margin-top: 50px;
}

.title_icon2 {
	width: 160px;
	height: auto;
	margin-bottom: -70px;
	margin-top: 50px;
}

/* マルチカラム section2 以降共通 */

	　.item {
	  border-radius: 10px;
	  padding: 0px;
	  margin: 22px;
	  text-align: center;
	}
	.item img {
		width: 100%;
	  border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}

.item:hover {
	opacity: 0.5;
}

	p {
	  text-align: left;
	}


/* section 8 */

body,b,p,strong,span,div {
font-family: 'Noto Sans JP', sans-serif;
		}
		
a {
	text-decoration: none;
	color: #000;
		}
	
.morebtn1 {
	display: block;
	padding-top: 6px;
	padding-bottom: 0px;
	border: 1px solid #9D9B9B;
	color: #666;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 8px;
	height: 15px;
	width: 70px;
	float: right;
	margin-top: 8px;
	}
		
.w100per_90per {
	width: 100%;
		
		}
		
.top_title_h1_left {
	font-size: 26px;
	line-height: 1.3;
	font-weight: bold;
	text-align: left;
}
	
.background_image02 {
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	background-image: url(../img/base_question.jpg);
	
}

.movie-wrap {
	
    position: relative;
    padding-bottom: 56.25%;
    height: auto;
    overflow: hidden;

}
 
.movie-wrap iframe {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
	/* Responsive */
@media ( min-width : 560px ){
	
.flexbox {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		}
	
.item {
		width: 29%;
	    margin: 22px;
	  }
}


/* section 2 */

/* section 3 */

/* section 4 */

/* section 5 */





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

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

/* ピクセル */

.w140 {
	width: 200px;
		margin: -20px auto 20px auto;
		display: block;
	}

.w280a,.w280b {
	width: 100%;
	margin-right: 10px auto 20px auto;
	}
	
	
.w840 {
	width: 100%;
	margin: 0 auto;
	display: block;
	}
	

.margin_l_30 {
		margin: 0 auto;
	
	}
	
	
.news_txt {
	float: left;
	display: block;
	font-size: 13px;
	height: auto;
	margin: 5px auto 1px 0px;
	width: 75%;
	line-height: 1.4;
}

.news_day {
	margin-top: 1px;
	margin-bottom: 1px;
	}

.news_ctg {
	margin-top: 1px;
	margin-bottom: 1px;
}
	
.news_date {
		padding-bottom: 10px;
	}
	
/* section 1 */

/* section 2 */

.border_corner {
	border: none;
}
	
.flexbox {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		}
	
.item {
		width: 46%;
	    margin: 10px auto;
		height: auto;
	}
	
.title_icon {
	width: 130px;
	height: auto;
	margin: 50px auto -30px auto;
	display: block;
	padding-top: 50px;
}

	
.title_icon2 {
	width: 130px;
	height: auto;
	margin: 0px auto -30px auto;
	display: block;
	padding-top: 70px;
}
	
	
/* section 3 */

/* section 4 */

/* section 5 */

/* section 8 */

.morebtn1 {
	margin-top: 10px;
	}
		
	
	
.top_title_h1_left {
	text-align: center;
}

	
/* バーガーメニュー　*/

	
.slides {
	width: 90%;
	margin: 0 auto;
	display: block;
	}
	
.w100per_90per {
	width: 90%;
	}
	
/* SNS */
.sns1 {
	width: 50%;
	height: auto;
		
	}
.sns2 {
	width: 50%;
	height: auto;
		
	}
	
	
.background_image02 {
	background-image: url(../img/base_question_b.jpg);
	
}

.w1000 {
		width: 90%;
		margin: 0 auto;
	}

}