@charset "UTF-8";
/* CSS Document */
body{-webkit-text-size-adjust: 100%;width:100%;height:auto;margin:0;padding:0;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.clearfix:after {content: "";clear: both;display: block;}
:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;-webkit-text-size-adjust: 100%;}

header{padding:120px 0; background: url("../img/image.jpg") no-repeat;background-position:100% 50%;background-size: 1200px auto}
header section{width:1000px;margin: 0 auto}
header section h1{margin:0 auto 20px 0;padding: 0;font-size:80px;letter-spacing:0px ;line-height:90px;color:#0061CD;font-weight: normal;text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;}
header section #text01{width:200px;margin:0 auto 50px 0;padding: 6px 10px;font-size:20px;letter-spacing:2px ;line-height: normal;text-align: center;font-weight:bold;color:white;background: #0061CD; border-radius: 20px;}
header section h2{margin:0 auto 0px auto;padding: 0;font-size:40px;letter-spacing:0px ;line-height: normal;font-weight: normal;/*text-align: center;c*/text-shadow:0px 2px 10px white;}
header section #text02{margin:0 auto;padding: 0;font-size:18px;letter-spacing: 1px ;line-height:30px;}
header section #text03{margin:0 auto 20px auto;padding: 0;font-size:30px;letter-spacing:2px ;line-height:30px;color:#0061CD;text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;}
header section #text04{/*position:absolute;top:-30%;left:50%; border-radius: 60%; width:300px;text-align: center;height:80px;*/padding:0px 0px 0 0px;margin:0 auto 10px 0;font-size:26px;letter-spacing:1px ;line-height: normal;font-weight:bold;color:orange;/*background:#FFF9ED;border: 5px solid orange*/
text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;}
header section #sp{display:none}

main #message{position:relative;height: 1200px;margin: 0 auto;background:linear-gradient(0deg,white 0%,white 55%,#0061CD 55%,#0061CD 100%);}
main #message #plan{position: absolute;top:80px;left: 45%; width:600px;margin: 0 auto;padding: 0px 0px; }
main #message #plan h3{margin: 0 auto; padding: 0 0;font-size:50px;letter-spacing: 1px;color: white;font-weight: normal;}
main #message #plan p{margin: 0 auto; padding: 0 0;font-size:18px;letter-spacing:0px;color: white;line-height:34px}
main #message #strength {position: absolute;top:43%;right:38%;width:700px;margin: 0 auto;padding: 80px 0px;}
main #message #strength h4{margin: 0 auto; padding: 0 0;font-size: 50px;letter-spacing: 1px;font-weight: normal; color: #0061CD;}
main #message #strength p{margin: 0 auto; padding:10px 0;font-size:20px;letter-spacing: 0px;font-weight: normal;border-bottom:2px dashed mediumturquoise;}
main #message #strength p:before{content:"\02713"; padding-right:10px;color:mediumturquoise;font-weight: bold;font-size: 28px;}
main #message #image01{position: absolute;top:-50px;right:60%;display: block; width:550px;height:550px;border-radius:50%; margin: 0 ;padding: 0;background: url("../img/businessplan01.jpg") no-repeat;background-position: 90% 50%; background-size:150% auto;box-shadow:0px 2px 10px #4a5c6a;}
main #message #image02{position: absolute;top:38%;left:72%;display: block; width:250px;height:250px;border-radius:50%; margin: 0 ;padding: 0;background: url("../img/businessplan02.jpg") no-repeat;background-position: 50% 50%; background-size:150% auto;box-shadow:0px 2px 10px #c9c9c9;}
main #message #image03{position: absolute;bottom:-2%;left:62%;display: block; width:450px;height:450px;border-radius:50%; margin: 0 ;padding: 0;background: url("../img/businessplan03.jpg") no-repeat;background-position: 50% 100%; background-size:130% auto;box-shadow:0px 2px 10px #c9c9c9;}
main #message a{display:block;position:absolute;top:-15%;left:50%;width:500px;height:auto;padding:20px 0px 0px 0px;border-radius:10px;margin:0 auto 0 0;line-height: 28px; font-size:18px;font-weight: bold;letter-spacing:-1px;text-align:center;text-decoration:none;border:3px solid #18b2ad;color:#18b2ad;box-shadow:0px 2px 10px #b9b9b9;background: white;}
main #message a div{background:#18b2ad;color: white;margin:10px auto 0 auto;padding:10px 0px 8px 0px; font-size:20px;}
main #message a:hover{ border:3px solid ; color: #b5a900;}

