@charset "UTF-8";
.test {
	background:red;
}

#contents-area table.login-box tr td.colorgray {
	background-color:#EEEEEE;
}
#contents-area table.noline {
	border-style: none;
}

ul#dot {
	list-style:square !important;
}
.ul_whitedisc {
	list-style:circle;
}
ul.colorgray {
	background-color:#EEEEEE;
	border-radius:4px;
	padding:10px 10px;
	margin-bottom:10px;
}
.leftspace {
	padding: 0 0 0 1.4em;
	margin: 0 0 0 1.1em;
}
.leftspace_b {
	padding: 0 0 0 1.4em;
	margin: 0 0 0 1.1em;
	font-weight:bold;
}

.leftspace_smaho {
	padding: 0 0 0 1em;
}
.longsentence {
	padding: 1em 1em 1em 1em;
}
.longsentence_smaho {
	padding: 0.5em 0.5em 0.5em 0.5em;
}
.aster_smaho {
	display: block;
	padding: 0.5em 0.5em 0.5em 1.4em;
	text-indent:0em;
	position: relative;
	margin: 0 0 0 1.1em;
}
.aster_smaho:before {
	content: "\203b";
	margin:0  ;
	position: absolute;
	left:0.35em;
	font-size: 1em;

}
.aster_pc {
	display: block;
	padding: 1em 1em 1em 1.4em;
	text-indent:0em;
	position: relative;
	margin: 0 0 0 1.1em;
}
.aster_pc:before {
	content: "\203b";
	margin:0  ;
	position: absolute;
	left:0.35em;
	font-size: 1em;
}
/* \203b印表示 インデントなし */
.aster_webindent {
	display: block;
	padding: 0 0 0 1.2em;
	text-indent:0em;
	position: relative;
}
.aster_webindent:before {
	content: "\203b";
	margin:0  ;
	position: absolute;
	left:0;
	font-size: 1em;
}

.accordion {
	display: none;
}

.accordionone {
	display: none;
}
div.colorgray {
	background-color:#EEEEEE;
	border-radius:4px;
	padding:10px 10px;
	margin: 5px;
}
td.colorgray {
	background:none !important;
	border:none !important;
}
.box_adress {
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
}
.box_adress th,td {
	text-align:left;
	padding:5px 20px 5px 20px;
	border-bottom:1px solid #DDDDDD;
}
.button_change  {
	font-size: 1.6rem;
	display: block;
	padding: 10px 0;
	text-decoration: none;
	color: #000;
	background: #f8c62d;

	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	margin: 5px auto;
	max-width:340px;
	width:90%;
}
.button_change {
	text-align: left;
	box-sizing: border-box;
	position: static !important;
	min-height: 30px;
}
.button_change span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px 0 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	color: #1a1a1a;
	font-weight: bold;
}
.button_change:hover {
	opacity: 0.85;
}
.boxin_text {
	padding: 13px !important;
}
.boxin_atag {
	padding: 13px 0 !important;
}
.text_after_png {
	line-height:1;
	padding: 0px 5px 0px 20px;
	white-space: normal;
	text-align:left;
}
.title_after_png {
	line-height:1.2;
	font-weight:bold;
	padding: 3px 5px 2px 10px;
	white-space: nomal;
	text-align:left;
}
p.kajyou{
	text-indent: -20px;
	padding:5px 10px 5px 40px;
	font-size:17px;
}
p.kajyou:before {
content:"";
width:15px;
height:15px;
background:#006c60;
border-radius:12.5px;
display:inline-block;

}
.btn_download:hover{
text-decoration:none !important;
opacity:0.8;
}
.mainbtn-box.simple.change {
	min-width:30px !important;
	max-width:200px;
	min-height:30px;
	max-height:100px;
	display:inline !important;
}
.only-smaho {
	display:none;
}
.icon_pepar {
	background: url(../../resources/img/icon_meisai.png) left center no-repeat;
	padding: 0 0 5px 80px !important;
	background-size:40px;
}
a.btn_download {
	text-align:center;
	background:#f9c62d !important;
	padding:0 10px;
	display: table;
}
.btn_download p {
	background: url(../../resources/img/ad_uis_icon_06.png) left center no-repeat;
	padding: 0 0 0 20px !important;
}
a.btn_download p span {
	color:#000;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic";
	font-size:1.6rem;
	text-align: center;

}
.jisage_juusyo {
	display:inline-block;
	width:50px;
}

@media screen and (min-width:481px) {
	.change_lagio_jyuusyo {
		display:inline-block !important;
	}
	.change_lagio_jyuusyo label {
		width:100%;
	}
}
/* PCスマホ画面での表示非表示切り替え */
	.only_smaho {
		display:none;
	}
	@media screen and (max-width:768px) {
		.only_smaho {
			display:block !important;
		}
	}
	.only_pc {
		display:block;
	}
	@media screen and (max-width:768px) {
		.only_pc {
			display:none !important;
		}
	}

