/*==========================================
 gloval
===========================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*==========================================
 gloval
===========================================*/

body {
	margin: 0 auto;
	font-family: "Hiragino Kaku Gothic ProN", "meiryo", "メイリオ", "ms pgothic", "ms pゴシック", "osaka", sans-serif, "TakaoPGothic", "Sazanami Gothic";
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	-webkit-text-size-adjust: 100%;
	padding: 0;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 16px;
	font-size: 1.6rem;
}
* {
	margin: 0;
	padding: 0;
}
a {
	color: #FF0000;
}
a:link {
	text-decoration:underline;
}
a:active {
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic
}
h1, h2, h3 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
p, li, dt, dl {
	line-height: 1.6;
}
.clear {
	clear:both;
}
.ov {
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ov:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
.ovImg:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
a { /* FireFox リンク選択時の点線を消す　*/
	overflow: hidden;
	outline: none;
}
/*==========================================
 header
===========================================*/
.slider {
	width:100%;
	height:710px;
	z-index:1;
}
.top_img_01 {
	width:100%;
	height:710px;
	background:url(../../images/slide01.jpg) no-repeat center top;
}
.top_img_02 {
	width:100%;
	height:710px;
	background:url(../../images/slide02.jpg) no-repeat center top;
}
.top_img_03 {
	width:100%;
	height:710px;
	background:url(../../images/slide03.jpg) no-repeat center top;
}
ul.slider li p {
	display:none;
}
header h1 {
	width:100%;
	padding:10px 15px 0;
	text-align:center;
}
.information {
	text-align:center;
	padding:40px 20px;
}
@media screen and (max-width:768px) {
.slider {
	width:100%;
	height:auto;
	z-index:1;
}
.top_img_01 {
	width:100%;
	padding-top:121.09375%;
	height:0;
	background:url(../../images/slide01_sp.jpg) no-repeat center top;
	background-size:contain;
}
.top_img_02 {
	width:100%;
	padding-top:121.09375%;
	height:0;
	background:url(../../images/slide02_sp.jpg) no-repeat center top;
	background-size:contain;
}
.top_img_03 {
	width:100%;
	padding-top:121.09375%;
	height:0;
	background:url(../../images/slide03_sp.jpg) no-repeat center top;
	background-size:contain;
}

}
@media screen and (max-width:600px) {
.information {
	text-align:center;
	padding:40px 40px;
}
}
@media screen and (max-width:375px) {
}
/*==========================================
 layout
===========================================*/
#wrapper {
}
#content {
overflow:hidden;
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}
section {
	padding-bottom:60px;
}
section h1 {
	font-size:3.4rem;
	font-weight:bold;
	line-height:1.6;
	text-align: center;
	padding: 60px 0 30px;
	font-family: "Hiragino Kaku Gothic StdN", "ヒラギノ角ゴ StdN W8";
	color: #000;
}
section h2 {
	font-size:2.6rem;
	font-weight:bold;
	line-height:1.8;
	text-align:center;
	font-family: "Hiragino Kaku Gothic StdN", "ヒラギノ角ゴ StdN W8";
}
.wrap {
	width:1000px;
	margin:0 auto;
}
.inner {
	width:880px;
	margin:0 auto;
	line-height: 0;
	text-align: left;
	overflow:hidden;
	padding: 40px 0 20px;
}
.inner p {
	font-size: 1.8rem;
	line-height: 1.8;
	padding: 0 0 20px;
	text-align: left;
}
 @media screen and (max-width:768px) {
 section h1 {
 font-size: 2.8rem;
 line-height:1.5;
padding:40px 15px;
}
section h2 {
 font-size:2.4rem;
 line-height:1.6;
}
.wrap {
width:95%;
 margin:0 auto;
}
 .inner {
 width:auto;
 margin: 0;
 line-height: 0;
 text-align: left;
 overflow: hidden;
 padding: 30px 20px;
}
 .inner p {
 font-size: 1.7rem;
 line-height: 1.8;
 padding: 0 20px 20px;
 text-align: left;
}
 .inner p br {
 display: inline;
}
}
@media screen and (max-width:640px) {
section {
	padding-bottom:30px;
}
 section h1 {
 font-size: 2.4rem;
padding: 30px 15px;
}
section h2 {
 font-size:2.2rem;
 line-height:1.6;
}
 .inner {
 margin: 0;
 line-height: 0;
 text-align: left;
 overflow: hidden;
 padding: 20px 10px;
}
 .inner p {
 font-size: 1.5rem;
 line-height: 1.8;
 padding: 0 15px 10px;
 text-align: left;
}
 .inner p br {
 display: none;
}
}
/*==========================================
 wrap
===========================================*/

