@charset "UTF-8";
@import "reset5.css";

body { color:#231815; line-height:1; background-color: #f7f6f3; padding: 0; position: relative; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative }
html { min-height: 100%; }

* html body { font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
*:first-child+html body { font-family:"Century Gothic", "Helvetica Neue", Helvetica, Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:14px; line-height: 1 }
body p { line-height: 1.8em;; letter-spacing: 0.1em }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

iframe { overflow: hidden }

/* !clearfix */
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-x: hidden;
	overflow-y: scroll;
}

h1, h2, h3 { line-height:1.4em; }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }

.tx9 { font-size: 9px !important; }
.tx10 { font-size: 10px !important; }
.tx11 { font-size: 11px !important; }
.tx12 { font-size: 12px !important; }
.tx13 { font-size: 13px !important; }
.tx14 { font-size: 14px !important; }
.tx15 { font-size: 15px !important; }
.tx16 { font-size: 16px !important; }
.tx18 { font-size: 18px !important; }
.tx20 { font-size: 20px !important; }
.tx24 { font-size: 24px !important; }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }

/* !Links */
a:link { color: #6e6b60; text-decoration: none }
a:visited { color: #6e6b60; text-decoration: none }
a:hover { color: #00a0e9; text-decoration: none }
a:active { color: #6e6b60; text-decoration: none }
html { margin: 0; padding: 0}
body { margin: 0; padding: 0 }

.noscroll {
  position: fixed !important;
  overflow-y: scroll;
}

#wrapper { width: 900px; margin: 60px auto; padding:50px 40px; background:#fff; }

header { position:relative; display:inline-block; padding:0 0 0 7px; margin:0 0 50px; }
header span { background:#ffcc66; height:18px; display:inline-block; width:100%; position:absolute; bottom:0; left:0; z-index:10; }

h1 { font-size:36px; letter-spacing:0.2em; position:relative; z-index:20; }
h2 { font-size:28px; letter-spacing:0.2em; margin:0 0 20px; }
h3 { font-size:22px; letter-spacing:0.2em; margin:0 0 40px; }
h3 span { font-size:14px; }

p { text-align:left; padding:0 30px; }

.read { margin:0 0 50px; }

.box { background:#e5edf2; padding:30px 0; margin:0 0 60px; position:relative; }
.box ul { text-align:left; }
.box ul li { margin:0 0 10px; }
.box .note { padding:10px 0 0 120px; }
.box .pic { margin:60px 0 0; }

.list { margin:0 0 100px; }
.list li { background:url(../img/dots.jpg) repeat-x; background-position:bottom; padding:0 0 30px; margin:0 0 40px; }
.list p { float:left; font-size:18px; font-weight:500; }
.list p span { font-size:14px; font-weight:200; }
.list .pic { float:right; }
.list .note { font-size:12px; display:block; margin:30px 0 0; }

.list li:nth-child(1) p { padding:180px 0 0 20px; }
.list li:nth-child(2) p { padding:100px 0 0 20px; }
.list li:nth-child(3) p { padding:140px 0 0 20px; }

.list li:nth-child(1) img { padding:0 55px 0 0; }
.list li:nth-child(2) img { padding:0 170px 0 0; }
.list li:nth-child(3) img { padding:0 20px 0 0; }


.sec02 { padding:0 0 50px; margin:0 0 100px; background:url(../img/dots.jpg) repeat-x; background-position:bottom; }

.sec03 h4 { font-size:16px; letter-spacing:0.2em; text-decoration:underline; text-align:left; padding:40px 0 10px 30px; }
.sec03 .item { position:absolute; top:260px; right:110px; }
.sec03 .spec li { margin:0 0 10px; }
.sec03 .spec li img { margin:15px 0 0 50px; }
.sec03 .spec li p { text-indent:-14px; margin:0 0 0 14px; }
.sec03 .spec span { color:#cc0000; font-weight:600; }


.contact { margin:90px 0 30px; }


.pc_none { display:none; }
.sp_none { display:block; }




@media screen and (max-width: 780px){
#wrapper { width: auto; margin:0; padding:30px 20px; }

header { padding:0 0 0 3px; margin:0 0 20px; }
header span { height:14px; }

h1 { font-size:23px; letter-spacing:0.1em; }
h2 { font-size:18px; letter-spacing:0.1em; margin:0 0 10px; }
h3 { font-size:16px; letter-spacing:0.1em; margin:0 0 20px; }
h3 span { font-size:11px; }

p { padding:0; font-size:13px; }

.read { margin:0 0 30px; }

.box { padding:20px; margin:0 0 30px; }
.box .note { padding:10px 0 0 0; }
.box .pic { margin:30px 0 0; }
.pic img { width:100%; }

.list { margin:0 0 50px; }
.list li {  padding:0 20px 30px; margin:0 0 40px; }
.list p { float:none; font-size:15px; }
.list p span { font-size:12px; }
.list .pic { float:none; margin:0 0 20px; }
.list .pic img { width:100%; height:auto; }
.list .note { font-size:11px; margin:10px 0 0; }


.list li:nth-child(1) p { padding:0; }
.list li:nth-child(2) p { padding:0; }
.list li:nth-child(3) p { padding:0; }

.list li:nth-child(1) img { padding:0; }
.list li:nth-child(2) img { padding:0; width:50%; }
.list li:nth-child(3) img { padding:0; }


.sec02 { padding:0 0 40px; margin:0 0 50px; }

.sec03 h4 { font-size:15px; padding:30px 0 10px 0; }
.sec03 .item { position:static; text-align:center; margin:25px 0 0; }
.sec03 .item img { width:55%; }

.sec03 .spec li { margin:0 0 10px; }
.sec03 .spec li img { margin:15px 0 0 0; }
.sec03 .spec li p { text-indent:-13px; margin:0 0 0 13px; }
.sec03 .spec div { text-align:center; }



.contact { margin:40px 0 20px; }

.sp_none { display:none; }
.pc_none { display:block; }
}



@media screen and (max-width: 360px){
h1 { font-size:20px; }
h2 { font-size:16px; }
h3 { font-size:15px; }
.list p { font-size:14px; }
}