.icon_q {
	background: url(../../resources/img/ad_uis_icon_04.png) left center no-repeat;
	padding: 15px 0 0px 60px !important;
	background-size:20px;
}
/* 解説 */
	/* 大分類 */
	ul.explination {
		padding: 10px 0 0 3em;
		list-style:decimal;
	}
	.explination li{
		font-size:130%;
		padding:20px 0;
	}
	.explination img {
		min-width:200px;
		padding:5px 0;
	}
	.explination p {
		padding: 0 20px 10px 0;
	}
	/* 小分類 */
	ul.explination_sub {
		padding: 10px 0 0 3em;
		list-style:lower-roman;
	}
	.explination_sub li{
		font-size:120%;
		padding:10px 0;
	}
ul.abcd {
	padding: 10px 0 0 3em;
	list-style:upper-alpha;
}
.del_padding {
	padding:0 !important;
}
.center {
	text-align:center;
	font-size:110%;
}
.inline {
	display:inline-block;
}
.noline:hover {
	text-decoration:none !important;
}
.png_download {
	margin:15px;
	width:80%;
	height:auto;
	min-width:250px !important;
	max-width:450px;

}
.boxin_text_qa {
	padding: 13px 40px 13px 13px !important;
	font-size:110% !important;
}
.cl_box_twin.qa {
	padding-top:30px;
}
.icon_qa {
	padding: 0 0 0 40px !important;
	background-size:25px;
}
/* 背景写真のボタン */
	.category {
		border-radius:4px;
		margin:10px;
		padding:60px 10px 10px 10px;
		max-width:3000px !important;

		display:flex;
		align-content:center;
		align-items:center;
		flex-wrap:wrap;
		align-items:flex-start;
		justify-content:center;
	}
	.png_button {
		margin:10px;
		transition: .3s;
	}
	.item {
		border-radius:10px;
		width:180px;
		height:180px;
		box-shadow: 0 3px 15px rgba(0,0,0,0.2);
		transition: .3s;

		display:flex;
		align-items:center;
		justify-content:center;
	}
	.item.tetuduki {
		background: url(../../resources/img/new_tetuduki_blur.jpg) left center no-repeat;
		background-size:cover;
	}
	.item.service {
		background: url(../../resources/img/new_service_blur.jpg) left center no-repeat;
		background-size:cover;
	}
	.item.seikyuu {
		background: url(../../resources/img/new_seikyuu_blur.PNG) left center no-repeat;
		background-size:cover;
	}
	.item.cards {
		background: url(../../resources/img/new_cards_blur.jpg) left center no-repeat;
		background-size:cover;
	}
	.item.etc {
		background: url(../../resources/img/new_etc.jpg) left center no-repeat;
		background-size:cover;
	}
	.item.benefits {
	    background: url(../../resources/img/new_benefits.png) left center no-repeat;
		background-size:cover;
    }
	.item_div {
		width:180px;
		height:10px;
		margin:10px;
	}
	.png_text_white {
		color:white;
		font-size:240%;
		text-shadow:2px 2px 3px #666666;
		transition: .4s;
		text-align: center;
	}
	.png_button {
		text-decoration:none;
	}

	.png_button:hover {
		text-decoration:none !important;
		margin:5px;
	}

	.png_button:hover .item{
		box-shadow: 0 20px 40px rgba(0,0,0,0.4);
		width:190px;
		height:190px;
	}
	.png_button:hover .png_text_white {
		color:#ccffcc;
	}
	h1.Q_A {
		padding-left:20px;
		font-size:180% !important;
	}
.uketuketime {
	border-style: none !important;
	margin-left:20px !important;
	width:50% !important;
	min-width:200px;
}
.uketuketime td {
	border-style: none !important;
}
.uketuketime tr td .left {
	text-align:left !important;
	font-weight:bold;
}
.uketuketime tr td .right {
	text-align:right;
	font-weight:bold;
}
.title_top {
	font-size:180%;
}

ul.main-btn {
	max-width: 20000px !important;
}

/* お手続き 進行 */

	.step_box {
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		align-items:flex-start;
		padding:20px 3vw 0 3vw;
	}
	.step {
		width:auto;
		height:50px;
		margin:1px 0;
		border-top:3px solid #EEEEEE;

		display:flex;
		align-items:center;
		justify-content:center;
	}
	.step p {
		font-size:110%;
		padding:0 3vw;
	}
	.step.active {
		border-top:3px solid #e35200;
	}
	.relation {
		width: 70% !important;
	}

	.header_menu {
		float: right;
		padding:
		z-index: 106;
	}
	.drawer-menu-item2.cl_btn_modal_window16.top {
		width:110px;
		padding:6px 0;
		/*background:#0593D4;*/
		background:#f8c62d;
	}
	.drawer-menu-item2.cl_btn_modal_window16.top:hover {
		opacity:1;
		background:#ffd63d;
	}

	.header_title img {
		position:absolute;
		max-width:300px !important;
		min-width:180px;
	}
	.change_osirase_top {
		position:static;
	}
	.change_osirase_top img {
		bottom:6px;
	}
	.jisage_ul li {
		margin-left:15px;
	}

