@charset "UTF-8";
/* css [Common] */

@import url("styles.css");
@import url("globalnavi.css");
@import url("font-awesome.min.css");
@import url("fonts.css");

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/*---------------------------------------------------- */
/* Base */
/*---------------------------------------------------- */
.anchor{
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}

html {
	margin: 0;
	padding: 0;
	font-size: 100%; 
}

body { 
	padding: 0;
	background-color: #ffffff;
	color: #3a3b3c;
	font-size: 14px;
	*font-size: small; /* for IE */
	*font: x-small;
}

p {
	line-height: 1.6;
	font-size: 14px;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	outline: none;
	-ms-interpolation-mode: bicubic; 
	vertical-align: middle;
}

span.bf {
	visibility: hidden;
	text-indent: -9999px;
	display: none;
}

/* Correct overflow not hidden in IE9 */
figure { 
	margin: 0; 
}

address {
	font-weight: normal;
	font-style: normal;
}

hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px solid #e1e3e6; 
	margin: 20px 0; 
	padding: 0;
}

/*
 * Remove text-shadow in selection highlight
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { 
	background: #800000; 
	color: #fff; 
	text-shadow: none; 
}

::selection { 
	background: #800000; 
	color: #fff; 
	text-shadow: none; 
}

/* Fade Transition */
.fade-efct a {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -webkit-transition: opacity 0.3s ease-in-out;
   -moz-transition: opacity 0.3s ease-in-out;
   -o-transition: opacity 0.3s ease-in-out;
   -ms-transition: opacity 0.3s ease-in-out;
   transition: opacity 0.3s ease-in-out;
}

.fade-efct a:hover {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

/*---------------------------------------------------- */
/* List */
/*---------------------------------------------------- */
ul, ol { 
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none; 
}

dd { 
	margin: 0;
}

/*---------------------------------------------------- */
/* cf */
/*---------------------------------------------------- */
.cf:before, .cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*---------------------------------------------------- */
/* Maincontainer */
/*---------------------------------------------------- */
#maincontainer {
	width: 100%;
	margin: 0;
	background-color: #fff;
}

/* PC */
@media print, screen and (min-width: 961px) {
/*---------------------------------------------------- */
/* Base */
/*---------------------------------------------------- */
body {
	position: relative;
	top: 0;
}

/*---------------------------------------------------- */
/* Only */
/*---------------------------------------------------- */
.only-mobile {
	display: none;
	visibility: hidden;
}

.only-tab {
	display: none;
	visibility: hidden;
}

.only-sp {
	display: none;
	visibility: hidden;
}

.only-tabsp {
	display: none;
	visibility: hidden;
}

/*---------------------------------------------------- */
/* Maincontainer */
/*---------------------------------------------------- */
#maincontainer {
	padding-bottom: 50px;
}

#maincontainer .waku_maincontainer {
	padding-bottom: 50px;
}

/*---------------------------------------------------- */
/* Header */
/*---------------------------------------------------- */
header {
	padding: 0;
	margin: 0;
	width: 100%;
	max-height: 180px;
	position: fixed;
	top: 0;
	z-index: 5000;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .65);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .65);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .65);
	background-color: rgba(255,255,255, .75);
}

/* //== Waku ==// */
header > .wrapper {
	padding: 0;
	margin: 0;
	height: 130px;
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	-ms-transition: height 0.4s;
	-o-transition: height 0.4s;
	transition: height 0.4s;
}

header .waku_header {
	padding: 0;
	margin: 0 auto;
	max-width: 1120px;
	width: 100%;
}

/* //== Top ==// */
header .header_top {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 30px;
	/* background-color: #f6f6f6; */
	border-bottom: solid 1px #dcdcdc;
}

header .header_top .moji_header {
	padding: 0;
	margin: 0 auto;
	max-width: 1120px;
	width: 100%;
	line-height: 30px;
}

