@charset "utf-8";
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*--------------------------------------
	スライダー
---------------------------------------*/
	.bx-wrapper { background-color: transparent;margin: 0px auto;border: none;box-shadow: none; }
	.bx-wrapper .bx-prev,.bx-wrapper .bx-next { background: none; }
	.bx-wrapper .bx-prev::after,.bx-wrapper .bx-next::after { position: absolute;top: 50%;transform: translateY(-50%);color: #000;font-size: 6rem;font-family: "FontAwesome";font-weight: normal;text-indent: 0; }
	.bx-wrapper .bx-prev::after { left: 0;content: "\f0a8"; }
	.bx-wrapper .bx-next::after { right: 0;content: "\f0a9"; }
	.bx-wrapper .bx-prev:hover::after,.bx-wrapper .bx-next:hover::after { color: #fff; }
	.bx-wrapper .bx-controls-direction a { z-index: 9998; }
	/* トップ画像 */.bxslider_2 img { display: block; width: 100%;height: 800px;object-fit: cover;margin: 0 auto; }
		/* トップ画像の表示 */.home_v { width: 100%;height: 800px;margin: 0px auto;position: relative;z-index: -999; }
								.topimages_text { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999; }
									.topimages_text img { width: 100%;height: auto; }

/*-------------------------------------
	経営理念
---------------------------------------*/
	section.about { width: 1200px;padding: 0;margin: -60px auto 80px auto;z-index: 9999;background-color: #fff; }
		.effect1{ position:relative;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
		.effect1:before,.effect1:after{ content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px; }
		.effect1:after{ right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg); }
	.about_w { width: 100%;padding: 30px 30px 60px 30px;display: flex;z-index: 9999;background: #fff; }
	.about_images { width: 40%;padding: 15px 0 0 0;display: flex;justify-content: space-around;align-items: flex-start;z-index: 9999;background: #fff; }
		.about_images img { width: 100%;height: auto; }
	.about_text { width: 60%;padding: 15px 0 0 20px;border-left: 3px #fff solid;z-index: 9999;background: #fff; }
	/*見出し*/
		h2.about_mi { background:#fff;padding: 60px 0 0 0;margin: 0;font-size: 4rem;font-weight: normal;color: #000;line-height: 1;letter-spacing: 0.07em; }
			.about_mi span { display: block;font-size: 1.6rem;margin-top: 10px;color: #8C320B;text-align: center;letter-spacing: 0.05em; }
		h3.rinen { text-align: left;padding: 0;margin: 0;font-size: 3.8rem;font-weight: normal;color: #000;line-height: 1.5;letter-spacing: 0.15em; }
			.rinen span { font-weight: bold;color: #678536; }
	/*テキスト*/
		p.a_text { text-align: justify;color: #000;margin: 0;padding: 0;font-size: 1.7rem;line-height: 3;letter-spacing: 0.05em; }
			.a_text span { color: #8C320B; }
	/*ボタン*/
		.btn_bottom { width:70%;background: #678536;border: 3px #678536 solid;margin: 20px auto 0 auto; }
		a.btn_bottom { color: #fff; }
		a:hover.btn_bottom { background: #fff;color: #678536;transition: 0.8s; }

/*-------------------------------------
	お知らせ
---------------------------------------*/
	section.news { width: 1200px;padding: 80px 0;margin: 0 auto;background-color: #fff; }
	/*見出し*/
		h2.news_mi { background:#fff;padding: 0 0 50px 0;margin: 0;font-size: 4rem;font-weight: normal;color: #000;line-height: 1;letter-spacing: 0.07em; }
			.news_mi span { display: block;font-size: 1.6rem;margin-top: 10px;color: #8C320B;text-align: center;letter-spacing: 0.05em; }
	.news_list { list-style: none;padding: 0;margin: 0; }
	.news_list a { text-decoration: none;color: #000; }
	.news_list_item { font-size: 1.5rem;padding: 25px 0;border-bottom: 1px solid #435623; }
	.news_list_item:first-child { border-top: 1px solid #435623; }
	.news_list_item a { position: relative;display: flex;padding-right: 30px;flex-wrap: nowrap; }
	.news_list_date { font-size: 1.5rem;display: flex;margin-right: 15px;align-items: center; }
	.news_item { font-size: 1.3rem;background: #435623;color: #fff;border-radius: 0;width: 6em;text-align: center;margin-right: 20px; }
	.news_item02 { font-size: 1.3rem;background: #678536;color: #fff;border-radius: 0;width: 6em;text-align: center;margin-right: 20px; }
	.news_list_text { text-align: justify;line-height: 2;letter-spacing: 0.03em; }
	.arrow { font-size: 2rem;position: absolute;top: 50%;right: 0;transform: translateY(-50%); }

/*-------------------------------------
	保険の様々な心配ごと
---------------------------------------*/
	section.contents01 { width: 90%;padding: 80px 0;margin: 0 auto;background-color: #fff; }
	/*見出し*/
		h2.contents01_mi { background:#fff;padding: 0 0 50px 0;margin: 0;font-size: 4rem;font-weight: normal;color: #000;line-height: 1.5;letter-spacing: 0.07em; }
		h3.contents01_sub { margin: 0;padding: 5px 0 50px 0;font-size: 1.7rem;font-weight: normal;color: #000;line-height: 1.5;letter-spacing: 0.07em; }
		h3.contents01_sub02 { margin: 0;padding: 5px 0 0 0;font-size: 1.7rem;font-weight: normal;color: #000;line-height: 1.5;letter-spacing: 0.07em; }
	/*カード*/
		.card_100 { width: 100%;display: flex;justify-content: space-around;flex-wrap: wrap; }
			.card_100item { width: 23%; }
				.card_100item img { width: 100%;height: auto;border-radius: 7px; }
	/*ボタン*/
	a.btn-c { margin-top: 60px;font-size: 2rem;position: relative;padding: 0.15rem 5rem 1.5rem 6rem;border-radius: 7px;
				color: #fff;background: #678536;-webkit-box-shadow: 0 5px 0 #4D6228;box-shadow: 0 5px 0 #4D6228; }
		a.btn-c span { font-size: 1.3rem;position: absolute;top: -1.25rem;left: calc(50% - 150px);display: block;width: 300px;padding: 0.2rem 0;color: #4D6228;
						border: 2px solid #4D6228;border-radius: 100vh;background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
		a.btn-c span:before,a.btn-c span:after { position: absolute;left: calc(50% - 10px);content: ""; }
		a.btn-c span:before { bottom: -10px;border-width: 10px 10px 0 10px;border-style: solid;border-color: #4D6228 transparent transparent transparent; }
		a.btn-c span:after { bottom: -7px;border-width: 10px 10px 0 10px;border-style: solid;border-color: #fff transparent transparent transparent; }
		a.btn-c i { margin-left: 1rem; }
		a.btn-c:hover { -webkit-transform: translate(0, 3px);transform: translate(0, 3px);color: #fff;background: #678536;-webkit-box-shadow: 0 2px 0 #4D6228;box-shadow: 0 2px 0 #4D6228; }

/*-------------------------------------
	モバイル他
---------------------------------------*/
@media screen and (max-width: 1600px) {
}

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

@media screen and (max-width: 1300px) {
	/* 経営理念 */
		section.about { width: 90%; }
		/*見出し*/
			h2.about_mi { font-size: 3.8rem; }
				.about_mi span { font-size: 1.5rem; }
			h3.rinen { font-size: 3.6rem;line-height: 1.5; }
		/*経営理念テキスト*/
			p.a_text { font-size: 1.5rem; }
	/* お知らせ */
		section.news { width: 90%; }
		/*見出し*/
			h2.news_mi { font-size: 3.8rem; }
				.news_mi span { font-size: 1.5rem; }
	/* 保険の様々な心配ごと */
		/*見出し*/
			h2.contents01_mi { font-size: 3.8rem; }
}

@media screen and (max-width: 1100px) {
	/* トップ画像 */
		.bxslider_2 img { height: 700px; }
		/* トップ画像の表示 */
			.home_v { height: 700px; }
			.topimages_text img { width: 100%; }
	/* 経営理念 */
		/*経営理念レイアウト*/
			.about_w { width: 100%;padding: 30px 30px 60px 30px;display: flex;flex-wrap: wrap;z-index: 9999;background: #fff; }
		/*経営理念画像*/
			.about_images { width: 100%;padding: 0;display: flex;justify-content: space-around;align-items: flex-start;z-index: 9999;background: #fff; }
				.about_images img { width: 50%; }
		/*経営理念テキスト*/
			.about_text { width: 100%;padding: 20px 0 0 0;border-left: 3px #fff solid;z-index: 9999;background: #fff; }
		/*見出し*/
			h3.rinen { text-align: center; }
		/*経営理念テキスト*/
			p.a_text { text-align: center; }
	/* お知らせ */
		.news_list_item a { display: block; }
		.news_list_item02 a { display: block; }
		.news_list_text { margin-top: 15px; }
	/* 保険の様々な心配ごと */
		/*見出し*/
			h3.contents01_sub { font-size: 1.5rem;padding: 5px 0 50px 0; }
			h3.contents01_sub02 { font-size: 1.5rem;padding: 5px 0 50px 0; }
		/* 画像レイアウト */
			.card_100item { width: 48%; }
		/*ボタン*/
			a.btn-c { margin-top: 10px; }
}

@media screen and (max-width: 800px) {
	/* トップ画像 */
		.bxslider_2 img { height: 400px; }
		/* トップ画像の表示 */
			.home_v { height: 400px; }
			.topimages_text { top: 50%;right: -50%;transform: translate(-50%, -50%); }
			.topimages_text img { width: 80%; }
	/* 経営理念 */
		section.about { margin: -30px auto 80px auto; }
		/*経営理念レイアウト*/
			.about_w { width: 100%;padding: 20px 20px 50px 20px;display: flex;flex-wrap: wrap;z-index: 9999;background: #fff; }
		/*見出し*/
			h2.about_mi { font-size: 2.6rem; }
				.about_mi span { font-size: 1.3rem; }
			h3.rinen { font-size: 2.5rem;line-height: 1.5; }
		/*経営理念テキスト*/
			p.a_text { margin: 0 20px;text-align: left; }
		/*ボタン*/
			.btn_bottom { width:100%; }
	/* お知らせ */
		.news_list_item a  { font-size: 1.5rem; }
		/*見出し*/
			h2.news_mi { font-size: 2.6rem; }
				.news_mi span { font-size: 1.3rem; }
	/* 保険の様々な心配ごと */
		/*見出し*/
			h2.contents01_mi { font-size: 2.6rem; }
			h3.contents01_sub { font-size: 1.4rem; }
			h3.contents01_sub02 { font-size: 1.4rem; }
}

@media screen and (max-width: 500px) {
	/* 経営理念 */
		/*経営理念レイアウト*/
			.about_w { width: 100%;padding: 10px 10px 50px 10px;display: flex;flex-wrap: wrap;z-index: 9999;background: #fff; }
		/*見出し*/
			h2.about_mi { font-size: 2.3rem; }
				.about_mi span { font-size: 1.3rem; }
			h3.rinen { font-size: 2.3rem;line-height: 1.5; }
		/*経営理念テキスト*/
			p.a_text { padding-top: 10px;line-height: 2; }
	/* お知らせ */
		.news_list_item a  { font-size: 1.4rem; }
		/*見出し*/
			h2.news_mi { font-size: 2.3rem; }
				.news_mi span { font-size: 1.3rem; }
	/* 保険の様々な心配ごと */
		/*見出し*/
			h2.contents01_mi { font-size: 2.3rem; }
		/*ボタン*/
			a.btn-c { font-size: 1.8rem;padding: 0.15rem 5rem 1.5rem 6rem; }
}

@media screen and (max-width: 450px) {
	/* 保険の様々な心配ごと */
		/*見出し*/
			h3.contents01_sub { font-size: 1.3rem; }
			h3.contents01_sub02 { font-size: 1.3rem; }
}