/* TOP画面 ヘッダー */
.header_upper {
	margin:7px 0 0 0 !important;
	padding:5px 10px 0 20px;
}
.header_under {
	padding-left:40px;
}
.name {
	font-size: 1.2rem !important;
	cursor: default;
}
.btn_pagetop a, .btn_pagetop {
	transition:.2s;
}

#copyright table tr td p {
	text-align:center;
}

.input_table input[type="password"]{ height:35px; box-sizing:border-box; padding:0 5px; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; font-size:1.6rem; margin:0 10px 5px 0; width:150px; border-radius:3px; border:1px solid #c8c8c7;}

.kiyaku.long {
	height:500px;
}
.jisage_mini {
	padding-left:10px;
}
.jisage {
	margin:5px 0 5px 20px;
}

.jisage2 {
	margin:5px 0 5px 40px;
}
.btn_checkbox {
	user-select: none;
	touch-callout: none;
}
.list_num {
	padding-left:20px;
}
ol.list_num li {
	padding:5px 0;
}
ol.list_num li ul {
	padding-left:40px;
}
.left_space_num {
	padding:10px 0;
}
.left_space_num li{
	padding:5px 0 5px 50px;
}
.indent20 {
	padding-left:20px;
}
.indent70 {
	padding-left:70px;
}
.indent40 {
	padding-left:40px;
}
.off_underline {
	border-bottom:none !important;
}
.no_b {
	font-weight: normal !important;
}
.s-box table,
#contents-area .s-box table {
}
#dot li{
	padding:5px;
}
#btn_mymenu a p {
	font-size:1.4rem;
}
.info_link {
	z-index:1;
}
.del_bottom_line {
	border-bottom:none !important;
}
.del_line {
	border-collapse:separate !important;
}
.del_bottom_line_green {
	border-bottom:1px solid #c9e1de;
}
.add_bottom_line {
	border-bottom:1px solid #c8c8c7;
}
.vertical_middle {
	vertical-align:middle !important;
}
.botton_margin {
	margin:0 0 10px 0;
}
.input_right {
	text-align:right;
}
.text_underline {
    text-decoration: underline;
}
.change_btn_jihuri {
	background:#f8c62d !important;
	color:#1a1a1a !important;
	min-width:250px !important;
	max-width:320px !important;
	width:80% !important;
}
.change_btn_jihuri p {
	font-size:2rem;
	line-height:1.1;
}
.change_viewtable_idpass {
	width:100% !important;
}

/* 自振説明画面 PCスマホ切り替え */
	.png_jihuri_pc {
		margin:15px;
		width:95%;
		height:auto;
		min-width:700px !important;
		max-width:1000px;
		display:block;

	}
	.png_jihuri_sp {
		display:none;

	}
.change_view_uketori {
	display:inline-block;
	padding:0 0  0 10px;
}
.change_title_uketori {
	display:block;
	font-size: 15px;
	border-bottom: 2px solid #006c60;
	width: calc(100％ - 12px);
	margin: 50px 0 10px 0;
	color: #006c60;
}
.input_table {
	margin-bottom:20px;
}
.change_switch_kouzainput {
	margin:30px 20px;
}
.sinki_message {
	font-size: 1.8rem;
	color: #006c60;
	font-weight: bold;
	display: inline-block;
	width:100%;
	text-align:center;
}
#hyouji_yucho_kouza {
	display:none;
}
.padding_bottom_15 {
	padding-bottom:15px;
}
.tel_change {
	width:60px !important;
}
.widthName {
	max-width: 200px !important;
	width:100% !important;
}
.widthId {
	max-width: 300px !important;
	width:100% !important;
}
.widthPass {
	max-width: 300px !important;
	width:100% !important;
}
.widthRatio {
	width: 45px !important;
}
/* モック画面 */
	.change_hedder_mock {
		min-width:200px !important;
	}