header .header_top .moji_header p {
	padding: 0;
	margin: 0 10px;
	font-size: 12px;
	color: #6a6b6c;
	font-weight: normal;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

/* //== H1 logo ==// */
header .waku_header .logo {
	padding: 0;
	margin-left: 10px;
	margin-top: 8px;
	width: 50%; 
	height: auto;
	float: left;
}

header .waku_header .logo h1 a {
	padding: 0;
	margin: 0;
	width: 100%; 
	height: 56px;
	text-align: left;
}

header .waku_header .logo h1 a:hover {
	opacity: .6;
	filter: alpha(opacity=60);
	text-decoration: none;
}

header .waku_header .logo h1 .logomark {
	padding: 0;
	margin-right: 10px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

header .waku_header .logo h1 .logomark img {
	padding: 0;
	margin: 0;
	height: 56px;
}

header .waku_header .logo h1 .hp-name {
	padding: 0;
	margin: 0;
	font-size: 24px;
	color: #2d2e2f;
	font-weight: 600;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}

header .waku_header .logo h1 .hp-name span {
	font-size: 13px;
	color: #2d2e2f;
	font-weight: 600;
}

/* //== Waku Sub ==// */
header .waku_header .sub {
	padding: 0;
	margin-right: 10px;
	margin-top: 14px;
	width: 44%; 
	height: auto;
	float: right;
}

/* //== headbnr ==// */
header .waku_header .sub .headbnr {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

header .waku_header .sub .headbnr .head_links {
	padding: 0;
	margin-left: 20px;
	display: inline;
	float: right;
}

header .waku_header .sub .headbnr .head_tel {
	padding: 0;
	margin: 0;
	display: inline;
	float: right;
}

/* //== links Reserve ==// */
header .waku_header .sub .headbnr .head_links .linksbox {
	padding: 3px 0 2px 0;
	margin: 0;
	width: 154px;
	height: auto;
}

header .waku_header .sub .headbnr .head_links .linksbox .btn_reserve {
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

header .waku_header .sub .headbnr .head_links .linksbox .btn_reserve .fa {
	margin-right: 5px;
	font-size: 105%;
}

header .waku_header .sub .headbnr .head_links .linksbox .btn_reserve a {
	padding: 4px 0;
	margin: 0;
	width: 100%;
	height: auto;
	color: #ffffff;
	text-decoration: none;
	border-radius: 2px;
	display: block;
}

header .waku_header .sub .headbnr .head_links .linksbox .btn_reserve a:hover {
	opacity: .6;
	filter: alpha(opacity=60);
	text-decoration: none;
}

/* //== links Recruit ==// */
header .waku_header .sub .headbnr .head_links .linksbox .btn_recruit {
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

header .waku_header .sub .headbnr .head_links .linksbox .btn_recruit .fa {
	margin-right: 5px;
	font-size: 105%;
}

header .waku_header .sub .headbnr .head_links .linksbox .btn_recruit a {
	padding: 4px 0;
	margin: 0;
	width: 100%;
	height: auto;
	color: #ffffff;
	text-decoration: none;
	border-radius: 2px;
	display: block;
}

header .waku_header .sub .headbnr .head_links .linksbox .btn_recruit a:hover {
	opacity: .6;
	filter: alpha(opacity=60);
	text-decoration: none;
}

/* //== head_tel ==// */
header .waku_header .sub .headbnr .head_tel .moji_tel {
	padding: 0;
	margin-top: 15px;
	text-align: right;
}

header .waku_header .sub .headbnr .head_tel .moji_tel p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #2d2e2f;
	font-weight: normal;
	line-height: 1.0;
}

header .waku_header .sub .headbnr .head_tel .moji_number {
	padding: 0;
	margin-top: 5px;
	text-align: right;
}

header .waku_header .sub .headbnr .head_tel .moji_number p {
	padding: 0;
	margin: 0;
	font-size: 28px;
	color: #2d2e2f;
	font-weight: 700;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
	line-height: 1.0;
}

header .waku_header .sub .headbnr .head_tel .moji_number p .fa {
	margin-top: 4px;
	margin-right: 5px;
	font-size: 90%;
}

/*---------------------------------------------------- */
/* Global Navigation */
/*---------------------------------------------------- */	
#globalnav {
	width: 100%;
	min-height: 50px;
	/* background-color: #fff; */
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-o-transition: background-color .4s;
	-ms-transition: background-color .4s;
	transition: background-color .4s;
	margin: 0 auto;
	/* max-width: 1120px; */
}

/* header.smaller #globalnav {
	background-color: #fff;
	
} */

/*---------------------------------------------------- */
/* SNS */
/*---------------------------------------------------- */	
.share {
	padding: 40px 0;
	margin: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
}

.share .sns_box {
	padding: 0;
	margin: 0 auto;
	width: 980px;
	height: auto;
	text-decoration: none;	
}

/*---------------------------------------------------- */
/* Ask */
/*---------------------------------------------------- */
#ask {
	padding: 30px 0;
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
}

#ask .waku_ask {
	padding: 0;
	margin: 0 auto;
	max-width: 980px;
	height: auto;
	text-align: center;
}

#ask .waku_ask .askbox {
	padding: 0;
	margin: 0 0.5%;
	width: 48%;
	height: auto;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

#ask .waku_ask .askbox2 {
	padding: 0;
	margin: 0 0.5%;
	width: 22%;
	height: auto;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

#ask .waku_ask .askbox .ask-title {
	padding: 0 0 0 0;
	margin: 0;
	width: 100%;
	height: auto;
}