/*==========================================
 intro
===========================================*/
.intro {
	background: url(../../images/wrap01.png) repeat;
}
.intro .wrap {
}
.intro h1 {
	color:#fff;
	font-size:4.5rem;
}
.intro h2, .intro p {
	font-family: "Hiragino Kaku Gothic ProN", "meiryo", "メイリオ", "ms pgothic", "ms pゴシック", "osaka", sans-serif, "TakaoPGothic", "Sazanami Gothic";
	color:#fff;
	text-align:left;
}
.intro_thumb_wrap {
	display:flex;
	 justify-content:center;
}
.intro_explain_block {
	background:url(../../images/wrap04.png) repeat;
	padding:3px;
	border-radius:5px;
}
.intro_explain_block_inner {
	background:url(../../images/wrap01.png) repeat;
	padding:20px 30px 0;
	border-radius:5px;
}
.intro_explain_block h2 {
	font-size:2.4rem;
	position:relative;
	margin-bottom:20px;
}
.intro_explain_block h2:after {
	content:"";
	display:block;
	width:30%;
	height:3px;
	background:url(../../images/wrap04.png) repeat;
	position:absolute;
	left:0;
	bottom:-5px;
}
 @media screen and (max-width:768px) {
 .intro_thumb_wrap img {
 width:33.34%;
 height:33.34%;
}

}
@media screen and (max-width:480px) {
.intro h1 {
	color:#fff;
	font-size:3.0rem;
	padding: 30px 15px 0;
}
.intro_explain_block {
	background:url(../../images/wrap04.png) repeat;
	padding:3px;
	border-radius:5px;
	margin:10px;
}
.intro_explain_block p {
padding:0 0 10px;
}

}
/*==========================================
 why
===========================================*/
.why {
	background:#A2B1C6 url(../../images/why_bg.jpg) no-repeat center bottom;
}
.why .wrap {
	background: rgba(0, 0, 0, 0.5);
	margin-top:100px;
}
.why p {
	color:#fff;
}
 @media screen and (max-width:768px) {
.why {
	background:#A2B1C6 url(../../images/why_bg_tb.jpg) no-repeat center bottom;
}
.why .wrap {
	margin-top:60px;
}
}
 @media screen and (max-width:640px) {
.why {
	background:#A2B1C6 url(../../images/why_bg_sp.jpg) no-repeat center 165px;
}
.why .wrap {
	background: rgba(0, 0, 0, 0.7);
	margin-top:50px;
}
}
 @media screen and (max-width:375px) {
.why {
	background:#A2B1C6 url(../../images/why_bg_sp.jpg) no-repeat center 150px;
}
}
 @media screen and (max-width:320px) {
.why {
	background:#A2B1C6 url(../../images/why_bg_sp.jpg) no-repeat center 130px;
}
}
/*==========================================
 about
===========================================*/
.about {
	background:#fff url(../../images/about_bg.jpg) no-repeat right top;
	position:relative;
	z-index:1;
}
.about:after {
content:"";
width:602px;
height:788px;
display:block;
background:#fff url(../../images/about_bg_bl.jpg) no-repeat left bottom;
position:absolute;
left:0;
bottom:0;
z-index:-2;
}
.about h1 {
text-shadow: rgb(255, 255, 255) 0px 2px 0px, rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 0px -2px 0px, rgb(255, 255, 255) -2px 0px 0px, rgb(255, 255, 255) -2px -2px 0px, rgb(255, 255, 255) 2px -2px 0px, rgb(255, 255, 255) -2px 2px 0px, rgb(255, 255, 255) 2px 2px 0px;
}
.about_ttl {
	display:block;
	font-size:2.2rem;
}
.about_list {
	width:1000px;
	margin:0 auto;
}
.about_list ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.about_list ul li {
	width:32%;
	margin-bottom:20px;
	background:#4F9909;
}
.about_list_txt {
	background:url(../../images/about_block_bg.png) no-repeat center top;
	text-align:center;
	padding:30px 0 20px;
	font-size:1.8rem;
	color:#fff;
}
.about_list_txt .about_list_ttl {
font-weight:bold;
font-size:120%;
    color: #FFFF33;
}
.about_list_thumb {
	text-align:center;
}
.about_list_thumb img {
width:100%;
}
.about_txt_block {
	width:1000px;
	margin:0 auto;
	padding:30px 40px;
	background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width:768px) {
.about {
	background:#fff url(../../images/about_bg_sp.jpg) no-repeat right top;
}
.about:after {
content:"";
width:602px;
height:788px;
display:block;
	background:#fff url(../../images/about_bg_bl_sp.jpg) no-repeat left bottom;
position:absolute;
left:0;
bottom:0;
z-index:-2;
}
.about_list {
	width:90%;
}
.about_list ul li {
	width:49%;
}
.about_list_txt {
	background:url(../../images/about_block_bg.png) no-repeat center top;
	text-align:center;
	padding:30px 0 20px;
	font-size:2.0rem;
	color:#fff;
}
.about_txt_block {
	width:90%;
	margin:0 auto;
	padding:30px 20px 20px;
	background: rgba(255, 255, 255, 0.8);
}
}
 @media screen and (max-width:640px) {
.about_ttl {
	display:block;
	font-size:2.0rem;
}
.about_list ul {
	display:block;
	}

.about_list ul li {
	width:90%;
	margin:0 auto 20px;
}
}
 @media screen and (max-width:375px) {
.about_list_txt {
	padding:20px 0 15px;
	font-size:1.8rem;
}
.about_ttl {
	display:block;
	font-size:1.8rem;
}
}
/*==========================================
 merit
===========================================*/
.merit {
	background:#a5c6fc url(../../images/merit_bg.jpg) no-repeat center bottom;
}
.merit_list {
padding-left:30px;
}
.merit_list ul {
	width:700px;
	margin:0 auto;
}
.merit_list ul li {
background:url(../../images/wrap02.png) repeat;
height:134px;
margin-bottom:15px;padding-left:15%;

position:relative;
	color:#fff;
	font-weight:bold;
 display: flex;
 align-items: center;
 justify-content: left; 
}
.merit_list ul li:before {
content:"";
display:block;
width:135px;
height:135px;
position:absolute;
top:0;
left:-60px;
}
.merit_list ul li:nth-child(1) p,
.merit_list ul li:nth-child(4) p {
font-size:3.6rem;
}
.merit_list ul li:nth-child(2) p ,
.merit_list ul li:nth-child(5) p {
font-size:3.0rem;
	line-height:1.4;
}
.merit_list ul li:nth-child(3) p {
font-size:2.6rem;
	line-height:1.3;
}
.merit_list ul li:nth-child(1):before {
background:url(../../images/merit_label01.png) no-repeat;
background-size:cover;
}
.merit_list ul li:nth-child(2):before {
background:url(../../images/merit_label02.png) no-repeat;
background-size:cover;
}
.merit_list ul li:nth-child(3):before {
background:url(../../images/merit_label03.png) no-repeat;
background-size:cover;
}
.merit_list ul li:nth-child(4):before {
background:url(../../images/merit_label04.png) no-repeat;
background-size:cover;
}
.merit_list ul li:nth-child(5):before {
background:url(../../images/merit_label05.png) no-repeat;
background-size:cover;
}
.merit_list ul li:after {
content:"";
background:url(../../images/merit_deco.png) no-repeat;
background-size:cover;
display:block;
width:24px;
height:134px;
position:absolute;
top:0;
right:-22px;
}

 @media screen and (max-width:768px) {
.merit {
	background:#a5c6fc url(../../images/merit_bg_sp.jpg) no-repeat center bottom;
}
.merit_list ul {
	width:86%;
	margin:0 auto;
}
.merit_list ul li:nth-child(1) p,
.merit_list ul li:nth-child(4) p {
font-size:3.2rem;
}
.merit_list ul li:nth-child(2) p ,
.merit_list ul li:nth-child(5) p {
font-size:2.8rem;
	line-height:1.4;
}
.merit_list ul li:nth-child(3) p {
font-size:2.2rem;
	line-height:1.3;
}
}
 @media screen and (max-width:730px) {
.merit_list ul li br {
display:none;
}
}
 @media screen and (max-width:640px) {
.merit_list {
padding-left:0;
}
.merit_list ul {
	width:94%;
	margin:0 auto;
}
.merit_list ul li {
height:auto;
margin-bottom:15px;
margin-top:70px;
position:relative;
	color:#fff;
	padding:30px 20px 20px;
	text-align:center;
}

.merit_list ul li:nth-child(1) p,
.merit_list ul li:nth-child(4) p {
font-size:2.4rem;
}
.merit_list ul li:nth-child(2) p ,
.merit_list ul li:nth-child(5) p {
font-size:2.4rem;
	line-height:1.4;
}
.merit_list ul li:nth-child(3) p {
font-size:2.0rem;
	line-height:1.3;
}
.merit_list ul li:after {
display:none;
}
.merit_list ul li:before {
content:"";
display:block;
width:80px;
height:80px;
position:absolute;
top:-60px;
left:0;
right:0;
margin: auto;}

}
 @media screen and (max-width:375px) {
.merit_list ul li:nth-child(1) p,
.merit_list ul li:nth-child(4) p {
font-size:2.2rem;
}
.merit_list ul li:nth-child(2) p ,
.merit_list ul li:nth-child(5) p {
font-size:2.0rem;
	line-height:1.4;
}
.merit_list ul li:nth-child(3) p {
font-size:1.8rem;
	line-height:1.3;
}
 .merit h1 br {
 display:none;
 }
}
/*==========================================
 offer
===========================================*/
.offer {
	background: url(../../images/wrap05.png) repeat;
}
.offer h1 {
position:relative;
}
.offer_logo {
position: absolute;
left: 0;
  right: 0;
  margin: auto;
}
.offer_block {
width:940px;
margin:0 auto 30px;
background: url(../../images/wrap03.png) repeat;
	padding:120px 0 30px;
}
.offer_block h2 {
font-size:2.8rem;
padding:30px 0;
}
.offer_btn_block {
padding-bottom:30px;
}
.offer_btn_block p {
text-align:center;
}
.offer_btn_block h2 {
font-size:3.8rem;
padding:30px 0;
}
.offer_price_ttl {
background:#CCCCCC;
}
.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}
.offer_info {
	width:800px;
	margin:0 auto 30px;
	background: url(../../images/wrap03.png) repeat;
	text-align: center;
}
.offer_info h2 {
background:url(../../images/wrap01.png) repeat;
color:#fff;
padding:20px 20px 60px;
margin-bottom:40px;
}
.offer_info h2:before {
content:'';
display:block;
background:url(../../images/offer_tel_block_bg.png) no-repeat center top;
width:100%;
height:30px;
position:absolute;
left:0;
top:0;
}
.inner .offer_info p {
text-align:center;
padding:40px ;
}

