@charset "UTF-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}

html{
overflow-y:scroll;
height:100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}


body {
color:#333;
text-align: center;
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
font-size:100%;
line-height:155%;
margin:0;
}

div article{
text-align:center;
}

blockquote, q {
quotes: none;
}

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

input, textarea{
margin: 0;
padding: 0;
}

ol, ul{
list-style:none;
}

table{
border-collapse: collapse; 
border-spacing:0;
height: auto;
max-width: 100%;
width: auto;
}

th,td{
height: auto;
max-width: 100%;
width: auto;
}

caption, th{
text-align: left;
}
a {
color: #000000;
font-weight: normal;
	text-decoration: none;
}
a:focus {
outline:none;
}

.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

.br:before {
content: "\A" ;
white-space: pre ;
}

img {
height: auto;
max-width: 100%;
vertical-align: bottom;
width: auto;
width:100%;
}
.left{
float:left;
}
.right{
float:right;
}
h3 {
margin-top:50px;
margin-bottom: 25px;
padding:20px 0 15px 0;
color:#FFF;
background-color: #69AEDA;
font-size:230%;
font-weight: bold;
    text-align: center;
}

h4 {
margin-bottom: 15px;
color:#136B9B;
font-size: 150%;
line-height: 1.4;
font-weight:bold;
}

h5 {
margin-bottom: 3px;
font-size:140%;
line-height: 1;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight: bold;
}
h5.small{
    font-size:100%;
}
p {
    margin:0;
    text-align: justify;
}
.text{
    text-align: justify;
}

.sp {
display:none;
}
.pc {
display:block;
}

#head{
position:fixed;
top:0;
left:0;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5);
width:100%;
height:50px;
background-color:#FFF;
text-align:left;
padding:5px 0;
}
#head img{
width:180px;
height:50px;
}


#main {
height: 100%;
margin:0 auto;
margin-top:60px;
margin-bottom: 45px;
}

@media only screen and (min-width:1501px) {
#main {
width: 85%;
}
}

#greeting{
width:85%;
margin:0 auto;
}
.inner {
width:85%;
margin:35px auto 0 auto;
}


@media screen and (min-width: 1401px) {
#greeting,.inner {
width:75%;
}
}

#greeting div.text {
line-height: 185%;
font-size:110%;
padding-top: 60px;
padding-bottom: 30px;
}

#menu{
    margin:50px auto;
}
#menu ul {
width:632px;
margin:0 auto;
padding:0;
}
#menu ul li {
float:left;
margin:0 25px;
padding:0;
width:160px;
height:40px;
list-style:none;
    font-size:125%;
    color: #fff;
background-color: #136B9B;
line-height: 40px;
}
#menu ul a:hover li {
background-color: #5EAAD3;
}
#menu01,#menu02{
    margin:0 auto 50px auto;
    text-align: left;
}
.part01,.part02,.part03,.part04,.part05,.part06,.part07,.part08{
    margin:0 auto 80px auto;
}

#menu01 .part01 .left{
    width:60%;
}
#menu01 .part01 .right{
    width:35%;
}
#menu01 .part02 .left{
    width:35%;
}
#menu01 .part02 .right{
    width:60%;
}
#menu01 .part03{
    margin-bottom:20px;
}

#menu01 .part03 h4{
    text-align: center;
}
#menu01 .part04{
    margin-top:0;
}

#menu01 .part04 .left{
    width:47%;
}
#menu01 .part04 .right{
    width:47%;
}
#menu01 .part04 img{
    width:100%;
    margin-bottom:15px;
    border-radius: 15px;
}
#menu01 .part05{
    background-image: url("../images/ethte.jpg");
    background-position: right;
    background-repeat: no-repeat;
    margin-top:0;
    padding-top:30px;
    padding-bottom:70px;
}
#menu01 .part05 .left{
    width:60%;
}
#menu01 .part06 .left{
    width:60%;
}
#menu01 .part06 .right{
    width:35%;
}
#menu01 .title {
margin-bottom: 3px;
font-size:140%;
line-height: 1.2;
    text-align: center;
}
#menu01 .title .small{
    font-size:85%;
    text-align: center;
}
#menu01 .part07{
    text-align:center;
}
#menu01 .part07 h4{
    text-align: center;
}
#menu01 .part07 img{
    width:85%;
    margin:0 auto;
}

#menu01 .part08{
    background-color: #D6D6D6;
    text-align: center;
}
#menu01 .part08 .inner02{
    width: 90%;
    padding: 30px 0;
    margin:0 auto;
}
#menu01 .part08 .title02{
    font-size:110%;
    text-align: center;
    margin-bottom:15px;
}
#menu01 .part08 .text{
    margin-top:25px;
}