main #summary{padding: 80px 0 50px 0;/*background: #f3fcfc;*/background:#f5f7ed;}
main #summary section{width:1000px;margin: 0 auto;padding: 0px 0px 30px 0;}
main #summary section h5{margin: 0 auto 10px auto;padding: 10px 20px;background: #18b2ad; /*background: #ff8a6b;*/color: white;font-size: 18px; letter-spacing: 1px;}
main #summary section .text01{margin:0 auto;padding: 0 0;font-size: 16px;line-height: 28px;letter-spacing: 1px;}
main #summary section .text02{ margin:20px auto 5px auto;padding: 0px 0 0 10px;font-size: 16px;line-height: 26px;letter-spacing:0px;font-weight: bold;border-left:4px solid #18b2ad; color:#18b2ad}
main #summary section .text03{width: 50%; margin:20px auto 20px auto;padding: 10px 0px 7px 0px;font-size: 16px;line-height: 26px;letter-spacing:0px;font-weight: bold;background:#00499a ;color: white;text-align: center;border-radius: 50px;}
main #summary section .text04{width:86%; margin:10px auto 0px auto;padding: 10px 0 0 0px;font-size: 16px;line-height: 26px;letter-spacing:0px;font-weight: bold; text-align: center;border-top: 2px dashed #00499a;color:#00499a;}
main #summary section #text05{color: orange;/*background:#FFF6E7;text-align: center;*/font-size: 16px;letter-spacing: 1px;line-height: normal;font-weight: bold;width:70%;margin:5px auto 0 0; padding: 0 0 5px 0;/*border-radius: 20px;*/border-bottom:1px solid orange;}
main #summary section .ul01{width:97%;margin: 0 0 0 auto;padding: 0 0 ;list-style: none}
main #summary section .ul01 li{margin: 0 auto 5px auto;padding: 0 0 0 0px;font-size: 16px;line-height:22px;letter-spacing: 1px;text-indent: -24px;}
main #summary section .ul01 li:before{content:"\025c6"; padding-right:10px;color:mediumturquoise;font-weight: bold;font-size:14px;}
main #summary section .ul02{width:86%;margin: 0 auto;padding: 0 0 ;list-style: none}
main #summary section .ul02 li{float: left; width:25%; margin: 0 auto 5px auto;padding: 0 0 0 0px;font-size: 16px;line-height:22px;letter-spacing: 1px;}
main #summary section .ul02 li:before{content:"\025c6"; padding-right:10px;color:mediumturquoise;font-weight: bold;font-size:14px;}
main #summary section #image{float: right; width:46%;height:300px;margin: 0 0 0 0%;padding: 0;background: url("../img/summery.jpg") no-repeat;background-position: 50% 00%; background-size:120% auto;}
main #summary section ol {counter-reset: my-counter;list-style: none;width:97%;margin:20px 0 20px auto;padding: 0;}
main #summary section ol li {margin: 0px 0 10px 0;padding: 0px;position: relative;color: #00499a;font-weight: bold;}
main #summary section ol li:before {content: counter(my-counter);counter-increment: my-counter;background: #00499a;color:white;display: block;float: left;line-height: 24px;font-size: 14px;font-weight: bold;margin-left: -30px;text-align: center;height: 22px;width: 22px;border-radius: 50%;}
main #summary section ol li p{color: black;font-weight: normal}

main #salon{padding: 80px 0 50px 0;background: #f3fcfc;}
main #salon #title{width: 100%;margin: 0 auto 30px auto;padding: 0 0;text-align: center;font-size: 50px;letter-spacing: 1px;font-weight: normal;}
main #salon ul{width: 900px; margin: 0 auto;padding: 0 0; list-style: none}
main #salon ul li{width:49%; margin: 0 0.5% 10px 0.5%;padding: 0 0; float: left}
main #salon ul li section{width:100%;height:120px;margin: 0 auto;padding: 0 0;border: 1px solid #c0c0c0}
main #salon ul li section figure{display: block; width:40%;height: 100%;margin: 0 0;padding:0 0 0 0; float:left}
main #salon ul li section #mage01{background: url("../img/dolls.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage02{background: url("../img/candy.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage03{background: url("../img/kitaakabane.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage04{background: url("../img/syakujii.jpg") no-repeat; background-position: 50% 30%; background-size: cover}
main #salon ul li section #mage05{background: url("../img/kiyosumi.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage06{background: url("../img/umeshima.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage07{background: url("../img/oji.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage08{background: url("../img/nakaitabashi.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage09{background: url("../img/machiya.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage10{background: url("../img/kiba.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section #mage11{background: url("../img/ekoda.jpg") no-repeat; background-position: 50% 50%; background-size: cover}
main #salon ul li section div{width:54%;height: 100%;margin: 0 0;padding:0px 2% 0 4%; float:right;background: white;}
main #salon ul li section div .text01{ margin: 0 ;padding:12px 0 2px 0;font-weight: bold;font-size:17px;letter-spacing:0px;line-height:24px;}
main #salon ul li section div .text01-2{ margin: 0 ;padding:12px 0 2px 0;font-weight: bold;font-size:16px;letter-spacing:0px;line-height:24px;}
main #salon ul li section div .text02{ margin: 0 0 5px 0;padding: 0 0;font-weight: bold;color: #0061CD; font-size:12px;letter-spacing: 0px;}
main #salon ul li section div .text03{ margin: 0 ;padding: 0 0;font-size:13px;letter-spacing:1px;line-height:16px;}

