@charset "euc-jp";
@media screen and (max-width: 670px) {
/* --------------------------------- 
------------------------------------
basic
------------------------------------
------------------------------------*/
*,*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a:active>img {
	opacity:0.8; /*モダンブラウザ用*/
	filter:alpha(opacity=80); /*IE7以下用*/
	-ms-filter:"alpha(opacity=80)"; /*IE8用*/
	cursor: pointer !important;
}
img {
	-moz-user-select : none; /*Firefox*/
	-khtml-user-select : none; /*Safari*/
	-webkit-user-select : none; /*Safari*/
	user-select:none;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto !important;
}
table {
	max-width:100%;
}
form {
	margin: 0;
	padding:0;
}
table input, table select, table textarea {
	box-sizing: border-box;
    width: 100%;
    table-layout: fixed;
}

/* Safari環境のデフォルトボタン設定を無効化する */

input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
	border-radius:0;
}
/* --------------------------------- 
------------------------------------
other
------------------------------------
------------------------------------*/
html {
	height: 100%;
}
body {
	font-family:Meiryo, 'メイリオ', Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	color: #333333;
	margin: 0px;
	background: url(../img/bg.jpg) repeat-x;
	background-color: #F2F2F2;
	height: 100%;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #666666;
}
img {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
.edit-box p {
	padding: 0;
	margin: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
/* for ie */
	display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.utility-menu {
	position: absolute;
	top: -2px;
	right: 1px;
}
.utility-menu ul {
	margin: 0;
	padding: 0;
}
.utility-menu li {
	margin: 0;
	padding: 0;
}
.utility-menu li {
	list-style-type: none;
}
.utility-menu li.text {
	padding: 10px;
	color: #CCCCCC;
}
.utility-menu li.text a {
	padding: 10px 2px 10px 17px;
	color: #CCCCCC;
	background: url(../img/list001.gif) 0px 10px no-repeat;
}
a:hover {
	text-decoration: none;
	opacity: 0.8;
}

/* --------------------------------- 
------------------------------------
Wrapper
------------------------------------
------------------------------------*/
.Wrapper {
	width: 100%;
	background-color: #FFFFFF;
	height: auto !important;
	min-height: 100%;
	position: relative;
}

/* --------------------------------- 
------------------------------------
Header
------------------------------------
------------------------------------*/

/* google translate ---------------------- */

#google_translate_element {
	background-color: #add8f5;
}

/* header ---------------------- */

.Header-wrap{
    width: 100%;
    z-index: 1;
}
.Header {
    background: #ADD8F5;
    width: 100%;
	box-sizing: border-box;
    padding: 5px;
}
.Header h1{
    float: left;
    width: 250px;
    padding: 5px 0 0 0;
}
.Header h1 a{
    text-indent: -9999px;
    background: url(../img/hd_h1.gif) no-repeat 0 center;
    background-size: 250px auto;
    display: block;
    height: 28px;
}
 .Header .Logo {
 margin: 0;
 padding: 2px 0 5px 3px;
}

/*  header sp-global-menu ---------------------- */

.Header .sp-menu{
    float: right;
    width: 30px;
    padding-top: 2px;
}
.Header .sp-menu a{
    display: block;
}
.Header .sp-menu a:hover{
  opacity:1; /*モダンブラウザ用*/
  filter:alpha(opacity=100); /*IE7以下用*/
  -ms-filter:"alpha(opacity=100)"; /*IE8用*/
}
.Header .sp-menu .acMenu img{
	vertical-align: middle;
}
.sp-contact{
	text-align: center;
    margin-bottom: 10px;
    padding: 3px 0;
    background-color: #def2ff;
    color: #3d61ac;
}
.sp-contact p{
    line-height: 1;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 10px;
    display: inline-block;
}
.sp-contact p:last-child{
    display: block;
}
.sp-contact p.sp-contact-tel{
    font-size: 16px;
    background-image: url(../img/sp-contact-tel.svg);
    background-repeat: no-repeat;
    background-position: left 0;
    padding: 0 0 0 12px;
}
.sp-contact p:last-child{
    margin-bottom: 0;
}
.Header-Menu {
}
.Header-Menu ul.sp-global-menu {
 width: 100%;
 padding: 0;
 margin: 0;
 list-style-type: none;
 display:none;
}
.Header-Menu ul.sp-global-menu li {
 border-bottom:1px solid #3D61AC;
 margin:0;
 background-color: rgba(255, 255, 255, 0.8);
}
.Header-Menu ul.sp-global-menu li a {
	color: #3D61AC!important;
    display: block;
    overflow: hidden;
    outline: none;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
}
.Header-Menu ul.sp-global-menu li.sp-btn-close{
	background-color: #ff0040;
	border-top:1px solid #ff0040;
	border-bottom:1px solid #ff0040;
}
.Header-Menu ul.sp-global-menu li.sp-btn-close a{
    color: #fff!important;
    padding: 3px 0;
}
.Header-Menu ul.sp-global-menu li.sp-btn-close a:hover{
	opacity:1.0;
}
.renew .Header-Menu ul li.HM01 ul.dropmenu{
 	display:none;
 }
.renew .Header-Menu ul li.HM01 a {
  /*background-image: url(../img/menu_top.jpg);*/
}
.renew .Header-Menu ul li.HM02 a {
  /*background-image: url(../img/menu_about.jpg);*/
}
.renew .Header-Menu ul li.HM03 a {
  /*background-image: url(../img/menu_how_to.jpg);*/
}
.renew .Header-Menu ul li.HM04 a {
  /*background-image: url(../img/menu_review.jpg);*/
}
.renew .Header-Menu ul li.HM05 a {
  /*background-image: url(../img/menu_faq.jpg);*/
}
.renew .Header-Menu ul li.HM06 a {
  /*background-image: url(../img/menu_blog.jpg);*/
}
.renew .Header-Menu ul li.HM07{
	border-bottom:none;
}
.renew .Header-Menu ul li.HM07 a {
  /*background-image: url(../img/menu_order.jpg);*/
}
.Header-Menu ul li a:hover, .Header-Menu ul li a:active {
 background-position: 0 bottom;
}
 .renew .Header-Menu ul li.HM01 {
width: 100%;
}
.renew .Header-Menu ul li.HM02 {
width: 100%;
}
.renew .Header-Menu ul li.HM03 {
width: 100%;
}
.renew .Header-Menu ul li.HM04 {
width: 100%;
}
.renew .Header-Menu ul li.HM05 {
width: 100%;
}
.renew .Header-Menu ul li.HM06 {
width: 100%;
}
.renew .Header-Menu ul li.HM07 {
width: 100%;
}
 .renew .Header-Menu ul li a {
 background-position: 0 top;
}
.renew .Header-Menu ul li a:hover, .renew .Header-Menu ul li a:active {
 background-position: 0 bottom;
}
 .renew .hd_contact p.title {
 text-indent: -9999px;
 background: url(../img/hd_contact_title.gif) no-repeat;
}
.renew .hd_contact {
    float: left;
    width: 265px;
}
.renew .hd_contact{
	display:none;
}
.renew .hd_contact p {
 text-indent: -9999px;
 margin: 0;
}
.renew p.hd-content-title {
 background: url(../img/hd_contact_title.gif) no-repeat;
width: 100%;
 height: 14px;
 margin-bottom: 5px;
 display:none;
}
.renew p.hd-tel {
    background: url(../img/hd_free_dial.gif) no-repeat;
    background-size: 180px auto;
    height: 20px;
}
.renew p.hd-open {
    background: url(../img/hd_open.gif) no-repeat;
    height: 12px;
    background-size: 180px auto;
}
.renew .hd_contact .right a {
 display: block;
 text-indent: -9999px;
 background: url(../img/hd_dl_fax.jpg) no-repeat;
width: 100%;
 height: 25px;
}

/*-- dropdown-menu --*/

.Header-Menu .drop-menu {
 width: 100%;
 height: auto;
 padding: 0 10px 0 0 !important;
 margin: 0;
 z-index:100;
 display: none;
}
.Header-Menu .wb-edit .HM01:hover {
 position: relative;
}
.Header-Menu .wb-edit li ul {
 position: absolute;
top: 59px;
left: 0px;
 margin: 0;
 padding: 0;
 background:  #666;
 overflow:hidden;
 height: 0;
}
.Header-Menu .wb-edit li ul li {
width: 100%;
 height: 30px;
 margin: 0 !important;
}
.Header-Menu .wb-edit li ul li a {
 text-align: left;
}
.Header-Menu .wb-edit li ul li:hover a, .Header-Menu .wb-edit li ul li:hover, .Header-Menu .wb-edit li ul li, .Header-Menu .wb-edit li ul li a {
margin-top: 0 !important;
}
.Header-Menu .wb-edit li:hover ul {
 overflow: visible;
 height: auto;
}
.Header-Menu .wb-edit ul li a {
 display: block;
 overflow: hidden;
 outline: none;
}
.Header-Menu .wb-edit .drop-menu li a {
 height: 30px;
 padding: 4px 0 0 22px;
}
.Header-Menu ul li.HM01-1 a, .Header-Menu ul li.HM01-2 a, .Header-Menu ul li.HM01-3 a, .Header-Menu ul li.HM01-4 a {
 background: url(../img/list02.png) 10px 10px no-repeat !important;
 font-size:15px;
 color:#FFF;
 text-indent:0 !important;
}
 .Header-Menu ul li a:link, .Header-Menu ul li a:visited, .Header-Menu ul li a:active, .Header-Menu ul li a:hover {
 color: #FFF;
}
.Header-Menu .wb-edit li ul a:hover {
 text-decoration: underline;
 border: none !important;
}
 .Header-Menu ul li.HM01-4, .Header-Menu ul li.HM01-4 a {
 height:55px !important;
}

/*  top-img ---------------------- */

.renew .top-img img {
 width:100%;
}
.renew .top-img h2 {
    text-indent: -9999px;
    background: url(../img/top_h2.png) no-repeat center bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
	margin: 0;
}
.renew .top-img{
    background: url(../img/sp_top_h2.png) no-repeat center bottom;
    text-indent: -9999px;
    padding-bottom: 80%;
    background-size: cover;
    height: 0;
    margin-bottom: 10px;
}
.renew .top-img h2{
	display:none;
}
.renew .top-img img{
	display:none;
}



/* --------------------------------- 
------------------------------------
Content
------------------------------------
------------------------------------*/

.Content {
 width: 100%;
}

.Content:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
}

