@charset "utf-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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

nav,ul,li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* plus */
*,*::before,*::after {
  box-sizing: border-box;
}
img{
  vertical-align:bottom;
}

.center{text-align: center;}
.mB5 { margin-bottom: 5px!important; }
.mB10 { margin-bottom: 10px!important; }
.mB15 { margin-bottom: 15px!important; }
.mB20 { margin-bottom: 20px!important; }
.mB25 { margin-bottom: 25px!important; }
.mB30 { margin-bottom: 30px!important; }
.mB35 { margin-bottom: 35px!important; }
.mB40 { margin-bottom: 40px!important; }
.mB45 { margin-bottom: 45px!important; }
.mB50 { margin-bottom: 50px!important; }
.mB80 { margin-bottom: 80px!important; }
.mB100 {margin-bottom: 100px!important;}
.mB110 { margin-bottom: 110px!important; }
.mB150 { margin-bottom: 150px!important; }
.mB180 { margin-bottom: 180px!important; }
.font_c_g{color: #14ada5;}
.font-c_p{color: #cc0066;}

/* micro clearfx */
.cf:before,
.cf:after{
    content: "";
    display: table;
}
.cf:after{ clear: both; }
.cf{ zoom: 1; } /* For IE 6/7 */
/* micro clearfx */

.pc_none{display: none;}

/***  ***/

div#wrapper{
	width: 1000px;
	margin: 0 auto;
}
header{
	margin: 30px 0;
	padding: 0 50px;
}
header img{float: left;}
.kwst_top_btn{
	float: right;
	margin: 15px 0 0 0;
}
ul.kwst_comp{margin: 0 0 0 50px}
ul.kwst_comp li{
	background: #00acb5;
	width: 260px;
	float: left;
	margin: 0 60px 30px 0;
}
ul.kwst_comp li:nth-child(3n){
	margin: 0 0 30px 0;
}
.kwst_pd_all{
	padding: 0 0 0 45px;
	font-size: 15px;
	line-height: 2em;
}
.kwst_pd{
	width: 450px;
	float: left;
	margin: 10px;
}
.kwst_pd img{margin: 0 0 30px 0;}

.kwst_pd dt{
	padding: 10px;
	margin: 15px 0;
	text-align: center;
	border: #000000 solid 1px;
	font-size: 18px;
}
.kwst_pd dd{margin: 0 0 30px 0;}
.kwst_pd p{margin: 0 0 30px 0;}
footer{
	background: #595656;
	padding:0 0 20px 0;
}
footer p:first-child{
	text-align: center;
	background: #c9caca;
}
footer p{
	text-align: center;
}
ul.sns{
	width: 230px;
	margin: 30px auto;
}

ul.sns li{
	float: left;
	margin: 0 40px 0 35px;
}
ul.sns li:last-child{
	margin: 0;
}
ul.offi{
	width: 300px;
	margin: 20px auto 30px auto;
	padding: 0 0 0 45px;
	font-size: 1.2em;
}
ul.offi li{
	float: left;
	margin: 0 20px 0 0;
	padding: 0 30px 0 0;
	border-right: 1px solid #c7c7c7;
}
ul.offi li:last-child{
	border-right: none;
	margin: 0;
}
ul.offi li a{
	text-decoration: none;
	font-weight: bold;
	color: #c7c7c7;
}

div.spec h3{
	background: #5c5c61;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 15px 0;
	text-align: center;
	margin: none;
	font-weight: normal;
}
div.spec ul {
	padding: 30px 30px 30px 60px;
	border: 1px solid #5c5c61;
	margin: 0 0 50px 0;
}
div.spec ul li{
	color: #5c5c61;
	margin: 0 0 10px 0;
	line-height: 1.5em;
	list-style-type: square;
}

@media screen and (max-width: 896px){
.pc_none {display: block;}
.smp_none{display: none;}
body{width: 100%;}
div#wrapper{width: 100%}
img{width: 100%;}
.f_logo img{width: 80%;}
.smp_none{display: none;}

header img{float: none;}

h1{text-align: center;margin: 0 0 30px 0;}
h1 img{max-width: 330px;}

p.kwst_top_btn{float: none;text-align: center;}
p.kwst_top_btn img{max-width: 330px;}
.kwst_btn img{max-width: 300px;}

.smp_pd img{max-width: 330px;}


ul.kwst_comp{width: 85%;margin: 0 0 0 10%;text-align: center;}
ul.kwst_comp li,li:nth-child(3n){
	display: inline-block;
	background: #00acb5;
	max-width: 300px;
	width: 45%;
	float: left;
	margin: 0 5% 10px 0;
}
ul.kwst_comp li:nth-child(3n){margin: 0 5% 10px 0;}
.kwst_pd_all{
	padding: 0;
	font-size: 15px;
	line-height: 2em;
}
.kwst_pd{
	width: 90%;
	float: none;
	margin: 0 auto 10px auto;
}
.kwst_pd p.kwst_pd_p{text-align: center}
.kwst_pd img{ width: 60%; margin: 0 auto 0 auto;}

.kwst_pd dt{
	margin: 15px 0;
	text-align: center;
	border: #000000 solid 1px;
	font-size: 18px;
}
.kwst_pd dd{margin: 0 0 30px 0;}
.kwst_pd p{margin: 0 0 30px 0;}


.mB150{margin: 0 0 100px 0!important}
.mB80{margin: 0 0 30px 0!important}
}

.kwst_user{margin: 0 auto;width: 640px;}
.kwst_user ul{width: 640px;margin: 0 auto;display: inline-block;margin-bottom: 30px;}
.kwst_user li{margin-right: 20px;margin-bottom: 20px;float: left;}
.kwst_user li:nth-child(3n){margin-right: 0px;}

@media screen and (max-width: 896px){
.kwst_user{margin: 0 auto;width: 100%;}
.kwst_user ul{width: 100%;margin: 0 auto;display: inline-block;margin-bottom: 30px;padding: 0px 0px 0px 10px;text-align: center;}
.kwst_user li{margin-right: 19px;margin-bottom: 20px;float: left;width: 29%;}
.kwst_user li img{width: 100%;}
.kwst_user li:nth-child(3n){margin-right: 0px;}
}