main #contact{padding: 80px 0 50px 0;/*background: #f3fcfc;*/}
main #contact .mark{color:orange}
main #contact h6{width: 100%;margin: 0 auto 0px auto;padding: 0 0;text-align: center;font-size: 50px;letter-spacing: 1px;font-weight: normal; color: #0061CD;}
main #contact > p{margin: 0 auto 20px auto;padding: 0 0;text-align:center;font-size: 18px;letter-spacing: 1px;font-weight:bold; }
main #contact form{width:900px;margin: 0 auto;}
main #contact form table{width:100%;margin: 0 auto 40px auto;padding: 0 0;border-collapse: collapse;background: white;/*border-top: 2px solid #0d1632;border-bottom: 2px solid #0d1632*/}
main #contact form table tr{border-bottom:2px solid white}
main #contact form table th{width:28%;margin:0 auto;padding:16px 2.5%;text-align:left;font-weight: normal;font-size:16px;letter-spacing:0px;background:#0061CD;color:white;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
main #contact form table td{width:62%;margin: 0 auto;padding:16px 2.5%;background:#ebf2f5;}
main #contact form p{width: 100%;margin: 0 auto 40px auto;padding: 0 0;text-align: center;font-size:16px;letter-spacing:1px;}
main #contact form button{display:block;border:0;width:50%;margin:0 auto;padding: 30px 0;color: white;font-size:22px;letter-spacing:1px; background:#0061CD;}
main #contact form button:hover{cursor: pointer;background:#b5a900}
    
