@charset "utf-8";
/* --------------------------------------------------
	reset
-------------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box;}

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,
form, 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-size: 100%;
	vertical-align: baseline;
}

img{ vertical-align: bottom;}
ul{ list-style: none;}
ul li{ list-style-type: none;}
figure { margin: 0;}


/*		font-style
-------------------------------------------------- */
@font-face {
  font-family: 'futura';
  src: url('../../fonts/Futura-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'futuraB';
  src: url('../../fonts/Futura-Bold.ttf') format('truetype');
}

body {
	color: #3c3c3c;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	*font-size:small;
	*font:x-small;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
input, textarea {font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}

.eng { font-family: 'futura', serif;}
.min { font-family: "游明朝", "Yu Mincho", "YuMincho", serif;}

::selection{ background: #feffaf; color: #000;}
::-moz-selection{ background: #feffaf; color: #000;}


a { color:#8c8c8c; text-decoration: underline;}
a:link   { color:#8c8c8c;}
a:visited{ color:#8c8c8c;}
a:hover  { color:#8c8c8c; text-decoration: none;}
a:active { color:#8c8c8c;}

em{ font-style: normal;}


/*		utility
-------------------------------------------------- */
.cf{ clear: both;}
.cf:after{ content: ''; display: block; clear: both;}

.ps-br{display: block;}
.sp-br{display: none;}

@media screen and (max-width: 641px) {
	.ps-br{display: none;}
	.sp-br{display: block;}
}

header {padding-top:34px;padding-bottom:20px;border-bottom: #D2D2D2 1px solid;}
h1 {text-align: center;}
h1 img { width: 100%; max-width: 160px;}

@media (max-width: 641px) {
	header {padding-top:18px;padding-bottom:10px;}
	h1 img { width: 20%;}
}

#lead .inner { width: 88%; margin: 0 auto; padding: 40px 0;}
#lead h3 { font-size: 23px; text-align: center;}
#lead h3 span { font-size: 28px;}

@media (max-width: 641px) {
	#lead .inner { padding: 40px 0;}
	#lead h3 { font-size: 16px;}
	#lead h3 span { font-size: 20px; display: block;}
}

#kiyaku { width: 92%; max-width: 840px; margin: 0 auto; margin-bottom: 60px;}
#kiyaku h3 { font-size: 20px; font-weight: 700;}
#kiyaku h4 { margin-bottom: 10px; font-size: 20px; font-weight: 700;}
#kiyaku p { margin-bottom: 20px; font-size: 15px; letter-spacing: 0.06rem; line-height: 1.8;}
#kiyaku ul li { margin-bottom: 15px;}
#kiyaku ul li:last-child { margin-bottom: 0px;}
#kiyaku ul li dl dt { color: #D22418; font-size: 15px;}
#kiyaku ul li dl dd { font-size: 13px;}

@media (max-width: 641px) {
	#kiyaku { ; margin-bottom: 40px;}
	#kiyaku h3 { font-size: 18px;}
	#kiyaku h4 { font-size: 18px;}
	#kiyaku p { font-size: 13px; line-height: 1.6;}
	#kiyaku ul li dl dt { font-size: 15px;}
	#kiyaku ul li dl dd { font-size: 13px;}
}

#tw {text-align: center;margin-bottom: 30px; padding: 30px 0px; border-top: #D2D2D2 1px solid;border-bottom: #D2D2D2 1px solid;}
#tw a { display: block; width: 60px; margin: 0 auto;}
#tw a.x { padding: 17px; background: #000; border-radius: 50%; overflow: hidden;}
#tw a.x svg#x_icn { fill: #fff; vertical-align: bottom;}
#tw a:hover { opacity: 0.85;}
@media (max-width: 641px) {
	#tw {margin-bottom: 15px;padding: 25px 0px;}
}

#tw-ft { position: relative;}
#tw-ft .privacy { position: absolute; left: 0; bottom: 20px; width: 100%;}
#tw-ft .privacy p { font-size: 12px; text-indent: 20px;}
#tw-ft .privacy p a { color: #808080; text-decoration: none;}
#tw-ft .copyright { width: 94%; margin: 0 auto; padding: 20px 0;}
#tw-ft .copyright p { color: #808080; font-size: 10px; text-align: center;}
#tw-ft .copyright p.mb { margin-bottom: 20px;}
#tw-ft .copyright p a { display: inline-block; width: 40%; max-width: 140px; margin: 0 10px; vertical-align: middle;}
#tw-ft .copyright p a img { width: 100%;}
@media (max-width: 641px) {
	#tw-ft .privacy { position: relative; left: auto; bottom: auto; padding: 0 30px;}
	#tw-ft .privacy p { text-align: right;}
	#tw-ft .copyright { padding: 40px 0 20px;}
	#tw-ft .copyright p a { width: 30%;}
}