/* --------------------------------- 
------------------------------------
Alpha
------------------------------------
------------------------------------*/

.Alpha {
}
.Alpha h2 {
}
.Alpha-content {
	margin: 0 0 30px 0;
    padding: 0 10px;
}
 .Topicpath {
 clear: both;
 padding: 5px 0px 7px 5px;
 margin: 0;
}
.Topicpath ul {
 margin: 0px;
 background: #4A3F3B;
}
.Topicpath ul li {
 padding: 0px;
 margin: 0px;
 display: inline;
 height: 20px;
 line-height:20px;
}
 .Topicpath a, .Topicpath a:link, .Topicpath a:visited {
 color: #DDD;
}
.Topicpath a:hover {
 color: #DDD;
 text-decoration: underline;
}

/* --------------------------------- 
------------------------------------
Beta
------------------------------------
------------------------------------*/

.Beta {
    padding: 20px 0;
    width: 100%;
    background-color: #f6f6f6;
}
.Beta .beta-order-wrap {
    position: relative;
    width: 260px;
    height: 102px;
    margin: 0 auto 15px!important;
}
.Beta .beta-order-wrap h2 {
	text-indent: -9999px;
    background: url(../img/side_order.jpg) no-repeat center;
    width: 260px;
    height: 102px;
    display: block;
    margin: 0 auto;
}
.Beta .beta-order-wrap a {
    display: inline-block;
    text-indent: -9999px;
    background: url(../img/side_order_btn.png) no-repeat center bottom;
    width: 182px;
    height: 37px;
    position: absolute;
    bottom: 15px;
    left: 10px;
}
.Beta .side-bnr {
    margin: 0 0 15px 0;
    text-align: center;
}
.Beta .side-guide {
    margin: 0 0 15px 0;
 text-align:center;
}
.Beta .side-guide ul{
	padding:0;
}
.Beta .side-guide p {
    font-weight: bold;
    text-align: center;
    background-color: #d9d9d9;
    margin-bottom: 20px;
    font-size: 159%;
}
.Beta .side-guide li{
 font-size: 14px;
 margin: 0 0 9px 0;
 list-style: none;
}
.Beta .side-guide li:last-child{
 margin:0;
}
.Beta .side-guide li a{
	display: block;
    text-decoration: underline;
    font-size: 15px;
}
.Beta-wrap {
width: 100%;
}
.Beta-wrap .Beta {
width: 100%;
}