/* 初めてご利用の方ページ用 */
	/* boxの並び */
		.hotouse_flex {
			display:flex;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;

		}
		.howtouse_box {
			min-height: 230px;
			width:40%;
			max-width:500px;
			min-width: 290px;
			display: block;
			border-radius: 4px;
			box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
			margin: 30px;
		}
		@media screen and (max-width:768px) {
			.howtouse_box {
				width:90%;
			}
		}
		.margin_right10 {
			margin-right:10px;
		}
		.box_aster {
			min-height: 320px;
		}
		.box_aster .hotouse_info {
			height: calc(100% - 170px);
		}
		.gif_howtouse1 {
			background: url(../../resources/img/img_index_01.gif) bottom right no-repeat #fff;
			background-size: 140px;
		}
		.gif_howtouse2 {
			background: url(../../resources/img/img_index_02.gif) bottom right no-repeat #fff;
			background-size: 140px;
		}
		.gif_howtouse3 {
			background: url(../../resources/img/img_index_04.gif) right no-repeat #fff;
			background-size: 140px;
		}
		.gif_howtouse4 {
			background: url(../../resources/img/img_index_03.gif) right no-repeat #fff;
			background-size: 140px;
		}
		.howtouse_item-check {
			height: 55px;
			display: table;
			padding: 5px 10px;
			background: #eee;
			margin: -5px 0 10px 0;
			border-radius: 0px;
			width: 100%;
			box-sizing: border-box;
		}
		.howtouse_title_txt {
			font-size: 2rem;
			color: #006f63;
			text-align:center;
			vertical-align: middle;
			display: table-cell;
			font-weight: bold;
		}
		.hotouse_info {
			width:calc(100% - 160px);
			padding: 10px;
			box-sizing: border-box;
		}
	/* ボタン系 */
		.blue_button {
			width: 90%;
			max-width: 500px;
			min-width: 300px;
			margin: 10px auto;

			text-align: center;
			font-size: 1.6rem;
			color: #fff;
			/*color: #006c60;*/
			/*color: #0693d4;*/
			text-decoration: none;
			font-weight: bold;
			line-height: 2.4rem;
			background: #0593D4 ;
			/*background: #fff;*/
			/*border-radius: 4px;*/
			border-radius: 6px;
			display: block;
			padding: 15px 5px;
			overflow: visible;
			min-height: 2.4rem;
			top :-6px;
			box-shadow: 0 1px 6px rgba(0,0,0,0.3);
		}
		.blue_button:hover {
		text-decoration:none !important;
		opacity:0.85;
	}

/* ログイン画面 */
	/* ボックスの中の見出し */
	.title_mini {
		font-size: 1.8rem;
		color: #006c60;
		border-bottom: 2px solid #006c60;
		padding: 15px 10px 3px 10px;
		margin: 10px 0;
		font-weight: bold;
	}

	.link_login {
		text-align:right;
		padding: 30px 0 0 0;
	}
	.link_login a {
		display: inline-block;
		color: #1a1a1a;
		text-decoration: none;
	}
	.link_login a span {
		background: url(../../resources/img/icon_triangle.png) left center no-repeat;
		padding: 0 10px 0 20px;
		font-size: 1.4rem;
	}
	/* リンクの左寄せ */
	.link_border_login {
		border-top: 1px solid #ddd;
	}
	.link_change_login {
		margin: 0px 0px 0px auto;
		max-width: 360px;
	}
	.link_change_login_long {
		margin: 0px 0px 0px auto;
		width: 290px;
	}
	.link_change_login a , .link_change_login_long a {
		color: #1a1a1a;
		text-decoration: none;
		display: block;
		padding: 10px 0;
	}
	.link_change_login span ,.link_change_login_long span {
		background: url(../../resources/img/icon_triangle.png) left center no-repeat;
		font-size: 1.4rem;
		background-size: 10px;
		display: block;
		padding-left: 20px;
	}
	/* Q&Aボタン */
	.qa_button_login {
		font-size: 1.6rem;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 2.4rem;
		background: #006c60;
		border-radius: 16px;
		padding: 3px 10px;
		box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
		position:relative;
		float:right;
		width:100px;
		text-align:center;
		z-index: 1;
	}
	.qa_button_login:hover {
		text-decoration:none !important;
		background: #007c70;
	}
	/* アコーディオン table対象化 */
	#contents-area div.login-box_div {
		width: 79.2%;
		margin: 20px auto;
		border: 4px solid #006c60;
		box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
		min-width: 300px;
	}
	#contents-area div.login-box_div, #contents-area div.login-box_div td {
		background: #fafafa;
		vertical-align: middle;
	}
	#contents-area div.login-box_div table,
	#contents-area div.login-box_div td ,
	#contents-area div.login-box_div li
	{
		border:none !important;
	}
	@media screen and (max-width:480px) {
		#contents-area div.login-box_div {
			width: 84%;
			margin: 20px auto;
			border: 4px solid #006c60;
			box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
		}
		#contents-area div.login-box_div,
		#contents-area div.login-box_div td {
			background: #fafafa;
			vertical-align: middle;
			padding: 5px 10px;
		}
		#contents-area .login-box_div th,
		#contents-area .login-box_div td {
			border: none;
			display: block !important;
			float: left !important;
			width: 100%;
			box-sizing: border-box;
		}
		#contents-area div.login-box_div table {
			width:100%;
		}
	}

	/* タイトル箇所の大きさ統一(スマホ、PC画面) */
	.main-menu {
		padding:0 !important;
	}


/* 自振説明画面 PCスマホ切り替え */

	/* カレンダー配色変更 */
		.ui-state-active,
		.ui-widget-content .ui-state-active,
		.ui-widget-header .ui-state-active {
			border: 1px solid #cccccc !important;
			background: #c9e2df !important;
		}

/* 注意事項説明画面 間隔 */
	.chuuijikou_space {
		width:100%;
		height:30px;
	}

