@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=db46572ea438594e9621059a7ab338f4)
 * Config saved to config.json and https://gist.github.com/db46572ea438594e9621059a7ab338f4
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { color: #333; background-color: #fff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #337ab7; text-decoration: none; }

a:hover, a:focus { color: #23527c; text-decoration: underline; }

a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-top: 50px; }












.hyo1_text{
　list-style:none;
}
.hyo1_text li {
　background-image: url("../img/li_chk-box.png");
　background-position: top left;
　background-repeat: no-repeat;
　background-size:  auto 20px;
　padding-left: 30px;
　line-height:20px;
}


.foot-upper{
	margin:2em auto 0 auto;
	width: 80%;
    max-width: 1000px;
}
.menu-sub{
	display: inline-block;
	margin-bottom: 0.1em;
}
	.menu-sub li{
		font-size: 12px;
		font-weight: 400;
		border-right: solid 1px rgba(255, 255, 255, 0.4);
		display: inline-block;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 0.7em;
	}
.menu-sub li a{
	padding: 0 1.2em; display: block;
    padding: 0 1.5em 0 1.2em;
    position: relative; vertical-align: baseline;
    background: transparent;
	
}


.foot-lower{
	width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}
.office-mark {
    max-width: 76px;
    display: inline-block;
    vertical-align: top;
    padding-left: 1em;
}
.office-mark img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
 .main-office {
    text-align: right;
    position: relative;
    margin: 0 auto;
    margin-bottom: 50px;
}

.main-office .office-name {
    white-space: nowrap;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 0 1em;
}
.main-office .office-address {
    white-space: nowrap;
    font-size: 12px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding: 0 1em;
}
/** 　Pマーク追加　2025.5.9　**/
.foot-p-mark{
	/*float:left;*/
	display: inline-block;
	width: 70px;
	margin: 0px 0 0px 0px;
}
.foot-p-mark img{ 
	width: 100%; 
	background-color: #FFFFFF;
}


/** お知らせ欄の追加　2024.8.1 **/
.gjsec_info{
	margin:1em auto 1em auto;
    width: 97%; max-width: 970px;
    border: 2px #e07a00 solid;
    padding: 0 1.5em 0.5em 1.5em; 
    border-radius: 8px;
    background-color: #FFF; text-align: left;
}
.gjsec_info_title{margin:0.8em 0 0.8em 0;
	color: #333;font-size: 120%;
}
.gjsec_info p{
	font-size:	105%;
}
.gjsec_info a{
	color:red;
}
.gjsec_info-date{font-size: 90%; color:#e07a00;}







@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1100px; } }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-top: 50px; }

.row { margin-left: -15px; margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0%; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0%; } }
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }
@media (max-width: 767px) { .visible-xs-block { display: block !important; } }
@media (max-width: 767px) { .visible-xs-inline { display: inline !important; } }
@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; }
  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } }
@media (min-width: 1200px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }
@media (min-width: 1200px) { .visible-lg-block { display: block !important; } }
@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } }
@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } }
@media (max-width: 767px) { .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; } }
.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }
.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }
.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }
.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }
@media print { .hidden-print { display: none !important; } }
/* 
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 { 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; }

/* 汎用クラス */
/*
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Bold");
	font-weight: bold;
}
*/
body { font-size: 0.8em; position: relative; line-height: 1.2em; color: #010101; background: #f5f4f1; }

/* 20190405 out
.mincho {
	font-family: "Yu Mincho", "游明朝", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;
}
.gothic {
	font-family: "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
*/
html, body { -webkit-text-size-adjust: 100%; font-family: 'Noto Sans Japanese', sans-serif; -ms-text-size-adjust: 100%; font-size: 16px; }

html, body, p, div, span { word-wrap: break-word; }

p { line-height: 1.5; }

table { table-layout: fixed; }

ul { padding-left: 2em; }

hr.dot { border-top: 1px dotted #ccc; height: 0; }

.indent { padding-left: 1em; }

.imgtop { vertical-align: bottom; margin: 0px; }

.imgbtm { vertical-align: top; }

.imgmdl { vertical-align: middle; }

input.han { ime-mode: disabled; }

input.zen { ime-mode: active; }

textarea.han { ime-mode: disabled; }

textarea.zen { ime-mode: active; }

.td-n { text-decoration: none; }

.td-u { text-decoration: underline; }

.d-b { display: block !important; }

.d-ib { display: inline-block !important; }

.d-n { display: none !important; }

.bold { font-weight: bold !important; }

.nobold { font-weight: normal !important; }

.italic { font-style: italic; }

.noitalic { font-style: normal; }

.tdu { text-decoration: underline !important; }

.tdn { text-decoration: none !important; }

.fl-l { float: left; }

.fl-r { float: right; }

.al-l, .ta-l { text-align: left !important; }

.al-r, .ta-r { text-align: right !important; }

.al-c, .ta-c { text-align: center !important; }

@media (max-width: 767px) { .xs-al-l, .xs-ta-l { text-align: left !important; }
  .xs-al-r, .xs-ta-r { text-align: right !important; }
  .xs-al-c, .xs-ta-c { text-align: center !important; }
  .xs-bold { font-weight: bold !important; }
  .xs-nobold { font-weight: normal !important; }
  .xs-italic { font-style: italic; }
  .xs-noitalic { font-style: normal; }
  .xs-fl-n { float: none !important; }
  .xs-fl-l { float: left !important; }
  .xs-fl-r { float: right !important; } }
.pos-r { position: relative; }

.light { font-weight: lighter; }

.m0a { margin-left: auto !important; margin-right: auto !important; display: block; }

.f10 { font-size: 10px !important; }

.f11 { font-size: 11px !important; }

.f12 { font-size: 12px !important; }

.f13 { font-size: 13px !important; }

.f14 { font-size: 14px !important; }

.f15 { font-size: 15px !important; }

.f16 { font-size: 16px !important; }

.f17 { font-size: 17px !important; }

.f18 { font-size: 18px !important; }

.f19 { font-size: 19px !important; }

.f20 { font-size: 20px !important; }

.f21 { font-size: 21px !important; }

.f22 { font-size: 22px !important; }

.f23 { font-size: 23px !important; }

.f24 { font-size: 24px !important; }

.f25 { font-size: 25px !important; }

.f26 { font-size: 26px !important; }

.f27 { font-size: 27px !important; }

.f28 { font-size: 28px !important; }

.f29 { font-size: 29px !important; }

.f30 { font-size: 30px !important; }

.f31 { font-size: 31px !important; }

.f32 { font-size: 32px !important; }

.f33 { font-size: 33px !important; }

.f34 { font-size: 34px !important; }

.f35 { font-size: 35px !important; }

.f36 { font-size: 36px !important; }

.f37 { font-size: 37px !important; }

.f38 { font-size: 38px !important; }

.f39 { font-size: 39px !important; }

.f40 { font-size: 40px !important; }

.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mr0 { margin-right: 0px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mr65 { margin-right: 65px !important; }

.mr70 { margin-right: 70px !important; }

.mr75 { margin-right: 75px !important; }

.mr80 { margin-right: 80px !important; }

.mr85 { margin-right: 85px !important; }

.mr90 { margin-right: 90px !important; }

.mr95 { margin-right: 95px !important; }

.mr100 { margin-right: 100px !important; }

.mb0 { margin-bottom: 0px !important; }

.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; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb75 { margin-bottom: 75px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb95 { margin-bottom: 95px !important; }

.mb100 { margin-bottom: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.ml65 { margin-left: 65px !important; }

.ml70 { margin-left: 70px !important; }

.ml75 { margin-left: 75px !important; }

.ml80 { margin-left: 80px !important; }

.ml85 { margin-left: 85px !important; }

.ml90 { margin-left: 90px !important; }

.ml95 { margin-left: 95px !important; }

.ml100 { margin-left: 100px !important; }

.op00 { opacity: 0; }

.op01 { opacity: 0.1; }

.op02 { opacity: 0.2; }

.op03 { opacity: 0.3; }

.op04 { opacity: 0.4; }

.op05 { opacity: 0.5; }

.op06 { opacity: 0.6; }

.op07 { opacity: 0.7; }

.op08 { opacity: 0.8; }

.op09 { opacity: 0.9; }

.op010 { opacity: 1; }

.op011 { opacity: 1.1; }

.op012 { opacity: 1.2; }

.op013 { opacity: 1.3; }

.op014 { opacity: 1.4; }

.op015 { opacity: 1.5; }

.op016 { opacity: 1.6; }

.op017 { opacity: 1.7; }

.op018 { opacity: 1.8; }

.op019 { opacity: 1.9; }

.op020 { opacity: 2; }

.mw10 { max-width: 10%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw20 { max-width: 20%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw30 { max-width: 30%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw40 { max-width: 40%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw50 { max-width: 50%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw60 { max-width: 60%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw70 { max-width: 70%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw80 { max-width: 80%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw90 { max-width: 90%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw100 { max-width: 100%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw110 { max-width: 110%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw120 { max-width: 120%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw130 { max-width: 130%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw140 { max-width: 140%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw150 { max-width: 150%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw160 { max-width: 160%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw170 { max-width: 170%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw180 { max-width: 180%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw190 { max-width: 190%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.mw200 { max-width: 200%; height: auto; margin-left: auto; margin-right: auto; display: block; }

@media (max-width: 1200px) { .md-mt0 { margin-top: 0px !important; }
  .md-mt5 { margin-top: 5px !important; }
  .md-mt10 { margin-top: 10px !important; }
  .md-mt15 { margin-top: 15px !important; }
  .md-mt20 { margin-top: 20px !important; }
  .md-mt25 { margin-top: 25px !important; }
  .md-mt30 { margin-top: 30px !important; }
  .md-mt35 { margin-top: 35px !important; }
  .md-mt40 { margin-top: 40px !important; }
  .md-mt45 { margin-top: 45px !important; }
  .md-mt50 { margin-top: 50px !important; }
  .md-mt55 { margin-top: 55px !important; }
  .md-mt60 { margin-top: 60px !important; }
  .md-mt65 { margin-top: 65px !important; }
  .md-mt70 { margin-top: 70px !important; }
  .md-mt75 { margin-top: 75px !important; }
  .md-mt80 { margin-top: 80px !important; }
  .md-mt85 { margin-top: 85px !important; }
  .md-mt90 { margin-top: 90px !important; }
  .md-mt95 { margin-top: 95px !important; }
  .md-mt100 { margin-top: 100px !important; }
  .md-mr0 { margin-right: 0px !important; }
  .md-mr5 { margin-right: 5px !important; }
  .md-mr10 { margin-right: 10px !important; }
  .md-mr15 { margin-right: 15px !important; }
  .md-mr20 { margin-right: 20px !important; }
  .md-mr25 { margin-right: 25px !important; }
  .md-mr30 { margin-right: 30px !important; }
  .md-mr35 { margin-right: 35px !important; }
  .md-mr40 { margin-right: 40px !important; }
  .md-mr45 { margin-right: 45px !important; }
  .md-mr50 { margin-right: 50px !important; }
  .md-mr55 { margin-right: 55px !important; }
  .md-mr60 { margin-right: 60px !important; }
  .md-mr65 { margin-right: 65px !important; }
  .md-mr70 { margin-right: 70px !important; }
  .md-mr75 { margin-right: 75px !important; }
  .md-mr80 { margin-right: 80px !important; }
  .md-mr85 { margin-right: 85px !important; }
  .md-mr90 { margin-right: 90px !important; }
  .md-mr95 { margin-right: 95px !important; }
  .md-mr100 { margin-right: 100px !important; }
  .md-mb0 { margin-bottom: 0px !important; }
  .md-mb5 { margin-bottom: 5px !important; }
  .md-mb10 { margin-bottom: 10px !important; }
  .md-mb15 { margin-bottom: 15px !important; }
  .md-mb20 { margin-bottom: 20px !important; }
  .md-mb25 { margin-bottom: 25px !important; }
  .md-mb30 { margin-bottom: 30px !important; }
  .md-mb35 { margin-bottom: 35px !important; }
  .md-mb40 { margin-bottom: 40px !important; }
  .md-mb45 { margin-bottom: 45px !important; }
  .md-mb50 { margin-bottom: 50px !important; }
  .md-mb55 { margin-bottom: 55px !important; }
  .md-mb60 { margin-bottom: 60px !important; }
  .md-mb65 { margin-bottom: 65px !important; }
  .md-mb70 { margin-bottom: 70px !important; }
  .md-mb75 { margin-bottom: 75px !important; }
  .md-mb80 { margin-bottom: 80px !important; }
  .md-mb85 { margin-bottom: 85px !important; }
  .md-mb90 { margin-bottom: 90px !important; }
  .md-mb95 { margin-bottom: 95px !important; }
  .md-mb100 { margin-bottom: 100px !important; }
  .md-mb100 { margin-bottom: 100px !important; }
  .md-ml0 { margin-left: 0px !important; }
  .md-ml5 { margin-left: 5px !important; }
  .md-ml10 { margin-left: 10px !important; }
  .md-ml15 { margin-left: 15px !important; }
  .md-ml20 { margin-left: 20px !important; }
  .md-ml25 { margin-left: 25px !important; }
  .md-ml30 { margin-left: 30px !important; }
  .md-ml35 { margin-left: 35px !important; }
  .md-ml40 { margin-left: 40px !important; }
  .md-ml45 { margin-left: 45px !important; }
  .md-ml50 { margin-left: 50px !important; }
  .md-ml55 { margin-left: 55px !important; }
  .md-ml60 { margin-left: 60px !important; }
  .md-ml65 { margin-left: 65px !important; }
  .md-ml70 { margin-left: 70px !important; }
  .md-ml75 { margin-left: 75px !important; }
  .md-ml80 { margin-left: 80px !important; }
  .md-ml85 { margin-left: 85px !important; }
  .md-ml90 { margin-left: 90px !important; }
  .md-ml95 { margin-left: 95px !important; }
  .md-ml100 { margin-left: 100px !important; } }
@media (max-width: 991px) { .sm-mt0 { margin-top: 0px !important; }
  .sm-mt5 { margin-top: 5px !important; }
  .sm-mt10 { margin-top: 10px !important; }
  .sm-mt15 { margin-top: 15px !important; }
  .sm-mt20 { margin-top: 20px !important; }
  .sm-mt25 { margin-top: 25px !important; }
  .sm-mt30 { margin-top: 30px !important; }
  .sm-mt35 { margin-top: 35px !important; }
  .sm-mt40 { margin-top: 40px !important; }
  .sm-mt45 { margin-top: 45px !important; }
  .sm-mt50 { margin-top: 50px !important; }
  .sm-mt55 { margin-top: 55px !important; }
  .sm-mt60 { margin-top: 60px !important; }
  .sm-mt65 { margin-top: 65px !important; }
  .sm-mt70 { margin-top: 70px !important; }
  .sm-mt75 { margin-top: 75px !important; }
  .sm-mt80 { margin-top: 80px !important; }
  .sm-mt85 { margin-top: 85px !important; }
  .sm-mt90 { margin-top: 90px !important; }
  .sm-mt95 { margin-top: 95px !important; }
  .sm-mt100 { margin-top: 100px !important; }
  .sm-mr0 { margin-right: 0px !important; }
  .sm-mr5 { margin-right: 5px !important; }
  .sm-mr10 { margin-right: 10px !important; }
  .sm-mr15 { margin-right: 15px !important; }
  .sm-mr20 { margin-right: 20px !important; }
  .sm-mr25 { margin-right: 25px !important; }
  .sm-mr30 { margin-right: 30px !important; }
  .sm-mr35 { margin-right: 35px !important; }
  .sm-mr40 { margin-right: 40px !important; }
  .sm-mr45 { margin-right: 45px !important; }
  .sm-mr50 { margin-right: 50px !important; }
  .sm-mr55 { margin-right: 55px !important; }
  .sm-mr60 { margin-right: 60px !important; }
  .sm-mr65 { margin-right: 65px !important; }
  .sm-mr70 { margin-right: 70px !important; }
  .sm-mr75 { margin-right: 75px !important; }
  .sm-mr80 { margin-right: 80px !important; }
  .sm-mr85 { margin-right: 85px !important; }
  .sm-mr90 { margin-right: 90px !important; }
  .sm-mr95 { margin-right: 95px !important; }
  .sm-mr100 { margin-right: 100px !important; }
  .sm-mb0 { margin-bottom: 0px !important; }
  .sm-mb5 { margin-bottom: 5px !important; }
  .sm-mb10 { margin-bottom: 10px !important; }
  .sm-mb15 { margin-bottom: 15px !important; }
  .sm-mb20 { margin-bottom: 20px !important; }
  .sm-mb25 { margin-bottom: 25px !important; }
  .sm-mb30 { margin-bottom: 30px !important; }
  .sm-mb35 { margin-bottom: 35px !important; }
  .sm-mb40 { margin-bottom: 40px !important; }
  .sm-mb45 { margin-bottom: 45px !important; }
  .sm-mb50 { margin-bottom: 50px !important; }
  .sm-mb55 { margin-bottom: 55px !important; }
  .sm-mb60 { margin-bottom: 60px !important; }
  .sm-mb65 { margin-bottom: 65px !important; }
  .sm-mb70 { margin-bottom: 70px !important; }
  .sm-mb75 { margin-bottom: 75px !important; }
  .sm-mb80 { margin-bottom: 80px !important; }
  .sm-mb85 { margin-bottom: 85px !important; }
  .sm-mb90 { margin-bottom: 90px !important; }
  .sm-mb95 { margin-bottom: 95px !important; }
  .sm-mb100 { margin-bottom: 100px !important; }
  .sm-mb100 { margin-bottom: 100px !important; }
  .sm-ml0 { margin-left: 0px !important; }
  .sm-ml5 { margin-left: 5px !important; }
  .sm-ml10 { margin-left: 10px !important; }
  .sm-ml15 { margin-left: 15px !important; }
  .sm-ml20 { margin-left: 20px !important; }
  .sm-ml25 { margin-left: 25px !important; }
  .sm-ml30 { margin-left: 30px !important; }
  .sm-ml35 { margin-left: 35px !important; }
  .sm-ml40 { margin-left: 40px !important; }
  .sm-ml45 { margin-left: 45px !important; }
  .sm-ml50 { margin-left: 50px !important; }
  .sm-ml55 { margin-left: 55px !important; }
  .sm-ml60 { margin-left: 60px !important; }
  .sm-ml65 { margin-left: 65px !important; }
  .sm-ml70 { margin-left: 70px !important; }
  .sm-ml75 { margin-left: 75px !important; }
  .sm-ml80 { margin-left: 80px !important; }
  .sm-ml85 { margin-left: 85px !important; }
  .sm-ml90 { margin-left: 90px !important; }
  .sm-ml95 { margin-left: 95px !important; }
  .sm-ml100 { margin-left: 100px !important; }
  .sm-op00 { opacity: 0; }
  .sm-op01 { opacity: 0.1; }
  .sm-op02 { opacity: 0.2; }
  .sm-op03 { opacity: 0.3; }
  .sm-op04 { opacity: 0.4; }
  .sm-op05 { opacity: 0.5; }
  .sm-op06 { opacity: 0.6; }
  .sm-op07 { opacity: 0.7; }
  .sm-op08 { opacity: 0.8; }
  .sm-op09 { opacity: 0.9; }
  .sm-op010 { opacity: 1; }
  .sm-op011 { opacity: 1.1; }
  .sm-op012 { opacity: 1.2; }
  .sm-op013 { opacity: 1.3; }
  .sm-op014 { opacity: 1.4; }
  .sm-op015 { opacity: 1.5; }
  .sm-op016 { opacity: 1.6; }
  .sm-op017 { opacity: 1.7; }
  .sm-op018 { opacity: 1.8; }
  .sm-op019 { opacity: 1.9; }
  .sm-op020 { opacity: 2; } }
@media (max-width: 767px) { .xs-mt0 { margin-top: 0px !important; }
  .xs-mt5 { margin-top: 5px !important; }
  .xs-mt10 { margin-top: 10px !important; }
  .xs-mt15 { margin-top: 15px !important; }
  .xs-mt20 { margin-top: 20px !important; }
  .xs-mt25 { margin-top: 25px !important; }
  .xs-mt30 { margin-top: 30px !important; }
  .xs-mt35 { margin-top: 35px !important; }
  .xs-mt40 { margin-top: 40px !important; }
  .xs-mt45 { margin-top: 45px !important; }
  .xs-mt50 { margin-top: 50px !important; }
  .xs-mt55 { margin-top: 55px !important; }
  .xs-mt60 { margin-top: 60px !important; }
  .xs-mt65 { margin-top: 65px !important; }
  .xs-mt70 { margin-top: 70px !important; }
  .xs-mt75 { margin-top: 75px !important; }
  .xs-mt80 { margin-top: 80px !important; }
  .xs-mt85 { margin-top: 85px !important; }
  .xs-mt90 { margin-top: 90px !important; }
  .xs-mt95 { margin-top: 95px !important; }
  .xs-mt100 { margin-top: 100px !important; }
  .xs-mr0 { margin-right: 0px !important; }
  .xs-mr5 { margin-right: 5px !important; }
  .xs-mr10 { margin-right: 10px !important; }
  .xs-mr15 { margin-right: 15px !important; }
  .xs-mr20 { margin-right: 20px !important; }
  .xs-mr25 { margin-right: 25px !important; }
  .xs-mr30 { margin-right: 30px !important; }
  .xs-mr35 { margin-right: 35px !important; }
  .xs-mr40 { margin-right: 40px !important; }
  .xs-mr45 { margin-right: 45px !important; }
  .xs-mr50 { margin-right: 50px !important; }
  .xs-mr55 { margin-right: 55px !important; }
  .xs-mr60 { margin-right: 60px !important; }
  .xs-mr65 { margin-right: 65px !important; }
  .xs-mr70 { margin-right: 70px !important; }
  .xs-mr75 { margin-right: 75px !important; }
  .xs-mr80 { margin-right: 80px !important; }
  .xs-mr85 { margin-right: 85px !important; }
  .xs-mr90 { margin-right: 90px !important; }
  .xs-mr95 { margin-right: 95px !important; }
  .xs-mr100 { margin-right: 100px !important; }
  .xs-mb0 { margin-bottom: 0px !important; }
  .xs-mb5 { margin-bottom: 5px !important; }
  .xs-mb10 { margin-bottom: 10px !important; }
  .xs-mb15 { margin-bottom: 15px !important; }
  .xs-mb20 { margin-bottom: 20px !important; }
  .xs-mb25 { margin-bottom: 25px !important; }
  .xs-mb30 { margin-bottom: 30px !important; }
  .xs-mb35 { margin-bottom: 35px !important; }
  .xs-mb40 { margin-bottom: 40px !important; }
  .xs-mb45 { margin-bottom: 45px !important; }
  .xs-mb50 { margin-bottom: 50px !important; }
  .xs-mb55 { margin-bottom: 55px !important; }
  .xs-mb60 { margin-bottom: 60px !important; }
  .xs-mb65 { margin-bottom: 65px !important; }
  .xs-mb70 { margin-bottom: 70px !important; }
  .xs-mb75 { margin-bottom: 75px !important; }
  .xs-mb80 { margin-bottom: 80px !important; }
  .xs-mb85 { margin-bottom: 85px !important; }
  .xs-mb90 { margin-bottom: 90px !important; }
  .xs-mb95 { margin-bottom: 95px !important; }
  .xs-mb100 { margin-bottom: 100px !important; }
  .xs-mb100 { margin-bottom: 100px !important; }
  .xs-ml0 { margin-left: 0px !important; }
  .xs-ml5 { margin-left: 5px !important; }
  .xs-ml10 { margin-left: 10px !important; }
  .xs-ml15 { margin-left: 15px !important; }
  .xs-ml20 { margin-left: 20px !important; }
  .xs-ml25 { margin-left: 25px !important; }
  .xs-ml30 { margin-left: 30px !important; }
  .xs-ml35 { margin-left: 35px !important; }
  .xs-ml40 { margin-left: 40px !important; }
  .xs-ml45 { margin-left: 45px !important; }
  .xs-ml50 { margin-left: 50px !important; }
  .xs-ml55 { margin-left: 55px !important; }
  .xs-ml60 { margin-left: 60px !important; }
  .xs-ml65 { margin-left: 65px !important; }
  .xs-ml70 { margin-left: 70px !important; }
  .xs-ml75 { margin-left: 75px !important; }
  .xs-ml80 { margin-left: 80px !important; }
  .xs-ml85 { margin-left: 85px !important; }
  .xs-ml90 { margin-left: 90px !important; }
  .xs-ml95 { margin-left: 95px !important; }
  .xs-ml100 { margin-left: 100px !important; } }
@media (max-width: 480px) { .xxs-mt0 { margin-top: 0px !important; }
  .xxs-mt5 { margin-top: 5px !important; }
  .xxs-mt10 { margin-top: 10px !important; }
  .xxs-mt15 { margin-top: 15px !important; }
  .xxs-mt20 { margin-top: 20px !important; }
  .xxs-mt25 { margin-top: 25px !important; }
  .xxs-mt30 { margin-top: 30px !important; }
  .xxs-mt35 { margin-top: 35px !important; }
  .xxs-mt40 { margin-top: 40px !important; }
  .xxs-mt45 { margin-top: 45px !important; }
  .xxs-mt50 { margin-top: 50px !important; }
  .xxs-mt55 { margin-top: 55px !important; }
  .xxs-mt60 { margin-top: 60px !important; }
  .xxs-mt65 { margin-top: 65px !important; }
  .xxs-mt70 { margin-top: 70px !important; }
  .xxs-mt75 { margin-top: 75px !important; }
  .xxs-mt80 { margin-top: 80px !important; }
  .xxs-mt85 { margin-top: 85px !important; }
  .xxs-mt90 { margin-top: 90px !important; }
  .xxs-mt95 { margin-top: 95px !important; }
  .xxs-mt100 { margin-top: 100px !important; }
  .xxs-mr0 { margin-right: 0px !important; }
  .xxs-mr5 { margin-right: 5px !important; }
  .xxs-mr10 { margin-right: 10px !important; }
  .xxs-mr15 { margin-right: 15px !important; }
  .xxs-mr20 { margin-right: 20px !important; }
  .xxs-mr25 { margin-right: 25px !important; }
  .xxs-mr30 { margin-right: 30px !important; }
  .xxs-mr35 { margin-right: 35px !important; }
  .xxs-mr40 { margin-right: 40px !important; }
  .xxs-mr45 { margin-right: 45px !important; }
  .xxs-mr50 { margin-right: 50px !important; }
  .xxs-mr55 { margin-right: 55px !important; }
  .xxs-mr60 { margin-right: 60px !important; }
  .xxs-mr65 { margin-right: 65px !important; }
  .xxs-mr70 { margin-right: 70px !important; }
  .xxs-mr75 { margin-right: 75px !important; }
  .xxs-mr80 { margin-right: 80px !important; }
  .xxs-mr85 { margin-right: 85px !important; }
  .xxs-mr90 { margin-right: 90px !important; }
  .xxs-mr95 { margin-right: 95px !important; }
  .xxs-mr100 { margin-right: 100px !important; }
  .xxs-mb0 { margin-bottom: 0px !important; }
  .xxs-mb5 { margin-bottom: 5px !important; }
  .xxs-mb10 { margin-bottom: 10px !important; }
  .xxs-mb15 { margin-bottom: 15px !important; }
  .xxs-mb20 { margin-bottom: 20px !important; }
  .xxs-mb25 { margin-bottom: 25px !important; }
  .xxs-mb30 { margin-bottom: 30px !important; }
  .xxs-mb35 { margin-bottom: 35px !important; }
  .xxs-mb40 { margin-bottom: 40px !important; }
  .xxs-mb45 { margin-bottom: 45px !important; }
  .xxs-mb50 { margin-bottom: 50px !important; }
  .xxs-mb55 { margin-bottom: 55px !important; }
  .xxs-mb60 { margin-bottom: 60px !important; }
  .xxs-mb65 { margin-bottom: 65px !important; }
  .xxs-mb70 { margin-bottom: 70px !important; }
  .xxs-mb75 { margin-bottom: 75px !important; }
  .xxs-mb80 { margin-bottom: 80px !important; }
  .xxs-mb85 { margin-bottom: 85px !important; }
  .xxs-mb90 { margin-bottom: 90px !important; }
  .xxs-mb95 { margin-bottom: 95px !important; }
  .xxs-mb100 { margin-bottom: 100px !important; }
  .xs-mb100 { margin-bottom: 100px !important; }
  .xxs-ml0 { margin-left: 0px !important; }
  .xxs-ml5 { margin-left: 5px !important; }
  .xxs-ml10 { margin-left: 10px !important; }
  .xxs-ml15 { margin-left: 15px !important; }
  .xxs-ml20 { margin-left: 20px !important; }
  .xxs-ml25 { margin-left: 25px !important; }
  .xxs-ml30 { margin-left: 30px !important; }
  .xxs-ml35 { margin-left: 35px !important; }
  .xxs-ml40 { margin-left: 40px !important; }
  .xxs-ml45 { margin-left: 45px !important; }
  .xxs-ml50 { margin-left: 50px !important; }
  .xxs-ml55 { margin-left: 55px !important; }
  .xxs-ml60 { margin-left: 60px !important; }
  .xxs-ml65 { margin-left: 65px !important; }
  .xxs-ml70 { margin-left: 70px !important; }
  .xxs-ml75 { margin-left: 75px !important; }
  .xxs-ml80 { margin-left: 80px !important; }
  .xxs-ml85 { margin-left: 85px !important; }
  .xxs-ml90 { margin-left: 90px !important; }
  .xxs-ml95 { margin-left: 95px !important; }
  .xxs-ml100 { margin-left: 100px !important; } }
@media (max-width: 480px) { .xxs-f10 { font-size: 10px !important; }
  .xxs-f11 { font-size: 11px !important; }
  .xxs-f12 { font-size: 12px !important; }
  .xxs-f13 { font-size: 13px !important; }
  .xxs-f14 { font-size: 14px !important; }
  .xxs-f15 { font-size: 15px !important; }
  .xxs-f16 { font-size: 16px !important; }
  .xxs-f17 { font-size: 17px !important; }
  .xxs-f18 { font-size: 18px !important; }
  .xxs-f19 { font-size: 19px !important; }
  .xxs-f20 { font-size: 20px !important; }
  .xxs-f21 { font-size: 21px !important; }
  .xxs-f22 { font-size: 22px !important; }
  .xxs-f23 { font-size: 23px !important; }
  .xxs-f24 { font-size: 24px !important; }
  .xxs-f25 { font-size: 25px !important; }
  .xxs-f26 { font-size: 26px !important; }
  .xxs-f27 { font-size: 27px !important; }
  .xxs-f28 { font-size: 28px !important; }
  .xxs-f29 { font-size: 29px !important; }
  .xxs-f30 { font-size: 30px !important; }
  .xxs-f31 { font-size: 31px !important; }
  .xxs-f32 { font-size: 32px !important; }
  .xxs-f33 { font-size: 33px !important; }
  .xxs-f34 { font-size: 34px !important; }
  .xxs-f35 { font-size: 35px !important; }
  .xxs-f36 { font-size: 36px !important; }
  .xxs-f37 { font-size: 37px !important; }
  .xxs-f38 { font-size: 38px !important; }
  .xxs-f39 { font-size: 39px !important; }
  .xxs-f40 { font-size: 40px !important; } }
@media (max-width: 767px) { .xs-f10 { font-size: 10px !important; }
  .xs-f11 { font-size: 11px !important; }
  .xs-f12 { font-size: 12px !important; }
  .xs-f13 { font-size: 13px !important; }
  .xs-f14 { font-size: 14px !important; }
  .xs-f15 { font-size: 15px !important; }
  .xs-f16 { font-size: 16px !important; }
  .xs-f17 { font-size: 17px !important; }
  .xs-f18 { font-size: 18px !important; }
  .xs-f19 { font-size: 19px !important; }
  .xs-f20 { font-size: 20px !important; }
  .xs-f21 { font-size: 21px !important; }
  .xs-f22 { font-size: 22px !important; }
  .xs-f23 { font-size: 23px !important; }
  .xs-f24 { font-size: 24px !important; }
  .xs-f25 { font-size: 25px !important; }
  .xs-f26 { font-size: 26px !important; }
  .xs-f27 { font-size: 27px !important; }
  .xs-f28 { font-size: 28px !important; }
  .xs-f29 { font-size: 29px !important; }
  .xs-f30 { font-size: 30px !important; }
  .xs-f31 { font-size: 31px !important; }
  .xs-f32 { font-size: 32px !important; }
  .xs-f33 { font-size: 33px !important; }
  .xs-f34 { font-size: 34px !important; }
  .xs-f35 { font-size: 35px !important; }
  .xs-f36 { font-size: 36px !important; }
  .xs-f37 { font-size: 37px !important; }
  .xs-f38 { font-size: 38px !important; }
  .xs-f39 { font-size: 39px !important; }
  .xs-f40 { font-size: 40px !important; } }
@media (min-width: 768px) { .sm-f10 { font-size: 10px !important; }
  .sm-f11 { font-size: 11px !important; }
  .sm-f12 { font-size: 12px !important; }
  .sm-f13 { font-size: 13px !important; }
  .sm-f14 { font-size: 14px !important; }
  .sm-f15 { font-size: 15px !important; }
  .sm-f16 { font-size: 16px !important; }
  .sm-f17 { font-size: 17px !important; }
  .sm-f18 { font-size: 18px !important; }
  .sm-f19 { font-size: 19px !important; }
  .sm-f20 { font-size: 20px !important; }
  .sm-f21 { font-size: 21px !important; }
  .sm-f22 { font-size: 22px !important; }
  .sm-f23 { font-size: 23px !important; }
  .sm-f24 { font-size: 24px !important; }
  .sm-f25 { font-size: 25px !important; }
  .sm-f26 { font-size: 26px !important; }
  .sm-f27 { font-size: 27px !important; }
  .sm-f28 { font-size: 28px !important; }
  .sm-f29 { font-size: 29px !important; }
  .sm-f30 { font-size: 30px !important; }
  .sm-f31 { font-size: 31px !important; }
  .sm-f32 { font-size: 32px !important; }
  .sm-f33 { font-size: 33px !important; }
  .sm-f34 { font-size: 34px !important; }
  .sm-f35 { font-size: 35px !important; }
  .sm-f36 { font-size: 36px !important; }
  .sm-f37 { font-size: 37px !important; }
  .sm-f38 { font-size: 38px !important; }
  .sm-f39 { font-size: 39px !important; }
  .sm-f40 { font-size: 40px !important; } }
@media (min-width: 992px) { .md-f10 { font-size: 10px !important; }
  .md-f11 { font-size: 11px !important; }
  .md-f12 { font-size: 12px !important; }
  .md-f13 { font-size: 13px !important; }
  .md-f14 { font-size: 14px !important; }
  .md-f15 { font-size: 15px !important; }
  .md-f16 { font-size: 16px !important; }
  .md-f17 { font-size: 17px !important; }
  .md-f18 { font-size: 18px !important; }
  .md-f19 { font-size: 19px !important; }
  .md-f20 { font-size: 20px !important; }
  .md-f21 { font-size: 21px !important; }
  .md-f22 { font-size: 22px !important; }
  .md-f23 { font-size: 23px !important; }
  .md-f24 { font-size: 24px !important; }
  .md-f25 { font-size: 25px !important; }
  .md-f26 { font-size: 26px !important; }
  .md-f27 { font-size: 27px !important; }
  .md-f28 { font-size: 28px !important; }
  .md-f29 { font-size: 29px !important; }
  .md-f30 { font-size: 30px !important; }
  .md-f31 { font-size: 31px !important; }
  .md-f32 { font-size: 32px !important; }
  .md-f33 { font-size: 33px !important; }
  .md-f34 { font-size: 34px !important; }
  .md-f35 { font-size: 35px !important; }
  .md-f36 { font-size: 36px !important; }
  .md-f37 { font-size: 37px !important; }
  .md-f38 { font-size: 38px !important; }
  .md-f39 { font-size: 39px !important; }
  .md-f40 { font-size: 40px !important; } }
@media (min-width: 1200px) { .lg-f10 { font-size: 10px !important; }
  .lg-f11 { font-size: 11px !important; }
  .lg-f12 { font-size: 12px !important; }
  .lg-f13 { font-size: 13px !important; }
  .lg-f14 { font-size: 14px !important; }
  .lg-f15 { font-size: 15px !important; }
  .lg-f16 { font-size: 16px !important; }
  .lg-f17 { font-size: 17px !important; }
  .lg-f18 { font-size: 18px !important; }
  .lg-f19 { font-size: 19px !important; }
  .lg-f20 { font-size: 20px !important; }
  .lg-f21 { font-size: 21px !important; }
  .lg-f22 { font-size: 22px !important; }
  .lg-f23 { font-size: 23px !important; }
  .lg-f24 { font-size: 24px !important; }
  .lg-f25 { font-size: 25px !important; }
  .lg-f26 { font-size: 26px !important; }
  .lg-f27 { font-size: 27px !important; }
  .lg-f28 { font-size: 28px !important; }
  .lg-f29 { font-size: 29px !important; }
  .lg-f30 { font-size: 30px !important; }
  .lg-f31 { font-size: 31px !important; }
  .lg-f32 { font-size: 32px !important; }
  .lg-f33 { font-size: 33px !important; }
  .lg-f34 { font-size: 34px !important; }
  .lg-f35 { font-size: 35px !important; }
  .lg-f36 { font-size: 36px !important; }
  .lg-f37 { font-size: 37px !important; }
  .lg-f38 { font-size: 38px !important; }
  .lg-f39 { font-size: 39px !important; }
  .lg-f40 { font-size: 40px !important; } }
@media (max-width: 767px) { .xs-mw0 { max-width: 0%; height: auto; }
  .xs-mw10 { max-width: 10%; height: auto; }
  .xs-mw20 { max-width: 20%; height: auto; }
  .xs-mw30 { max-width: 30%; height: auto; }
  .xs-mw40 { max-width: 40%; height: auto; }
  .xs-mw50 { max-width: 50%; height: auto; }
  .xs-mw60 { max-width: 60%; height: auto; }
  .xs-mw70 { max-width: 70%; height: auto; }
  .xs-mw80 { max-width: 80%; height: auto; }
  .xs-mw90 { max-width: 90%; height: auto; }
  .xs-mw100 { max-width: 100%; height: auto; } }
.ww10 { width: 10%; }

.ww20 { width: 20%; }

.ww30 { width: 30%; }

.ww40 { width: 40%; }

.ww50 { width: 50%; }

.ww60 { width: 60%; }

.ww70 { width: 70%; }

.ww80 { width: 80%; }

.ww90 { width: 90%; }

.ww100 { width: 100%; }

@media (max-width: 991px) { .sm-ww10 { width: 10%; }
  .sm-ww20 { width: 20%; }
  .sm-ww30 { width: 30%; }
  .sm-ww40 { width: 40%; }
  .sm-ww50 { width: 50%; }
  .sm-ww60 { width: 60%; }
  .sm-ww70 { width: 70%; }
  .sm-ww80 { width: 80%; }
  .sm-ww90 { width: 90%; }
  .sm-ww100 { width: 100%; } }
@media (max-width: 767px) { .xs-ww10 { width: 10%; }
  .xs-ww20 { width: 20%; }
  .xs-ww30 { width: 30%; }
  .xs-ww40 { width: 40%; }
  .xs-ww50 { width: 50%; }
  .xs-ww60 { width: 60%; }
  .xs-ww70 { width: 70%; }
  .xs-ww80 { width: 80%; }
  .xs-ww90 { width: 90%; }
  .xs-ww100 { width: 100%; } }
.p0 { padding: 0px !important; }

.p0 { padding: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pr0 { padding-right: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.pl0 { padding-left: 0px !important; }

.br0 { border-radius: 0px !important; }

.p1 { padding: 2px !important; }

.p5 { padding: 5px !important; }

.pt2 { padding-top: 2px !important; }

.pr2 { padding-right: 2px !important; }

.pb2 { padding-bottom: 2px !important; }

.pl2 { padding-left: 2px !important; }

.br1 { border-radius: 1px !important; }

.p2 { padding: 4px !important; }

.p10 { padding: 10px !important; }

.pt4 { padding-top: 4px !important; }

.pr4 { padding-right: 4px !important; }

.pb4 { padding-bottom: 4px !important; }

.pl4 { padding-left: 4px !important; }

.br2 { border-radius: 2px !important; }

.p3 { padding: 6px !important; }

.p15 { padding: 15px !important; }

.pt6 { padding-top: 6px !important; }

.pr6 { padding-right: 6px !important; }

.pb6 { padding-bottom: 6px !important; }

.pl6 { padding-left: 6px !important; }

.br3 { border-radius: 3px !important; }

.p4 { padding: 8px !important; }

.p20 { padding: 20px !important; }

.pt8 { padding-top: 8px !important; }

.pr8 { padding-right: 8px !important; }

.pb8 { padding-bottom: 8px !important; }

.pl8 { padding-left: 8px !important; }

.br4 { border-radius: 4px !important; }

.p5 { padding: 10px !important; }

.p25 { padding: 25px !important; }

.pt10 { padding-top: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.pl10 { padding-left: 10px !important; }

.br5 { border-radius: 5px !important; }

.p6 { padding: 12px !important; }

.p30 { padding: 30px !important; }

.pt12 { padding-top: 12px !important; }

.pr12 { padding-right: 12px !important; }

.pb12 { padding-bottom: 12px !important; }

.pl12 { padding-left: 12px !important; }

.br6 { border-radius: 6px !important; }

.p7 { padding: 14px !important; }

.p35 { padding: 35px !important; }

.pt14 { padding-top: 14px !important; }

.pr14 { padding-right: 14px !important; }

.pb14 { padding-bottom: 14px !important; }

.pl14 { padding-left: 14px !important; }

.br7 { border-radius: 7px !important; }

.p8 { padding: 16px !important; }

.p40 { padding: 40px !important; }

.pt16 { padding-top: 16px !important; }

.pr16 { padding-right: 16px !important; }

.pb16 { padding-bottom: 16px !important; }

.pl16 { padding-left: 16px !important; }

.br8 { border-radius: 8px !important; }

.p9 { padding: 18px !important; }

.p45 { padding: 45px !important; }

.pt18 { padding-top: 18px !important; }

.pr18 { padding-right: 18px !important; }

.pb18 { padding-bottom: 18px !important; }

.pl18 { padding-left: 18px !important; }

.br9 { border-radius: 9px !important; }

.p10 { padding: 20px !important; }

.p50 { padding: 50px !important; }

.pt20 { padding-top: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.pl20 { padding-left: 20px !important; }

.br10 { border-radius: 10px !important; }

.lh10 { line-height: 1; }

.lh11 { line-height: 1.1; }

.lh12 { line-height: 1.2; }

.lh13 { line-height: 1.3; }

.lh14 { line-height: 1.4; }

.lh15 { line-height: 1.5; }

.lh16 { line-height: 1.6; }

.lh17 { line-height: 1.7; }

.lh18 { line-height: 1.8; }

.lh19 { line-height: 1.9; }

.trimwidth { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; }

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

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

@media print { .pagetop { display: none; visibility: hidden; } }
.yellow { color: #fff200; }

.red { color: #e80000; }

.pink { color: #ed0d55; }

.blue { color: #0000e8; }

.green { color: #00844f; }

.black { color: #3b3b3b; }

.black2 { color: #000; }

.orange { color: #f26522; }

.white { color: #fff; }

.gray { color: #575757; }

.gray2 { color: #aaa; }

input[type=text], input[type=email], select, textarea { border: 1px solid #ccc; border-radius: 3px; font-size: 16px; padding: 5px 8px; }

input[type=text], input[type=email], select, textarea { background: #fff; outline: none; }
input[type=text]:focus, input[type=email]:focus, select:focus, textarea:focus { border: 1px solid #f6aaaa; background: #ffe9e9; box-shadow: 0 0 5px #f6aaaa; }

input[type=checkbox], input[type=radio] { width: 1.3em; height: 1.3em; position: relative; top: -2px; cursor: pointer; }
input[type=checkbox]:checked, input[type=radio]:checked { background: #ffd1d1; border-color: #e64723; color: #e64723; }

#err { font-size: 16px; padding: 10px 0; border: 1px solid red; color: red; text-align: center; border-radius: 3px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }

.errfield { font-size: 14px; padding: 5px 0; border: 1px solid red; color: red; text-align: center; border-radius: 3px; }

label { font-size: 16px; font-weight: normal; line-height: 2.0; cursor: pointer; }

form.formwrap { padding: 0 15%; }

@media (max-width: 991px) { form.formwrap { padding: 0 10%; } }
@media (max-width: 767px) { form.formwrap { padding: 0; } }
a { color: #00d; text-decoration: underline; }

.col-xs-5x { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-5x { float: left; width: 20%; }

@media (min-width: 768px) { .col-sm-5x { float: left; width: 20%; } }
@media (min-width: 992px) { .col-md-5x { float: left; width: 20%; } }
@media (min-width: 1200px) { .col-lg-5x { float: left; width: 20%; } }
@media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: ""; }
  abbr[title]:after { content: ""; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .navbar { display: none; }
  .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
  .label { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
  .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
  .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; }
  .visible-print-block { display: block !important; } }
header { position: fixed; margin: 0 auto; background: #FFF; z-index: 999; width: 100%; height: 140px; box-shadow: 0 0 8px #4c6c9f; }

h2 { font-size: 20px; font-weight: normal; line-height: 1; }

h3 { font-size: 18px; font-weight: normal; line-height: 1; }

main { padding-top: 120px; position: relative; z-index: 50; }

@media (max-width: 991px) { header { height: 120px; }
  main { padding-top: 80px; } }
@media (max-width: 767px) { header { height: auto; }
  main { padding-top: 90px; } }
p { margin-bottom: 1.0em; }

section { padding: 0;   /* border-top: solid 1px #3b82f6; */    border-top: solid 1px #df7900;text-align: center; }
section:first-child { border-top: none; }

img { vertical-align: top; }

.pc-header { padding: 10px 0 0 0; margin: 0 auto; width: 1100px; }
.pc-header nav .logowrap { position: absolute; left: 0; top: 0; width: 24%; }
.pc-header nav .logowrap img { width: 100%; max-width: 287px; height: auto; vertical-align: top; }
.pc-header nav .head-pr { position: absolute; right: 0; top: 0; width: 75%; display: inline-block; height: 75px; /*		.telnum {
				padding-top: 23px;
				font-size: 22px;
				padding-right: 45px;
				line-height: 1.1em;
				strong {
					font-size: 16px;
					font-weight: 800;
					display: block;
					margin-bottom: 3px;
					line-height: 1.1em;
				}
			} */ /*
			.login{
				background: #45478f url('../img/icon-login-pc.png') no-repeat 95% center;
				border-radius: 6px;
				color: #fff;
				width: 27%;
				height: 75px;
				display: block;
				padding: 15px 12px 0 12px;
				font-size: 16px;
				line-height: 1.0;
				text-decoration: none;
				position: absolute;
				right: 0;
				top: 0;
				transition: all 0.3s;
				strong{
					display: block;
					margin-top: 4px;
					font-size: 20px;
				}
				&:hover{
					opacity: 0.7;
				}
			}
*/ }
.pc-header nav .head-pr .logo-hirokyo { position: absolute; right: 22%; top: 8px; }
.pc-header nav .head-pr .logo-hirokyo img { height: 60px; width: auto; }
/*.pc-header nav .head-pr .nav-iss2 { position: absolute; right: 0%; top: 0px; }
.pc-header nav .head-pr .nav-iss2 img { height: 70px; width: auto; }*/
.pc-header nav .head-pr .nav-iss-ctlg_dl { position: absolute; left: 3%; top: 6px; }
.pc-header nav .head-pr .nav-iss-ctlg_dl img { height: 60px; width: auto; }

.pc-header nav .head-pr .nav-iss { position: absolute; display: block; right: 0; top: -10px; z-index: 10000; width: 17%; transition: all 0.3s; }
.pc-header nav .head-pr .nav-iss img { border: 3px solid #45478f; border-top: none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); width: 100%; height: auto; border-bottom-left-radius:9px; border-bottom-right-radius:9px;  }
.pc-header nav .head-pr .nav-iss:hover { opacity: 0.7; }

.pc-header nav .head-pr .nav-iss3 { position: absolute; display: block; right: 18%; top: -10px; z-index: 10000; width: 17%; transition: all 0.3s;   }
.pc-header nav .head-pr .nav-iss3 img { border: 3px solid #45478f; border-top: none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); width: 100%; height: auto; border-bottom-left-radius:9px; border-bottom-right-radius:9px; }
.pc-header nav .head-pr .nav-iss3:hover { opacity: 0.7; }



/*
.pc-header nav .head-pr .nav-iss { position: absolute; display: block; right: 0; top: -10px; z-index: 10000; width: 17%; transition: all 0.3s; }*/


/*.pc-header nav .head-pr .nav-iss2 { transition: all 0.3s; }
.pc-header nav .head-pr .nav-iss2:hover { opacity: 0.7; }
*/



.pc-header nav .head-pr .salescopy { vertical-align: middle; display: inline-block; font-size: 18px; font-weight: bold; padding-top: 24px; }
.pc-header nav .nav-main { padding-top: 30px; /* padding-right: 22%; */  padding-right: 26%; padding-left: 0; margin-left: 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }
.pc-header nav .nav-main li { -webkit-flex-grow: 1; flex-grow: 1; text-align: center; padding-bottom: 10px; }
.pc-header nav .nav-main li a { display: block; padding: 14px 0 0 0; color: #333; font-weight: bold; font-size: 14px; text-decoration: none; }
.pc-header nav .nav-main li a span { transition: all 0.3s; padding-bottom: 10px; border-bottom: solid 2px transparent; }
.pc-header nav .nav-main li a:hover span { border-bottom: solid 2px #e17826; }
.pc-header nav .nav-main li a:before { font-size: 0.8rem; font-weight: 300; padding-right: 0.3rem; }
/*.pc-header nav .nav-main li:nth-child(1) a:before { content: '01'; }
.pc-header nav .nav-main li:nth-child(2) a:before { content: '02'; }
.pc-header nav .nav-main li:nth-child(3) a:before { content: '03'; }
.pc-header nav .nav-main li:nth-child(4) a:before { content: '04'; }
.pc-header nav .nav-main li:nth-child(5) a:before { content: '05'; }
.pc-header nav .nav-main li:nth-child(6) a:before { content: '06'; }*/

@media (max-width: 1199px) { .pc-header { width: 100%; }
  .pc-header nav .head-pr { height: 66px; /*		.telnum {
				padding-top: 23px;
				font-size: 22px;
				padding-right: 45px;
				line-height: 1.1em;
				strong {
					font-size: 16px;
					font-weight: 800;
					display: block;
					margin-bottom: 3px;
					line-height: 1.1em;
				}
			} */ }
  .pc-header nav .head-pr .logo-hirokyo img { height: auto; width: 84px; }
.pc-header nav .head-pr .nav-iss-ctlg_dl { top: 0px; }
	.pc-header nav .head-pr .nav-iss-ctlg_dl img { height: auto; width: 140px; }
	
  .pc-header nav .head-pr .login { padding: 13px 10px 0 15px; height: 66px; font-size: 14px; }
  .pc-header nav .head-pr .login strong { font-size: 16px; }
  .pc-header nav .head-pr .netmoral-logo { height: 40px; width: auto; }
  .pc-header nav .head-pr .salescopy { font-size: 16px; } }
@media (max-width: 991px) { .pc-header { padding: 15px 0; }
  .pc-header nav { /*
			.head-pr {
				height: 51px;
				top: 0;
				.logo-hirokyo {
					padding-top: 0;
					img{
						width: auto;
						height: 40px;
					}
				}
				.telnum {
					padding-top: 5px;
					font-size: 18px;
					padding-right: 30px;
					strong {
						font-size: 14px;
						margin-bottom: 2px;
					}
				}
				.netmoral{
					padding-top: 0px;
					img {
						width: 90px;
						height: auto;
						padding-top: 8px;
					}
					span{
						font-size: 14px;
						padding-top: 23px;
					}
					.login{
						padding-right: 4px;
						img{
							margin-top: -8px;
						}
					}
				}
			}
*/ }
  .pc-header nav .logowrap { left: 0; top: 0; }
  .pc-header nav .head-pr { height: 51px; top: 0; /*		.telnum {
				padding-top: 23px;
				font-size: 22px;
				padding-right: 45px;
				line-height: 1.1em;
				strong {
					font-size: 16px;
					font-weight: 800;
					display: block;
					margin-bottom: 3px;
					line-height: 1.1em;
				}
			} */ 				/*
				.login{
					height: 51px;
					padding: 10px 10px 0 10px;
					font-size: 10px;
					span{

					}
					strong{
						font-size: 13px;
					}
				}
				*/ }
  .pc-header nav .head-pr .logo-hirokyo img { height: 38px; width: auto; }
  .pc-header nav .head-pr .nav-iss { top: -15px; }
	.pc-header nav .head-pr .nav-iss3 { top: -15px; }
  .pc-header nav .head-pr .netmoral-logo { height: 30px; margin-top: 10px; width: auto; }
  .pc-header nav .head-pr .salescopy { font-size: 12px; }
  .pc-header nav .nav-main { padding-top: 5px; /*padding-right: 15%;*/ padding-right: 27%; }
  .pc-header nav .nav-main li a { padding: 8px 0 15px 0; font-size: 12px; } }
.sp-header { padding: 7px 15px 9px 15px; height: auto; background: #fff; border-bottom: 2px solid #df7900; position: fixed; top: 0; width: 100%; box-sizing: border-box; z-index: 999; text-align: center; /*
		.sp-login {
			display: block;
			position: fixed;
			left: 180px;
			top: 12px;
			padding: 0;
			width: 38px;
			height: 38px;
			img{
				width: 100%;
				height: auto;
				border-radius: 5px;
			}
		}
*/ }
.sp-header .logowrap { width: 30%; }
.sp-header .logowrap img { width: auto; height: 46px; }
.sp-header .sp-tel { display: block; position: fixed; right: 75px; top: 10px; padding: 0; width: 40px; height: 40px; }
.sp-header .sp-tel img { width: 100%; height: auto; }
.sp-header .sp-login { display: inline-block; marign: 0 auto; margin-top: 7px; padding: 12px 36px 15px 12px; width: 100%; height: auto; background: #45478f url("../img/icon-login-pc.png") no-repeat 95% center; border-radius: 4px; color: #fff; line-height: 1.0; text-decoration: none; }
.sp-header .sp-login span { display: inline-block; font-size: 14px; padding-right: 5px; }
.sp-header .sp-login strong { display: inline-block; font-size: 16px; }
@media (max-width: 364px) { .sp-header .sp-login { padding: 7px 12px 10px 12px; }
  .sp-header .sp-login span { font-size: 12px; padding-right: 0; }
  .sp-header .sp-login strong { display: block; font-size: 16px; margin-top: 4px; } }

.sp-navbtn { position: fixed; right: 0; top: 0; z-index: 10001; visibility: hidden; width: 65px; height: 60px; padding: 10px 15px 10px 10px; }
.sp-navbtn button { transition: all .4s; box-sizing: border-box; -webkit-appearance: none; appearance: none; outline: none; position: relative; top: 0; right: 0; width: 40px; height: 40px; border-radius: 5px; border: 1px solid #fff; z-index: 10001; background: #df7900; }
.sp-navbtn button span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0; width: 26px; height: 4px; background: transparent; border-radius: 4px; }
.sp-navbtn button span:nth-of-type(2) { top: 9px; left: 6px; background: #fff; }
.sp-navbtn button span:nth-of-type(3) { top: 17px; left: 6px; margin-top: 0; background: #fff; }
.sp-navbtn button span:nth-of-type(4) { bottom: 9px; left: 6px; background: #fff; }
.sp-navbtn button.active span:nth-of-type(2) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
.sp-navbtn button.active span:nth-of-type(3) { opacity: 0; }
.sp-navbtn button.active span:nth-of-type(4) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }

.sp-menu { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 998; -webkit-backdrop-filter: none; padding-top: 120px; }
.sp-menu nav ul { padding: 30px; }
.sp-menu nav ul li { width: 100%; border-bottom: 1px dotted #fff; color: #fff; }
.sp-menu nav ul li:nth-child(even) { float: left; }
.sp-menu nav ul li:nth-child(odd) { float: right; }
.sp-menu nav ul li.splogo { width: 100%; }
.sp-menu nav ul li.splogo a { text-align: center; color: #000; }
.sp-menu nav ul li.splogo a img { width: auto; }
.sp-menu nav ul li a { position: relative; display: block; width: 100%; padding: 10px 10px; color: #fff; text-decoration: none; }
.sp-menu nav ul li a:before { font-size: 0.8rem; font-weight: 300; padding-right: 0.5rem; }
.sp-menu nav ul li.tel { text-align: right; padding: 10px 10px 10px 0; }
.sp-menu nav ul li.tel a { font-size: 28px; text-decoration: underline; display: inline-block; width: auto; padding: 10px 0; }
.sp-menu nav ul li.tel span { color: #333; background: #fff; border-radius: 5px; padding: 5px; font-size: 12px; display: inline-block; vertical-align: text-bottom; }
.sp-menu nav ul li:nth-child(1) a:before { content: '01'; }
.sp-menu nav ul li:nth-child(2) a:before { content: '02'; }
.sp-menu nav ul li:nth-child(3) a:before { content: '03'; }
.sp-menu nav ul li:nth-child(4) a:before { content: '04'; }
.sp-menu nav ul li:nth-child(5) a:before { content: '05'; }
.sp-menu nav ul li:nth-child(6) a:before { content: '06'; }

@supports (-webkit-backdrop-filter: blur(5px)) { .sp-menu { -webkit-backdrop-filter: brightness(1.2) blur(10px); background: rgba(52, 32, 21, 0.6); } }
@media (max-width: 767px) { .sp-navbtn { visibility: visible; opacity: 0.85; }
  .sp-menu nav ul { padding: 15px; /* ココが修正ポイント　2024/09/24 スマホメニュー*/　padding-top: 40px!important;   }
  .sp-menu nav ul li a img { max-width: 100%; height: auto; } }
@media (min-width: 769px) { .sp-menu { visibility: hidden; } }
.title-block { position: relative; margin: 0 auto; max-width: 645px; width: 60%; margin-bottom: 40px; }
.title-block .wappen { position: absolute; left: -33%; top: -10%; width: 35%; max-width: 224px; }
.wappenx { position: absolute; left: -33%; top: -10%; width: 35%; max-width: 224px; }
.head-line { background: #f18301; padding: 20px 15px 3px 90px; box-sizing: border-box; width: auto; color: #fff; position: relative; margin: 0 auto; margin-right: 0; margin-left: 0; margin-bottom: 30px; }
.head-line h1 { font-size: 3.0rem; }
.head-line h1 span { margin-top: 12px; display: block; font-size: 1.8rem; line-height: 1.2rem; font-weight: 500; }
.head-line h1 span .netmoral-logo { display: inline-block; vertical-align: middle; padding-bottom: 10px; max-width: 128px; }
.head-line h1 span .netmoral-logo img { width: 100%; height: auto; }
.head-line h1 span strong { display: inline-block; margin-left: 5px; font-weight: 800; color: #ff0000; font-size: 2.0rem; text-shadow: 0px 4px 1px #fff, 1px 3px 1px #fff, 2px 3px 1px #fff, 2px 2px 1px #fff, 3px 2px 1px #fff, 3px 1px 1px #fff, 4px 0px 1px #fff, 3px -1px 1px #fff, 3px -2px 1px #fff, 2px -2px 1px #fff, 2px -3px 1px #fff, 1px -3px 1px #fff, 0px -4px 1px #fff, -1px -3px 1px #fff, -2px -3px 1px #fff, -2px -2px 1px #fff, -3px -2px 1px #fff, -3px -1px 1px #fff, -4px 0px 1px #fff, -3px 1px 1px #fff, -3px 2px 1px #fff, -2px 2px 1px #fff, -2px 3px 1px #fff, -1px 3px 1px #fff; }
.head-line .wappen { position: absolute; left: -30px; top: -20px; width: 35%; max-width: 200px; transform: rotate(-10deg); }

.xxs-br { display: none; }

@media (max-width: 1199px) { .head-line { padding-left: 100px; }
  .head-line h1 { font-size: 2.6rem; }
  .head-line h1 span { font-size: 1.3rem; }
  .head-line h1 span strong { font-weight: 800; font-size: 1.5rem; }
  .head-line .wappen { position: absolute; left: 0; max-width: 174px; } }
@media (max-width: 991px) { .head-line { margin-top: 8px; margin-right: 0; margin-left: 0; padding-bottom: 12px; padding-left: 100px; }
  .head-line h1 { font-size: 1.9rem; }
  .head-line h1 span { font-size: 1.4rem; line-height: 1.2rem; }
  .head-line h1 span strong { display: block; margin-top: 5px; font-size: 1.5rem; }
  .head-line h1 span .netmoral-logo { padding-bottom: 3px; max-width: 100px; }
  .head-line .wappen { position: absolute; left: 0; top: 0; max-width: 156px; } }
@media (max-width: 767px) { .release-info { border: solid 3px #ff0000; border-radius: 6px; background: #fff; padding: 10px 15px 12px 15px; font-size: 1.4rem; font-weight: 700; line-height: 1.05em; text-align: center; color: #ff0000; margin: 0 auto; margin-bottom: 12px; position: relative; width: 80%; box-sizing: border-box; }
  .release-info:after { content: ""; position: absolute; top: 99.9%; left: 50%; margin-left: -20px; border: 20px solid transparent; border-top: 20px solid #ff0000; z-index: 2; }
  .release-info strong { font-weight: 800; font-size: 2.0rem; }
  .head-line { margin-top: 0; margin-right: 0; margin-left: 0; padding: 15px 15px 10px 15px; }
  .head-line h1 { font-size: 1.8rem; line-height: 1.3em; }
  .head-line h1 span { font-size: 1.15rem; line-height: 1.4rem; }
  .head-line h1 span strong { font-size: 1.4rem; margin-top: 0; display: inline-block; }
  .head-line .wappen { display: none; }
  .xxs-br { display: block; } }
@media (max-width: 520px) { .release-info { font-size: 1.1rem; line-height: 1.05em; width: auto; }
  .release-info strong { font-weight: 800; font-size: 1.6rem; }
  .head-line { padding: 15px 15px 1px 15px; }
  .head-line h1 { font-size: 1.4rem; line-height: 1.3em; }
  .head-line h1 span { font-size: 1.0rem; line-height: 1.2em; }
  .head-line h1 span .netmoral-logo { padding: 0; margin-bottom: -3px; vertical-align: bottom; }
  .head-line h1 span strong { margin-top: 10px; } }
.sub-lead { text-align: center; font-size: 1.8rem; padding-bottom: 15px; }
.sub-lead span { font-weight: bold; color: #df7900; }

.bln-green { padding: 14px 20px; background: #a7ee2c; color: #000; font-size: 1.4rem; font-weight: 700; min-width: 370px; border-radius: 10px; position: relative; display: inline-block; margin: 0 auto; margin-bottom: 15px; }
.bln-green:after { content: ""; position: absolute; top: 99.7%; left: 50%; margin-left: -20px; border: 20px solid transparent; border-top: 20px solid #a7ee2c; }
.bln-green:before { content: ""; position: absolute; top: -10px; width: 90%; left: 50%; margin-left: -45%; background: #7ea142; height: 10px; border-radius: 7px 7px 0 0 / 7px 7px 0 0; }

.bln-orange { padding: 14px 20px; background: #e07a00; /*background: #3b82f6;*/ color: #fff; font-size: 1.4rem; font-weight: 700; min-width: 370px; border-radius: 10px; position: relative; z-index: 2; display: inline-block; margin: 0 auto; margin-bottom: 15px; }
.bln-orange span { font-size: 1.0rem; font-weight: 500; display: block; margin-bottom: 3px; }
.bln-orange:after { content: ""; position: absolute; top: 99.7%; left: 50%; margin-left: -20px; border: 20px solid transparent; border-top: 20px solid #e07a00; /*border-top: 20px solid #3b82f6;*/   }
.bln-orange:before { content: ""; position: absolute; top: -10px; width: 90%; left: 50%; margin-left: -45%; /*background: #4573b3;*/  background: #ac5e00;  height: 10px; border-radius: 7px 7px 0 0 / 7px 7px 0 0; }
.bln-orange.min { min-width: auto; padding: 14px; font-size: 1.0rem; display: block; margin: 0 auto; margin-bottom: 15px; max-width: 260px; }

h1 { font-size: 3.0rem; font-weight: 800; margin-bottom: 15px; line-height: 1.2; text-align: center; }

.hl-h2 { background: #45478f; color: #fff; padding: 23px; width: auto; font-weight: 800; font-size: 2.8rem; margin-bottom: 40px; }
.hl-h2 span { font-weight: 500; font-size: 1.8rem; display: block; margin-bottom: 0.3rem; }

.hl-h3 { font-weight: 700; font-size: 1.8rem; margin-bottom: 20px; }

.change-next { background: #fff; border-radius: 10px; padding: 15px; box-sizing: border-box; margin-bottom: 30px; }
.change-next h4, .change-next ul { text-align: left; }
.change-next h4.h4-a { font-size: 1.4rem; margin: 1.0rem 0; }
.change-next h4.h4-b { font-size: 1.6rem; color: #f18301; margin: 1.0rem 0; }
.change-next img { border-radius: 7px; display: block; margin-bottom: 10px; }
.change-next .before, .change-next .after { list-style: none; padding-left: 0; }
.change-next .before li, .change-next .after li { position: relative; padding-left: 1.5rem; padding-bottom: 0; }
.change-next .before li:before, .change-next .after li:before { content: "●"; position: absolute; left: 0; top: 0; }
.change-next .before { color: #000; font-size: 1.0rem; }
.change-next .before li { line-height: 1.2rem; padding-bottom: 0.3rem; }
.change-next .after { color:#3b82f6; /*color: #df7900;*/ font-weight: 600; font-size: 1.3rem; }
.change-next .after li { line-height: 1.4rem; padding-bottom: 0.5rem; }

.top-info { padding-left: 125px; position: relative; }
.top-info p { background: #fff; padding: 15px; border-radius: 5px; text-align: left; position: relative; }
.top-info p:after { content: ""; position: absolute; right: 100%; top: 25%; margin-top: -15px; border: 15px solid transparent; border-right: 15px solid #fff; }
.top-info .operator { position: absolute; left: 0; top: 0; width: 100px; height: auto; }

@media (max-width: 767px) { .top-info { padding-left: 0; }
  .top-info p { padding: 30px 15px 15px 15px; font-size: 0.8rem; line-height: 1.0rem; }
  .top-info p:after { content: none; }
  .top-info .operator { left: 50%; top: -25px; width: 50px; z-index: 3; margin-left: -25px; } }
.main-title { text-align: left; }
.main-title img { vertical-align: middle; }
.main-title span { display: inline-block; font-size: 1.4rem; vertical-align: middle; padding-top: 1.6rem; }
.main-title strong { margin-top: 0.8rem; display: block; font-size: 1.8rem; font-weight: 700; }

.release-min { position: relative; text-align: right; }
.release-min div { font-size: 2.0rem; line-height: 2.2rem; font-weight: 700; color: #45478f; position: absolute; left: 0; top: 0; text-align: left; }
.release-min div span { color: #ee3a88; }
.release-min img { display: inline-block; width: 40%; max-width: 187px; height: auto; }

.content-number { background: url("../img/num-lock.png") no-repeat center center; width: 150px; height: 53px; margin: 0 auto; padding-top: 0.4rem; font-size: 1.6rem; font-weight: normal; line-height: 1.6rem; margin-bottom: 25px; position: absolute; left: 50%; top: -15px; margin-left: -75px; }

.h2-base { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.2rem; }

.catch-lead { padding-bottom: 0.8rem; }
.catch-lead span { font-size: 0.8rem; }

.flow-chart { display: flex; margin-top: 80px; margin-bottom: 50px; list-style: none; position: relative; }
.flow-chart li { background: #dde7f9; /*ffcc8f;*/ border: solid 2px #ddd; border-radius: 7px; position: relative; margin: 0 15px; width: 20%; }
.flow-chart li:before { content: url("../img/arrow-flow.png"); position: absolute; left: -20%; top: 30%; }
.flow-chart li img { border-radius: 5px 5px 0 0 / 5px 5px 0 0; width: 100%; height: auto; }
.flow-chart li .stepnum { font-size: 0.8rem; font-weight: 400; position: absolute; left: 50%; top: -60px; margin-left: -35%; }
.flow-chart li .stepnum.bln-orange { min-width: auto; min-width: 70%; }
.flow-chart li .stepnum strong { font-size: 1.2rem; }
.flow-chart li p { text-align: center; padding: 0.5rem 1.0rem; line-height: 1.2rem; }
.flow-chart li:nth-child(1):before { content: none; }
.flow-chart li:nth-child(3) { position: absolute; left: 46.5%; bottom: -40px; /*background: #63c4ff;*/ background: #cd0000; border-radius: 8px; z-index: 2; border: none; color: #fff; font-size: 1.0rem; font-weight: 600; padding: 1.0rem 0.5rem; width: 25%; }
.flow-chart li:nth-child(3):after { content: ""; position: absolute; bottom: 99.9%; left: 50%; margin-left: -20px; border: 20px solid transparent; /* border-bottom: 20px solid #63c4ff;*/ border-bottom: 20px solid #cd0000;}
.flow-chart li:nth-child(3):before { content: none; }

.merit-box { background: #fff; padding: 15px; margin-bottom: 50px; overflow: hidden; }
.merit-box div { float: left; width: 31%; box-sizing: border-box; padding: 15px; }
.merit-box div img { width: auto; max-height: 122px; }
.merit-box ol { text-align: left; float: right; width: 65%; box-sizing: border-box; padding: 10px 0; margin: 0; list-style: none; font-size: 1.2rem; font-weight: 700; }
.merit-box ol li { padding: 0.5rem 0 0.5rem 1.5rem; border-bottom: dashed 1px #ccc; position: relative; line-height: 1.1; }
.merit-box ol li:nth-child(1):before { content: '①'; position: absolute; left: 0; top: 0.5rem; }
.merit-box ol li:nth-child(2):before { content: '②'; position: absolute; left: 0; top: 0.5rem; }
.merit-box ol li:nth-child(3):before { content: '③'; position: absolute; left: 0; top: 0.5rem; }
.merit-box ol li:nth-child(4):before { content: '④'; position: absolute; left: 0; top: 0.5rem; }

.content-thumb { border: solid 2px #bebebe; border-radius: 7px; background: #fff; width: auto; position: relative; }
.content-thumb img { width: 100%; height: auto; border-radius: 5px 5px  5px 5px / 5px 5px  5px 5px; }
.content-thumb span { display: block; padding: 0.5rem 0; font-weight: 700; font-size: 1.0rem; line-height: 1.4rem; }

.iss-guideline-wrap { background: #45478f; padding: 15px 0; margin: 0 auto; max-width: 970px; border-radius: 10px; }
.iss-guideline-wrap .content-thumb span { padding: 0.5rem 0; font-size: 0.8rem; line-height: 0.85rem; }
.iss-guideline-wrap h3 { font-size: 1.4rem; padding: 0 15px; text-align: left; line-height: 1.7rem; font-weight: 800; color: #fff; margin-bottom: 15px; }
.iss-guideline-wrap .iss-guideline-info { text-align: left; color: #fff; }
.iss-guideline-wrap .iss-guideline-info h4 { font-size: 1.15rem; line-height: 1.5rem; font-weight: 800; color: #fff100; }
.iss-guideline-wrap .iss-guideline-info p { padding-top: 8px; font-size: 1.0rem; }
.iss-guideline-wrap .iss-guideline-info p strong { font-size: 1.2rem; font-weight: 800; display: block; }

@media (max-width: 767px) { .iss-guideline-wrap .content-thumb { margin-bottom: 10px; }
  .iss-guideline-wrap .content-thumb span br { display: none; }
  .iss-guideline-wrap h3 { font-size: 1.2rem; }
  .iss-guideline-wrap .iss-guideline-info h4 { font-size: 1.0rem; }
  .iss-guideline-wrap .iss-guideline-info p { font-size: 0.85rem; }
  .iss-guideline-wrap .iss-guideline-info p strong { font-size: 1.0rem; } }
.content-main-thumb { max-width: 720px; margin: 0 auto; position: relative; margin-bottom: 30px; }
.content-main-thumb .bln-thumb { background: #f19600; color: #fff; width: 232px; height: 232px; padding: 45px 0 0 0; border-radius: 50%; font-size: 1.2rem; position: absolute; left: -200px; top: 0; z-index: 3; line-height: 1.3rem; }
.content-main-thumb .bln-thumb strong { font-size: 2.2rem; line-height: 1.15em; display: block; margin-top: 8px; }
.content-main-thumb .bln-thumb:after { content: ""; position: absolute; left: 98%; top: 50%; margin-top: -20px; border: 20px solid transparent; border-left: 20px solid #f19600; }
.content-main-thumb .vimeobox { width: 100%; padding-top: 56.25%; z-index: 10; }
.content-main-thumb .vimeobox iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

@media (max-width: 1199px) { .content-main-thumb { max-width: 640px; }
  .content-main-thumb .bln-thumb { width: 200px; height: 200px; padding: 35px 0 0 0; font-size: 1.0rem; left: -160px; }
  .content-main-thumb .bln-thumb strong { font-size: 2.0rem; display: block; margin-top: 8px; }
  .content-main-thumb .vimeobox { width: 100%; padding-top: 56.25%; z-index: 10; }
  .content-main-thumb .vimeobox iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } }
.scroller { list-style: none; margin-bottom: 0; padding-bottom: 0; }
.scroller li .content-thumb { margin: 0 10px; }
.scroller li .content-thumb span { padding: 0.5rem 0; font-size: 16px; }

.content-theme { background: #db0000; border-radius: 8px; padding: 15px; color: #fff; margin: 0 auto; font-size: 1.8rem; line-height: 2.0rem; font-weight: 800; width: auto; max-width: 782px; }

.plus-l { display: block; font-size: 4.0rem; line-height: 4.0rem; color: #3b82f6; font-weight: 800; margin: 15px 0; }
.plus-l.license { margin: 0 auto; }

.content-wrap { margin: 0 auto; max-width: 970px; background: #fff; border: solid 2px #fff; border-radius: 10px; padding-bottom: 15px; }
.content-wrap h3 { font-size: 1.5rem; font-weight: 800; background: #f2f0e4; border-radius: 9px 9px 0 0/ 9px 9px 0 0; padding: 10px 0; margin-bottom: 15px; }
.content-wrap h4 { margin-top: 1.0rem; font-size: 1.1rem; text-align: left; }
.content-wrap h4 strong { font-size: 1.5rem; display: block; margin-top: 7px; margin-bottom: 15px; }
.content-wrap p { text-align: left; }

.imgframe { border: solid 2px #ddd; padding-bottom: 10px; background: #fff; border-radius: 8px; }
.imgframe img { display: block; border-radius: 8px; margin-bottom: 10px; }

.admin-info { text-align: center; font-size: 1.0rem; font-weight: 700; }
.admin-info .admin-feature { margin: 0 auto; font-size: 1.5rem; line-height: 1.65rem; color: #e40000; font-weight: 800; background: #ffdfdf; padding: 15px; border-radius: 8px; max-width: 500px; margin-top: 15px; margin-bottom: 15px; }

.admin-title { font-size: 1.8em; padding-bottom: 30px; color: #45478f; font-weight: 700; }
.admin-title span { font-size: 1.2rem; font-weight: 500; }

.imgframe-nb { padding-bottom: 10px; }
.imgframe-nb img { display: block; margin: 0 auto; border-radius: 8px; margin-bottom: 10px; }
.imgframe-nb img.hgt-fix1 { height: 286px; width: auto; }
.imgframe-nb p { font-size: 1.0rem; text-align: left; padding-bottom: 1.0rem; }

@media (max-width: 1199px) { .admin-title { font-size: 1.5em; }
  .admin-title span { font-size: 1.0rem; }
  .imgframe-nb img.hgt-fix1 { height: 249px; } }
@media (max-width: 991px) { .admin-title { font-size: 1.2em; }
  .admin-title span { font-size: 0.9rem; }
  .imgframe-nb img.hgt-fix1 { height: 187px; } }
@media (max-width: 767px) { .admin-title { font-size: 1.1em; line-height: 1.3rem; text-align: left; }
  .admin-title span { font-size: 1.1rem; }
  .imgframe-nb img.hgt-fix1 { height: auto; }
  .imgframe-nb p { font-size: 0.85rem; line-height: 1.0rem; } }
.merit-box.admin-merit div { width: 16%; }
.merit-box.admin-merit ol { width: 80%; }
.merit-box.admin-merit ol li br { display: none; }
.merit-box.admin-merit ol li:nth-child(4):before { content: '④'; position: absolute; left: 0; top: 0.5rem; }

.type-wrap { border: solid 2px #ddd; border-radius: 8px; background: #fff; padding: 15px; }
.type-wrap .type-module { position: relative; margin-bottom: 30px; }
.type-wrap .type-module h4 { position: absolute; left: 15%; bottom: -30px; background: #fff; width: 70%; height: 44px; border-radius: 22px; border: solid 2px #3b82f6; font-size: 1.4rem; line-height: 1.4rem; font-weight: 700; padding: 10px; margin: 0 auto; }
.type-wrap p { padding-top: 15px; }

.spec { background: #fff; border-radius: 10px; box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1) inset; margin-bottom: 50px; padding: 30px 30px 22px 30px; }
.spec .pc-icon { border-bottom: solid 1px #5f5f5f; font-weight: 700; font-size: 1.6rem; text-align: left; padding: 0 0 10px 70px; margin-bottom: 5px; position: relative; }
.spec .pc-icon:before { content: url("../img/icon-pc.png"); position: absolute; left: 0; bottom: -1px; }
.spec .pc-icon .pc-supply { font-size: 0.85rem; font-weight: 500; }
.spec table { width: 100%; }
.spec table th, .spec table td { padding: 8px; border-bottom: dotted 1px #5f5f5f; text-align: left; }
.spec table th { width: 20%; padding-left: 1.0rem; }
.spec table td { width: 80%; }

.company { background: #fff; padding: 15px; border-radius: 10px; margin: 0 auto; width: auto; }
.company .company-info { text-align: left; }
.company .company-info h4 { font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 10px; }
.company .company-info p { padding: 0; }
.company img.foot-logo { margin-top: 5px; }

@media (max-width: 1199px) { .sub-lead { font-size: 1.4rem; }
  .bln-green { padding: 10px 20px 14px 20px; }
  .bln-orange { padding: 10px 20px 14px 20px; }
  .hl-h2 { padding: 18px 10px; font-size: 2.4rem; }
  .hl-h2 span { font-size: 1.6rem; margin-bottom: 0.5rem; }
  .change-next { padding: 15px 15px; margin-bottom: 30px; }
  .change-next h4, .change-next ul { padding-left: 0; }
  .change-next h4.h4-b { font-size: 1.5rem; }
  .change-next .after { font-size: 1.1rem; }
  .change-next .after li { line-height: 1.3rem; padding-bottom: 0.2rem; }
  .main-title span { font-size: 1.0rem; padding-top: 1.6rem; }
  .main-title strong { margin-top: 0.3rem; font-size: 1.5rem; }
  .release-min div { font-size: 1.8rem; line-height: 2.0rem; }
  .release-min img { width: 45%; }
  .flow-chart li { margin: 0 5px; }
  .flow-chart li:before { left: -25%; top: 20%; transform: scale(0.6); }
  .flow-chart li p { padding: 0.5rem; font-size: 0.75rem; }
  .flow-chart li:nth-child(3) { left: 47.0%; bottom: -50px; font-size: 1.0rem; padding: 0.6rem; }
  .scroller li .content-thumb { margin: 0 5px; }
  .scroller li .content-thumb span { font-size: 0.8rem; line-height: 1.1em; }
  .content-theme { max-width: auto; width: auto; }
  .merit-box div { width: 26%; }
  .merit-box ol { width: 70%; font-size: 1.0rem; } }
@media (max-width: 991px) { .title-block { width: 70%; }
  .title-block .wappen { left: -22%; top: -30%; width: 25%; }
	.wappenx{ left: -22%; top: -30%; width: 25%; }
  .sub-lead { font-size: 1.2rem; margin-bottom: 2.0rem; }
  .bln-orange { padding: 10px 20px 14px 20px; font-size: 1.2rem; min-width: 300px; }
  h1 { font-size: 2.0rem; }
  .hl-h2 { font-size: 2.0rem; }
  .hl-h2 span { font-size: 1.4rem; }
  .hl-h3 { font-size: 1.5rem; }
  .change-next h4.h4-a { font-size: 1.2rem; }
  .change-next h4.h4-b { font-size: 1.5rem; }
  .change-next .before li, .change-next .after li { padding-left: 1.3rem; }
  .change-next .before { font-size: 0.8rem; }
  .change-next .after { font-size: 0.9rem; }
  .main-title span { font-size: 0.9rem; }
  .main-title strong { font-size: 1.35rem; }
  .release-min div { font-size: 1.35rem; line-height: 1.5rem; }
  .release-min img { width: 60%; height: auto; }
  .flow-chart li { margin: 0 2px; }
  .flow-chart li:before { left: -35%; top: 10%; transform: scale(0.5); }
  .flow-chart li p { padding: 0.5rem 0.3rem; line-height: 1.2em; }
  .flow-chart li p br { display: none; }
  .content-main-thumb { max-width: 640px; }
  .content-main-thumb .bln-thumb { width: auto; height: auto; padding: 10px 15px 15px 15px; border-radius: 8px; font-size: 1.1rem; position: static; }
  .content-main-thumb .bln-thumb br { display: none; }
  .content-main-thumb .bln-thumb strong { font-size: 2.0rem; display: block; margin-top: 3px; }
  .content-main-thumb .bln-thumb:after { content: none; }
  .content-main-thumb .vimeobox { padding-top: 73.25%; margin-bottom: -100px; z-index: 10; }
  .content-main-thumb .vimeobox iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  .admin-info { font-size: 0.85rem; }
  .admin-info .admin-feature { font-size: 1.3rem; }
  .merit-box ol li { line-height: 1.2em; }
  .content-wrap h3 { font-size: 1.4rem; }
  .content-wrap h4 { font-size: 0.9rem; }
  .content-wrap h4 strong { font-size: 1.5rem; }
  .content-wrap p { font-size: 0.85rem; }
  .type-wrap .type-module h4 { left: 10%; width: 80%; font-size: 1.2rem; line-height: 1.2rem; }
  .type-wrap p { padding-top: 10px; font-size: 0.8rem; }
  .spec { padding: 20px 15px 20px 15px; }
  .spec .pc-icon { font-size: 1.2rem; padding: 0 0 10px 60px; }
  .spec .pc-icon:before { transform: scale(0.8); bottom: -10px; }
  .spec .pc-icon .pc-supply { font-size: 0.7rem; }
  .spec table th { font-size: 1.0rem; }
  .spec table td { font-size: 0.85rem; }
  .spec table td br { display: none; }
  .company { background: #fff; padding: 15px; border-radius: 10px; }
  .company .company-info { text-align: left; }
  .company .company-info h4 { font-size: 1.2rem; line-height: 1.2rem; margin-bottom: 10px; }
  .company .company-info p { padding: 0; } }
@media (max-width: 767px) { .title-block { width: 480px; padding-top: 120px; }
  .title-block .wappen { left: 0%; top: 40px; width: 100px; height: auto; }
	.wappenx { left: 0%; top: 40px; width: 100px; height: auto; }
  .bln-green { padding: 10px 15px; font-size: 1.1rem; line-height: 1.2rem; min-width: 260px; }
  .sub-lead { font-size: 0.9rem; margin-bottom: 2.0rem; }
  .bln-orange { padding: 10px; font-size: 1.1rem; line-height: 1.2rem; min-width: 260px; }
  h1 { font-size: 1.5rem; }
  .hl-h2 { font-size: 1.4rem; line-height: 1.5rem; text-align: left; }
  .hl-h2 span { font-size: 1.0rem; line-height: 1.2rem; }
  .hl-h3 { font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 10px; }
  .change-next h4.h4-a { font-size: 1.2rem; margin-bottom: 6px; }
  .change-next h4.h4-b { font-size: 1.3rem; margin-bottom: 6px; }
  .main-title { margin-bottom: 10px; }
  .release-min { margin-top: 10px; }
  .release-min div { font-size: 2.2rem; line-height: 2.4rem; left: 5%; top: 4.5%; }
  .release-min img { width: 35%; height: auto; }
  .content-main-thumb { max-width: 640px; }
  .content-main-thumb .bln-thumb { padding: 10px 15px; border-radius: 8px; font-size: 1.0rem; }
  .content-main-thumb .bln-thumb strong { font-size: 1.5rem; line-height: 1.5rem; }
  .content-main-thumb .bln-thumb:after { content: none; }
  .content-main-thumb .vimeobox { padding-top: 85.25%; margin-bottom: -100px; z-index: 10; }
  .content-main-thumb .vimeobox iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  .content-theme { font-size: 1.2rem; line-height: 1.4rem; text-align: left; }
  .admin-info { font-size: 0.85rem; }
  .admin-info .admin-feature { font-size: 1.3rem; }
  .h2-base { font-size: 1.2rem; line-height: 1.5rem; }
  .catch-lead { padding-bottom: 0.8rem; text-align: left; font-size: 0.8rem; }
  .catch-lead br { display: none; }
  .catch-lead span { font-size: 0.65rem; }
  .flow-chart { display: block; margin: 0 auto; margin-top: 65px; padding: 0 15px; max-width: 290px; }
  .flow-chart li { margin-bottom: 90px; width: auto; }
  .flow-chart li:before { left: 50%; top: auto; bottom: -45px; margin-left: -44px; transform: scale(0.5) rotate(90deg); }
  .flow-chart li:nth-child(1):before { content: url("../img/arrow-flow.png"); position: absolute; left: 50%; top: auto; bottom: -45px; margin-left: -44px; transform: scale(0.5) rotate(90deg); }
  .flow-chart li:nth-child(3) { margin-top: -70px; margin-bottom: 75px; position: static; z-index: auto; padding: 1.0rem; width: auto; }
  .flow-chart li:nth-child(3):after { content: none; }
  .flow-chart li:nth-child(3):before { content: none; }
  .flow-chart li:nth-child(6) { margin-bottom: 0; }
  .flow-chart li:nth-child(6):before { content: none; }
  .flow-chart li:nth-child(6) p { padding-bottom: 0; }
  .flow-chart li p { font-size: 0.85rem; line-height: 1.2rem; }
  .merit-box { margin: 0 auto; margin-bottom: 50px; }
  .merit-box div { float: none; width: auto; }
  .merit-box ol { float: none; width: auto; }
  .merit-box ol li { line-height: 1.2em; font-size: 0.9rem; }
  .merit-box.admin-merit div { width: auto; }
  .merit-box.admin-merit ol { width: auto; }
  .merit-box.admin-merit ol li br { display: block; }
  .content-wrap h3 { font-size: 1.2rem; }
  .content-wrap h4 { font-size: 0.8rem; }
  .content-wrap h4 strong { font-size: 1.1rem; }
  .content-wrap p { font-size: 0.85rem; }
  .type-wrap .type-module img { height: 100px; width: auto; }
  .type-wrap .type-module h4 { left: 5%; width: 90%; font-size: 1.1rem; line-height: 1.1rem; }
  .type-wrap p { text-align: left; }
  .type-wrap p br { display: none; }
  .spec .pc-icon { font-size: 1.0rem; padding: 0 0 10px 0; }
  .spec .pc-icon:before { content: none; }
  .spec .pc-icon .pc-supply { margin-top: 3px; font-size: 0.7rem; line-height: 0.8rem; display: block; }
  .spec table th { font-size: 0.9rem; display: block; width: 100%; background: #f2f2f2; border-bottom: dashed 1px #ccc; }
  .spec table td { font-size: 0.75rem; display: block; width: 100%; }
  .company { padding: 15px 0; margin: 0; }
  .company .foot-logo { width: 50%; height: auto; margin-bottom: 15px; }
  .company .company-info { text-align: left; }
  .company .company-info h4 { font-size: 0.9rem; line-height: 1.2rem; }
  .company .company-info p { padding: 0; font-size: 0.7rem; }
  .button-tel { display: block; width: auto; margin: 0 auto; margin-top: 8px; margin-bottom: 8px; padding: 0.6rem; border: solid 1px #ccc; background: #f2f2f2; text-align: center; font-weight: 700; font-size: 1.2rem; line-height: 1.2rem; border-radius: 5px; color: #333; text-decoration: none; }
  .button-tel:before { content: "?"; padding-right: 0.2rem; } }
@media (max-width: 479px) { .title-block { width: 290px; padding-top: 85px; }
  .title-block .wappen { left: 0%; top: 10px; width: 30%; height: auto; } }
#CatalogDow { width: 710px; margin: 0 auto; border: #A8A8A8 solid 3px; padding: 15px 0px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; overflow: hidden; background: url(../img/bg_box01.gif) repeat left top; }
#CatalogDow p { text-align: center; font-size: 1.1rem; width: 50%; float: left; }
#CatalogDow p em { font-style: normal; font-size: 1.5rem; display: block; font-weight: bold; }
#CatalogDow .btn { display: block; margin-right: 5%; float: right; border: #fff solid 2px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; /*background-color: #f39800;*/ background-color: #3b82f6; padding: 13px 34px 15px 43px; text-align: center; font-size: 1.5rem; font-weight: 700; color: #fff; text-decoration: none; transition: all 0.3s; }
#CatalogDow .btn:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#CatalogDow .btn span { font-size: 0.9rem; display: block; padding-top: 3px; line-height: 1em; padding-top: 6px; font-weight: 300; }
#CatalogDow .btn img { vertical-align: bottom; margin-right: 10px; }

@media (max-width: 767px) { #CatalogDow { width: auto; padding: 15px 15px; }
  #CatalogDow .pic { display: none; }
  #CatalogDow p { padding-top: 0; margin-bottom: 5px !important; width: 100%; float: none; font-size: 0.85rem; }
  #CatalogDow .btn { margin: 0 auto; float: none; font-size: 1.2rem; } }
/*FORM*/
.tel-number { max-width: 640px; height: auto; padding: 20px 55px; border-radius: 10px; background: #fdefa0; margin: 0 auto; margin-bottom: 70px; }

.content #Form { padding: 20px 0; width: 100%; margin: 0 auto; background: #fff; border-radius: 8px; }
.content #Form .sub_box { width: 92%; margin: 0 auto; padding: 30px 0; }
.content #Form .txt { font-size: 1.0rem; font-weight: bold; line-height: 1.3em; }
.content #Form .txt .f_cA { font-size: 0.8rem; font-weight: normal; }
.content #Form .f_cA { font-weight: normal; color: #ff0000; }
.content #Form table { border-bottom: #B6B6B6 solid 2px; margin-top: 3%; text-align: left; }
.content #Form table th { width: 29.7%; background-color: #F7F7F7; font-size: 1.0rem; text-align: left; font-weight: bold; padding: 15px 0 15px 20px; vertical-align: top; border-top: #ccc solid 1px; }
.content #Form table th a { font-weight: normal; }
.content #Form table th a:hover { text-decoration: none; }
.content #Form table td { padding: 12px 0 12px 25px; font-size: 1.0rem; border-top: #ccc solid 1px; }
.content #Form table td label { font-size: 1.0rem; }
.content #Form table td label input { margin-right: 6px; }
.content #Form table td input { font-size: 100%; padding: 5px; }
.content #Form table td input[type="text"] { width: 90%; }
.content #Form table td input#name1, .content #Form table td input#name2, .content #Form table td input#kana1, .content #Form table td input#kana2 { width: 40%; }
.content #Form table td input#telnum, .content #Form table td input#email, .content #Form table td input#email2 { width: 70%; }
.content #Form table td select { font-size: 100%; padding: 5px; margin-bottom: 6px; }
.content #Form table td textarea { width: 90%; }
.content #Form table td p { padding-top: 3px; margin-top: 0; margin-bottom: 0; }
.content #Form table td .msg { color: #535353; font-size: 85%; padding-top: 3px; }
.content #Form table td table { border-bottom: none; margin-top: 0; width: 100%; }
.content #Form table td table th { width: 20%; background-color: #fff; padding: 3px 10px; border-top: none; }
.content #Form table td table td { padding: 3px 10px; border-top: none; }
.content #Form .btn { padding-top: 40px; width: 420px; margin: 0 auto; }
.content #Form .btn input { display: block; width: 100%; height: 70px; border: #7B98C4 solid 1px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #4F75B0; font-size: 180%; font-weight: bold; color: #FFF; }
.content #Form .btn input:hover { width: 100%; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

@media (max-width: 991px) { .content #Form .sub_box { padding: 15px 0; }
  .content #Form table th { padding: 15px; font-size: 0.9rem; }
  .content #Form table td { padding: 15px; font-size: 0.85rem; }
  .content #Form table td label { font-size: 0.9rem; }
  .content #Form table td input[type="text"] { width: 90%; }
  .content #Form table td input#name1, .content #Form table td input#name2, .content #Form table td input#kana1, .content #Form table td input#kana2 { width: 40%; }
  .content #Form table td input#telnum, .content #Form table td input#email, .content #Form table td input#email2 { width: 50%; } }
@media (max-width: 767px) { .tel-number { max-width: 640px; padding: 15px 25px; margin-bottom: 40px; }
  .content #Form { padding: 20px 0; width: 100%; margin: 0 auto; background: #fff; border-radius: 8px; }
  .content #Form .sub_box { width: auto; padding: 15px; }
  .content #Form .txt { text-align: left; }
  .content #Form table th { width: auto; display: block; padding: 12px; }
  .content #Form table td { width: auto; display: block; padding: 12px; border-top: none; }
  .content #Form table td label { font-size: 0.8rem; }
  .content #Form table td input[type="text"] { width: 100%; }
  .content #Form table td input#name1, .content #Form table td input#name2, .content #Form table td input#kana1, .content #Form table td input#kana2 { width: 85%; }
  .content #Form table td input#telnum, .content #Form table td input#email, .content #Form table td input#email2 { width: 100%; }
  .content #Form table td input#name1, .content #Form table td input#kana1 { margin-bottom: 6px; }
  .content #Form table td textarea { width: 100%; height: 150px; }
  .content #Form table td table { width: 100%; margin-top: 0; margin-bottom: 0; }
  .content #Form table td table th { width: 100%; display: block; padding: 6px 10px 3px 10px; }
  .content #Form table td table td { width: 100%; display: block; padding: 3px 10px 6px 10px; }
  .content #Form table td table tr { border-bottom: dashed 1px #ccc; }
  .content #Form table td table tr:last-child { border-bottom: none; }
  .content #Form .btn { padding-top: 20px; max-width: 90%; box-sizing: border-box; margin: 0 auto; }
  .content #Form .btn input { width: 100%; padding: 15px 0; font-size: 1.25rem; height: auto; } }
.complete-message { padding: 10px 30px 20px 30px; }
.complete-message h2 { font-size: 24px; font-weight: 600; color: #49458b; border-bottom: solid 1px #49458b; margin-bottom: 20px; padding-bottom: 10px; }
.complete-message .inbox { padding: 0 25px; text-align: left; }
.complete-message .inbox h3 { font-size: 18px; font-weight: 600; max-width: 400px; padding: 12px 20px; background: #f5f4f1; border-radius: 7px; margin-bottom: 15px; position: relative; }
.complete-message .inbox h3:after { content: ""; position: absolute; top: 99.7%; left: 70px; border: 10px solid transparent; border-top: 10px solid #f5f4f1; }
.complete-message .inbox p { padding-left: 1.0rem; padding-bottom: 1.0rem; }
.complete-message .inbox p.announce { font-size: 0.9rem; }
.complete-message .inbox ul { margin: 0 0 0.6rem 0; padding: 0; list-style: none !important; }
.complete-message .inbox ul li { padding-left: 1.2rem; padding-bottom: 0.3rem; position: relative; }
.complete-message .inbox ul li:before { content: '●'; color: #ccc; position: absolute; left: 0; top: 0; }
.complete-message .backhome { display: block; max-width: 280px; margin: 0 auto; text-decoration: none; color: #fff; font-weight: 600; background: #49458b; border-radius: 8px; padding: 20px 0; font-size: 1.4rem; }

@media (max-width: 767px) { .complete-message { padding: 0 15px; }
  .complete-message h2 { font-size: 18px; text-align: left; line-height: 1.5rem; }
  .complete-message .inbox { padding: 0; }
  .complete-message .inbox h3 { font-size: 18px; max-width: auto; padding: 12px 15px; }
  .complete-message .inbox h3:after { left: 35px; }
  .complete-message .inbox p { padding-left: 0; font-size: 0.9rem; }
  .complete-message .inbox p.announce { font-size: 0.9rem; }
  .complete-message .inbox ul li { font-size: 0.9rem; }
  .complete-message .backhome { max-width: 280px; font-size: 1.2rem; }

	
	.foot-upper{
	width: 100%;
    margin: 1em auto 0 auto;
}
	.foot-lower{
	width: 95%;
    margin: 0 auto;
}
	
.main-office {
	text-align: left;
   
}
   .office-name {
	   vertical-align: middle;
    text-align: left;
    padding: 0 1em;
	}
.office-address {
        white-space: inherit;
        display: inline-block;
        font-size: 14px;
        padding: 0;
    }
.office-mark {
        display: block;
        position: absolute;
        right: 10px;
        bottom: 0;
    }
	/** 　Pマーク追加　2025.5.9　**/
.foot-p-mark{
	float: none;
    width: 100%;
    text-align: center;
    margin: 0.5em auto;
}
.foot-p-mark img{ 
	width: 200px;
    background-color: #FFFFFF;
    margin: 0 auto;
}
	
}
.footer .copyright { padding-top: 50px; padding-bottom: 50px; text-align: center; font-size: 12px; }
.footer .pagetop { position: fixed; opacity: 0.7; transition: all .3s; right: 10px; bottom: 50px; z-index: 1000; }
.footer .pagetop img { width: 40px; height: 40px; }
.footer .pagetop:hover { opacity: 1.0; }




/*# sourceMappingURL=base.css.map */