.offer_info h2 .offer_info_sub_ttl {
display:block;
font-size:1.8rem;
line-height:1.4;
font-weight:normal;
	font-family: "Hiragino Kaku Gothic ProN", "meiryo", "メイリオ", "ms pgothic", "ms pゴシック", "osaka", sans-serif, "TakaoPGothic", "Sazanami Gothic";
}
.offer_info_logo {
position: relative;
display:block;
}
.offer_info_logo_inner {
position:absolute;
left: 0;
  right: 0;
  top:25px;
  margin: auto;
}
hr {
  border-top: 1px dotted #999;
  padding-bottom:20px;
}
.btn_bank ,
.btn_credit {
width:714px;
height:155px;
margin:0 auto 20px;
text-align:center;
}
.btn_bank {
background:url(../../images/btn_bank_on.png) no-repeat center top;
}
.btn_credit {
background:url(../../images/btn_credit_on.png) no-repeat center top;
}
.btn_bank a:hover ,
.btn_credit a:hover {
width:714px;
height:155px;
display:block;
}
.btn_bank a img ,
.btn_credit a img {
	background:none!important;
}
.btn_bank a:hover img ,
.btn_credit a:hover img {
	opacity:0.2;
	filter:alpha(opacity=20);
	-ms-filter: "alpha( opacity=20 )";
	background:none!important;
}
 @media screen and (max-width:768px) {
 .offer_info h2 .offer_info_sub_ttl {
 margin-top:20px;
}
.offer_block {
width:100%;
margin:0 auto 30px;
	padding:120px 0 30px;
}
.offer_info {
width:100%;
	margin:0 auto 30px;
}
.btn_bank ,
.btn_credit {
width:100%;
height:auto;
background:none;
}
.btn_bank a:hover ,
.btn_credit a:hover {
width:100%;
height:auto;
display:inline;
}
}
 @media screen and (max-width:640px) {
.offer_info {
width:100%;
	margin:0 auto;
}
 .offer_info h2 .offer_info_sub_ttl {
 font-size:1.6rem;
}
.offer_block h2 {
font-size:2.4rem;
padding:30px 0;
}
.offer_btn_block h2 {
font-size:3.0rem;
padding:30px 0;
}
.offer_block {
width:100%;
margin:0 auto 30px;
	padding:80px 20px 30px;
}
.offer_info_logo {
position: relative;
display:block;
  height:50px;
}

}
 @media screen and (max-width:375px) {
 .offer_info h2 .offer_info_sub_ttl {
 font-size:1.5rem;
}
.offer_block h2 {
font-size:2.0rem;
padding:30px 0;
}
.offer_btn_block h2 {
font-size:2.6rem;
padding:30px 0;
}
.inner .offer_info p {
text-align:center;
padding:40px 20px ;
}
}
/*==========================================
 table
===========================================*/
table.table01 {
display:block;
	border-collapse: separate;
	border-spacing: 0px 5px;
	width:80%;
	margin:0 auto;
}
table.table01 th, table.table01 td {
	padding: 20px;
	font-size:1.8rem;
	line-height:1.5;
}
table.table01 th {
	background: url(../../images/wrap01.png) repeat;
	vertical-align: middle;
	text-align: left;
	width: 30%;
	overflow: visible;
	position: relative;
	color: #fff;
}
table.table01.table02 th {
	background: #A6161F;
}
table.table01 td {
	background: #f8f8f8;
	padding-left: 20px;
}
table.table01 td p {
padding:0 0 15px;
}

 @media screen and (max-width:768px) {
table.table01 {
	width:90%;
	margin:0 auto;
}
}
 @media screen and (max-width:640px) {
table.table01 {
	width:100%;
	margin:0 auto;
}
table.table01 tbody, table.table01 tr {
 display:block;
 width:100%;
}
table.table01 th, table.table01 td {
 padding: 15px;
 font-size:1.5rem;
 line-height:1.5;
 display:block;
 width:100%;
}
}