/* 口座変更入力画面 */
	/* ラジオボタンの位置変更 */
	.change_radio_posi {
		padding: 0px 15px 15px 25px;
	}
	/* disabledの色 */
	input.change_bg_disabled {
		background:none !important;
		border:none !important;
		color:#333 !important;
	}

/* 修正案 */
	/* 入力フォーム(受取人変更) */
	.idea_input_name {
		width:35%;
	}
	.idea_input_relation {
		width:22%;
	}
	.idea_input_ratio {
		width:15%;
	}
/* 手続き選択画面 チェックボックス */
	/* チェックボックス */
		.flex_tetuduki {
			display:flex;
			flex-wrap: wrap;
		}
		.flex_tetuduki div{
		}
		.change_chekbox_tetuduki {
			padding:0 20px;
			width:300px;
			min-width:300px;
			margin:10px;
		}
		.icon_pepar_change_tetuduki {
			width: 100%;
			padding: 0 0 5px 40px !important;
		}
		.text_change_tetuduki {
			text-align:center;
			width:100%;
			display:inline-block;
		}
		.change_chekbox_tetuduki h3.icon_pepar{
			display:table-cell !important;
			vertical-align:middle;
		}
		.change_chekbox_tetuduki h3.icon_pepar p{
			height:auto !important;
		}
	/* テスト用遷移 */
		.change_test_tetuduki {
			margin:15px 0;
			padding: 0 0 5px 40px !important;
		}
/* 信頼済みサイトへの登録 */
	/* \203bの位置修正 */
		.change_aster_allowsite::before {
			left:-1em;
		}

/* モック画面 変更履歴カラー */
.change_color_title_mock {
	color: #fbba42 !important;
	border-bottom: 2px solid #fbc767 !important;
}
.change_color_th_mock {
	background: #fbc767 !important;
}

/* 完了画面 間隔 */
	.kanryou_margin {
		margin:50px 20px 20px 20px;
	}
/* 印刷上の留意点 */
	.change_table_insatu {
		width:calc(100% - 40px) !important;
	}
/* 受取人変更入力 */
	/* PC画面入力フォームの最適化 */
		@media screen and (min-width:481px) {
			.td_change_uketori {
				width: 45% !important;
			}
		}
	/* 変更前変更後の上寄による高さ統一化 */
	.td_change_uketori {
		vertical-align: top;
	}
	/* タイトル列の幅調節 */
		.uketori_space {
			width: 28px !important;
		}

	/* 案 */
	.idea_uketori_space {
		width:50px !important
	}
	.idea_color_change {
		color: #006c60;
	}
	@media screen and (max-width:480px) {
		.idea_border {
			border-right:solid #006c60;
		}
	}
/* 改姓改名入力画面 */
	/* PC画面入力フォームの最適化 */
		@media screen and (min-width:481px) {
			.td_change_kaisei {
				width: 45% !important;
			}
		}
	/* 変更前変更後の上寄による高さ統一化 */
	.td_change_kaisei {
		vertical-align: top;
	}
/* IDパス変更入力画面 */
	.idpass_space {
		width:80px !important;
	}
/* 連絡先変更入力画面 */
	.renraku_space {
		width: 150px !important;
	}
/* 受取人変更入力画面 ボックスの幅広げ */
    .width_100_login-box {
        width:100% !important;
    }}
/* TOP画面 */
	/* PC表示のマイメニュー 目立つように変更 */
	@media screen and (min-width:769px) {
		ul.main-btn {
			height:70px;
		}
		#btn_mymenu a {
			padding: 20px 0 0 0;
		}
		#btn_mymenu a p {
			font-size: 1.7rem;
		}
		#btn_mymenu a {
			min-height:70px;
			height:70px;
		}
	}
	/* モーダルの行追加に対する対策 */
	.change_modal_parent {
	}
	.change_modal {
		height: calc(100vh - 200px);
		max-height: 600px;
		box-sizing: border-box;
	}
	.change_modal_sub {
	}
	/* マイメニューボックス */
	.mymenu_box {
	width: calc( 100% - 20px );
	max-width:1100px;
	background: #03a694;
	padding: 2px;
	box-sizing: border-box;
	margin: 0 auto;
	border-radius: 8px;
	}
	/* ヘッダーにQ&A遷移追加 */
	.header_change_top {
		height:105px !important;
	}
	.wrapper_change_top {
		padding-top: 105px !important;
	}
	.link_top {
		padding: 30px 0 0 0;
		text-align: right;
	}
	.link_top a {
		display: inline-block;
		color: #1a1a1a;
		text-decoration: none;
	}
	.link_top a span {
		background: url(../../resources/img/icon_triangle.png) left center no-repeat;
		padding: 0 10px 0 20px;
		font-size: 1.4rem;
	}
	/* お知らせボタン */
	.change_osirase_top {
		width:100px;
		float:right;
		text-align:center;
		margin:0 2px 0 0;
		top: 31px !important;
	}
	p.info_link a:hover {
		text-decoration:none !important;
		opacity:0.85;
	}
	/* Q&Aボタン */
	.qa_button_top {
		font-size: 1.6rem;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 2.4rem;
		background: #006c60;
		border-radius: 16px;
		padding: 3px 10px;
		box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
		position:relative;
		float:right;
		width:100px;
		text-align:center;
		top: 4px;
		z-index: 1;
	}
	.qa_button_top:hover {
		text-decoration:none !important;
		background: #007c70;
	}