/* --------------------------------- 
------------------------------------
Footer
------------------------------------
------------------------------------*/

.Footer {
 clear: both;
	/*padding: 30px 0 0 0;*/
	background: url(../img/bg.jpg) repeat-x bottom;
 text-align: center;
}

/*  footermenu ---------------------- */

ul.Footer-menu {
 margin: 0;
 padding: 0 0 15px;
 background: url(../img/footer_line.jpg) bottom no-repeat;
 display:none;
}
ul.Footer-menu li {
	margin:0;
	font-size: 12px;
    color: #333333;
    list-style: none;
}
ul.Footer-menu li a, ul.Footer-menu li a:link, ul.Footer-menu li a:hover, ul.Footer-menu li a:visited {
 color: #333333;
 text-decoration: none;
}
ul.Footer-menu li a, ul.Footer-menu li a:link, ul.Footer-menu li a:hover, ul.Footer-menu li a:visited {
 color: #666666;
 text-decoration: none;
}
ul.Footer-site-link {
}
ul.Footer-site-link li {
 margin: 0;
 padding: 0;
 font-size: 12px;
 color: #333333;
 list-style: none;
}
ul.Footer-site-link li:first-child a{
	border-top: 1px solid;
}
ul.Footer-site-link li a{
	border-bottom: 1px solid;
    color: #666666;
    text-decoration: none;
    font-size: 15px;
    display: block;
	padding: 8px 0;
}
ul.Footer-site-link li a span{
    display: inline-block;
    position: relative;
}
ul.Footer-site-link li a span::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #3d61ac;
    display: block;
    position: absolute;
    top: 4px;
    left: -11px;
}
ul.Footer-site-link li a, ul.Footer-site-link li a:link, ul.Footer-site-link li a:hover, ul.Footer-site-link li a:visited {
 color: #333333;
 text-decoration: none;
}
ul.Footer-site-link li a, ul.Footer-site-link li a:link, ul.Footer-site-link li a:hover, ul.Footer-site-link li a:visited {
 color: #666666;
 text-decoration: none;
}

