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


@media (max-width: 992px) {/*タブレット・スマホ用の設定です*/
	
	
	
	
	
	/*--「（編集不可）ここから」～「ここまで」の箇所は編集しないでください--*/
	
	
	
	
	
	/*--------　（編集不可）ここから　--------------------------------*/
	

	/*li横の矢印（".l_mark"と".arow_*"をセットで使用）*/
	/*下向き*/
	.l_mark.arw_b:before {
		position: inherit;
		margin-right: .5rem;
		vertical-align: middle;
	}
	/*右向き*/
	.l_mark.arw_r:before {
		margin-right: .5rem;
		vertical-align: middle;
	}
	
	
	/*バーガーメニュー*/
	.drawer {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: fixed;
	justify-content: flex-end;
	height: 75px;
	padding: 0 1em;
	top: 0;
	right: 0;
	z-index: 9999;
	background-color: #1C1F87;
	}
	.navbar_toggle {
		z-index: 9999;
	}
	.navbar_toggle_icon {
		position: relative;
		display: block;
		height: 3px;
		width: 35px;
		background: #fff;
		transition: ease .5s;
	}
	.navbar_toggle_icon:nth-child(1) {
		top: 0;
	}
	.navbar_toggle_icon:nth-child(2) {
		margin: 9px 0;
	}
	.navbar_toggle_icon:nth-child(3) {
		top: 0;
	}
	/*OPEN時の動き*/
	.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
		top: 12px;
		transform: rotate(45deg);
	}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
		transform: translateY(-50%);
		opacity: 0;
	}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
		top: -12px;
		transform: rotate(-45deg);
	}
	@media (max-width: 576px) {
		.drawer {
			height: 58px;
			padding: 0 .75em;
		}
		.navbar_toggle_icon {
			height: 2px;
			width: 28px;
		}
		.navbar_toggle_icon:nth-child(2) {
			margin: 8px 0;
		}
		.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
			top: 10px;
		}
		.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
			top: -10px;
		}
	}
	
	
	
	/*--------　ここまで（編集不可）　--------------------------------*/
	
	



	/*--------　ヘッダー　----------------*/
	
	@media (max-width: 576px) {
		header {
			min-height: 60px;
		}
	}
	
	/*ヘッダー左側*/
	@media (max-width: 576px) {
		.logo img {
			width: 30px;
			margin-right: 0;
		}
		.logo p {
			font-size: 1rem;
			line-height: 1.1;
		}
		.logo p span.sml_ss {
			font-size: .55rem;
		}
	}
	
	/*ヘッダー右側*/
	.h_right {
		width: 100%;
		min-width: auto;
		padding-right: 0;
		text-align: center;
		transform: translateX(100%);
		transition: ease .5s;
		background: #fff;
		position: absolute;
		width: 100%;
		z-index: 1000;
		top: 78px;
	}
	.h_right.open { /*OPEN時の動き*/
		transform: translateX(-1%);
		overflow-y: auto;
		height: auto;
		background: rgba(256,256,256,0.9);
		padding-bottom: 52px;
		box-shadow: 0 5px 9px #555;
	}
	header .h_tel {
		position: absolute;
		width: 100%;
		bottom: 0;
		margin-bottom: 0;
	}
	header .tel {
		padding: .5rem 2%;
	}
	header .tel,
	header .tel_time {
		text-align: center;
	}
	header .tel_time {
		padding-top: .25rem;
		padding-bottom: .25rem;
	}
	@media (max-width: 576px) {
		.h_right {
			top: 60px;
		}
		.h_right.open { /*OPEN時の動き*/
			padding-bottom: 93px;
		}
		header .tel {
			padding-bottom: .15rem;
		}
		header .tel_time {
			display: block;
			padding-bottom: .75rem;
		}
	}

	/*グローバルナビ*/
	.gnav {
		position: relative;
	}
	.gnav ul {
		display: block;
		padding-right: 0;
	}
	.gnav ul li {
		padding: 1rem 2%;
		border-bottom: 1px solid;
	}
	.gnav ul li:nth-child(4) {
		border-bottom: none;
	}
	.gnav .l_mark.arw_r:before {
		position: inherit;
		display: inline-block;
		vertical-align: top;
	}
	

	/*問い合わせボタン*/
	.gnav li.h_toi.btn {
		width: 100%;
		position: inherit; 
		top: auto;
		padding-top: .25rem;
		padding-bottom: .25rem;
		font-size: .8rem;
		border-color: #d31016;
		background: #d31016;
	}
	.gnav li.h_toi.btn img {
		width: 30px;
		margin-bottom: 0;
		margin-right: 1rem;
		display: inline-block;
		vertical-align: middle;
	}




	/*--------　フッター　----------------*/
	

	/*フッター内リンク*/
	footer .top .subnav li {
		display: block;
	}

	/*ページトップ*/
	
	@media (max-width: 768px) {
		#pagetop {
			width: 50px;
			height: 50px;
			background: #2f1b13;
			border-radius: 50%;
			border: 3px solid #fff;
		}
		#pagetop a:before {
			width: 15px;
			height: 15px;
			border-top: 4px solid #fff;
			border-right: 4px solid #fff;
			margin-left: -7px;
		}
		footer .top .subnav {
			position: unset;
		}
		footer .top .subnav ul {
			margin-top: .75rem;
		}
		footer .top .subnav li {
			margin-left: 40px;
		}
	}
	
	
	
	
	/*--------　本文：共通　ここから（編集不可）　--------------------------------*/
	
	#container {
		padding-top: 3rem;
	}
	.content {
		min-width: auto;
	}
	.bk_color {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.in_cont {
		width: 90%;
		min-width: auto;
	}
	h3 {
		font-size: 1rem;
	}
	@media (max-width: 768px) {
		h2 {
			font-size: 1.1rem;
			margin-bottom: 1.5rem;
			line-height: 1.3;
		}
	}
	
	/*--------　ここまで（編集不可）　--------------------------------*/
	
	
	
	
	/*--------　本文：トップページ　----------------*/

	/*メインビジュアル*/
	#mv h1 {
		padding-bottom: 1rem;
	}
	#mv h1 img {
		width: 98%;
	}

	/*メインビジュアル下の文言*/
	#mv .summary {
		padding: .75em;
		background: #fff6c7;
		border-radius: 7px;
	}
	#mv .summary.sml_m {
		font-size: .8em;
	}
	@media (max-width: 768px) {
		#mv .summary {
			text-align: left;
		}
	}
	
	/*対象範囲*/
	ul.syoku-rei_flex {
		display: block;
	}
	.syoku-rei_flex li {
		width: 100%;
	}
	@media (max-width: 576px) {
		.taisyo-hani h2 {
		margin-top: 15px;
		}
	}
	
	/*特別加入とは*/
	#tokka {
		width: 85%;
	}
	@media (max-width: 768px) {
		#tokka {
			width: 90%;
		}
		#tokka .all_border {
			border: none;
			padding: 1rem 0;
			text-align: center;
		}
		#tokka p {
			font-size: .75rem;
			line-height: 2;
		}
		#tokka p span {
			padding-bottom: .1em;
		}
		#tokka img {
			max-width: 450px;
		}
	}
	

	/*給付内容*/
	@media (max-width: 768px) {
		#kyufu .in_cont li {
			width: 100%;
			position: relative;
		}
		#kyufu .in_cont li h3 {
			position: absolute;
			left: 34%;
		}
		#kyufu .in_cont li.naiyo01 p,
		#kyufu .in_cont li.naiyo02 p {
			min-height: auto;
			padding-top: 1.7rem;
		}
		#kyufu .in_cont li div {
			padding-top: 1.7rem;
		}
		#kyufu .in_cont li.naiyo03 p,
		#kyufu .in_cont li.naiyo04 p {
			min-height: auto;
			margin-bottom: 1rem;
		}
	}
	
	
	/*費用*/
	#hiyou .in_cont {
		width: 85%;
	}
	@media (max-width: 768px) {
		#hiyou .in_cont {
			width: 90%;
		}
		#hiyou table.joken {
			margin-bottom: 1rem;
		}
		#hiyou table.joken th {
			width: 100%;
			display: block;
			border: none;
			border-bottom: 4px solid;
		}
		#hiyou table.hiyou_hyo {
			min-width: 700px;
		}
	}

	/*手続きの流れ*/
	#nagare .flow {
		width: 90%;
	}
	@media (max-width: 576px) {
		#nagare .flow {
			width: 100%;
		}
		#nagare ol li img {
			width: 83%;
			max-width: 320px;
		}
		#nagare ol li.end {
			width: 95%;
			bottom: -28px;
			margin-left: -47.5%;
			margin-top: 0;
			text-align: center;
		}
		#nagare ol li.end img {
			width: 100%;
			max-width: 400px;
		}
		#nagare ol li.sis:before,
		#nagare ol li.sis:after {
			content: none;
		}
		#nagare .kanyu_after ul {
			font-size: .7rem;
		}
	}

	/*お問い合わせ・お申込み*/
	@media (max-width: 768px) {
		#main_tel .tel {
			font-size: 1.1rem;
		}
		#moushikomi .btn {
			width: 280px;
			font-size: 1em;
		}
	}