/* ヘッダー */
	/* 名前のボックス100％からオートへ */
	.header_under {
		width:auto;
	}
/* MSA_保障内容照会画面 */
    /* PCにて60歳迄のみにする修正 */
    .sp-th-view, #contents-area table.view_table2 td.table-sp-view .sp-th-view {
        display:none;
    }
    /* ラベル画像をタイトルに変更 */
    .syukeiyaku {
        background: url(../../resources/img/content_icon_001.png) left no-repeat;
        background-size:55px;
        width:calc(100% - 30px);
        margin:0 auto 15px auto;
        height:40px;
        border-bottom:2px solid #ff6500
        ;
    }
    .tokuyaku {
        background: url(../../resources/img/content_icon_002.png) left no-repeat;
        background-size:55px;
        width:calc(100% - 30px);
        margin:0 auto 15px auto;
        height:40px;
        border-bottom:2px solid #ff6500
    }
    @media screen and (max-width:768px) {
        .syukeiyaku {
            width:100% !important;
            height:35px;
            background-size:47px;
            margin:0 auto 12px auto;
        }
        .tokuyaku {
            width:100% !important;
            height:35px;
            background-size:47px;
            margin:0 auto 12px auto;
        }
    }

/* sorry画面 */
	/* 画面下に空間が出来てしまうことの対策 */
	.change_contentsarea {
		min-height: calc(100vh - 222px) !important;
	}
	/* 文字折り返しを左寄せ */
	.turnback_left {
		display: inline-block;
		text-align: left;
	}
	.kanryou_sub_margin {
		margin:0 20px;
	}

/* WEB手続方法選択画面 */
	/* ボタンサイズ調整 */
	.web_button {
		max-width: 210px !important;
		font-size:105%!important;
	}

