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

body { color:#231815; line-height:1; background-color: #f2db80 !important; 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: 860px; margin: 60px auto; padding:50px 60px; background:#fff; }

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

.for_c { font-size:20px; letter-spacing:0.2em; text-align:center; margin:0 0 20px; }

h1 { font-size:36px; letter-spacing:0.1em; position:relative; z-index:20; }
h2 { font-size:20px; letter-spacing:0.2em; margin:0 0 20px; }

p { text-align:left; }

.read { margin:0 0 50px; }

.sec01 { text-align:left; }
.sec01 ul { padding:0 0 20px; margin:0 0 60px; border-bottom:2px solid #ddd; }
.sec01 ul li { margin:0 0 10px; line-height:1.8; }
.sec01 ol { margin:30px 0 80px; }
.sec01 ol li { margin:0 0 10px; line-height:1.8; }
.sec01 .red { color:#C00; font-weight:bold; }
.sec01 .ul { border-bottom:2px solid #C00; }
.sec01 .pic { text-align:center; margin:0 0 40px; } 
.sec01 h3 { padding:0 30px 10px; }
.sec01 h2 { position:relative; }
.sec01 .item { position:absolute; top:-40px; left:580px; }

.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; }

.for_c { font-size:16px; margin:0 0 15px; }

h1 { font-size:20px; letter-spacing:0; }
h2 { font-size:16px; margin:0 0 15px; letter-spacing:0.1em; }

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

.read { margin:0 0 60px; }

.sec01 ul { padding:0 0 10px; margin:0 0 30px; }
.sec01 ol { margin:15px 0 40px; }
.sec01 .pic { margin:0 0 20px; } 
.sec01 .pic img { width:100%; }
.sec01 h3 { padding:0 0 5px; }
.sec01 .item { position:absolute; top:-50px; left:80px; width:100px; }

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

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