input[type="text"],input[type="email"],textarea {margin: 0 auto 0 0;padding:12px 1% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;background:white;border:none; outline: none;}
.input01,textarea{width:97%;}
.input02{width:20%;}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{ background:#0061CD; color:#FFFFFF}
textarea{height:100px;}  

footer{width:100%; margin:0 auto; padding:0px 0;text-align: center;border-top:2px solid #0061CD;background: #f2f5f9;}
footer small{display: block; width:100%; margin:0 auto; padding:30px 0;font-size: 12px;letter-spacing: 1px;color: #0061CD;}

#page-top{ display:block;width:70px;height:45px;padding-top:25px; background:white;font-size:16px;text-align: center;text-decoration: none; color:white;font-weight: bold;position:fixed;right:20px;bottom:20px; border:2px solid white;background: #0061CD; border-radius:5px;z-index: 9999;}
#page-top:hover{opacity:0.5;}

#header_cgi{padding:0px 0; background:#0061CD;}
#header_cgi section{width:900px;margin: 0 auto;padding: 20px 0;}
#header_cgi section h1{margin:0 auto 0px 0;padding:0;font-size:16px;line-height: 20px;letter-spacing:2px ;color:white;font-weight: normal;text-shadow: none;}
#header_cgi section h2{margin:0 auto 0px 0;padding: 0;font-size:24px;line-height: 40px;letter-spacing:2px ;color:white;font-weight: normal;text-shadow: none;}

main #cgi{width:900px;margin: 0 auto;padding:50px 0 50px 0;}
main #cgi h3{margin:0 auto 20px auto;padding: 0;font-size:40px;letter-spacing:3px;font-weight: normal; color: #0061CD;text-align: center}
main #cgi .text01{margin:0 auto ;padding: 0;font-size:16px;letter-spacing: 1px;text-align: center}
main #cgi table{width:90%;margin:20px auto 40px auto;padding: 0 0;border-collapse: collapse;font-size:14px;letter-spacing:0px;}
main #cgi table tr{border-bottom:1px dashed #0061CD;}
main #cgi table th{width:28%;margin:0 auto;padding:12px 0 12px 2%;text-align:left;color:#0061CD;}
main #cgi table td{width:68%;margin: 0 auto;padding:12px 0 12px 2%;}
main #cgi form section input{display: block;border: none;float: left;width: 46%;margin: 0 2%;padding:20px 0;color: white;font-size: 20px; background: #0061CD;-webkit-appearance: none; }
main #cgi form section input:hover{cursor:pointer;background:#b5a900}
main #cgi a{display:block;width:30%;margin:20px auto 0 auto;padding:20px 0;color: white;font-size: 20px; background: #0061CD;text-align: center;text-decoration: none;}
main #cgi a:hover{background:#b5a900}

@media screen and (min-width:701px) and ( max-width:1050px) {
    header{padding:120px 0; background: url("../img/image.jpg") no-repeat;background-position:100% 0%;background-size:auto 100%}
    header section{width:90%;margin: 0 auto}
    header section h1{margin:0 auto 20px 0;padding: 0;font-size:55px;letter-spacing:0px ;line-height:70px;color:#0061CD;font-weight: normal;}
    header section #text01{width:200px;margin:0 auto 30px 0;padding: 6px 10px;font-size:20px;letter-spacing:2px ;line-height: normal;text-align: center;font-weight:bold;color:white;background: #0061CD; border-radius: 20px;}
    header section h2{margin:0 auto 0px auto;padding: 0;font-size:26px;letter-spacing:0px ;line-height: normal;font-weight: normal;text-shadow:0px 2px 10px white;}
    header section #text02{margin:0 auto;padding: 0;font-size:17px;letter-spacing:0px ;line-height:30px;}
    header section #text03{margin:0 auto 20px auto;padding: 0;font-size:28px;letter-spacing:1px ;line-height:34px;color:#0061CD;text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;}
    header section #text04{padding:0px 0px 0 0px;margin:0 auto 10px 0;font-size:20px;letter-spacing:0px ;line-height: normal;font-weight:bold;color:orange;text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;}
    header section #sp{display:none}
    
    main #message{position:relative;height: 1200px;margin: 0 auto;background:linear-gradient(0deg,white 0%,white 50%,#0061CD 50%,#0061CD 100%);}
    main #message #plan{position: absolute;top:50px;left:45%; width:50%;margin: 0;padding: 0px 0px; }
    main #message #plan h3{margin: 0 auto; padding: 0 0 20px 0;font-size:40px;letter-spacing: 1px;color: white;font-weight: normal;}
    main #message #plan p{margin: 0 auto; padding: 0 0;font-size:18px;letter-spacing:0px;color: white;line-height:28px}
    main #message #strength {position: absolute;top:55%;right:10%;width:80%;margin: 0 auto;padding: 0px 0px;}
    main #message #strength h4{margin: 0 auto; padding: 0 0 20px 0;font-size: 40px;letter-spacing: 1px;font-weight: normal; color: #0061CD;}
    main #message #strength p{margin: 0 auto; padding:10px 0;font-size:18px;letter-spacing: 0px;font-weight: normal;border-bottom:2px dashed mediumturquoise;}
    main #message #strength p:before{content:"\02713"; padding-right:5px;color:mediumturquoise;font-weight: bold;font-size:24px;}
    main #message #image01{position: absolute;top:-50px;right:60%;display: block; width:450px;height:450px;border-radius:50%; margin: 0 ;padding: 0;background: url("../img/businessplan01.jpg") no-repeat;background-position: 90% 50%; background-size:150% auto;box-shadow:0px 2px 10px #4a5c6a;}
    main #message #image02{position: absolute;top:46%;left:75%;display: block; width:200px;height:200px;border-radius:50%; margin: 0 ;padding: 0;background: url("../img/businessplan02.jpg") no-repeat;background-position: 50% 50%; background-size:150% auto;box-shadow:0px 2px 10px #c9c9c9;}
    main #message #image03{display: none;/*position: absolute;bottom:-2%;left:65%;display: block; width:350px;height:350px;border-radius:50%; margin: 0 ;padding: 0;background: url("../img/businessplan03.jpg") no-repeat;background-position: 50% 100%; background-size:130% auto;box-shadow:0px 2px 10px #c9c9c9;*/}
    
    main #message a{display:block;position:absolute;top:-12%;left:inherit;right: 5%;width:40%;height:auto;padding:15px 0px 0px 0px;border-radius:10px;margin:0 auto 0 0;line-height: 22px; font-size:16px;font-weight: bold;letter-spacing:-1px;text-align:center;text-decoration:none;border:3px solid #18b2ad;color:#18b2ad;box-shadow:0px 2px 10px #b9b9b9;background: white;}
    main #message a div{background:#18b2ad;color: white;margin:5px auto 0 auto;padding:10px 0px 8px 0px; font-size:18px;}
    
    main #summary section{width:90%;margin: 0 auto;padding: 0px 0px 30px 0;}
    main #summary section .text03{width:80%; margin:20px auto 20px auto;padding: 10px 0px 7px 0px;font-size: 16px;line-height: 26px;letter-spacing:0px;font-weight: bold;background:#00499a ;color: white;text-align: center;border-radius: 50px;}
    main #summary section .text04{width:98%; margin:10px auto 0px auto;padding: 10px 0 0 0px;font-size: 16px;line-height: 26px;letter-spacing:0px;font-weight: bold; text-align: center;border-top: 2px dashed #00499a;color:#00499a;}
    main #summary section #text05{color: orange;/*background:#FFF6E7;text-align: center;*/font-size: 16px;letter-spacing: 1px;line-height: normal;font-weight: bold;width:100%;margin:5px auto 0 0; padding: 0 0 5px 0;/*border-radius: 20px;*/border-bottom:1px solid orange;}
    main #summary section .ul01{width:96%;margin: 0 0 0 auto;padding: 0 0 ;list-style: none}
    main #summary section .ul02{width:95%;margin: 0 auto;padding: 0 0 ;list-style: none}
    main #summary section .ul02 li{float: left; width:33.333%; margin: 0 auto 5px auto;padding: 0 0 0 0px;font-size: 16px;line-height:22px;letter-spacing: 1px;}
    main #summary section .ul02 li:before{content:"\025c6"; padding-right:5px;color:mediumturquoise;font-weight: bold;font-size:14px;}
    main #summary section #image{float: right; width:40%;height:250px;margin: 0 0 0 0%;padding: 0;background: url("../img/summery.jpg") no-repeat;background-position: 50% 00%; background-size:180% auto;}
    main #summary section ol {counter-reset: my-counter;list-style: none;width:95%;margin:20px 0 20px auto;padding: 0;}
    
    main #salon #title{width: 100%;margin: 0 auto 30px auto;padding: 0 0;text-align: center;font-size:40px;letter-spacing: 1px;font-weight: normal;}
    main #salon ul{width:90%; margin: 0 auto;padding: 0 0; list-style: none}
    main #salon ul li{width:100%; margin: 0 0 10px 0;padding: 0 0; float: left}
    main #salon ul li section{width:99%;height:100px;margin: 0 auto;padding: 0 0;border: 1px solid #c0c0c0}
    main #salon ul li section figure{display: block; width:32%;height: 100%;margin: 0 0;padding:0 0 0 0; float:left}
    main #salon ul li section div{width:63%;height: 100%;margin: 0 0;padding:0px 2% 0 3%; float:right;background: white;}
    main #salon ul li section div .text01{ margin: 0 ;padding:12px 0 2px 0;font-weight: bold;font-size:17px;letter-spacing:0px;line-height:24px;}
    main #salon ul li section div .text01-2{ margin: 0 ;padding:12px 0 2px 0;font-weight: bold;font-size:17px;letter-spacing:0px;line-height:24px;}
    main #salon ul li section div .text02{ margin: 0 0 5px 0;padding: 0 0;font-weight: bold;color: #0061CD; font-size:12px;letter-spacing: 0px;}
    main #salon ul li section div .text03{ margin: 0 ;padding: 0 0;font-size:13px;letter-spacing:1px;line-height:16px;}
    
    main #contact h6{width: 100%;margin: 0 auto 20px auto;padding: 0 0;text-align: center;font-size: 40px;letter-spacing: 1px;font-weight: normal; color: #0061CD;}
    main #contact form{width:90%;margin: 0 auto;}
    main #contact form table{width:100%;margin: 0 auto 40px auto;padding: 0 0;border-collapse: collapse;background: white;/*border-top: 2px solid #0d1632;border-bottom: 2px solid #0d1632*/}
    main #contact form table tr{border-bottom:2px solid white}
    main #contact form table th{width:24%;margin:0 auto;padding:16px 2.5%;text-align:left;font-weight: normal;font-size:16px;letter-spacing:0px;background:#0061CD;color:white;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
    main #contact form table td{width:66%;margin: 0 auto;padding:16px 2.5%;background:#ebf2f5;}
    main #contact form button{display:block;border:0;width:80%;margin:0 auto;padding: 30px 0;color: white;font-size:22px;letter-spacing:1px; background:#0061CD;}

    #header_cgi section{width:90%;margin: 0 auto;padding: 20px 0;}
    
    main #cgi{width:90%;margin: 0 auto;padding:50px 0 50px 0;}
    main #cgi h3{margin:0 auto 20px auto;padding: 0;font-size:40px;letter-spacing:3px;font-weight: normal; color: #0061CD;text-align: center}
    main #cgi .text01{width:90%;margin:0 auto ;padding: 0;font-size:16px;letter-spacing: 1px;text-align:left}
    main #cgi table{width:100%;margin:20px auto 40px auto;padding: 0 0;border-collapse: collapse;font-size:14px;letter-spacing:0px;}
    main #cgi table th{width:30%;margin:0 auto;padding:12px 0 12px 0%;text-align:left;color:#0061CD;}
    main #cgi table td{width:69%;margin: 0 auto;padding:12px 0 12px 1%;}
    main #cgi form section input{display: block;border: none;float: left;width:48%;margin: 0 1%;padding:20px 0;color: white;font-size: 20px; background: #0061CD;-webkit-appearance: none; }
    main #cgi a{display:block;width:80%;margin:20px auto 0 auto;padding:20px 0;color: white;font-size: 20px; background: #0061CD;text-align: center;text-decoration: none;}
    
}

@media screen and (max-width:700px) {
    header{padding:0px 0 50px 0; background: url("../img/image_sp.jpg") no-repeat;background-position:100% 0%;background-size:auto 100%}
    header section{width:100%;margin: 0 auto}
    /*
    header section h1{width:90%;margin:0 auto 10px auto;padding: 0;font-size:30px;letter-spacing:0px ;line-height:40px;color:#0061CD;font-weight:bold;text-align: center;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
    header section #text01{width:200px;margin:0 auto 20px auto;padding: 6px 0px;font-size:14px;letter-spacing:1px ;line-height: normal;text-align: center;font-weight:bold;color:white;background: #0061CD; border-radius: 20px;}
    */
    header section h1{width:100%;margin:70px auto 10px auto;padding: 0 0%;font-size:28px;letter-spacing:0px ;line-height:38px;color:#0061CD;font-weight:bold;text-align: center;/*background:rgba(0,97,205,0.8);text-shadow:none;*/text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
    header section #text01{width:150px;margin:0 auto 20px auto;padding:5px 0 5px 0;font-size:12px;letter-spacing:1px ;line-height: normal;text-align: center;font-weight:bold;color:white;background:rgba(0,97,205,1.0);border-radius: 10px;}
    header section #text03{width:100%;margin:0 auto 0px auto;padding:5px 0% 5px 0%;font-size:14px;letter-spacing:0px ;line-height:22px;color:white;text-align: center;background:rgba(0,97,205,1.0);text-shadow:none; border-radius: 0px 0px 0px 0px;}
    
    header section h2{width:80%;margin:0 auto 10px auto;padding: 0;font-size:22px;letter-spacing:1px ;line-height:28px;font-weight: normal;text-align: center; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
    header section #text02{width:80%;margin:0 auto 10px auto;padding: 0;font-size:14px;letter-spacing:0px ;line-height:20px;}
    header section #text04{width:80%;padding:0px 0px 0 0px;margin:0 auto 5px auto;font-size:18px;letter-spacing:0px ;line-height:22px;font-weight:bold;color:orange;text-align: center;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
    /*
    header section #text03{width:90%;margin:0 auto 10px auto;padding: 0;font-size:18px;letter-spacing:0px ;line-height:22px;color:#0061CD;text-align: center;font-weight:bold;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
    */
    header section #sp{display:block;width:80%;margin: 0 auto;padding:10px 0 0 0;border-radius:5px; font-size:14px;font-weight: bold;letter-spacing:0px;text-align:center;text-decoration:none;border:2px solid #18b2ad;color:#18b2ad;box-shadow:0px 2px 5px #b9b9b9;background: white;}
    header section #sp div{background: #18b2ad;color: white;margin: 5px 0 0 0; padding:8px 0px 4px 0;font-size:18px;}
    
    main #message{position:inherit;height:auto;margin: 0 auto;background:none;}
    main #message #plan{position:inherit; width:100%;margin: 0 auto;padding:30px 0px;background: #0061CD }
    main #message #plan h3{width:80%;margin: 0 auto; padding: 0 0;font-size:30px;letter-spacing: 0px;color: white;font-weight: normal;}
    main #message #plan p{width:80%;margin: 0 auto; padding: 0 0;font-size:14px;letter-spacing:1px;color: white;line-height:24px}
    main #message #strength {position:inherit;width:80%;margin: 0 auto;padding:30px 0px;background: white;}
    main #message #strength h4{margin: 0 auto; padding: 0 0;font-size:30px;letter-spacing:0px;font-weight: normal; color: #0061CD;}
    main #message #strength p{width:88%;margin: 0 auto; padding:10px 0;font-size:14px;letter-spacing: 0px;line-height:20px; font-weight: normal;border-bottom:2px dashed mediumturquoise;text-indent:-28px;}
    main #message #strength p:before{content:"\02713"; padding-right:3px;color:mediumturquoise;font-weight: bold;font-size:24px;}
    main #message #image01,main #message #image02,main #message #image03,main #message a{display: none;}
    
    main #summary{padding:30px 0 10px 0;/*background: #f3fcfc;*/background:#f5f7ed;}
    main #summary section{width:80%;margin: 0 auto;padding: 0px 0px 20px 0;}
    main #summary section h5{margin: 0 auto 10px auto;padding: 10px 12px;background: #18b2ad; /*background: #ff8a6b;*/color: white;font-size: 18px; letter-spacing: 1px;}
    main #summary section .text01{margin:0 auto;padding: 0 0;font-size: 14px;line-height: 22px;letter-spacing:0px;}
    main #summary section .text02{ margin:20px auto 5px auto;padding: 0px 0 0 10px;font-size: 14px;line-height:24px;letter-spacing:0px;font-weight: bold;border-left:4px solid #18b2ad; color:#18b2ad}
    main #summary section .text03{width: 92%; margin:15px auto;padding: 10px 3% 7px 3%;font-size:13px;line-height:20px;letter-spacing:0px;font-weight: bold;background:#00499a ;color: white;text-align: center;border-radius: 20px;}
    main #summary section .text04{width:90%; margin:10px auto 0px auto;padding: 10px 0 0 0px;font-size: 14px;line-height:24px;letter-spacing:0px;font-weight: bold; text-align: center;border-top: 2px dashed #00499a;color:#00499a;}
    main #summary section #text05{color: orange;font-size: 15px;letter-spacing: 0px;line-height:20px;font-weight: bold;width:90%;margin:10px auto 0 auto; padding: 0 0 5px 0;/*border-radius: 20px;*/border-bottom:1px solid orange;text-indent: -16px;}
    main #summary section .ul01{width:94%;margin: 0 0 0 auto;padding: 0 0 ;list-style: none}
    main #summary section .ul01 li{margin: 0 auto 5px auto;padding: 0 0 0 0px;font-size:14px;line-height:20px;letter-spacing:1px;text-indent: -18px;}
    main #summary section .ul01 li:before{content:"\025c6"; padding-right:5px;color:mediumturquoise;font-weight: bold;font-size:12px;}
    main #summary section .ul02{width:95%;margin: 0 auto;padding: 0 0 ;list-style: none}
    main #summary section .ul02 li{float: left; width:100%; margin: 0 auto 5px auto;padding: 0 0 0 0px;font-size: 14px;line-height:20px;letter-spacing: 1px;}
    main #summary section .ul02 li:before{content:"\025c6"; padding-right:5px;color:mediumturquoise;font-weight: bold;font-size:12px;}
    main #summary section #image{float:inherit; width:100%;height:150px;margin: 0 auto 10px auto;padding: 0;background: url("../img/summery.jpg") no-repeat;background-position: 50% 00%; background-size:140% auto;}
    main #summary section ol {counter-reset: my-counter;list-style: none;width:92%;margin:0px 0 20px auto;padding: 0;}
    main #summary section ol li {margin: 0px 0 10px 0;padding: 0px;position: relative;color: #00499a;font-weight: bold;}
    main #summary section ol li:before {content: counter(my-counter);counter-increment: my-counter;background: #00499a;color:white;display: block;float: left;line-height: 20px;font-size: 12px;font-weight: bold;margin-left: -25px;margin-top: 3px; text-align: center;height:18px;width: 18px;border-radius: 50%;}
    main #summary section ol li p{color: black;font-weight: normal}
    
    main #salon{padding:30px 0;background: #f3fcfc;}
    main #salon #title{width: 100%;margin: 0 auto 10px auto;padding: 0 0;text-align: center;font-size:30px;letter-spacing:0px;font-weight: normal;}
    main #salon ul{width:80%; margin: 0 auto;padding: 0 0; list-style: none}
    main #salon ul li{width:100%; margin: 0 0% 5px 0%;padding: 0 0; float:inherit}
    main #salon ul li section{width:100%;height:110px;margin: 0 auto;padding: 0 0;border: 1px solid #c0c0c0}
    main #salon ul li section figure{display: block; width:20%;height: 100%;margin: 0 0;padding:0 0 0 0; float:left}
    main #salon ul li section div{width:74%;height: 100%;margin: 0 0;padding:0px 2% 0 4%; float:right;background: white;}
    main #salon ul li section div .text01{ margin: 0 ;padding:12px 0 2px 0;font-weight: bold;font-size:15px;letter-spacing:0px;line-height:24px;}
    main #salon ul li section div .text01-2{ margin: 0 ;padding:12px 0 2px 0;font-weight: bold;font-size:15px;letter-spacing:0px;line-height:24px;}
    main #salon ul li section div .text02{ margin: 0 0 5px 0;padding: 0 0;font-weight: bold;color: #0061CD; font-size:11px;letter-spacing: 0px;}
    main #salon ul li section div .text03{ margin: 0 ;padding: 0 0;font-size:13px;letter-spacing:1px;line-height:16px;}
    
    main #contact{padding:30px 0;}
    main #contact h6{width: 100%;margin: 0 auto 0px auto;padding: 0 0;text-align: center;font-size:30px;letter-spacing:0px;font-weight: normal; color: #0061CD;}
    main #contact > p{margin: 0 auto 0px auto;padding: 0 0;text-align:center;font-size:14px;letter-spacing: 0px;font-weight:bold; }
    main #contact form{width:80%;margin: 0 auto;}
    main #contact form table{width:100%;margin: 0 auto 20px auto;padding: 0 0;border-collapse: collapse;background: white;}
    main #contact form table tr{border-bottom:1px dashed #0061CD}
    main #contact form table th{display: inline-block; width:100%;margin:0 auto;padding:12px 0% 0 0;text-align:left;font-weight:bold;font-size:14px;letter-spacing:0px;background: none; color:#0061CD;border-top:0px solid #0061CD}
    main #contact form table td{display: inline-block; width:100%;margin: 0 auto;padding:0 0 12px 0%;background:none;}
    main #contact form p{width:90%;margin: 0 auto 20px auto;padding: 0 0;text-align:left;font-size:12px;letter-spacing:0px;}
    main #contact form button{display:block;border:0;width:100%;margin:0 auto;padding:20px 0;color: white;font-size:18px;letter-spacing:1px; background:#0061CD;}

    input[type="text"],input[type="email"],textarea {margin: 0 auto 0 0;padding:12px 1% 12px 2%;font-size:16px;letter-spacing:1px;line-height: 20px; border-radius:3px;background:white;border:1px solid #0061CD; outline: none; }
        
    #header_cgi section{width:90%;margin: 0 auto;padding:14px 0;}
    #header_cgi section h1{margin:0 auto 0px auto;padding:0;font-size:12px;line-height:20px;letter-spacing:0px;color:white;font-weight: normal;text-shadow: none;}
    #header_cgi section h2{margin:0 auto 0px auto;padding:0;font-size:18px;line-height:20px;letter-spacing:0px;color:white;font-weight: normal;text-shadow: none;}
    
    main #cgi{width:80%;margin: 0 auto;padding:30px 0;}
    main #cgi h3{margin:0 auto 10px auto;padding: 0;font-size:24px;letter-spacing:1px;font-weight: normal; color: #0061CD;text-align: center}
    main #cgi .text01{margin:0 auto ;padding: 0;font-size:13px;letter-spacing:0px;line-height:18px; text-align:left}
    main #cgi table{width:100%;margin:0px auto 20px auto;padding: 0 0;border-collapse: collapse;font-size:13px;letter-spacing:0px;}
    main #cgi table th{display: inline-block;width:100%;margin:0 auto;padding:10px 0 0px 0%;text-align:left;color:#0061CD;}
    main #cgi table td{display: inline-block;width:100%;margin:0 auto;padding:0px 0 10px 0%;}
    main #cgi form section input{display: block;border: none;float: left;width:48%;margin: 0 1%;padding:20px 0;color: white;font-size: 20px; background: #0061CD;-webkit-appearance: none; }
    main #cgi a{display:block;width:100%;margin:20px auto 0 auto;padding:20px 0;color: white;font-size: 20px; background: #0061CD;text-align: center;text-decoration: none;}
        
}