/*==========================================
 voice
===========================================*/
.voice {
	background:#1A5388 url(../../images/voice_bg.jpg) no-repeat center bottom;
}
.voice h1,.voice p {
	color:#fff;
}
.voice h1 .voice_ttl {
color:#FFCC00;
font-size:130%;
}

/*==========================================
 youtube
===========================================*/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
 @media screen and (max-width:640px) {
.youtube {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
 margin-bottom:30px;
}
}
/*==========================================
 qa
===========================================*/
.qa .wrap {
	background:none;
}
.qa h1 {
	font-size:3.8rem;
}
.qa dl {
	margin-bottom: 30px;
}
.qa dl dt {
	padding: 20px 15px 15px 90px;
	background:url(../../images/wrap01.png) repeat;
	font-size: 2.0rem;
	color: #fff;
	position:relative;
}
.qa dl dd {
	padding: 20px 50px 25px 90px;
	background:url(../../images/wrap03.png) repeat;
	font-size: 1.8rem;
	line-height: 1.8;
	position:relative;
}
.qa dl dd p {
	padding:0;
}
 .qa dl dt::before {
	content:'';
	display:block;
	width:38px;
	height:38px;
	background:url(../../images/qa_icon_q.png) no-repeat center top;
 position: absolute;
 left:15px;
 top:15px;
}
 .qa dl dd::before {
 display: inlien;
	width:38px;
	height:38px;
	background:url(../../images/qa_icon_a.png) no-repeat center top;
 content: '';
 position: absolute;
 top:20px;
 left:15px;
}
 @media screen and (max-width:768px) {
 .qa dl {
 width:90%;
 margin:0 auto 20px;
}
.qa dl dt {
 padding: 20px 15px 15px 90px;
 font-size: 1.8rem;
}
.qa dl dd {
 padding: 20px 50px 25px 90px;
 font-size: 1.7rem;
}
}
 @media screen and (max-width:640px) {
.qa h1 {
font-size:3.0rem;
}
.qa dl dt {
 padding: 20px 15px 15px 70px;
 font-size: 1.6rem;
}
.qa dl dd {
 padding: 20px 30px 25px 70px;
 font-size: 1.5rem;
 margin-bottom:10px;
}
}
 @media screen and (max-width:375px) {
 .qa dl {
 width:100%;
 margin:0 auto 10px;
}
.qa dl dt {
 padding: 20px 15px 15px 70px;
 font-size: 1.6rem;
}
.qa dl dd {
 padding: 20px 20px 25px 60px;
 font-size: 1.5rem;
 margin-bottom:10px;
}
}

/*==========================================
 leagal , privacy
===========================================*/
.leagal table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #b0b0af;
	margin-bottom:30px;
}
.leagal table tr {
	border-bottom:1px solid #b0b0af
}
.leagal table tr th, .leagal table tr td {
	border-right:1px solid #b0b0af
}
.leagal th, .leagal td {
	padding:15px;
	padding: 10px 20px;
	color: #422c1f;
	line-height:1.5;
	font-size:14px;
	width:auto;
	display:table-cell;
}
.leagal table th {
	width:25%;
}
.leagal table th.howtoTtl {
	width:18%;
}
.leagal table th.priceTtl {
	width:20%;
}
.leagal table tr.thTitle th {
	visibility:visible;
	height:auto;
	padding: 10px 20px;
}
.leagal th, .leagal td {
	padding: 10px 20px;
	color: #422c1f;
	line-height:1.5;
	font-size:1.5rem;
}
.leagal table th {
	background: #333;
	border-top: 2px solid #fff;
	color:#fff;
}
 @media screen and (max-width:640px) {
.leagal table {
border: 1px solid #333;
}
.leagal table th, .leagal table td {
 width:auto;
 display:block;
}
.leagal table tr {
display:block;
overflow:hidden;
border:none;
margin-bottom:20px;
}
.leagal table tr th {
color:#fff;
text-align:center;
border:none;
}
.leagal table tr td {
border-right:none;
}
.leagal table tr.thTitle th {
visibility:hidden;
height:0;
padding:0;
}
}
/*==========================================
 privacy
===========================================*/
.info h1 {
	padding: 15px;
	margin: 30px 0 0;
	text-align: center;
	font-size: 3.0rem;
}
.info h2 {
	padding: 10px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 2.0rem;
	border:1px solid #333;
}
.info h3 {
	padding: 10px 20px;
	margin-bottom: 30px;
	text-align: left;
	font-size: 1.8rem;
	border-left:3px solid #333;
	color:#333;
	line-height: 1.5;
	background:#EEEEEE;
}
.info ul {
}
.info ul li {
	list-style:disc;
	margin-bottom:20px;
	text-align:left;
}
.info ul.sub {
}
.info ul.sub li {
	list-style:disc;
	margin-bottom:5px;
	text-align:left;
}
.info ol li {
	list-style:decimal;
	margin-bottom:20px;
	text-align:left;
}
.info ol li ul {
	padding-top:20px;
}
.info ol li ul li {
	list-style:disc;
	margin-bottom:10px;
}
.info ol li ol {
padding-top:20px;
}
.info ol li ol li {
	margin-bottom:10px;
}
.info ol.none li{
list-style:none;
text-indent:-20px;
}
.info p {
	margin:0 0 40px;
}
.info ul, .info ol {
	margin:0 40px 40px;
}
 @media screen and (max-width:640px) {
.info h1 {
 padding: 15px;
 margin: 30px 0 0;
 font-size: 2.4rem;
}
.info h2 {
 padding: 10px;
 margin-bottom: 30px;
 font-size: 1.8rem;
}
.info h3 {
 padding: 10px 20px;
 margin-bottom: 30px;
 font-size: 1.5rem;
}
.info ul, .info ol {
 margin:0 30px 40px;
}
}
/*==========================================
footer
===========================================*/

