@charset "shift_jis";

/*---------- ページ全体の指定 ----------*/

body {
font-family: 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
margin:0;
padding:0;
font-size:14px;
background-color:#FFFFFF;
color:#474747;
}

a:link {color:#206CFF;text-decoration:underline;}
a:visited {color:#206CFF;text-decoration: underline;}
a:hover {color:#3b5998;text-decoration:none;}
a img {border-style:none;}

.clr{clear:both;}

p {
font-size:16px;
line-height:180%;
letter-spacing:1px;
}

#top{
margin:0;
padding:25px 0 25px 0;
background-image:url(img/top.png);
}
#header{
width:980px;
margin:0 auto;
padding:0;
}
#logo{
width:295px;
float:left;
margin:0;
padding:0;
}
#header h1{
width:685px;
float:right;
margin:0;
padding:14px 0 0 0;
font-size:18px;
letter-spacing:1px;
line-height:100%;
color:#64584e;
text-align:right;
}

#back{
margin:0;
padding:0;
background-image:url(img/back.jpg);
background-position:center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

#copy{
margin:0;
padding:0;
text-align:center;
background-image:url(img/copy_bg.png);
background-position:top center;
background-repeat:no-repeat;
}

#media{
margin:0;
padding:45px 0 30px 0;
background-color:#fbecd7;
}

#push{
margin:0;
padding:25px 0 45px 0;
background-image:url(img/bg_01.jpg);
}
#push_text{
width:870px;
margin:0 auto;
padding:20px 45px 15px 45px;
background-color:#FFFFFF;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
color:#666666;
}
#push_title{
margin:0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:180%;
letter-spacing:1px;
color:#92b80b;
border-bottom:dashed 1px #ae9674;
}
.push_photo{
margin:-20px 0 0 0;
padding:0;
float:right;
}
.push_photo img{
border-radius:50%;
border:solid 1px #ae9674;
}

#worry{
margin:0;
padding:0;
text-align:center;
background-image:url(img/worry_bg.png);
background-position:center top;
background-repeat:no-repeat;
}

#pretext{
margin:0;
padding:30px 0 60px 0;
background-color:#8ec31f;
}
.pre_title{
margin:0 0 25px 0;
padding:0 0 15px 0;
border-bottom:dashed 1px #ae9674;
}
.pre_something{
margin:0;
padding:0;
font-size:14px;
line-height:160%;
letter-spacing:1px;
color:#666666;
}
.pre_something img{
width:200px;
border-radius:50%;
margin:15px 0 5px 0;
}

.open{
margin:20px auto 0 auto;
padding:0;
font-size:16px;
text-align:left;
color:#206CFF;
}
.close{
margin:20px auto 0 auto;
padding:0;
font-size:16px;
text-align:left;
color:#206CFF;
}

.howto{
width:860px;
margin:0 auto;
padding:30px;
border:solid 3px #8ec31f;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background-image:url(img/bg_01.jpg);
}

.howto_text{
margin:0;
padding:30px 45px;
background-color:#FFFFFF;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

#cause{
margin:0;
padding:45px 0 60px 0;
background-color:#f2f2f2;
}

#merit{
margin:0;
padding:30px 0 60px 0;
background-color:#8ec31f;
}

#labo {
width:920px;
margin:30px auto 30px auto;
padding:30px;
background-image:url(img/bg_02.jpg);
}
.labo_title{
margin:0 0 30px 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
color:#5f3f1c;
}
.labo_item{
margin:0 0 20px 0;
padding:0;
text-align:center;
}
.labo_item span{
margin:0 auto;
padding:5px 15px;
font-size:18px;
line-height:100%;
color:#FFFFFF;
background-color:#60b62f;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.labo_01{
float:left;
width:410px;
margin:0;
padding:30px 20px 20px 20px;
background-color:#fdf2b2;
border:solid 1px #60b62f;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.labo_02{
float:right;
width:410px;
margin:0;
padding:30px 20px 20px 20px;
background-color:#fdf2b2;
border:solid 1px #60b62f;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#labo table{
width:100%;
border-collapse:separate;
margin:0;
}
#labo table td{
font-size:14px;
line-height:160%;
padding:2px 0;
}
#labo table th{
font-size:16px;
line-height:100%;
letter-spacing:1px;
padding:5px 0 3px 0;
}


#voicebox{
margin:60px 0 0 0;
padding:30px 0 45px 0;
background-image:url(img/bg_01.jpg);
}
.voice{
width:810px;
margin:0 auto 30px auto;
padding:30px 45px 15px 45px;
background-color:#FFFFFF;
border:solid 3px #8ec31f;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.voice_title{
margin:0;
padding:0 0 10px 0;
font-size:32px;
font-weight:bold;
line-height:140%;
letter-spacing:1px;
color:#8ec31f;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
.voice_name{
margin:0 0 30px 0;
padding:8px 10px 5px 10px;
font-size:18px;
line-height:100%;
letter-spacing:1px;
color:#FFFFFF;
background-color:#8ec31f;
}

#message {
margin:0;
padding:45px 0 60px 0;
background-color:#f9f5e4;
}
.ceo{
margin:0;
padding:20px 0 0 15px;
float:right;
text-align:right;
}

.textbox{
width:980px;
margin:0 auto;
padding:0;
}

.textbox_white{
width:860px;
margin:0 auto;
padding:30px 60px;
background-color:#FFFFFF;
}



#wrapper {
width:980px;
margin:0 auto 0 auto;
padding:0;
background-color:#FFFFFF;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
}



/*---------- 見出し ----------*/

h2{}
h3{}
h4{}