#ask .waku_ask .askbox .ask-title h4 {
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0;
	color: #3a3b3c;
	font-size: 148%;
    font-weight: 600;
	text-decoration: none;
    text-align: left; 
	line-height: 1.0;
}

#ask .waku_ask .askbox .ask-title h4 span {
	color: #3a3b3c;
	font-size: 13px;
    font-weight: 600;
}

#ask .waku_ask .askbox .ask-title p {
    padding: 0;
	margin: 0;
	color: #3a3b3c;
	font-size: 100%;
    font-weight: 500;
	text-decoration: none;
    text-align: left; 
	line-height: 1.3;
}

#ask .waku_ask .askbox2 .btn_tel a {
	padding: 15px 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: solid 1px #b2b2b2;
	background-color: rgba(255,255,255,0.94);
	display: block;
    color: #3a3b3c;
    font-size: 116%;
    font-weight: 500;
    text-decoration: none;
    text-align: center; 
}

#ask .waku_ask .askbox2 .btn_tel a:hover {
	color: #ffffff;
}

#ask .waku_ask .askbox2 .btn_mail a {
	padding: 15px 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: solid 1px #b2b2b2;
	background-color: rgba(255,255,255,0.94);
	display: block;
    color: #3a3b3c;
    font-size: 116%;
    font-weight: 500;
    text-decoration: none;
    text-align: center; 
}

#ask .waku_ask .askbox2 .btn_mail a:hover {
	color: #ffffff;
}


/*---------------------------------------------------- */
/* Footer */
/*---------------------------------------------------- */	
/* Waku */
footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-o-transition: background-color .4s;
	-ms-transition: background-color .4s;
	transition: background-color .4s;
}

footer .footer_area {
	padding: 30px 0 20px 0;
	margin: 0 auto;
	width: 100%;
	background-color: #2c2c2c;
}

footer .footer_area .waku_footer {
	padding: 0;
	margin: 0 auto;
	max-width: 1120px;
}

/* P */
.waku_footer .moji_footer {
	padding: 0 0 30px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_footer .moji_footer p {
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.6;
	text-align: center;
}

/* Navi */
.waku_footer .waku_navi {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

.waku_navi .navibox {
	padding: 0;
	margin: 0 2%;
	width: 20.5%;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

.waku_navi .navibox .footer-title {
	padding: 8px 0;
	margin: 0 auto;
	width: 100%;
	border: solid 1px #f2f2f2;
	border-radius: 3px;
}

.waku_navi .navibox .footer-title h3 {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	color: #f2f2f2;
	font-size: 116%;
	font-weight: 500;
	line-height: 1.0;
	text-align: left;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
}

.waku_navi .navibox .footernavi {
	padding: 10px 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.waku_navi .navibox .footernavi ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	color: #f2f2f2;
	text-align: left;
}

.waku_navi .navibox .footernavi ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
}

/* page_navi */
.waku_navi .navibox .footernavi ul li.page_navi a {
	position: relative;
	padding: 0 0 0 1em;
	margin: 4px 0;
	width: 100%;
	border: 0;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
}

.waku_navi .navibox .footernavi ul li.page_navi a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}

.waku_navi .navibox .footernavi ul li.page_navi a:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "\f0c8";
	font-family: "FontAwesome";
	color: #f2f2f2;
	display: inline-block;
	font-size: .8em;
}

/* sect_navi */
.waku_navi .navibox .footernavi ul li.sect_navi a {
	position: relative;
	padding: 0 0 0 1em;
	margin: 4px 0;
	width: 100%;
	border: 0;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
}

.waku_navi .navibox .footernavi ul li.sect_navi a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}

.waku_navi .navibox .footernavi ul li.sect_navi a:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "\f138";
	font-family: "FontAwesome";
	color: #f2f2f2;
	display: inline-block;
	font-size: .8em;
}