.l-fixedBtn {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
}
 @media screen and (max-width:1023px) {
 .l-fixedBtn {
 width: 80px;
}
}
/*==========================================
footer
===========================================*/
footer {
	padding:20px 0;
	text-align: center;
	background:#000;
}
footer p {
	color:#fff;
	padding-bottom: 10px;
	font-size: 1.3rem;
	line-height: 1.6;
	padding: 0;
	text-align: center;
}
.footerLink {
	width:700px;
	margin:0 auto;
}
footer ul {
	margin-bottom: 20px;
}
footer ul li {
	width:25%;
	display: inline;
	padding: 0 10px 0 50px;
	border-left: 1px solid #888;
	border-right: none;
	margin-bottom: 10px;
	font-size: 1.4rem;
}
footer ul li:last-child {
	border-right: 1px solid #888;
}
footer a {
	color:#fff;
}
footer a:link {
	color:#fff;
	text-decoration: none;
}
footer a:hover {
	color:#666;
	text-decoration: underline;
}
.copy {
	padding:20px 0;
}
 @media screen and (max-width:768px) {
 footer .inner p {
 color: #ccc;
 padding-bottom: 10px;
 font-size: 1.4rem;
 line-height: 1.6;
 padding: 0 10px 10px;
 text-align: left;
}
 footer ul {
 margin-bottom: 20px;
}
}
@media screen and (max-width:640px) {
.footerLink {
width:auto;
margin:0 auto;
}
 footer ul {
 margin-bottom: 20px;
 padding: 15px 10px 10px;
}
 footer ul li {
 padding: 5px 10px;
 border: 1px solid #888;
 margin: 0 0 10px;
 font-size: 1.3rem;
}
}
/*==========================================
font
===========================================*/

