@charset "utf-8";

/* common
-------------------------------------------------------------------------------- */

.pageTop {clear:both; margin:1.5em 0; text-align:center;}
.pageTop img {width:40%;}

#contact {clear:both; padding:1em 0 0 0; background:#fff8dc url(https://i02.smp.ne.jp/u/shinagawa_img/mental/sp/img/contact_bg_01.png) repeat-x left top;}
#contact h2 img {width:100%;}
#contact p {padding:0 3%;}
#contact p img {width:100%;}
#contact ul {padding:0 3%;}
#contact ul:after {clear:both; display:block; content:"";}
#contact ul li:nth-child(1) {float:left; width:48%; margin:0 4% 0.5em 0;}
#contact ul li:nth-child(2) {float:left; width:48%; margin:0 0 0.5em 0;}
#contact ul li img {width:100%;}
#contact .foot {height:1em; background:#fff8dc url(https://i02.smp.ne.jp/u/shinagawa_img/mental/sp/img/contact_bg_02.png) repeat-x left bottom;}

#contact div.topbtn {text-align:center;width: 88%;margin: 10px 6%;}
#contact div.topbtn div.fl{float: left;width: 49%;}
#contact div.topbtn div.fr{float: right;width: 49%;}
#contact div.topbtn div img{width:100%;}

#outline .list01 {float:left; width:51%;}
#outline .fig {float:left; width:49%;}
#outline .list02 {clear:both;}
#outline img {width:100%;}


/* pageForm
-------------------------------------------------------------------------------- */

body#pageForm header h1 {float:none; width:100%;}

body#pageForm p {margin:0 3%;}
body#pageForm p.notice01 {margin:0 3% 1em 3%; padding:0.8em; background:#d2ebe1;}
body#pageForm p.notice02 {margin:0 6% 1em 6%; font-weight:bold;}
body#pageForm p.notice03 {margin:0 6% 1em 6%;}
body#pageForm p.bnr {margin:0 0 1.5em 0; text-align:center;}
body#pageForm p.bnr img {width:38%;}
body#pageForm table td p {margin:0;}

body#pageForm .present p.ttl {margin:0 3% 1em 3%; padding:0.5em 0; background:#209d68; color:#fff; font-weight:bold;line-height:1.1em;text-align:center;}
body#pageForm .present ul {margin:0 0% 1em 10%;}
body#pageForm .present ul li span {color:#209d68;}
body#pageForm .present p img {width:100%;}

body#pageForm .lead {margin:0 0 1em 0; padding:0 3%;}
body#pageForm .lead:after {clear:both; display:block; content:"";}
body#pageForm .lead .fig {float:left; width:24%; margin:0 4% 0 0;}
body#pageForm .lead .fig img {width:100%;}
body#pageForm .lead .txt {float:left; width:72%; margin:0;}

body#pageForm .flow {margin:0 3% 0.5em 3%;}
body#pageForm .flow img {width:100%;}

body#pageForm table {width:94%; margin:0 auto 2em auto; border:1px solid #95cab5; border-collapse:collapse;}
body#pageForm table th {padding:7px; background:#e0f2eb; border:1px solid #95cab5; color:#127f48; font-weight:bold; text-align:left; vertical-align:top;}
body#pageForm table th span {color:#ff0000; font-weight:bold;}
body#pageForm table td {padding:7px; border:1px solid #95cab5; text-align:left; vertical-align:top;}
body#pageForm table td input,
body#pageForm table td select,
body#pageForm table td textarea {font-size:130%;}
body#pageForm table td input.style01 {width:95%; margin:5px 0;}
body#pageForm table td input.style02 {width:55%; margin:5px 0;}
body#pageForm table td input.style03 {width:95%; margin:0;}
body#pageForm table td textarea {width:95%; height:4em;}
body#pageForm table td .ttl {margin:0 0 0.5em 0; font-size:120%;}
body#pageForm table td .ttl span {color:#a5d8c3;}
body#pageForm table td ul {width:240px; height:32px; margin:0 auto; padding:0 0 1em 0;}
body#pageForm table td ul:after {clear:both; display:block; content:"";}
body#pageForm table td ul li {float:left; width:120px; height:32px; margin:0; padding:0;}
/*
body#pageForm table td ul li input[type="radio"] {
opacity:0;
width:120px;
height:32px;
}
body#pageForm table td ul li:nth-child(1) input[type="radio"] + label {
display:block;
width:120px;
height:32px;
margin:-32px 0 0 0;
background:url(https://i02.smp.ne.jp/u/shinagawa_img/mental/sp/img/form_bg_01_off.png) no-repeat left top;
background-size:100% auto;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
color:#127f49;
font-weight:bold;
line-height:32px !important;
text-shadow:1 2px 0 #fff;
text-align:center;
}
@media screen and (orientation:landscape) { body#pageForm table td ul li:nth-child(1) input[type="radio"] + label {height:30px; padding:2px 0 0 0}}
body#pageForm table td ul li:nth-child(1) input[type="radio"]:checked + label {
background:url(https://i02.smp.ne.jp/u/shinagawa_img/mental/sp/img/form_bg_01_on.png) no-repeat left top;
background-size:100% auto;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
color:#fff;
font-weight:bold;
text-shadow:1 2px 0 #3ba375;
text-align:center;
}
body#pageForm table td ul li:nth-child(2) input[type="radio"] + label {
display:block;
width:120px;
height:32px;
margin:-32px 0 0 0;
background:url(https://i02.smp.ne.jp/u/shinagawa_img/mental/sp/img/form_bg_02_off.png) no-repeat left top;
background-size:100% auto;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
color:#127f49;
font-weight:bold;
line-height:32px !important;
text-shadow:1 2px 0 #fff;
text-align:center;
}
@media screen and (orientation:landscape) { body#pageForm table td ul li:nth-child(2) input[type="radio"] + label {height:30px; padding:2px 0 0 0}}
body#pageForm table td ul li:nth-child(2) input[type="radio"]:checked + label {
background:url(https://i02.smp.ne.jp/u/shinagawa_img/mental/sp/img/form_bg_02_on.png) no-repeat left top;
background-size:100% auto;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
color:#fff;
font-weight:bold;
text-shadow:1 2px 0 #3ba375;
text-align:center;
}
*/


body#pageForm .submit {clear:both; margin:0 0 1em 0; text-align:center;}
body#pageForm .submit input {width:50%;}
body#pageForm .return {clear:both; margin:0 0 1em 0; text-align:center;}
body#pageForm .return img {width:50%;}
body#pageForm .return input {width:50%;}

body#pageForm #lead {margin:1em 3%;}
body#pageForm #lead p {margin:0; padding:0;}
body#pageForm #lead img {width:100%;}