@charset "utf-8";

/* ==================================================================
COMMON
============================================================================= */
body{
	color:#333;
	font-size:14px;
	line-height:1;
	background-color:#fff;
	height:100%;
	font-family: "メイリオ", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Roboto, "Droid Sans", sans-serif;
}

a {
	color:#333;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

select, input[type="text"], input[type="password"]{
	-webkit-appearance: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius: 0;
}
input[type="submit"]{
	-webkit-appearance: button;
}
button {
	font-size:14px;
}

body.contents__flow--networktire{
	background-size:2px 121px;
}

input[type="button"],input[type="submit"] {
		-webkit-appearance: none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius: 0;
}

/*-----------------------------------
レイアウト
------------------------------------------------------ */
.contents__flow--networktire .contents__bg{
	background:#fff url(/images/general/bg_header.gif) repeat-x 0 0;
	padding-top: 28px;
}
.contents__flow--networktire .contents__body{
	width: 980px;
	margin:0 auto;
}
/*-----------------------------------
HEADER
------------------------------------------------------ */
header{
}
header h1.header__logo{
	width: 980px;
	margin:0 auto;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	position: relative;
	line-height: 44px;
}
header h1.header__logo img{
	vertical-align: middle;
	margin: 4px;
	width: 160px;
}
header h1.header__logo span.header__logo--txt01{
	position: absolute;
	top: 0;
/*	left:265px;*/
	display: inline-block;
	color: #000;
/*	color: #fff;*/
	font-weight: bold;
	font-size: 20px;
	line-height: 46px;
/*	background-color: #38A654;*/
	padding: 10px;
	margin-left: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header .header__txt{
	border-bottom:1px solid #d4d4d4;
}
header .header__txt p{
	width: 980px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header .header__txt p i{
	padding:0 3px 0 7px;
}
.header__txt p span.header__txt--phone{
	font-weight: bold;
		display: inline-block;
		margin-top: 2px;
		background: #fff url(/images/general/ico_phone01.png) no-repeat 8px 50%;
		background-size: 16px;
		padding-left: 27px;
}
.header__txt p span.header__txt--freedial{
	font-weight: bold;
		display: inline-block;
		margin-top: 2px;
		background: #fff url(/images/general/ico_freedial01.png) no-repeat 8px 50%;
		background-size: 16px;
		padding-left: 27px;
}
.header__txt p span.header__txt--time{
	font-size: 9px;
}
/*-----------------------------------
タイトル
------------------------------------------------------ */
h1.contents__title--h1{
	background: url(/images/general/ico_title--h1.png) no-repeat 0 3px;
	background-size: 21px 21px;
	border-bottom: 1px solid #333;
	padding:4px 0 8px 28px;
	font-size: 20px;
	font-weight: bold;
	margin :28px 0;
	line-height: 1;
}
h1.contents__title--h1_nobg{
	background-size: 21px 21px;
	border-bottom: 1px solid #333;
	padding:4px 0 8px 0px;
	font-size: 20px;
	font-weight: bold;
	margin :28px 0;
	line-height: 1;
}
h1.contents__title--h1 .contents__title--txt01,
h1.contents__title--h1_nobg .contents__title--txt01{
	font-size: 12px;
	padding-left: 6px;
	font-weight: normal;
}

h1.section__title01--h1,
h1.section__title01--h1_nobg{
	font-size: 20px;
	font-weight: bold;
	padding-top: 28px;
	border-top: 1px solid #d4d4d4;
}
h1.section__title02--h1{
	background-color: #2d2d2f;
	color: #fff;
	padding: 14px 12px 13px;
	height: 42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1.section__title02--h1 i{
 padding-right: 5px;
}

/*-----------------------------------
矢羽
------------------------------------------------------ */
ul.contents__arr--3row,
ul.contents__arr--4row{
	margin: 0;
	display:table;
}
ul.contents__arr--3row li,
ul.contents__arr--4row li{
	color: #fff;
	display:table-cell;
	padding-top: 2px;
	width: 246px;
	height: 31px;
	text-align: center;;
	vertical-align: middle;
	font-weight: bold;
	position: relative;
	background-color: #333333;
}
ul.contents__arr--3row li{
	width: 326px;
}
ul.contents__arr--3row li::after,
ul.contents__arr--4row li::after{
	content:"";
	position: absolute;
	top: 0;
	right:-15px;
	width: 15px;
	height: 33px;
	background: url(/images/general/ico_flow.png) no-repeat 100% 50%;
	background-size:15px 33px;
	z-index: 10;
}
ul.contents__arr--3row li:last-child::after,
ul.contents__arr--4row li:last-child::after{
	background:none;
}
ul.contents__arr--4row li:first-of-type{
	width: 242px;
}
ul.contents__arr--3row li:first-of-type{
	width: 328px;
}
ul.contents__arr--3row li:nth-of-type(2){
	padding-left: 15px;
}
ul.contents__arr--3row li.contents__arr--ac,
ul.contents__arr--4row li.contents__arr--ac{
	color: #fff;
	background-color: #38A654;
}
ul.contents__arr--3row li.contents__arr--ac::after,
ul.contents__arr--4row li.contents__arr--ac::after{
	background: url(/images/general/ico_flow_ac.png) no-repeat 100% 50%;
	background-size:15px 33px;
}
ul.contents__arr--3row li:last-child.contents__arr--ac::after,
ul.contents__arr--4row li:last-child.contents__arr--ac::after{
	background: none;
}
ul.contents__arr--3row li:first-child,
ul.contents__arr--4row li:first-child{
	color: #fff;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
ul.contents__arr--3row li:last-child,
ul.contents__arr--4row li:last-child{
	color: #fff;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

/*-----------------------------------
テキスト
------------------------------------------------------ */
p.link_pageBack{
	margin: 14px 0;
}
p.link_pageBack i{
	color: #38A654;
	padding-right: 4px;
	padding-top: 2px;
}
.txt_error01{
	color: #e31212;
	margin-top: 8px;
}
.txt_required{
	color: #ffffff;
	display: inline-block;
	margin-top: -2px;
	vertical-align: middle;
	border-radius: 3px;
	border: solid 1px #38A654;
	background-color: #38A654;
	font-size: 12px;
	font-weight: normal;
	padding: 0 6px;
	line-height: 17px;
	margin-left:14px;
}
/*.txt_required{
	color: #e31212;
	display: inline-block;
	margin-top: -2px;
	vertical-align: middle;
	border-radius: 3px;
	border: solid 1px #f1686f;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	padding: 0 6px;
	line-height: 17px;
	margin-left:14px;
}*/
p.txt_noentry{
	background-color:#f2f2f2;
	text-align:center;
	padding:28px 0;
	margin-top:15px;
	line-height: 1.8;
}
p.txt_attention{
	background-color:#f4dcdd;
	border:solid 1px #e8c5c8;
	text-align:center;
	padding:10px;
	margin:20px 0px 0px;
	line-height:1.5em;
}


/*-----------------------------------
リスト
------------------------------------------------------ */
.list_caution--01{
	font-size: 12px;
	width: 778px;
	margin: 28px auto 0;
}
.list_caution--01 li {
	text-align: left;
	line-height: 1.6;
	padding-left: 1em;
	padding-right: 1em;
}
.list_caution--01 li{
	text-indent: -1em;
}
.policy {
	font-size: 12px;
	text-align: left;
	line-height: 1.6;
	padding: 20px 16px;
	border: solid 1px #dddddd;
}
div.policy {
	margin-top: 26px;
	text-indent: 0em;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
div.policy_img img {
	width: 120px;
	padding: 6px 6px 0px 12px;
}

/*-----------------------------------
ボタン
------------------------------------------------------ */
ul.pagenation{
	overflow: hidden;
	text-align: center;
	margin: 22px auto 0;
}
ul.pagenation li{
	display:inline-block;
	border-right: 3px solid #fff;
	border-left: 3px solid #fff;
	text-align: center;
	margin-top: 6px;
}
ul.pagenation li:first-of-type{
	margin-left: 0;
}
ul.pagenation li.disabled{
}
ul.pagenation li.prev a,
ul.pagenation li.next a{
	width: 56px;
	position: relative;
}
ul.pagenation li a i{
	display: none;
}
/*ul.pagenation li.prev a::after{
	content:"前へ";
}*/
/*ul.pagenation li.next a::after{
	content:"次へ";
}*/
ul.pagenation li a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 29px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	border:1px solid #3f3b3a;
	background-color: #3f3b3a;
}
ul.pagenation li.on span{
	width: 29px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
}
ul.pagenation li a:hover, ul.pagenation li.on span{
	background-color:#fff;
	color: #38A654;
	border:1px solid #38A654;
}


a.btn--back{
	margin: 28px auto 0;
	width: 244px;
	height: 41px;
	line-height: 41px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #38A654;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	color: #38A654;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align:center;
	position: relative;
}
a.btn--back:hover{
	color: #fff;
	background-color: #38A654;
}
a.btn--back i{
	position: absolute;
	left: 15px;
	top: 13px;
}


a.btn--01,
button.btn--01,
.btn--01 input[type="button"]{
	position: relative;
	display: block;
	background-color: #38A654;
	width: 244px;
	height: 41px;
	padding: 0;
	border: none;
	margin: 28px auto 0;

	color: #fff;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	line-height: 41px;
	cursor: pointer;
	border: 1px solid #38A654;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a.btn--01:hover,
button.btn--01:hover,
.btn--01 input[type="button"]:hover{
	color: #38A654;
	border-color: #38A654;
	background-color: #fff;
}
button.btn--01 i,
a.btn--01 i{
	position: absolute;
	top:13px;
	right: 14px;
}
a.btn--01:not([disabled]):hover,
button.btn--01:not([disabled]):hover{
	color: #38A654;
	border-color: #38A654;
	background-color: #fff;
}
button.btn--01[disabled] {
	color: #fff;
	border: 1px solid #e3e3e3;
	background-color: #e3e3e3;
	cursor: default;
}

.btn_input{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	position: relative;
	margin: 28px auto ;
	width: 244px;
}
.btn_input input{
	width: 244px;
	position: relative;
	background-color: #38A654;
	border: 1px solid #38A654;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	text-align:center;
	padding: 12px 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
.btn_input::after{
	content:"\f138";
	font-family: 'FontAwesome';
	position: absolute;
	top: 16px;
	right: 14px;
}

.contents__flow--networktire a.searchbox__btn{
	float: right;
	margin: 7px;
	border: 1px solid #38A654;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display: block;
	width: 198px;
	padding:8px 0 6px;
	color: #38A654;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
.contents__flow--networktire a.searchbox__btn i{
	padding-right: 4px;
}
.contents__flow--networktire a.searchbox__btn:hover{
	color: rgba(14, 172, 81, 0.7);
}

.contents__flow--networktire button.searchbox__btn{
	float: right;
	margin: 7px;
	border: 1px solid #38A654;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display: block;
	width: 198px;
	height: 30px;
	line-height: 28px;
	padding: 0;
	color: #38A654;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}
.contents__flow--networktire button.searchbox__btn i{
	font-size: 14px;
	padding-right: 5px;
}
.contents__flow--networktire button.searchbox__btn:hover{
	color: #fff;
	background-color: #38A654;
}
/*-----------------------------------
FOOTER
------------------------------------------------------ */
.footer__txt{
	display: none;
}
footer{
	margin-top: 26px;
	min-width:980px;
}
footer .btn--pageTop a{
	display: block;
	padding: 28px 0;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #d4d4d4;
	text-decoration: none;
}
footer .btn--pageTop a i{
	padding-right: 7px;
}
footer .btn--pageTop a:hover{
	color: rgba(0, 0, 0, 0.7);
}

footer .footer__links--head{
		width: 980px;
		margin: 0 auto;
}
footer dl.footer__links--txt{
	float: left;
	width: 243px;
}
footer dl.footer__links--txt:last-of-type{
	width: 242px;
}
footer dl.footer__links--txt dt{
	font-size: 16px;
	font-weight: bold;
	padding: 28px 0 14px;
}
footer dl.footer__links--txt dd dl dt{
	font-size: 12px;
	padding-bottom: 14px;
	padding-top: 0;
	font-weight: normal;
}
footer dl.footer__links--txt dd dl dd{
	font-size: 12px;
	padding-left: 14px;
	padding-bottom: 14px;
}
footer dl.footer__links--txt dd ul li{
	font-size: 12px;
	padding-bottom: 12px;
	padding-top: 0;
	font-weight: normal;
}

footer small{
	display: block;
	border-top: 1px solid #d4d4d4;
	text-align: center;
	padding: 28px 0 ;
	font-style: normal;
	font-size: 12px;
}

img.bnr_bridge {
	width: 160px;
	margin-right: 16px;
	display: inline;
	vertical-align: middle;
	}

p.txt_noorder{
	text-align: center;
	font-size: 16px;
	margin: 40px 0;
	font-weight: bold;
}
p.txt_noorder i {
		padding: 0 3px 0 0;
		color: #fdb61c;
}
/*-----------------------------------
エラー
------------------------------------------------------ */
h1.contents__title--h1.title--error{
	background-image:none;
	padding: 0 0 8px 0;
	margin-top: 0;
}
h1.contents__title--h1.title--error i{
	padding: 0 7px 0 0;
	color: #fdb61c;
}
.contents__flow--networktire .contents--404{
	margin:0 0 500px;
}

.contents__flow--networktire .contents--404 .txt_caution--error{
	line-height: 1.5;
}
@media screen and (max-width:768px) {
	header .header__txt p,
	header h1.header__logo{
		width: auto;
		margin: 0 10px;
	}
	/*-----------------------------------
	矢羽
	------------------------------------------------------ */
	.contents__flow--networktire .contents__bg{
		padding-top: 20px;
	}
	.contents__flow--networktire .contents__body{
		width: auto;
		margin: 0 10px;
	}
	ul.contents__arr--4row li{
		padding-left: 14px;
	}

	/*-----------------------------------
	テキスト
	------------------------------------------------------ */
	.txt_error01{
		margin-top: 4px;
	}
	p.txt_noentry{
		padding:15px 0;
	}
	.txt_required {
		margin-left: 10px;
	}

	footer{
		min-width:100%;
		margin-top: 30px;
	}
	footer small{
		padding: 20px 0;
	}
	ul.list_Page li a,
	ul.list_Page li span.active{
		width: 37px;
		padding: 12px 0 10px;
	}
	a.btn--back{
		margin-top: 20px;
	}
	.contents__flow--networktire button.searchbox__btn	{
		float: none;
		display: block;
		width: 100%;
		line-height: 39px;
		height: 41px;
		padding: 0;
		color: #38A654;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		margin: 0;
		margin-top: 10px;
		font-size: 14px;
	}
	.contents__flow--networktire button.searchbox__btn:hover {
		color: #38A654;
		background-color: #fff;
	}
	.contents__flow--networktire button.searchbox__btn i{
		padding-right: 5px;
	}
	.contents__flow--networktire a.location__btn {
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
		display: block;
		width: 100%;
		height: 41px;
		line-height: 41px;
		color: #fff;
		background-color: #38A654;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
	}

	h1.contents__title--h1{
		margin: 20px 0;
	}
	h1.section__title01--h1{
		padding-top: 20px;
	}
	ul.list_caution--01 {
		margin-top: 18px;
		width: auto;
	}
	.policy {
		margin-top: 18px;
		width: auto;
	}
	ul.pagenation{
		margin: 14px 0 0;
	}
	ul.pagenation li a:hover{
		background-color: #38A654;
		color: #fff;
	}

	a.btn--01, button.btn--01, .btn--01 input[type="button"]{
		margin: 20px auto 0;
	}

	/*-----------------------------------
	ボタン
	------------------------------------------------------ */
	a.btn--01:hover,
	button.btn--01:hover,
	.btn--01 input[type="button"]:hover{
		color: #fff;
		border-color: #38A654;
		background-color: #38A654;
	}
	a.btn--01:not([disabled]):hover,
	button.btn--01:not([disabled]):hover{
		color: #fff;
		border-color: #38A654;
		background-color: #38A654;
	}
	a.btn--back:hover{
		color: #38A654;
		background-color: #fff;
	}
	button.btn--01[disabled] {
		color: #fff;
		border: 1px solid #e3e3e3;
		background-color: #e3e3e3;
	}
}

@media screen and (max-width:570px) {
	header .header__txt{
		display: none;
	}
	.header__txt p span.header__txt--time{
		font-size: 8px;
	}
	header h1.header__logo{
		font-size: 18px;
		line-height:inherit;
		height: auto;
		margin: 0;
		text-align: center;
	}
	header h1.header__logo img{
		width: 240px;
		height: auto;
		margin:8px 0;
		vertical-align: middle;
	}
	header h1.header__logo span.header__logo--txt01{
		position:static;
		margin: 0;
		display: block;
		width: 100%;
		text-align: center;
		line-height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background-color: #3f3b3a;
		font-size: 16px;
		padding: 2px 10px;

	}
	header h1.header__logo span.header__logo--txt01::before,
	header h1.header__logo span.header__logo--txt01::after{
		content:none;
	}
	.contents__flow--networktire .contents__bg {
			width: 100%;
			background: #fff url(/images/general/bg_header.gif) repeat-x 0 0;
			background-size:2px 50px;
			padding-top: 10px;
	}
	h1.contents__title--h1 .contents__title--txt01 {
		display: block;
		margin-top: 4px;
	}
	h1.contents__title--h1.title--error{
		margin-top: 10px;
	}
	ul.contents__arr--4row {
		display: table;
		width: 100%;
	}
	ul.contents__arr--4row li{
		padding-top: 0;
		height: 30px;
		line-height: 30px;
		text-indent: -9999px;
		width: 33px;
	}
	ul.contents__arr--4row li::after {
		height: 30px;
		background-size: 15px 30px;
}
	ul.contents__arr--4row li:first-of-type{
		width: 20px;
	}
	ul.contents__arr--4row li:last-of-type{
		width: 36px;
	}
	ul.contents__arr--3row li:last-of-type{
		padding-left: 7px;
	}
	ul.contents__arr--4row li::before{
		position: absolute;
		top: 1px;
		left:58%;
		text-indent:0;
	}
	ul.contents__arr--4row li:first-of-type::before{
		content:"1";
		left:41%;
	}
	ul.contents__arr--4row li:last-of-type::before{
		content:"5";
		left:53%;
	}
	ul.contents__arr--4row li:nth-of-type(2)::before{
		content:"2";
	}
	ul.contents__arr--4row li:nth-of-type(3)::before{
		content:"3";
	}
	ul.contents__arr--4row li:nth-of-type(4)::before{
		content:"4";
	}
	/*
	ul.contents__arr--4row li:first-of-type.contents__arr--ac{
		width: -webkit-calc(100% - 102px);
		width: calc(100% - 102px);
	}
	ul.contents__arr--4row li:last-of-type.contents__arr--ac{
		width: -webkit-calc(100% - 89px);
		width: calc(100% - 89px);
	}
	*/
	ul.contents__arr--4row li.contents__arr--ac{
		width: auto;
/*
		width: 68%;
		width: -webkit-calc(100% - 122px);
		width: calc(100% - 122px);
*/
	}
	ul.contents__arr--4row li.contents__arr--ac{
		text-indent: 0;
		padding-left: 10px;
	}
	ul.contents__arr--4row li.contents__arr--ac::before{
		content: none;
	}

	h1.contents__title--h1 {
			background: url(/images/general/ico_title--h1.png) no-repeat 0 3px;
			background-size: 21px 21px;
			padding: 4px 0 6px 26px;
			font-size: 16px;
			font-weight: bold;
			margin: 20px 0 10px;
			line-height: 1.2;
	}
	ul.list_Page li a, ul.list_Page li.listPage_nav a, ul.list_Page li span.active {
		width: auto;
		padding: 5px 6px 4px;
	}
	.policy {
		text-align: left;
	}
	div.policy_img {
		text-align: center;
	}
	div.policy_img img {
		width: 100px;
		padding: 10px 10px 0px;
	}
	footer{
		margin-top: 0;
	}
	.footer__txt{
		border-top: 1px solid #d4d4d4;
		text-decoration: none;
		margin-top: 20px;
		display: block;
		text-align: center;
		padding: 10px;
		line-height: 1.2;
		background-color: #f2f2f2;
		font-size: 12px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.footer__txt .footer__txt--phone, .footer__txt .footer__txt--freedial{
		font-weight: bold;
		font-size: 18px;
		display: block;
		margin-top: 5px;
		text-decoration: underline;
		position: relative;
	}
	.footer__txt .footer__txt--phone::before{
		content: "";
		width: 18px;
		height: 18px;
		background: #f2f2f2 url(/images/general/ico_phone02.png) no-repeat 0 -1px;
		background-size: 22px;
		padding-left: 29px;
	}
	.footer__txt .footer__txt--freedial::before{
		content: "";
		width: 18px;
		height: 18px;
		background: #f2f2f2 url(/images/general/ico_freedial02.png) no-repeat 0 -1px;
		background-size: 22px;
		padding-left: 29px;
	}
	.footer__txt .footer__txt--phone i, .footer__txt .footer__txt--freedial i{
		padding-right: 4px;
	}

	.footer__txt--time{
		display: block;
		font-size: 10px;
		margin-top: 5px;
	}
	img.bnr_bridge {
		width: 100px;
		margin-right: 10px;
		display: inline;
		vertical-align: middle;
	}
	ul.pagenation li{
		display: none;
	}
	ul.pagenation li.prev,
	ul.pagenation li.next,
	ul.pagenation li.on{
	display: inline-block;
	}
	p.txt_attention{
	margin:10px 0px 0px;
	line-height:1.5em;
	}
}
@media print, screen and (min-width: 570px) {
	.sp-only {
	display: none;
	}
}

/*-----------------------------------
flow用
------------------------------------------------------ */
h1.contents__title_flow--h1_01{
	background: url(/images/general/ico_title_flow--h1_01.png) no-repeat 0 3px;
}
h1.contents__title_flow--h1_02{
	background: url(/images/general/ico_title_flow--h1_02.png) no-repeat 0 3px;
}
h1.contents__title_flow--h1_03{
	background: url(/images/general/ico_title_flow--h1_03.png) no-repeat 0 3px;
}

h1.contents__title_flow--h1_01, h1.contents__title_flow--h1_02, h1.contents__title_flow--h1_03 {
	background-size: 21px 21px;
	border-bottom: 1px solid #333;
	padding:4px 0 8px 28px;
	font-size: 20px;
	font-weight: bold;
	margin :28px 0;
	line-height: 1;
}


.contents__body .contents_flowinfo {
	font-size: 16px;
	line-height: 1.2em;
	padding: 0px 26px 0px;
}

.flow_shoplink{
    display: flex;
	padding: 0px 26px 0px;
    list-style: none;
    margin: 20px 0px;
}


.flow_shoplink img {
	width: 140px;
    margin-right:15px;
}
.flow_shoplink li{
    display: flex;
    width:33%;
}
.flow_shoplink li a{
    display: flex;
	color: #ffffff;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-right:15px;
	background-color: #E60012;
	border: solid 1px #E60012;
	border-radius: 10px;
	text-decoration: none;
}
.flow_shoplink li a:hover{
	text-decoration: underline;
}

@media(max-width:800px){
		.flow_shoplink img {
		width: 80px;
		height: 33px;
		margin-right:10px;
	}

	.flow_shoplink li a{
		display: flex;
		color: #ffffff;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
		margin-right:5px;
		background-color: #E60012;
		border: solid 1px #E60012;
		border-radius: 10px;
		text-decoration: none;
	}
	.flow_shoplink li a:hover{
		text-decoration: underline;
	}
}


.faq{
	background: #F6F6F6;
	padding: 1em;
	border-radius: 1em;
	margin-bottom: 20px;
}
.faq dt{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted;
	font-weight: bold;
}
.faq dt:before{
	content: "Q";
	font-weight: normal;
	background: #cc0000;
	color: #fff;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.6;
	text-align: center;
	display: inline-block;
	border-radius: 1em;
	margin-right: .5em;
}
.faq dd{
	padding:10px 10px 5px 10px;
	line-height: 1.2em;
	margin-bottom: 2em;
}
.faq dd:last-child{
	margin-bottom: 0;
}

.faq dd strong {
	font-weight: normal;
	color: #E60012;
}

/*------------------------------------------
デザイン調整
--------------------------------------------*/

.ta-center { text-align: center }
.ta-left { text-align: left; }
.ta-right { text-align:right; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

.resizeimage img { width: 100%; }


@media print, screen and (max-width: 570px) {
	.pc-only {
	display: none;
	}
}