/* copyright */
footer .footer_bottom {
	padding: 20px 0;
	margin: 0 auto;
	width: 100%;
}

footer .footer_bottom .copyright {
	padding: 0;
	margin: 0 auto;
	max-width: 1120px;
}

footer .footer_bottom .copyright p { 
	padding: 0;
	margin: 0;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
	color: #f2f2f2;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
}



}

/* Tablet */
@media only screen and (max-width: 960px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Base */
/*---------------------------------------------------- */
body {
	position: relative;
	top: 0;
}

/*---------------------------------------------------- */
/* Only */
/*---------------------------------------------------- */
.only-pc {
    display: none;
	visibility: hidden;
}

.only-sp {
  display: none;
	visibility: hidden;
}

.only-pcsp {
	display: none;
	visibility: hidden;
}

/*---------------------------------------------------- */
/* Maincontainer */
/*---------------------------------------------------- */
#maincontainer {
	padding-bottom: 20px;
}

#maincontainer .waku_maincontainer {
	padding-bottom: 40px;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}

/*---------------------------------------------------- */
/* Header */
/*---------------------------------------------------- */
header {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 66px;
	position: fixed;
	top: 0;
	z-index: 5000;
	background-color: rgba(255,255,255,1);
}

/*---------------------------------------------------- */
/* SNS */
/*---------------------------------------------------- */	
.share {
	padding: 35px 0 40px 0;
	width: 100%;
	height: auto;
	text-align: center;
}

.share .sns_box {
	padding: 0;
	margin: 0 auto;
	width: 70%;
	height: auto;
	text-decoration: none;	
}

/*---------------------------------------------------- */
/* Ask */
/*---------------------------------------------------- */
#ask {
	padding: 25px 0;
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
}

#ask .waku_ask {
	padding: 0;
	margin: 0 auto;
	width: 94%;
	height: auto;
	text-align: center;
}

#ask .waku_ask .askbox {
	padding: 0;
	margin: 0 0.5%;
	width: 48%;
	height: auto;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

#ask .waku_ask .askbox2 {
	padding: 0;
	margin: 0 0.5%;
	width: 22%;
	height: auto;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

#ask .waku_ask .askbox .ask-title {
	padding: 0 0 0 0;
	margin: 0;
	width: 100%;
	height: auto;
}

#ask .waku_ask .askbox .ask-title h4 {
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0;
	color: #3a3b3c;
	font-size: 16px;
    font-weight: 600;
	text-decoration: none;
    text-align: left; 
	line-height: 1.0;
}

#ask .waku_ask .askbox .ask-title h4 span {
	color: #3a3b3c;
	font-size: 12px;
    font-weight: 600;
}

#ask .waku_ask .askbox .ask-title p {
    padding: 0;
	margin: 0;
	color: #3a3b3c;
	font-size: 12px;
    font-weight: normal;
	text-decoration: none;
    text-align: left; 
	line-height: 1.3;
}

#ask .waku_ask .askbox2 .btn_tel a {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: solid 1px #b2b2b2;
	background-color: rgba(255,255,255,0.94);
	display: block;
    color: #3a3b3c;
    font-size: 100%;
    font-weight: 500;
    text-decoration: none;
    text-align: center; 
}

#ask .waku_ask .askbox2 .btn_tel a:hover {
	color: #ffffff;
}

#ask .waku_ask .askbox2 .btn_mail a {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: solid 1px #b2b2b2;
	background-color: rgba(255,255,255,0.94);
	display: block;
    color: #3a3b3c;
    font-size: 100%;
    font-weight: 500;
    text-decoration: none;
    text-align: center; 
}

#ask .waku_ask .askbox2 .btn_mail a:hover {
	color: #ffffff;
}

/*---------------------------------------------------- */
/* Footer */
/*---------------------------------------------------- */	
/* Waku */
footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-o-transition: background-color .4s;
	-ms-transition: background-color .4s;
	transition: background-color .4s;
}

footer .footer_area {
	padding: 25px 0 16px 0;
	margin: 0 auto;
	width: 100%;
	background-color: #2c2c2c;
}

footer .footer_area .waku_footer {
	padding: 0;
	margin: 0 auto;
	width: 94%;
}