.fontR, p.fontR {
	color: #FF0000;
	font-weight: bold;
}
.fontB, p.fontB {
	font-weight: bold;
}
.fontB110, p.fontB110 {
	font-weight: bold;
	font-size: 110%;
}
.fontB120, p.fontB120 {
	font-weight: bold;
	font-size: 120%;
}
.fontB130, p.fontB130 {
	font-weight: bold;
	font-size: 130%;
}
.fontB150, p.fontB150 {
	font-weight: bold;
	font-size: 150%;
}
.fontB180, p.fontB180 {
	font-weight: bold;
	font-size: 180%;
}
.fontU, p.fontU {
	text-decoration: underline;
}
.fontS, p.fontS {
	font-size: 90%;
	color: #333;
}
.fontS, p.fontSS {
	font-size: 70%;
	color: #333;
}
.fontBl, p.fontBl {
	color:#33CCFF;
}
.fontY,p.fontY {
	color:#fed136;
	display: inline;
}
.kakugo {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}
.serif {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", source-han-serif-japanese, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.txtC, p.txtC, div.txtC p {
	text-align: center;
}
.txtR, p.txtR {
	text-align:right;
}
.imgC, p.imgC {
	text-align:center;
	padding:30px 0 40px;
}
.imgR {
	float: right;
	width: auto;
	display: inline;
	margin: 0 0 0 20px;
}
 @media screen and (max-width:640px) {
.imgC img, p.imgC img, .txtR img, p.txtR img, .txtC img, p.txtC img {
width:70%;
margin:0 auto;
 padding:30px 0 40px;
}
.imgR {
 float: none;
 width: 70%;
 display: block;
 margin:0 auto 10px;
}
}