/* 全画面 */

	/* タイトル ログアウト */
	.change_logout_hedder {
		width: 120px !important;
		z-index: 1 !important;
		margin: 0 0 0 10px !important;
		padding:2px 5px !important;
		float:right;
		top:30px;
		border-radius: 16px !important;
	}

	.change_logout_hedder:hover {
		opacity:1 !important;
		background:#ffd63d;
	}
	.top_osirase_logout {
		top:0px;
	}
	.top_osirase_logout:hover {
		opacity:1 !important;
		background:#ffd63d;
	}
	.header_menu2 {
		position:absolute !important;
		top:0px !important;
		right:3px !important;
	}
	/* 灰色のサブテキスト */
	.sub_text {
		color: #919191;
		font-size: 1.4rem;
		font-weight: bold;
		text-align:center;
		display: inline-block;
		width: 100%;
	}
	/* 間隔 タイトル */
	#contents-area h2 {
		margin:20px 0;
	}
	/* タイトルとロゴの重なり解消 */
	.header_title h1 {
		padding-left: 10px;
	}
	/* ロゴ削除のため左の空間を削除 */
	.iblock_title {
		padding-left: 0 !important;
	}
	.main-menu h1 {
		padding: 15px 10px 5px 20px !important;
	}

	/* タイトル スマホ画面で左にずれるのを解消 */
	.title_top {
		padding-left:0;
	}
	.header_title {
		margin:0 0 0 0 !important;
	}
	/* 入力フォーム崩れ */
	.width4 {
		min-width: 60px;
	}
	/* 表示ボックスのサイズ変更 */
	.view_table .th {
		min-width: 160px !important;
	}
	/* ログアウトボタン */
	.header_menu .drawer-menu-item2 {
		width:120px !important;
		border-radius: 16px;
	}
	/* ステップ表示 */
	@media screen and (min-width:769px) {
		ul.step_auto li {
			padding: 0 20px 0 10px !important;
			width:360px;
		}
	}
	@media screen and (max-width:768px) {
		ul.step_auto li.step_active {
			width:100%;
		}
	}
	/* モーダルのポインター修正 */
	.cl_modal_window {
		cursor: default;
	}
	/* 入力例説明用ボックス */
	.giji_input {
		border: solid 1px;
		padding: 2px 6px;
	}
	/* 入力フォーム */
		/* テーブルヘッダー */
		.th_color_change {
			color: #006c60;
		}
		/* 注意文章用のスペース調整 */
		.change_th_aster {
			width: 125px !important;
		}
		.change_th_aster_renraku {
			width: 175px !important;
		}
		/* 縦並び */
		.input_vertical_th {
			width:120px !important;
		}
		@media screen and (min-width:481px) {
			.input_vertical_th {
				padding: 0 10px 0 10px;
			}
		}
			/* 区切り線 */
			.border_bottom_dot {
				border-bottom: dotted 2px !important;
			}
		/* 表示切り替え */
		.only_smaho_input {
			display:none;
		}
		@media screen and (max-width:480px) {
			.only_smaho_input {
				display:block !important;
			}
		}
		.only_pc_input {
			display:block;
		}
		@media screen and (max-width:480px) {
			.only_pc_input {
				display:none !important;
			}
		}
		@media screen and (min-width:481px) {
			.td_change_input {
				width: 40% !important;
			}

		}
		/* 変更前変更後の上寄による高さ統一化 */
		.td_change_input {
			vertical-align: top;
		}
		/* 証券番号 */
			/* 頭文字入力 プルダウン */
			.change_select {
				min-width:50px !important;
				margin:2px 2px 5px 0 !important;
				height:35px;
			}
			/* 10文字入力フォーム */
			@media screen and (min-width:481px) {
				.num_10 {
					min-width: 120px !important;
					width: 30% !important;
				}
			}
			@media screen and (max-width:480px) {
				.num_10 {
					min-width: 120px !important;
					width: 45% !important;
				}
			}
			/* 改行対策 */
			.nobr_margin {
				margin:0 1px 5px 1px !important;
			}
	/* ヘッダーにQ&A遷移追加 */
	.header_change {
		height:100px !important;
	}
	.wrapper_change {
		padding-top: 100px !important;
	}
	/* Q&Aボタン */
	.qa_button {
		font-size: 1.6rem;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 2.4rem;
		background: #006c60;
		border-radius: 16px;
		padding: 3px 10px;
		box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
		position:relative;
		float:right;
		width:100px;
		text-align:center;
		top: 32px;
		z-index: 1;
	}
	.qa_button:hover {
		text-decoration:none !important;
		background: #007c70;
	}
	/* 確認画面 */
	.view_table .th_main {
		min-width:112px !important;
		width:112px !important;
	}
	.view_table .th_sub {
		min-width:31px !important;
		width:31px !important;
	}

	/* view_table 横幅 */
	.view_table .col-12 { width: 100%; }
	.view_table .col-11 { width: 91.7%; }
	.view_table .col-10 { width: 83.3%; }
	.view_table .col-9 { width: 75%; }
	.view_table .col-8 { width: 66.7%; }
	.view_table .col-7 { width: 58.3%; }
	.view_table .col-6 { width: 50%; }
	.view_table .col-5 { width: 41.7%; }
	.view_table .col-4 { width: 33.3%; }
	.view_table .col-3 { width: 25%; }
	.view_table .col-2 { width: 16.7%; }
	.view_table .col-1 { width: 8.3%; }

	/* 独自の入力画面 */
		.input_table_beforeafter {
			margin-bottom: 20px;
			background: #eee;
			border-radius: 4px;
			padding: 10px 10px;
			overflow: hidden;
			margin: 0;
			list-style: none;

		}
		.input_table_beforeafter li{ display:table; border-bottom:1px solid #8e8e8e; padding: 10px 0; width:100%;}
		.input_table_beforeafter li:last-child{ border:none;}
		.input_table_beforeafter li .th{ box-sizing:border-box; vertical-align:top;}
		.input_table_beforeafter li .td{ display:table-cell; box-sizing:border-box;}
		.input_table_beforeafter .th{ font-weight:bold; white-space: nowrap; }
		.input_table_beforeafter .th span{ font-weight:normal; font-size:1.2rem;}
		.input_table_beforeafter .th p{ display:inline-block; }
		.input_table_beforeafter .must:before{ float:left; content:"必須"; background:#b70909; color:#fff; padding:1px 8px; font-weight:normal; font-size:1.2rem; margin-left:10px; margin-bottom:10px; width:25px; text-align:center;}
		.input_table_beforeafter textarea{ font-size:1.6rem; min-width:200px; min-height:6em; width:100%; border-radius:3px;border:1px solid #c8c8c7; margin:0 10px 10px 0 ; box-sizing: border-box; }
		.input_table_beforeafter textarea.cl_big_area{ min-height:200px;}
		.input_table_beforeafter select{ font-size:1.6rem; min-width:110px; min-height:1em; width:auto; border-radius:3px;border:1px solid #c8c8c7; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; padding:0 5px; margin:0 10px 10px 0 ;  }
		.input_table_beforeafter input[type="text"]{ height:35px; box-sizing:border-box; padding:0 5px; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; font-size:1.6rem; margin:0 10px 5px 0; width:150px; border-radius:3px; border:1px solid #c8c8c7;}
		.input_table_beforeafter input[type="text"].width6,.width6{ width:110px ;}
		.input_table_beforeafter input[type="text"].width4,.width4{ width:110px ;}
		.input_table_beforeafter input[type="text"].width2,.width2{ width:50px !important}
		.input_table_beforeafter input[type="text"].width1,.width1{ width:40px !important}
		.input_table_beforeafter input[type="text"].widthL,.widthL{ width:310px !important;}
		.input_table_beforeafter input[type="text"].width10,.width10{
			min-width:140px !important;
			width:30%;
		}
		.input_table_beforeafter input[type="password"]{ height:35px; box-sizing:border-box; padding:0 5px; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; font-size:1.6rem; margin:0 10px 5px 0; width:150px; border-radius:3px; border:1px solid #c8c8c7;}
		@media screen and (min-width:481px) {
			.input_table_beforeafter li .th {
				max-width: 100px;
			}
		}
		@media screen and (max-width:480px) {
			.input_table_beforeafter li{ display:block; border-bottom:1px solid #8e8e8e; padding: 10px 0; width:100%;}
			.input_table_beforeafter li:last-child{ border:none;}
			.input_table_beforeafter li .th{ display:block; width:100%; padding:0 0 0 15px; box-sizing:border-box;}
			.input_table_beforeafter li .td{ display:block; padding:10px 0 0 10px; box-sizing:border-box;}

			.input_table_beforeafter input[type="text"]{ height:35px; box-sizing:border-box; padding:0 5px; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:1.6rem; margin:0 10px 5px 0; width:45%; border-radius:3px; border:1px solid #c8c8c7;}
			.input_table_beforeafter input[type="text"].width4{ width:30% ;}
			.input_table_beforeafter input[type="text"].width2{ width:15% !important;}
			.input_table_beforeafter input[type="text"].widthL{ width:100% !important;}
			.input_table_beforeafter label{ display: inline; padding:0 15px 5px 0 ;}
			.input_table_beforeafter .must:before{ float:right; content:"必須"; background:#b70909; color:#fff; padding:1px 8px; font-weight:normal; font-size:1.2rem; margin-left:0px;  text-align:center;}
		}

		.only_smaho_beforeafter {
			display:none;
		}
		@media screen and (max-width:480px) {
			.only_smaho_beforeafter {
				display:block !important;
			}
			.input_table_beforeafter li .td {
				display: block;
				padding: 10px 0 0 10px;
				box-sizing: border-box;
			}
		}
		.only_pc_beforeafter {
			display:block;
		}
		@media screen and (max-width:480px) {
			.only_pc_beforeafter {
				display:none !important;
			}
		}
		/* チェックボックスの間隔 */
		.checkbox_between {
			padding: 0 20px 0 40px !important;
		}


		/* 個別レイアウト調整用 */
		.no_line_padding {
			padding: 0 0 10px 0 !important;
		}

		/* 個別レイアウト調整用 */
		.no_bottom_line {
			border-bottom: none !important;
			padding: 10px 5px 0 0 !important;
		}

		/* 個別レイアウト調整用 */
		.div_margin-bottom {
			margin-bottom: 5px;
		}

		/* 契約内容照会 */
		.th_width {
			width:35%;
		}

	/* txt color red */
	.color_red {
	   color:red;
	}

	/* span nobr */
	.nobr {
	    white-space: nowrap;
	}

	/* yabane */
	@media screen and (min-width:769px) {
	   .step_2line {
	       max-height: 43px;
	       line-height:19px;
	       padding:2px 15px 2px 30px !important;
	   }
	   .step_text_2line {
	       font-size:15px;
	   }
	   div.step_2line::before {
	       position:relative;
	       top:11px;
	   }
	}
	/* setumeiran link */
	.link_change_clipprinting {
		margin: 0px 0px 0px auto;
		width: 150px;
	}
	.link_change_clipprinting a {
		color: #1a1a1a;
		text-decoration: none;
		display: block;
		padding: 10px 0;
	}
	.link_change_clipprinting span {
		background: url(../../resources/img/icon_triangle.png) left center no-repeat;
		font-size: 1.4rem;
		background-size: 10px;
		display: block;
		padding-left: 20px;
	}
	/* ひし形リストマーク */
	.list_hisigata {
		text-indent:-1.3em;
		margin-left:1em;
	}
	p.list_hisigata:before {
		content:' ';
		display:inline-block;
		width:0.5em;
		height:0.5em;
		margin-right:0.5em;
		transform:rotate(45deg);
		vertical-align:2px;
		background:black;
	}
	/* 黒字＋緑下線 */
	.title_mini2 {
		border-bottom: 2px solid #006c60;
		width: 90%;
		margin: 0 auto;
	}
	/* アコーディオン内文言のスペース */
	.inner_notice {
		display: block;
		padding: 0 1em 0 1.4em;
		text-indent:1.5em;
		position: relative;
		margin: 0 0 0 1.1em;
	}
/* OFF設定 */
	/* メニューボタン */
	#id_navi {
		display:none;
	}
	/* ログアウトボタン */
	.drawer-menu-item2.cl_btn_modal_window16.top {
	}



	/* 詳しい解説 */
	.long_information {
	}
	.mini_information {
	}

/*************************************************************************
 *カーソルをポインターにするスタイル
 *************************************************************************/
.cursor-pointer {
	cursor:pointer !important;
}

/* txt color black */
.color_black {
	color:black;
 }