/* P */
.waku_footer .moji_footer {
	padding: 0 0 25px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_footer .moji_footer p {
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.6;
	text-align: center;
}

/* Navi */
.waku_footer .waku_navi {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

.waku_navi .navibox {
	padding: 0;
	margin: 0 1.5%;
	width: 21.5%;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

.waku_navi .navibox .footer-title {
	padding: 8px 0;
	margin: 0 auto;
	width: 100%;
	border: solid 1px #f2f2f2;
	border-radius: 3px;
}

.waku_navi .navibox .footer-title h3 {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	color: #f2f2f2;
	font-size: 108%;
	font-weight: 500;
	line-height: 1.0;
	text-align: left;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
}

.waku_navi .navibox .footernavi {
	padding: 8px 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.waku_navi .navibox .footernavi ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	color: #f2f2f2;
	text-align: left;
}

.waku_navi .navibox .footernavi ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
}

/* page_navi */
.waku_navi .navibox .footernavi ul li.page_navi a {
	position: relative;
	padding: 0 0 0 1em;
	margin: 4px 0;
	width: 100%;
	border: 0;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
}

.waku_navi .navibox .footernavi ul li.page_navi a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}

.waku_navi .navibox .footernavi ul li.page_navi a:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "\f0c8";
	font-family: "FontAwesome";
	color: #f2f2f2;
	display: inline-block;
	font-size: .8em;
}

/* sect_navi */
.waku_navi .navibox .footernavi ul li.sect_navi a {
	position: relative;
	padding: 0 0 0 1em;
	margin: 4px 0;
	width: 100%;
	border: 0;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
}

.waku_navi .navibox .footernavi ul li.sect_navi a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}

.waku_navi .navibox .footernavi ul li.sect_navi a:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "\f138";
	font-family: "FontAwesome";
	color: #f2f2f2;
	display: inline-block;
	font-size: .8em;
}

/* copyright */
footer .footer_bottom {
	padding: 15px 0;
	margin: 0 auto;
	width: 100%;
}

footer .footer_bottom .copyright {
	padding: 0;
	margin: 0 auto;
	width: 94%;
}

footer .footer_bottom .copyright p { 
	padding: 0;
	margin: 0;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
	color: #f2f2f2;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
}




}


/*/ SP /*/
@media only screen and (max-width: 568px) {
/*---------------------------------------------------- */
/* Base */
/*---------------------------------------------------- */
body {
	background-color: #ffffff;
	position: relative;
	top: 0;
}

/*---------------------------------------------------- */
/* Only */
/*---------------------------------------------------- */
.only-pc {
    display: none;
	visibility: hidden;
}

.only-tab {
	display: none;
	visibility: hidden;
}

.only-pctab {
	display: none;
	visibility: hidden;
}


/*---------------------------------------------------- */
/* Maincontainer */
/*---------------------------------------------------- */
#maincontainer {
	padding-bottom: 20px;
}

#maincontainer .waku_maincontainer {
	padding-bottom: 10px;
}

.wrapper {
	min-width: 320px;
	margin: 0 auto;
	padding: 0 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

/*---------------------------------------------------- */
/* Header */
/*---------------------------------------------------- */
header {
	width: 100%;
	height: 66px;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	z-index: 5000;
	background-color: rgba(255,255,255,1);
}

/*---------------------------------------------------- */
/* SNS */
/*---------------------------------------------------- */	
.share {
	padding: 30px 0 0 0;
	width: 100%;
	height: auto;
	text-align: center;
}

.share .sns_box {
	padding: 0;
	margin: 0 auto;
	width: 70%;
	height: auto;
	text-decoration: none;	
}

/*---------------------------------------------------- */
/* Ask */
/*---------------------------------------------------- */
#ask {
	padding: 20px 0;
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
}

#ask .waku_ask {
	padding: 0;
	margin: 0 auto;
	width: 94%;
	height: auto;
	text-align: center;
}

#ask .waku_ask .askbox {
	padding: 0 0 12px 0;
	margin: 0 auto;
	width: 94%;
	height: auto;
	display: block;
}

#ask .waku_ask .askbox2 {
	padding: 0;
	margin: 0 0.5%;
	width: 44%;
	height: auto;
	display: inline-block;
}

#ask .waku_ask .askbox .ask-title {
	padding: 0 0 0 0;
	margin: 0;
	width: 100%;
	height: auto;
}

#ask .waku_ask .askbox .ask-title h4 {
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0;
	color: #3a3b3c;
	font-size: 16px;
    font-weight: 600;
	text-decoration: none;
    text-align: center;
	line-height: 1.0;
}

