@charset "utf-8";

/* 共通
------------------------------------------------------------*/
body {color: #2e2b29;font-size:15px;line-height:185%;letter-spacing:1px;-webkit-text-size-adjust: 100%;}
a { color:#2e2b29; } a:hover { color: #0f798c; }
p { display:block; margin:0 0 25px; }
hr {height: 0;margin: 25px 0;padding: 0;border: 0;border-top: 1px dotted #666;}
.DPBK { display:block !important; } .spOnly{display: none;}

.aligncenter { text-align:center !important; } .alignright { text-align:right !important; } .alignleft { text-align:left !important; }
.fontsize80 { font-size:80%; letter-spacing:1px; line-height: 110%; }
.fontsize115 { font-size:115%;}
.fontsize125 { font-size:125%;}
.indent{padding-left:1em;text-indent:-1em;}

img { max-width:100%; } .imgleft { display:block; float:left; margin:0 60px 15px 0; } .imgright { display:block; float:right; margin:0 0 15px 60px; } .imgcenter { display:block; margin:10px auto; }

.Border { border:1px solid #dcdcdc !important; }
.Border-bottom { border-bottom:1px solid #dcdcdc !important; }
.Border-bottom-B { border-bottom:1px solid #e7f6fb !important; } .Border-bottom-Bl { border-bottom:1px solid #000 !important; padding: 0 3px; }
/* リスト チェックマーク */
ul.CheckList { display:block; margin:0 0 20px; }
ul.CheckList li{margin: 10px 0px 15px 0px;position:relative;padding-left:23px;font-size: 95%;line-height: 135%;}
ul.CheckList li:after, ul.CheckList li:before{content:''; display:block; position:absolute; top:4px; left:8px; height:11px; width:4px; background:#333; border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
ul.CheckList li:before{top:8px; left:3px;height:8px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}

/* 数字リスト */
ol{display: block;margin-left: 35px;} ol li {list-style: decimal;list-style-position:outside;line-height: 145%;margin-bottom: 15px;}

/* 	ベージュボックス */
.BoxFlame{display: block;padding: 10px 40px 40px;margin: 0 0 50px; background-color: #f6f1ed;}
@media only screen and (max-width:815px){
	.BoxFlame{padding: 10px 30px 40px;}
}
@media only screen and (max-width:480px){
	.BoxFlame{padding: 10px 20px 30px;}
}

/* レイアウト
------------------------------------------------------------*/
#wrapper {display:block;width:100%;margin:0;padding:0;background: url("../pattern.png");}
.Content {display:block;width:100%;margin:0;padding:80px 0 80px;}
.inner {display:block;width:1000px;margin:0 auto;background: #FFF;padding: 60px 60px;}

@media only screen and (max-width:1099px){
	.inner {width:90%;} #header .inner {width:94%;}
}

/* タイトル
------------------------------------------------------------*/
h1 {display:block;text-align:center;font-size:115%;margin:40px 0 60px;line-height: 180%;} h1 span {display: block;font-size:70%;} .subpage h1{font-size:220%;font-weight:600;letter-spacing:1px;line-height: 100%;color:#3aa7c4; margin:20px 0 30px;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;} .subpage h1 span{font-weight:normal;font-size:50%;}

h2 {display:block;text-align:center;font-size:220%;font-weight:600;letter-spacing:1px; color:#3aa7c4; margin:20px 0 30px;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
h2 span {display: block;margin-top: 10px;font-size:55%;font-weight:normal;}