#menu02 .part01 .left{
    width:65%;
}
#menu02 .part01 .right{
    width:30%;
}
#menu02 .part02 .bodycare{
    text-align: center;
    margin: 20px auto;
    display: flex;
    width:80%;
    position: relative;
}
#menu02 .part02 .bodycare .circle_waku{
 position:relative;
    width:25%;
    margin:0 4%;
}
#menu02 .part02 .bodycare .circle{
    width:100%;
    padding-top:100%;
    height: 0%;
    border:15px #92BCF2 double;
    border-radius: 50%;
    position: relative;
}
#menu02 .part02 .bodycare p{
    position: absolute;
    width: 100%;
    text-align: center;
    top:52%;
    margin:-1.5vw 0;
    line-height:1;
    font-size:160%;
    color: #1D5188;
    font-weight:bold;
}
#menu02 .part02 .title03{
text-align: center;
font-size: 140%;
background-color:#D1D9ED;
padding:15px 0;
    width: 90%;
    margin: 30px auto 0 auto;
    color: #0B1C3C;
    font-weight:bold;
}
#menu02 .part03 .left{
    width:30%;
}
#menu02 .part03 .right{
    width:65%;
}
#menu03 .inner{
    width:85%;
    margin-bottom: 80px;
}
#menu03 .inner .part01,#menu03 .inner .part02{
    width:85%;
}

#menu03 .part01 .left,#menu03 .part02 .left{
    width:30%;
}
#menu03 .part01 .right,#menu03 .part02 .right{
    width:65%;
    text-align: left;
}
#menu03 .inner .item_copy{
    font-size:110%;
    color:#136B9B;
    margin-bottom:10px;
}
#menu03 .inner .item_name{
    font-size:130%;
    font-weight:bold;
    margin-bottom:30px;
}
#menu03 .inner .item_detail{
        margin-bottom:40px;
}
#menu03 .inner .button{
    background-color: #0C104C;
    color: #fff;
    width: 100%;
    padding:10px 0;
    text-align: center;
    font-size: 115%;
}

#menu03 .inner a:hover .button{
    background-color: #363961;
}

#menu03 .component{
    text-align: justify;
    font-size: 90%;
    line-height: 1.5;
}

#about {
padding: 30px 0;
width:100%;
margin:0 auto;
}

#about #box2{
}
#about #box2 table{
margin:0 auto 150px auto;
border-spacing: 30px;
border-collapse: separate;
}

#about #box2 table th{
font-size:106%;
font-weight:bold;
text-align:right;
padding:25px 13px;
border-right:#136B9B 3px solid;
}
#about #box2 table td{
font-size:106%;
text-align:left;
padding:10px;
}




#contact {
padding:30px 0 50px 0;
text-align:center;
width:85%;
margin:0 auto;
}

@media screen and (min-width: 1501px) {
#contact {
width:75%;
}
}
#contact p{
    margin-bottom:40px;
}
#contact form{
width:80%;
margin:0 auto;
}

#contact table{
margin:0 auto 20px auto;
width:100%;
border-top:#666666 1px dotted;
border-left:#666666 1px dotted;
border-right:#666666 1px dotted;
background-color:#FFFFFF;
}

#contact table th{
text-align:center;
width:25%;
}

#contact table td{
text-align:left;
width:75%
}

#contact table th,#contact table td{
padding:20px;
border-bottom:#666666 1px dotted;
font-size:86%;
vertical-align:middle;
}

#contact table td .answer{
background:#EDEDED none repeat scroll 0 0;
border:#CCC 1px solid;
padding: 6px 4px;
height: auto;
max-width: 100%;
width:90%;
}

#contact table td .answer01{
width:90%;
}

#contact table td .answer02{
width:40%;
}

#contact table td .answer03{
width:25%;
}

#contact .submit {
width: 100%;
margin:0 auto;
}
#contact .submit input{
    background-color: #0C104C;
font-size:110%;
font-weight:bold;
color:#fff;
border:0;
padding:20px;
cursor: pointer;
}
#contact .submit input:hover{
background-color: #363961;
}

#privacy {
width:80%;
margin:0 auto;
padding: 30px 0;
}

#privacy div {
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
text-align:justify;
}
#privacy p{
    margin-bottom:60px;
}
#privacy h4{
    font-size:140%;
    border-bottom: solid 1px #666;
}
#lp {
width:77%;
margin:0 auto;
padding: 10px 0;
}


@media screen and (min-width: 1501px) {
#privacy {
width:75%;
}
#lp {
width:72%;
}
}



#footer {
padding: 30px 50px;
background-color: #666;
text-align: center;
font-size: 	90%;
color: #fff;
}

#footer .menu{
    margin-bottom:20px;
}
#footer .menu a{
    color:#fff;
}
#footer .menu a:hover{
    color:#333;
}