#ask .waku_ask .askbox .ask-title h4 span {
	color: #3a3b3c;
	font-size: 12px;
    font-weight: 600;
}

#ask .waku_ask .askbox .ask-title p {
    padding: 0;
	margin: 0;
	color: #3a3b3c;
	font-size: 12px;
    font-weight: normal;
	text-decoration: none;
    text-align: center;
	line-height: 1.3;
}

#ask .waku_ask .askbox2 .btn_tel a {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: solid 1px #b2b2b2;
	background-color: rgba(255,255,255,0.94);
	display: block;
    color: #3a3b3c;
    font-size: 100%;
    font-weight: 500;
    text-decoration: none;
    text-align: center; 
}

#ask .waku_ask .askbox2 .btn_tel a:hover {
	color: #ffffff;
}

#ask .waku_ask .askbox2 .btn_mail a {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: solid 1px #b2b2b2;
	background-color: rgba(255,255,255,0.94);
	display: block;
    color: #3a3b3c;
    font-size: 100%;
    font-weight: 500;
    text-decoration: none;
    text-align: center; 
}

#ask .waku_ask .askbox2 .btn_mail a:hover {
	color: #ffffff;
}

/*---------------------------------------------------- */
/* Footer */
/*---------------------------------------------------- */	
/* Waku */
footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-o-transition: background-color .4s;
	-ms-transition: background-color .4s;
	transition: background-color .4s;
}

footer .footer_area {
	padding: 20px 0 7px 0;
	margin: 0 auto;
	width: 100%;
	background-color: #2c2c2c;
}

footer .footer_area .waku_footer {
	padding: 0;
	margin: 0 auto;
	width: 94%;
}

/* P */
.waku_footer .moji_footer {
	padding: 12px 0;
	margin: 0 auto;
	width: 96%;
	background-color: rgba(251,251,251,0.80);
	border-radius: 2px;
}

.waku_footer .moji_footer p {
	padding: 0;
	margin: 0 auto;
	width: 94%;
	color: #3a3b3c;
	font-size: 94%;
	font-weight: normal;
	line-height: 1.6;
	text-align: center;
}

/* Navi */
.waku_footer .waku_navi {
	padding: 15px 0 0 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

.waku_navi .navibox {
	padding: 0;
	margin: 0 1.5%;
	width: 46.0%;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

.waku_navi .navibox .footer-title {
	padding: 6px 0;
	margin: 0 auto;
	width: 100%;
	border: solid 1px #f2f2f2;
	border-radius: 3px;
}

.waku_navi .navibox .footer-title h3 {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	color: #f2f2f2;
	font-size: 108%;
	font-weight: 500;
	line-height: 1.0;
	text-align: left;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
}

.waku_navi .navibox .footernavi {
	padding: 6px 0 12px 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.waku_navi .navibox .footernavi ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	color: #f2f2f2;
	text-align: left;
}

.waku_navi .navibox .footernavi ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
}

/* page_navi */
.waku_navi .navibox .footernavi ul li.page_navi a {
	position: relative;
	padding: 0 0 0 1em;
	margin: 3px 0;
	width: 100%;
	border: 0;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
}

.waku_navi .navibox .footernavi ul li.page_navi a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}

.waku_navi .navibox .footernavi ul li.page_navi a:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "\f0c8";
	font-family: "FontAwesome";
	color: #f2f2f2;
	display: inline-block;
	font-size: .8em;
}

/* sect_navi */
.waku_navi .navibox .footernavi ul li.sect_navi a {
	position: relative;
	padding: 0 0 0 1em;
	margin: 3px 0;
	width: 100%;
	border: 0;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: normal;
	color: #f2f2f2;
	text-decoration: none;
}

.waku_navi .navibox .footernavi ul li.sect_navi a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}

.waku_navi .navibox .footernavi ul li.sect_navi a:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "\f138";
	font-family: "FontAwesome";
	color: #f2f2f2;
	display: inline-block;
	font-size: .8em;
}

/* copyright */
footer .footer_bottom {
	padding: 10px 0;
	margin: 0 auto;
	width: 100%;
}

footer .footer_bottom .copyright {
	padding: 0;
	margin: 0 auto;
	width: 94%;
}

footer .footer_bottom .copyright p { 
	padding: 0;
	margin: 0;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
	color: #f2f2f2;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
}


}