.style_01{
font-size:36px;
line-height:180%;
font-weight:bold;
text-align:center;
margin:0 0 45px 0;
padding:0;
}
.style_02{
font-size:36px;
line-height:180%;
font-weight:bold;
text-align:center;
margin:0;
padding:0;
}
.sub {
margin:0;
padding:0;
font-size:18px;
line-height:100%;
font-weight:bold;
text-align:center;
}


/*---------- コンテンツ ----------*/

.contents{
width:960px;
margin:0 auto;
padding:0;
}

.mailform{
margin:0;
padding:30px 0 20px 0;
text-align:center;
background-image:url(img/device.jpg);
}
.mailform a:link {color:#ffffff;text-decoration:none;}
.mailform a:visited {color:#ffffff;text-decoration:none;}
.mailform a:hover {color:#ffffff;text-decoration:none;}

.button {
display: inline-block;
width:760px;
height:90px;
font-weight:bold;
text-align: center;
text-decoration: none;
outline: none;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button {
color: #fff;
line-height:90px;
font-size:40px;
letter-spacing:1px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
padding-bottom:25px;
border:none;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
box-shadow:0px 3px 15px #38312a;
border: solid 3px #fff;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button:hover {
color:#fff;
text-decoration:none;
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top,  #f88e11,  #f06015);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.btn {
display: inline-block;
width:100%;
height:75px;
font-weight:bold;
text-align: center;
text-decoration: none;
outline: none;
}
.btn::before,
.btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.btn,
.btn::before,
.btn::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.btn {
color: #fff;
line-height:60px;
font-size:24px;
letter-spacing:1px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
width:150px;
margin-left:10px;
border:none;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
box-shadow:0px 3px 15px #38312a;
border: solid 3px #fff;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.btn:hover {
color:#fff;
text-decoration:none;
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top,  #f88e11,  #f06015);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

input[type="text"], textarea, select {
border:0;
padding:10px;
font-size:32px;
letter-spacing:1px;
color:#666;
border:solid 1px #ccc;
width:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

input[type="text"]:focus,
textarea:focus {
box-shadow: 0 0 7px #e7577a;
border: 1px solid #e7577a;
}

#faq{
width:900px;
margin:0 auto;
padding:60px 0;
}
.qus{
font-size:18px;
font-weight:bold;
letter-spacing:1px;
line-height:180%;
margin:15px 0 5px 0;
padding:5px 0 2px 40px;
background-image:url(img/q.jpg);
background-position:left 4px;
background-repeat:no-repeat;
color:#60b62f;
}
.ans{
margin:0 0 30px 0;
padding:0 0 0 40px;
background-image: url(img/a.jpg) ;
background-position:left top;
background-repeat:no-repeat;
border-bottom:dotted 1px #999999;
}


/*---------- テーブル ----------*/

table.spec{
width:100%;
border-collapse:separate;
margin:0;
}
table.spec td{
font-size:14px;
line-height:180%;
letter-spacing:1px;
border-bottom:solid 1px #CCCCCC;
padding:15px;
}
table.spec th{
font-size:14px;
line-height:180%;
letter-spacing:1px;
border-bottom:solid 1px #CCCCCC;
padding:15px;
font-weight:normal;
text-align:left;
background-color:#F0EDE4;
}


/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.bold18{font-size:18px;font-weight:bold;}
.ul{text-decoration:underline;}
.boldul{font-weight:bold;text-decoration:underline;}
.red {color:#d95375;}
.ym{background-color:#FFFF00;padding:1px;font-weight:bold;color:#ff0000;}
.caption{font-size:12px;color:#666666;font-weight:normal;line-height:150%;}
.white{color:#FFFFFF;}
.green{color:#60b62f;}
.org{color:#f18b29;}


.font12{font-size:12px;line-height:180%;}
.font14{font-size:14px;line-height:180%;}
.font16{font-size:16px;line-height:180%;}
.font18{font-size:18px;line-height:180%;}
.font21{font-size:21px;line-height:180%;}
.font24{font-size:24px;line-height:180%;}
.font28{font-size:28px;line-height:180%;}
.font30{font-size:30px;line-height:180%;}
.font32{font-size:32px;line-height:180%;}
.font36{font-size:36px;line-height:180%;}
.font40{font-size:40px;line-height:180%;}
.font42{font-size:42px;line-height:180%;}
.font45{font-size:45px;line-height:180%;}
.font48{font-size:48px;line-height:180%;}
.font60{font-size:60px;line-height:180%;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt45 {margin-top:45px;}
.mt60 {margin-top:60px;}
.mt75 {margin-top:75px;}
.mt90 {margin-top:90px;}

.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb45 {margin-bottom:45px;}
.mb60 {margin-bottom:60px;}
.mb75 {margin-bottom:75px;}
.mb90 {margin-bottom:90px;}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}


/*---------- 画像位置 ----------*/

.img_right01{
float:right;
margin:0 0 0 15px;
}
.img_right02{
float:right;
margin:10px 0 0 15px;
}
.img_right03{
float:right;
margin:20px 0 0 15px;
}

.shadow{box-shadow:0px 0px 10px #d5caac;}


/*---------- フッター ----------*/

#link{
margin:0;
padding:30px 0;
border-bottom:solid 1px #cccccc;
font-size:12px;
line-height:180%;
letter-spacing:1px;
color:#000;
background-color:#f9f9f9;
}
#link a:link {color:#000;text-decoration:none;}
#link a:visited {color:#000;text-decoration:none;}
#link a:hover {color:#000;text-decoration:underline;}

#linkbox{
width:980px;
margin:0 auto;
padding:0;
}
#linkbox p{
font-size:14px;
}

#footer{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
text-align:center;
padding:15px;
color:#999999;
}