@charset "utf-8";
/* ------------------------------------------------------------ common */
body { min-width: 1140px; font-family:"ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
a:link 		{ color: #111; text-decoration: none; }
a:visited 	{ color: #111; text-decoration: none; }
a:hover,
a:hover img { color: #111; text-decoration: none; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.inner 	{ width: 1100px; margin: 0 auto; }
.SP { display: none; }

/* ------------------------------------------------------------ header */
header { padding: 20px 0 34px; }

/* ------------------------------------------------------------ fv */
#fv { background: url(../images/fv.jpg) no-repeat center center/cover; margin: 0 auto 20px; }
#fv h1 { text-align: center; }
#fv h1 img { width: 100%; height: auto; }

/* ------------------------------------------------------------ easy */
#easy { margin: 0 20px; background: #e8f4fb; padding: 90px 0; }
#easy h3 { text-align: center; padding: 0 0 45px; }
#easy ul li { float: left; width: 530px; margin: 0 0 20px 40px; }
#easy ul li:nth-child(2n+1) { clear: both; margin: 0 auto 20px; }
#easy ul li a { display: block; }
#easy ul li a img { width: 100%; height: auto; }

/* ------------------------------------------------------------ campaign_detail */
#campaign_detail { padding: 80px 0; }
#campaign_detail dl { padding: 0 0 25px; }
#campaign_detail dl dt { float: left; width: 115px; font-size: 22px; line-height: 36px; text-align: right; padding: 0 0 5px; }
#campaign_detail dl dd { padding: 0 0 5px 115px; font-size: 22px; line-height: 36px; }
#campaign_detail ul { padding: 0 0 40px; }
#campaign_detail ul li { font-size: 15px; line-height: 30px; }
#campaign_detail strong { display: block; font-size: 34px; font-weight: bold; }

/* ------------------------------------------------------------ bnr */
#bnr { padding: 0 0 120px; }

/* ------------------------------------------------------------ consultation */
#consultation { padding: 0 0 150px;}
#consultation h3 { background: #007464; font-size: 32px; color: #fff; text-align: center; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight: bold; padding: 15px; }
#consultation ul { padding: 25px 0; }
#consultation ul li { float: left; font-size: 22px; line-height: 160%; width: 183px; font-weight: bold; letter-spacing: 2px;}
#consultation ul li.three { box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0 0 20px; }
#consultation ul li.six { box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0 0 10px; }
#consultation h4 { font-size: 34px; color: #007464; font-weight: bold; letter-spacing: 8px; }
#consultation h4 span { display: block; font-size: 14px; letter-spacing: normal; padding: 18px 0 0; color: #000; }

/* ------------------------------------------------------------ copyright */
footer { background: #29b77d; padding: 20px 0; }
footer small { display: block; font-size: 14px; text-align: center; color: #fff; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }




/* ---------------------------------- mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
body { min-width: 100%; }
.inner 	{ width: 92%; margin: 0 auto; }
.PC { display: none; }
.SP { display: block; }

/* ------------------------------------------------------------ header */
header { padding: 12px 0 20px; }
header a img { width: 120px; height: auto; }

/* ------------------------------------------------------------ fv */
#fv { background: none; margin: 0 auto 10px; }
#fv .inner { width: 100%; }
#fv h1 { text-align: center; }
#fv h1 img { width: 100%; height: auto; }

/* ------------------------------------------------------------ easy */
#easy { margin: 0 10px; padding: 40px 0; }
#easy h3 { padding: 0 0 20px; }
#easy h3 img { width: 100%; height: auto; }
#easy ul li { width: 49%; margin: 0 0 10px 2%; }
#easy ul li:nth-child(2n+1) { margin: 0 auto 10px; }
#easy ul li a { display: block; }
#easy ul li a img { width: 100%; height: auto; }

/* ------------------------------------------------------------ campaign_detail */
#campaign_detail { padding: 40px 0; }
#campaign_detail dl { padding: 0 0 25px; }
#campaign_detail dl dt { float: none; width: 100%; font-size: 16px; font-weight: bold; line-height: 30px; text-align: left; padding: 0; }
#campaign_detail dl dd { padding: 0 0 20px; font-size: 16px; line-height: 30px; }
#campaign_detail dl dd:last-of-type { padding: 0; }
#campaign_detail ul { padding: 0 0 20px; }
#campaign_detail ul li { font-size: 13px; line-height: 24px; padding: 0 0 5px; }
#campaign_detail strong { display: block; font-size: 20px; line-height: 30px; font-weight: bold; }

/* ------------------------------------------------------------ bnr */
#bnr { padding: 0 0 70px; }
#bnr a img { width: 100%; height: auto; }

/* ------------------------------------------------------------ consultation */
#consultation { padding: 0 0 50px; }
#consultation h3 { font-size: 18px; line-height: 24px; padding: 12px 0 10px; }
#consultation ul { padding: 15px 0 30px; }
#consultation ul li { font-size: 16px; width: 50%; }
#consultation ul li.three { padding: 0; }
#consultation ul li.six { padding: 0; }
#consultation h4 { font-size: 18px; letter-spacing: 4px; line-height: 140%; text-align: center; }
#consultation h4 span { padding: 10px 0 0; text-align: left; font-size: 12px; line-height: 20px; }

/* ------------------------------------------------------------ copyright */
footer { padding: 12px 0; }
footer small { font-size: 11px; }

}