/*  copylight ---------------------- */

.Footer .copyright {
    padding: 5px 0;
    color: #fff;
    background-color: #3D61AC;
}
 .Footer-content {
 background: #FFFFFF;
 width: 100%;
}

/*  pagetop(pagejump) ---------------------- */

.Pagetop{
text-indent: -9999px;
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.Pagetop a{
	width: 40px;
    height: 40px;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 0;
    background-color: #fff;
    background-image: url(../img/sp_pagetop.png);
    background-repeat: no-repeat;
    background-position: center center;
    color: #333333;
    text-indent: -9999px;
    display: block;
    background-size: 70%;
    opacity: 1;
}


/* --------------------------------- 
------------------------------------
モジュール共通
------------------------------------
------------------------------------*/

/* ---タイトル01 ---*/
.wb-form-title, .wb-sitemap-title, .wb-pair-title, .wb-faq-title, .wb-sitemap-title, .wb-edit-title, .wb-faq-title01, .wb-faq-title02, .business-box01-title, .info-box01-title, .product-box01-title, .recruit-title, .blog-box01-title, .info-box01-title {
 clear: both;
 margin: 0 0 15px;
 padding: 0 0 0 10px;
 height: 25px;
 line-height: 30px;
 font-size: 16px;
 font-weight: bold;
 color: #666666;
 border-left: 5px #3D61AC solid;
}

/* ---タイトル02 ---*/
.wb-blog-categ-title, .wb-faq-categ-title, .wb-faq-categ-title01, .wb-pair-list-title {
    clear: both;
    margin: 0;
    padding: 0 0 0 15px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    background: url(../img/list01.gif) 0 2px no-repeat;
}
/* ---タイトル03 ---*/
.wb-faq-list-question,
.wb-blog-list .wb-blog-title {
 clear: both;
 margin: 0 0 8px 5px;
 padding: 0 0 0 15px;
 font-size: 12px;
 font-weight: bold;
 color: #3D61AC;
 background: url(../img/list01.gif) 0 2px no-repeat;

}
.wb-faq-list-question{
	 border-left: 5px solid #4D77CD;
}
.wb-faq-categ-question02 {
 clear: both;
 margin: 0 0 8px 5px;
 padding: 0 0 0 15px;
 font-size: 12px;
 font-weight: bold;
 color: #3D61AC;
 background: url(../img/list01.gif) 0 2px no-repeat;
}


/* --------------------------------- 
------------------------------------
SUBPAGE共通
------------------------------------
------------------------------------*/
.Tablestyle01 table {
}
.Tablestyle01 th {
}
.Tablestyle01 td {
}
 .Tablestyle02 {
}
.Tablestyle02 th {
}
.Tablestyle02 td {
}
 .Titlestyle01 {
}
.Titlestyle02 {
}
.Titlestyle03 {
}
 .Page-top {
}
 .Imgleft {
 padding-right: 5px;
 padding-bottom: 5px;
}
.Imgright {
 padding-left: 5px;
 padding-bottom: 5px;
}
p {
 font-size: 12px;
 line-height: 1.6em;
 letter-spacing: 0em;
}
.Small {
 font-size: 11px;
}
 .Normal {
 font-weight: normal;
}

/* ---sitemap ---*/

.sitemap {
	display:none;
}
.wb-sitemap {
 margin: 0 0 10px;
}
.wb-sitemap ul {
 list-style-type: none;
 margin: 0;
}
.wb-sitemap li {
	margin: 0 0 0 5px;
    float: left;
}
.wb-sitemap li a {
 color: #3D61AC;
}

/* ---table ---*/

table {
    width: 100%!important;
}
th {
 background: #E5EEFD;
}
td {
}
}