@media screen and (max-width: 641px) {
body {
font-size:95%;
line-height:145%;
}
h3 {
font-size:190%;
}

h4 {
margin-bottom: 15px;
font-size: 130%;
}
#head{
height:30px;
padding:5px 0;
}
#head img{
width:108px;
height:30px;
}
#main{
margin-top:40px;
}
#greeting{
width:95%;
}
.inner {
width:95%;
margin:35px auto 0 auto;
}
#greeting div.text {
line-height: 150%;
padding-top: 30px;
padding-bottom: 10px;
font-size:100%;
}

#menu{
    margin:50px auto;
}
#menu ul {
width:97%;
margin-left:3%;
}
#menu ul li {
float:left;
margin:0 3% 0 0;
width:30%;
font-size:110%;
}
#menu ul a:hover li {
background-color: #5EAAD3;
}
.part01,.part02,.part03,.part04,.part05,.part06,.part07,.part08{
    margin:0 auto 30px auto;
}

#menu01 .part01 .left{
    width:100%;
}
#menu01 .part01 .right{
    width:100%;
    margin:0 auto;
    text-align: center;
}
#menu01 .part01 .right img{
    width:80%;
    margin:10px auto 0 auto;
    }
#menu01 .part02 .left{
    width:100%;
    text-align: center;
}
#menu01 .part02 .right{
    width:100%;
}
#menu01 .part02 .left img{
    width:80%;
    margin:10px auto 0 auto;
    }
#menu01 .part03 h4{
    text-align: left;
}

#menu01 .part05{
    background-position: right bottom;
    padding-bottom:90px;
}
#menu01 .part05 .left{
    width:60%;
}
#menu01 .part06 .left{
    width:100%;
}
#menu01 .part06 .right{
    width:100%;
    text-align: center;
}
#menu01 .part06 .right img{
    width:80%;
    margin:10px auto 0 auto;
    }

#menu01 .title {
margin-bottom: 2px;
font-size:130%;
}
#menu01 .title .small{
    font-size:80%;
}
#menu01 .part07 img{
    width:100%;
}

#menu01 .part08 .inner02{
    width: 95%;
    padding: 20px 0;
}
#menu01 .part08 .title02{
    font-size:105%;
    margin-bottom:10px;
}
#menu01 .part08 .text{
    margin-top:15px;
}

#menu02 .part01 .left{
    width:100%;
}
#menu02 .part01 .right{
    width:100%;
    text-align: center;
}
#menu02 .part01 .right img{
    width:70%;
    margin:10px auto 0 auto;
    }
#menu02 .part02 .bodycare{
    width:100%;
}
#menu02 .part02 .bodycare .circle_waku{
    width:31%;
    margin:0 2%;
}
#menu02 .part02 .bodycare .circle{
    border:4px #92BCF2 solid;
}
#menu02 .part02 .bodycare p{
    top:50%;
    font-size:140%;
}
#menu02 .part02 .title03{
    width: 100%;
}
#menu02 .part03 .left{
    width:100%;
    text-align: center;
}
#menu02 .part03 .right{
    width:100%;
}
#menu02 .part03 .left img{
    width:80%;
    margin:10px auto 0 auto;
    }

#menu03 .inner{
    width:90%;
    margin-bottom: 50px;
}
#menu03 .inner .part01,#menu03 .inner .part02{
    width:100%;
}
    #menu03 .part02{
        border-top:1px dotted #666;
        padding-top:20px;
    }
#menu03 .part01 .left,#menu03 .part02 .left{
    width:100%;
    text-align: center;
}
#menu03 .part01 .left img,#menu03 .part02 .left img{
    width:70%;
}

#menu03 .part01 .right,#menu03 .part02 .right{
    width:100%;
    text-align: left;
}
#menu03 .inner .item_copy{
    font-size:100%;
    margin-bottom:7px;
}
#menu03 .inner .item_name{
    font-size:115%;
    margin-bottom:20px;
}
#menu03 .inner .item_detail{
        margin-bottom:25px;
}
#menu03 .inner .button{
    font-size: 105%;
}
    
#about {
}
#about #box2 table{
border-spacing: 10px;
}

#about #box2 table th{
padding:25px 8px;
width:37%;
}
#about #box2 table td{
padding:8px;
}
    
#privacy {
width:95%;
}

    #contact{
        width:95%;
    }
#contact form{
    width:100%;
}

#contact table th{
width:30%;
}
#contact table th,#contact table td{
padding:20px 5px;
}

#contact table td .answer{
width:100%;
    margin:5px 0;
}

#contact table td .answer01{
width:90%;
}

#contact table td .answer02{
width:80%;
}

#contact table td .answer03{
width:23%;
}
#footer {
padding: 20px;
}

#footer .menu{
    margin-bottom:20px;
}
#footer .menu a{
    color:#fff;
}
#footer .menu a:hover{
    color:#333;
}

.sp {
display:block;
}
.pc {
display:none;
}
#lp {
width:95%;
}

}