@charset "utf-8";
/* --------------------------------------------------
*	00. Reset
*	01. Default
*	02. Header
*	03. Modules
*	04. attentionLP
*	05. Footer
*	06. E.T.C.
*	07. @media screen
*	99. Clearfix
 -------------------------------------------------- */

/* --------------------------------------------------
	00. Reset
 -------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

ins{
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark{
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del{
text-decoration: line-through;
}

abbr[title],dfn[title]{
border-bottom:1px dotted #000;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/* --------------------------------------------------
	01. Default
 -------------------------------------------------- */
body{
margin:0;
padding:0;
background:#fff;
font-family:"ヒラギノ角ゴ Pro W3", HiraKakuProN-W3, Meiryo, "メイリオ", sans-serif;
-webkit-text-size-adjust:none;
color:#4d4d4d;
font-size:24px;
line-height:1.8;
letter-spacing:-0.001em;
}
ul,ol,dl{list-style:none outside none;}
em, strong{color:#ff6500; font-weight:bold; font-style:normal;}
hr{display:none;}
button{margin:0; padding:0; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
header, nav, footer{clear:both; display:block;}
a{color:#4d4d4d; text-decoration:underline; vertical-align:baseline; background:transparent;}
img, a img{border:0; vertical-align:bottom;}
input, select{vertical-align:middle;}
a:visited {color:#4d4d4d;}

.bold,
.bold strong{font-weight:bold;}

p.micro {font-size:14px;}
p.tiny {font-size:18px;}
p.caution {font-size:18px;}
p.caution:before {margin-bottom:10px!important;}
p.bigTEXT {font-size:60px; color:#21a8d9; text-align:center; margin-top:70px;}

img.center {display:block; margin:0 auto 30px;}
img.txt {display:block; margin:70px auto;}

ul li {padding-left:1.4em; text-indent:-1.4em; margin-bottom:10px; line-height:1.2;}
ul li:last-of-type {margin-bottom:0!important;}

dl {margin-bottom:10px;}
dl:last-of-type {margin-bottom:0!important;}
dl dt {margin-right:15px;}
dl dt, dl dd {float:left; line-height:1.2;}

article {}
article section {width:100%;}
article section div {width:800px; margin:0 auto;}
article section div.wide {width:100%; margin:0;}

.blueBOX {border-radius:4px; background:#21a8d9; padding:30px; font-size:18px; color:#fff;}
.blueBOX strong {color:#ffff00;}
.blueBOX strong span {font-size:30px;}
.blueBOX h3 {font-size:24px; margin-top:0; line-height:1.3;}
.blueBOX h4 {font-size:21px; margin:0 0 15px; line-height:1.3;}
.blueBOX p {line-height:1.3; margin-bottom:15px;}

.cta {margin-top:70px; text-align:right;}
.cta img {margin-bottom:2px;}
.cta p {margin:35px 0 50px; font-size:18px;}

h2 {width:100%; padding:20px 0; background:#21a8d9; text-align:center; font-weight:bold; font-size:30px; color:#fff;}
h2.conf {padding:10px 0; background:none; font-size:21px; color:#4d4d4d; border-top:dotted 1.5px #4d4d4d; border-bottom:dotted 1.5px #4d4d4d;}
h3 {margin:70px 0 30px;}

footer {text-align:center; padding:10px 0; font-size:14px; border-top:dotted 1px #4d4d4d;}


/* --------------------------------------------------
	02. Header
 -------------------------------------------------- */
header {width:860px; height:50px; margin:0 auto;}
header img {margin: 0 0 0 680px;}

/* --------------------------------------------------
	03. Modules
 -------------------------------------------------- */
article section#sec1 div#main {width:860px; height:490px; padding:40px 0 0 30px; background:url(../img/main_photo.png) no-repeat bottom center;}
article section#sec1 div.wide {background:#21a8d9; padding:25px 0;}
article section#sec1 div.wide.q3 p {width:800px; margin:0 auto; padding-left:58px; line-height:1.4; color:#fff;}
article section#sec1 div.cf img {float:left; margin-left:50px;}
article section#sec1 div.cf img:last-of-type {margin-right:50px;}
article section#sec1 .cta {margin-top:50px;}
article section#sec1 div#toc.wide {background:#f2f2f2;}
article section#sec1 div#toc.wide div {width:800px; margin:50px auto; padding:30px; border:dotted 1px #e6e6e6; border-radius:8px; background:#fff;}
article section#sec1 div#toc.wide div p {color:#b3b3b3; font-size:24px; margin-bottom:20px; font-weight:bold;}
article section#sec1 div#toc.wide div ul li {font-size:21px; line-height:1.4; margin-bottom:30px; padding-left:1.7em; text-indent:-1.7em;}
/*article section#sec1 div#toc.wide div ul li:last-of-type {margin-bottom:0;}*/

article section#sec8 div {width:740px; padding:0 0 100px;}
article section#sec8 div p {margin:50px 0 20px; font-weight:bold;}
article section#sec8 div p,
article section#sec8 div ul li {font-size:16px; line-height:1.2; padding-left:1em; text-indent:-1em;}

/* --------------------------------------------------
	06. E.T.C.
 -------------------------------------------------- */
.mt0 {margin-top:0!important;}
.mt10 {margin-top:10px!important;}
.mt30 {margin-top:30px!important;}
.mt50 {margin-top:50px!important;}
.mt70 {margin-top:70px!important;}
.mb0 {margin-bottom:0!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.pt50 {padding-top:50px!important;}

/* --------------------------------------------------
	07. @media screen
 -------------------------------------------------- */
@media screen and (max-width:840px){
	h2.conf {font-size:28px;}
	p.tiny {font-size:26px; line-height:1.4;}
	p.micro {font-size:21px; line-height:1.4;}
	p.bigTEXT {font-weight:bold;}
	.cta p {font-size:21px;}
	ul li, dl {margin-bottom:20px; line-height:1.4;}
	dl dt {margin-bottom:10px;}
	dl dt:before {content:"▼ ";}
	dl dt, dl dd {float:none;}
	br.pc {display:none;}
	header,
	article section#sec1 div#main {width:800px;}
	header img {margin:0 0 0 620px;}
	article section#sec1 div#main {padding:40px 0 0 10px;}
	article section#sec1 div.wide.q3 p {width:770px; font-size:28px; padding-left:1.4em; text-indent:-1.4em; line-height:1.2; margin-bottom:5px;}
	article section#sec1 div.wide.q3 p:last-of-type {margin-bottom:0;}
	article section#sec1 div#toc.wide div p {font-size:36px;}
	article section#sec1 div#toc.wide div ul li {font-size:26px;}
	.blueBOX {font-size:26px; font-weight:500;}
	.blueBOX h3 {font-size:30px;}
	.blueBOX h4 {font-size:28px;}
	article section#sec8 div p,
	article section#sec8 div ul li {font-size:24px;}
	footer {font-size:18px;}
}

/* --------------------------------------------------
	99. Clearfix
 -------------------------------------------------- */
.cf:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
font-size: 0;
content: " ";
}
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }