@charset "UTF-8";
/*
Theme Name: NST
Theme URI: https://dev.cae-nst.co.jp/
*/

/* common */
html, body, div, h1, h2, h3, h4, h5, h6,
p, span, address, blockquote, nav,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset, input {
	margin: 0;
	padding: 0;
	font-size: 100%;
	box-sizing: border-box;
}
body {
	color: #535353;
	font-family: 'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-serif;
    font-size: 13px;
    *font-size: small;
    *font:x-small;
    font-weight: 500;
	line-height: 1.0;
	overflow-x: auto;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6, dt, dd, th {
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
    font-size:inherit;
    font:1em;
}

ul li, ol li {
	list-style-type: none;
}

input:focus:placeholder-shown {
	color: transparent;
}
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus:-ms-input-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}

img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

a {
	color:#535353;
	text-decoration: none;
	box-sizing: border-box;
	transition: .3s;
}
a:hover {
	opacity: 0.7;
}

#kobe:checked ~ #kobe_content {
    display: block;
}

/* .common */
.sp-only {
	display:none !important;
}
.sp-only-in {
	display:none !important;
}

.flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

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

.center {
	text-align: center;
}

.blue {
	color: #007fb1;
}
.red {
   	color: #ea3323;
}
.gray {
   	color: #999;
}

.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}

.tag {
	background: #e5e5e5;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	display: inline-block;
	width: 100px;
	height: 22px;
}
.tag-red {
	background: #9a0404;
	color: #fff;
}
.tag-green {
	background: #53b2b0;
	color: #fff;
}

.cmn-link01 a {
	text-decoration: underline;
}
.cmn-link01 a:hover {
	text-decoration: none;
}
.cmn-link01 .icn-link {
	margin-left: 5px;
}

.more-btn {
	border: solid 2px #007fb1;
	color: #007fb1;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	width: 200px;
	height: 40px;
	padding: 0 20px;
	margin: 0 auto;
	display: block;
	transition: 0.3s;
}

.more-btn.type02 {
	border: solid 2px #007fb1;
	color: #007fb1;
	font-size: 20px;
	line-height: 56px;
	text-align: center;
	width: 400px;
	height: 60px;
	padding: 0 20px;
	margin: 20px auto;
	display: block;
	transition: 0.3s;
}

.more-btn.type03 {
	border: solid 2px #007fb1;
	color: #007fb1;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	width: auto;
	height: 40px;
	padding: 0 20px;
	margin: 15px auto 0;
	display: block;
	transition: 0.3s;
}

.more-btn.mesh {
	border: solid 2px #FFFFFF;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 56px;
	text-align: center;
	width: 400px;
	height: 60px;
	padding: 0 20px;
	margin: 15px auto 0;
	display: block;
	transition: 0.3s;
	position: absolute;
	bottom: 60px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}

@media screen and (max-width: 767px) {
	.more-btn.mesh {
	font-size: 3vw;
	line-height: 26px;
	text-align: center;
	width: 78%;
	height: 30px;
	padding: 0 5px;
	margin: 15px auto 0;
	display: block;
	transition: 0.3s;
	position: absolute;
	bottom: 10px;
	left: 11%;
	-webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}



.more-btn:hover,
.box-list .box:hover .more-btn {
	background: #007fb1;
	color: #fff;
	font-weight: 300;
}

.more-link {
	background: url('img/ico_arw.png') no-repeat right 4px;
	color: #525252;
	font-size: 14px;
	line-height: 1.5;
	display: inline-block;
	padding-right: 17px;
}
.more-link:hover {
	text-decoration: underline;
}

.links-list li {
	margin: 0 0 15px;
}
.links-list li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.37;
	display: inline-block;
	padding: 5px 15px;
}
.links-list li a:before {
	content: '';
	background: #007fb1;
	width: 14px;
	height: 2px;
	vertical-align: middle;
	display: inline-block;
	margin: 0 18px 0 0;
	position: relative;
	top: -2px;
}
.links-list li a:hover {
	background: #007fb1;
	color: #fff;
}
.links-list li a:hover:before {
	background: #fff;
}

.links-box01 {
	background: url(img/bg_dot01.png);
	padding: 24px 40px 6px;
	margin: 0 auto 60px;
}
.links-box01 .links-list {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.links-box01 .links-list li {
	width: 25%;
}
.lower .big-ttl01 + .links-box01 {
	margin-top: 40px;
}
.links-box02 {
	background: url(img/bg_dot01.png);
	padding: 34px 40px 29px;
}
.links-box02 ul {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.links-box02 li {
	width: 21.9%;
}
.links-box02 a {
	background: url(img/ico_arw02.png) no-repeat right 4px;
	border-bottom: solid 2px #d2d2d2;
	font-size: 16px;
	display: block;
	max-width: 224px;
	padding: 0 0 15px;
}

.box-list {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.box-list:after {
  content: "";
  display: block;
  width: 32.1%;
}
.box-list .box {
	border-top: solid 6px #fff;
	display: block;
	width: 32.1%;
	padding: 24px 2.9% 40px;
	margin: 0 0 37px;
}
.box-list .box:hover {
	border-top: solid 6px #007fb1;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	opacity: 1.0;
}
.box-list .tag-list {
	padding: 0 0 18px;
}
.box-list .tag {
	background: #007fb1;
	color: #fff;
	font-weight: 100;
	line-height: 20px;
	width: auto;
	height: 20px;
	padding: 0 20px;
	margin: 0 5px 5px 0;
}
.box-list .img {
	text-align: center;
	vertical-align: middle;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
}
.box-list .img img {
	margin: 0 auto;
}
.box-list .tag-list02 {
	padding: 15px 0 0;
}
.box-list .tag02 {
	background: #969696;
	color: #fff;
	font-size: 14px;
	font-weight: 100;
	line-height: 20px;
	display: inline-block;
	width: auto;
	padding: 0px 20px 2px;
	margin: 5px 5px 0 0;
}
.box-list .name {
	font-size: 20px;
	line-height: 1.69;
	text-align: center;
	margin: 15px 0 0;
}
.box-list .txt {
	font-size: 13px;
	line-height: 1.69;
	margin: 9px 0 0;
}
.box-list .more-btn {
	margin: 26px auto 0;
}

.lower .main-head {
	padding: 51px 0;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.lower .main-head-inr {
	flex: 1;
}
.lower .main-head .more-btn {
	font-size: 14px;
	width: auto;
	padding: 0 15px;
}
.lower .main-ttl {
	font-size: 26px;
	text-align: center;
	margin: 60px auto;
}
.lower .main-ttl span {
	color: #959595;
	font-family: 'Roboto Condensed';
	font-size: 14px;
}
.lower .main-ttl02 {
	font-size: 30px;
    line-height: 1.2;
}
.lower .main-copy {
	font-size: 18px;
    line-height: 1.3;
	margin: 11px auto 0;
}
.lower .big-ttl01 {
	background: #007fb1;
	color: #fff;
	font-size: 26px;
	font-weight: 200;
	padding: 17px 23px;
}
.lower .txt-box01 + .big-ttl01 {
	margin-top: 80px;
}
.lower .cmn-txt + .big-ttl01 {
	margin-top: 76px;
}
.lower .block-ttl01 {
	border-bottom: solid 2px #d2d2d2;
	font-size: 24px;
	padding: 0 0 18px;
	margin: 0 auto;
}
.lower .block-ttl01 span {
	border-left: solid 4px #007fb1;
	display: block;
	padding: 0 0 0 16px;
}
.lower .cmn-txt + .block-ttl01 {
	margin-top: 74px;
}
.lower .mid-ttl01 {
    font-size: 20px;
    line-height: 1.2;
    padding: 0 0 0 20px;
    position: relative;
}
.lower .mid-ttl01::before {
    content: '';
    border-radius: 50%;
    background: #007fb1;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
}
.lower .block-ttl01 + .mid-ttl01 {
	margin-top: 49px;
}
.lower .cmn-img {
	position: relative;
}

.lower .cmn-img + .mid-ttl01 {
	margin-top: 78px;
}
.lower .line-top {
    margin-top: 24px;
    border-top: solid 1px #d2d2d2;
    padding-top: 24px;
}
.lower .sml-ttl01 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.87;
    padding: 0 0 0 20px;
    position: relative;
}
.lower .sml-ttl01::before {
    content: '';
    background: #007fb1;
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
}
.lower .big-ttl01 + .sml-ttl01 {
	margin-top: 33px;
}
.lower .mid-ttl01 + .sml-ttl01 {
	margin-top: 27px;
}
.lower .cmn-txt + .sml-ttl01 {
	margin-top: 34px;
}
.lower .txt-list01 {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.lower .txt-list01 li {
    font-size: 20px;
    line-height: 1.8;
    padding: 0 0 0 20px;
    position: relative;
    width: 50%;
}
.lower .txt-list01 li::before {
    content: '';
    border-radius: 50%;
    background: #007fb1;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
}
.lower .block-ttl01 + .txt-list01 {
	margin-top: 22px;
}
.lower .txt-list02 li {
    font-size: 14px;
    line-height: 1.57;
    padding: 0 0 0 36px;
    position: relative;
}
.lower .txt-list02 li::before {
    content: '・';
    display: block;
    position: absolute;
    top: 10px;
    left: 12px;
	transform: translateY(-50%);
}
.lower .sml-ttl01 + .txt-list02 {
	margin-top: 8px;
}
.lower .cmn-img + .txt-list02 {
	margin-top: 30px;
}
.lower .txt-list-box01 {
	background: #fff;
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2);
	max-width: 940px;
	margin: 0 auto;
}
.lower .txt-list-box01 .ttl {
	background: #007fb1;
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	padding: 10px;
}
.lower .txt-list-box01 ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 36px 9% 24px;
}
.lower .txt-list-box01 li {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 0 0 14px;
    position: relative;
    width: 48%;
    margin-bottom: 12px;
}
.lower .txt-list-box01 li::before {
    content: '';
    border-radius: 50%;
    background: #007fb1;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
}
.lower .txt-box01 {
    background: #f9f9f9;
    font-size: 14px;
    line-height: 1.57;
    padding: 26px 30px;
}
.lower .sml-ttl01 + .txt-box01 {
	margin-top: 23px;
}
.lower .txt-set01 {
	padding-bottom: 35px;
    border-bottom: solid 2px #d2d2d2;
    position: relative;
}
.lower .txt-set01 + .txt-set01 {
	margin-top: 35px;
}
.lower .txt-set01 dt {
	color: #007fb1;
	font-size: 24px;
}
.lower .txt-set01 dt .num {
    border-right: solid 4px #007fb1;
    display: inline-block;
    padding: 0 16px 0 0;
    margin: 0 19px 0 0;
}
.lower .txt-set01 dd.txt {
    font-size: 18px;
    line-height: 1.55;
    margin: 23px 0 0;
}
.lower .txt-set01.type02 dd.txt {
    width: 77.2%;
}
.lower .txt-set01 dd.btn {
    position: absolute;
    top: 0;
    right: 0;
}
.lower .balloon-box01 {
    background: #fff;
    border: solid 2px #007fb1;
    color: #555;
    font-size: 16px;
    text-align: center;
    max-width: 940px;
    width: 100%;
    padding: 33px 20px 34px;
    margin: 0 auto;
    display: block;
    position: relative;
    box-sizing: border-box;
}
.lower .balloon-box01:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2;
}
.lower .balloon-box01:after {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    margin-left: -16px;
    border: 13px solid transparent;
    border-top: 13px solid #007fb1;
    z-index: 1;
}
.lower .balloon-box01 dt {
    color: #007fb1;
    font-size: 26px;
    line-height: 1.38;
}
.lower .balloon-box01 dd {
    line-height: 1.5;
    margin-top: 6px;
}
.lower .line-btm01 {
    padding-bottom: 26px;
    border-bottom: solid 1px #d2d2d2;
	margin-bottom: 26px;
}
.lower .line-border {
	border: 0;
    margin: 0;
    padding: 0;
    padding-bottom: 36px;
    border-bottom: solid 1px #d2d2d2;
	margin-bottom: 36px;
}
.lower .tbl-type01 {
	/*border-collapse: separate;*/
	/*border-spacing: 5px;*/
	/*table-layout: fixed;*/
	width: 100%;
}
.lower .tbl-type01 th,
.lower .tbl-type01 td {
	background: #f9f9f9;
	border-bottom: solid 10px #fff;
	border-right: solid 5px #fff;
	font-size: 14px;
    line-height: 1.57;
    vertical-align: middle;
	width: auto;
    padding: 16px 24px;
}
.lower .tbl-type01 thead th {
	background: #007fb1;
	color: #fff;
	text-align: center;
    padding: 8px 10px 7px;
}
.lower .tbl-type01 td:last-child,
.lower .tbl-type01 thead th:last-child {
	border-right: none;
}
.lower .tbl-type01 thead th:first-child {
	background: #fff;
	width: 191px;
}
.lower .tbl-type01 thead th:nth-child(3) {
	background: #6198ad;
}
.lower .tbl-type01 tbody th {
	background: #dcdcdc;
	text-align: center;
	width: 191px;
    padding: 16px 10px;
}

.lower .tbl-type01 thead {
	background: #eee;
}



.lower .tbl-type01 tbody td.cat_top,
.lower .tbl-type01 tbody td.cat_top + td {
	border-bottom: solid 5px #fff;
}
.lower .tbl-type01 tbody td.cat_top,
.lower .tbl-type01 tbody td.cat_btm {
	background: #eee;
	text-align: center;
	width: 175px;
    padding: 16px 20px;
}
.lower .sml-ttl01 + .tbl-type01 {
	margin-top: 23px;
}
.lower .cmn-txt + .tbl-type01 {
	margin-top: 23px;
}
.lower .cmn-txt {
	font-size: 14px;
	line-height: 1.57;
}
.lower .cmn-txt a {
	text-decoration: underline;
}
.lower .cmn-txt a:hover {
	text-decoration: none;
}
.lower .block-ttl01 + .cmn-txt {
	margin-top: 26px;
}
.lower .big-ttl01 + .cmn-txt {
	margin-top: 36px;
}
.lower .mid-ttl01 + .cmn-txt {
   	margin-top: 14px;
}
.lower .sml-ttl01 + .cmn-txt {
	margin-top: 8px;
}
.lower .txt-list01 + .cmn-txt {
	margin-top: 13px;
}
.lower .tbl-type01 + .cmn-txt {
	margin-top: 6px;
}
.lower .cmn-img + .cmn-txt {
	margin-top: 16px;
}
.lower .txt-list02 + .cmn-img {
	margin-top: 26px;
}
.lower .cmn-txt + .cmn-img {
	margin-top: 36px;
}

.lower .col-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.lower .col-box .cmn-img:last-child {
   	margin-left: 30px;
}
.lower .col-box .cmn-txt {
   	margin-top: 16px;
}
.lower .cmn-txt  + .col-box {
   	margin-top: 39px;
}
.form-type01 {
   	margin: 60px auto;
   	max-width: 860px;
   	width: 100%;
}
.form-type01 dl {
   	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 auto 20px;
}
.form-type01 dt {
   	font-size: 14px;
   	line-height: 1.57;
   	width: 26.7%;
}
.form-type01 dt .smal {
   	font-size: 11px;
   	line-height: 1.57;
}
.form-type01 dd {
   	font-size: 16px;
   	line-height: 1.5;
   	width: 73.4%;
}
.form-type01 input[type="text"],
.form-type01 input[type="tel"],
.form-type01 input[type="email"],
.form-type01 textarea {
   	background: #eee;
   	border: none;
   	padding: 13px 20px;
   	width: 100%;
   	box-sizing: border-box;
}
.form-type01 .type02 input[type="text"],
.form-type01 .type02 input[type="tel"],
.form-type01 .type02 input[type="email"],
.form-type01 .type02 textarea {
   	max-width: 330px;
}
.form-type01 select {
   	background: #fff;
   	border: solid 1px #d2d2d2;
   	color: #535353;
   	padding: 13px 20px;
   	max-width: 330px;
   	width: 100%;
}
.form-type01 input[type="submit"] {
	background: #fff;
    border: solid 2px #007fb1;
    color: #007fb1;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    width: 220px;
    height: 50px;
    padding: 0 20px;
    margin: 40px auto 0;
    display: block;
    transition: 0.3s;
    cursor: pointer;
}
.form-type01 input[type="submit"]:hover {
	background: #007fb1;
    color: #fff;
    font-weight: 300;
}


/* #header */
#header {
	background: #fff;
	width: 100%;
	padding: 29px 0 0;
	z-index: 100;
	transition: 0.3s;
}
#header .logo {
	min-width: 228px;
}
#header .catch {
	line-height: 1.6;
	margin: 8px 0 7px 21px;
}
#header .utility {
	margin: 2px 0 0 auto;
	width: 460px;
	white-space: nowrap;
}
#header .utility .login-btn {
	border: solid 2px #007fb1;
	color: #007fb1;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
	display: inline-block;
	width: 155px;
	height: 35px;
	margin: 0 20px;
}
#header .utility .login-btn:hover {
	background: #007fb1;
	color: #fff;
	font-weight: 200;
}
#header .utility .search-form {
	width: 260px;
	height: 35px;
	display: inline-block;
	position: relative;
}
#header .utility .search-form input[type="submit"] {
	background: transparent;
	border: none;
	color: #7d7d7d;
	font-family: FontAwesome;
	font-size: 16px;
	position: absolute;
	top: 10px;
	left: 15px;
	outline: none;
	cursor: pointer;
}
#header .utility .search-form input[type="text"] {
	background: #e5e5e5;
	border: none;
	border-radius: 20px;
	color: #7d7d7d;
	line-height: 35px;
	width: 260px;
	height: 35px;
	padding: 0 20px 0 40px;
	outline: none;
}
#header #sp-nav-btn {
	display: none;
}

/* #global-nav */
#global-nav {
	background: #007fb1;
	margin: 28px auto 0;
}
#global-nav > ul {
	font-size: 0;
	text-align: center;
}
#global-nav > ul > li {
	display: inline-block;
	width: auto;
}
#global-nav > ul > li > a {
	color: #fff;
	font-size: 15px;
	font-weight: 200;
	line-height: 60px;
	display: block;
	padding: 0 30px;
	position: relative;
}
#global-nav > ul > li > a:hover {
	background: #005f85;
	opacity: 1;
}
#global-nav .sp-nav-link {
	display: none;
}
.gnav-lower {
	background: #fff;
	border-top: solid 4px #005f85;
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2);
	font-weight: 300;
	text-align: left;
	width: 100%;
	padding: 40px 0;
	overflow: hidden;
	position: absolute;
    top: 151px;
    left: 0;
    right: 0;
    z-index: 99;
    display: none;
}
#global-nav > ul > li:hover .gnav-lower {
    display: block;
}
.gnav-lower-block {
	max-width: 1100px;
	width: 100%;
	padding: 0 40px;
	margin: 0 auto;
}
.gnav-contract-service .gnav-lower-block {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.gnav-inquiry .gnav-lower-block {
	padding: 0 8.5%;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.gnav-lower-box {
	background: #007fb1;
	display: block;
	width: 170px;
	height: 170px;
	padding: 5px;
	margin: 0 20px 0 0;
}
.gnav-about .gnav-lower-box:nth-child(1) {
	background: url('img/ico_gnav01.png')  #007fb1 no-repeat center 48px;
}
.gnav-about .gnav-lower-box:nth-child(2) {
	background: url('img/ico_gnav02.png')  #007fb1 no-repeat center 37px;
}
.gnav-lower-box span.inr {
	border: solid 1px #004c68;
	color: #fff;
	font-size: 15px;
	line-height: 1.3;
	text-align: center;
	display: block;
	height: 160px;
	padding: 106px 10px 8px;
}
.gnav-about .gnav-lower-inr {
	flex: 1;
	margin: 0 0 0 27px;
}
.gnav-products .gnav-lower-inr01 {
	width: 267px;
	margin-right: 4.9%;
}
.gnav-products .gnav-lower-inr02 {
	min-width: 380px;
	margin-right: 4.9%;
}
.gnav-products .gnav-lower-inr02 .gnav-lower-list:first-child {
	margin-right: 18%;
}
.gnav-products .gnav-lower-inr03 {
	width: 26.5%;
	margin-left: auto;
}
.gnav-products .gnav-lower-box {
	width: 267px;
	height: 122px;
	margin: 0 0 10px;
}
.gnav-products .gnav-lower-box span.inr {
	font-size: 21px;
	line-height: 1.5;
	letter-spacing: -0.05em;
    text-align: left;
	text-align: left;
	height: 112px;
	padding: 14px 14px 0;
}
.gnav-products .gnav-lower-box span.sml {
	font-size: 14px;
	letter-spacing: 0;
	display: block;
}
.gnav-products .gnav-lower-btn:first-child {
	line-height: 70px;
    margin-bottom: 30px;
}
.gnav-products .gnav-lower-btn:nth-child(2) {
    margin-bottom: 10px;
}
.gnav-cases .gnav-lower-inr01 {
	min-width: 345px;
	width: 33.8%;
	margin-right: 4.9%;
}
.gnav-cases .gnav-lower-inr02 {
	width: 29.4%;
	margin-right: 4.9%;
}
.gnav-cases .gnav-lower-inr03 {
	width: 270px;
	margin-left: auto;
}
.gnav-seminars .gnav-lower-inr01 {
	width: 270px;
	margin-right: auto;
}
.gnav-seminars .gnav-lower-inr02 {
	min-width: 240px;
	width: 33.8%;
	margin-left: 4.9%;
}
.gnav-seminars .gnav-lower-inr03 {
	min-width: 270px;
	width: 29.4%;
	margin-left: 4.9%;
}
.gnav-lower-list-ttl {
	border-bottom: solid 2px #d2d2d2;
	font-size: 18px;
	padding: 0 0 14px;
	margin: 0 0 30px;
}
.gnav-seminars .gnav-lower-inr02 .gnav-lower-list + .gnav-lower-list-ttl {
	margin: 25px 0 30px;
}
.gnav-lower-list {
	max-width: 520px;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.gnav-cases .gnav-lower-inr01-inr .gnav-lower-list:first-child {
	margin-right: 30px;
}
.gnav-lower-list li {
	padding: 0 5px 24px 0;
}
.gnav-about .gnav-lower-list li {
	width: 25%;
}
.gnav-lower-list li a {
	font-size: 14px;
	display: inline-block;
}
.gnav-lower-list li a:before {
	content: '';
	background: #007fb1;
	width: 14px;
	height: 2px;
	vertical-align: middle;
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative;
	top: -2px;
}
.gnav-lower-btn {
	background: #007fb1;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	display: block;
	padding: 0 10px;
	width: 100%;
	margin-bottom: 20px;
	white-space: nowrap;
}
.gnav-lower-inr03 .gnav-lower-btn.interview {
	line-height: 100px;
}
.gnav-contract-service .gnav-lower-btn {
	line-height: 70px;
	width: 23.5%;
	margin-bottom: 0;
}
.gnav-inquiry .gnav-lower-btn {
	line-height: 70px;
	width: 31.8%;
	margin-bottom: 0;
}
.gnav-inquiry .gnav-lower-btn:last-child {
	line-height: 1.37;
	min-width: 250px;
	padding: 14px 10px 15px;
}
.gnav-lower-btn span {
	border: solid 2px #fff;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	display: inline-block;
	width: 31px;
	margin-right: 19px;
	position: relative;
    top: -2px;
}

/* .bnrs-block */
.home .bnrs-block {
	padding: 70px 0 60px;
}
.bnr-big {
	/*background: url('img/top/banner20201.png') no-repeat right top;*/
	background: url('img/top/banner20221.png') no-repeat right top;
	background-size: cover;
	color: #fff;
	padding: 37px 33px 33px 45px;
	margin: 0 auto 20px;
}
.bnr-big .bnr-inr {
	flex: 1;
	margin-right: 20px;
}
.bnr-big .bnr-ttl {
	font-family: 'Roboto Condensed';
	font-size: 46px;
}
.bnr-big .bnr-subttl {
	font-size: 14px;
	margin: 4px 0 26px;
}
.bnr-big .bnr-txt {
	font-size: 18px;
	line-height: 20px;
}
.bnr-big .bnr-tag {
	background: #fff;
	color: #003f7e;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	vertical-align: top;
	padding: 0 7px;
	margin-right: 17px;
}
.bnr-big .bnr-btn {
	border: solid 2px #fff;
	color: #fff;
	font-size: 16px;
	font-weight: 200;
	line-height: 44px;
	text-align: center;
	display: inline-block;
	width: 210px;
	height: 48px;
	align-self:flex-end;
}
.bnr-list {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.bnr-small {
	background: url('img/top/bnr_img02.jpg') no-repeat right top;
	background-size: cover;
	color: #fff;
	display: block;
	width: 32.1%;
	height: 160px;
	padding: 45px 30px 0;
}
.bnr-small:nth-child(2) {
	background: url('img/top/bnr_img03.jpg') no-repeat right top;
	padding: 35px 30px 0;
}
.bnr-small:nth-child(3) {
	background: url('img/top/bnr_img04.jpg') no-repeat right top;
	padding: 21px 30px 0;
}
.bnr-small .bnr-ttl {
	font-family: 'Roboto Condensed';
	font-size: 24px;
	line-height: 1.25;
}
.bnr-small:nth-child(3) .bnr-ttl {
	font-family: 'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-serif;
}
.bnr-small .bnr-txt {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.53;
	margin: 9px 0 0;
}
.bnr-small .bnr-btn {
	border: solid 1px #fff;
	color: #fff;
	font-size: 11px;
	font-weight: 200;
	line-height: 23px;
	text-align: center;
	display: inline-block;
	width: 80px;
	height: 25px;
	margin: 13px 0 0;
}
.bnr-list02 {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.bnr-list02 li {
	width: 31.8%;
	min-height: 120px;
	margin-bottom: 20px;
}
.bnr-list02 li a {
	color: #fff;
	font-size: 20px;
	font-weight: 200;
	line-height: 1.2;
	padding: 20px;
	min-height: 120px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
}
.bnr-list02 li:nth-child(1) a {
	background: url('img/bnr01.jpg') no-repeat left top;
	background-size: cover;
}
.bnr-list02 li:nth-child(2) a {
	background: url('img/bnr02.jpg') no-repeat left top;
	background-size: cover;
}
.bnr-list02 li:nth-child(3) a {
	background: url('img/bnr03.jpg') no-repeat left top;
	background-size: cover;
	color: #535353;
}
.bnr-list02 li:nth-child(4) a {
	background: url('img/bnr04.jpg') no-repeat left top;
	background-size: cover;
}
.bnr-list02 li:nth-child(5) a {
	background: url('img/bnr05.jpg') no-repeat left top;
	background-size: cover;
}
.bnr-list02 li:nth-child(6) a {
	background: url('img/bnr06.jpg') no-repeat left top;
	background-size: cover;
	color: #535353;
}

/* .mv */
.home .mv img {
	width: 100%;
}

/* .tab-block */
.home .tab-nav {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.home .tab-nav li {
	background: #007fb1;
	width: 32.1%;
}
.home .tab-nav li.current {
	background: #004c68;
}
.home .tab-nav li a {
	color: #fff;
	font-size: 18px;
	font-weight: 200;
	line-height: 1.66;
	text-align: center;
	display: block;
	padding: 11px 5px 9px
}
.home .tab-contents {
	padding: 55px 0;
	display: none;
}
.home .tab-contents.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}
.home .tab-contents .links-list {
	width: 34%;
}
.home .tab-contents-wrap {
	background: url(img/bg_dot01.png);
	border-top: solid 3px #004c68;
}

/* .seminar-block */
.home .seminar-col-block {
	padding: 80px 0;
}
.home .seminar-col-block .flex {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.home .web-seminar-block,
.home .uc-seminar-block {
	width: 48.2%;
}
.home .seminar-ttl {
	border-bottom: solid 2px #d2d2d2;
	font-size: 22px;
	margin: 0 0 28px;
	padding: 0 0 20px;
}
.home .seminar-ttl span {
	color: #959595;
	font-size: 12px;
	font-family: 'Roboto Condensed';
	vertical-align: middle;
	margin: 0 0 0 25px;
}
.home .uc-seminar-block .seminar-ttl span {
	margin: 0 0 0 18px;
}
.home .web-seminar-box {
	margin: 0 0 40px;
}
.home .web-seminar-box img {
	width: 120px;
	margin-right: 20px;
}
.home .web-seminar-box dl {
	flex: 1;
}
.home .web-seminar-box dt a {
	color: #525252;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.57;
	display: inline-block;
	margin: 7px 0 3px;
}
.home .web-seminar-box dt a:hover {
	text-decoration: underline;
}
.home .web-seminar-box dd {
	line-height: 1.69;
}
.home .uc-seminar-box {
	border-bottom: solid 1px #d2d2d2;
	padding: 0 0 25px;
	margin: 30px 0 0;
	position: relative;
}
.home .uc-seminar-box:nth-last-child(2) {
	border-bottom: none;
}
.home .uc-seminar-box dt {
	margin: 0 0 19px;
}
.home .uc-seminar-box dt a {
	color: #525252;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.37;
}
.home .uc-seminar-box dt a:hover {
	text-decoration: underline;
}
.home .uc-seminar-box dd {
	margin: 0 0 5px;
}
.home .uc-seminar-box .tag {
	width: 50px;
	margin: 0 15px 0 0;
}
.home .uc-seminar-box .more-link {
	font-size: 13px;
	padding-right: 22px;
	position: absolute;
	top: 0;
	right: 0;
}
.home .seminar-btn {
	border: solid 2px #007fb1;
	color: #007fb1;
	font-size: 14px;
	font-weight: 500;
	line-height: 39px;
	text-align: center;
	display: block;
	max-width: 280px;
	width: 100%;
	height: 43px;
	margin: 40px auto 0;
}
.home .seminar-btn:hover {
	background: #007fb1;
	color: #fff;
	font-weight: 200;
}
.home .uc-seminar-block .seminar-btn {
	margin: 15px auto 0;
}

/* .news-block */
.news-block {
	background: #f9f9f9;
	padding: 60px 0;
	overflow: hidden;
}
.news-ttl {
	font-size: 24px;
	margin: 0 0 28px;
}
.news-ttl span {
	color: #959595;
	font-size: 12px;
	font-family: 'Roboto Condensed';
	vertical-align: middle;
	margin: 0 0 0 19px;
}
.news-box {
	border-bottom: solid 1px #d2d2d2;
	padding: 25px 0 22px
}
.news-ttl + .news-box {
	border-top: solid 1px #d2d2d2;
}
.news-box dt {
	width: 200px;
	margin: 0 20px 0 0;
}
.news-box dt .data {
	font-size: 14px;
	line-height: 1.57;
	display: inline-block;
	width: 100px;
}
.news-box dd {
	flex: 1;
	font-size: 14px;
	line-height: 1.57;
}
.news-box dd a:hover {
	text-decoration: underline;
}
.news-block .more-link {
	float: right;
	margin: 27px 0 0;
}

/* #footer */
#footer {
	background: #535353;
	padding: 48px 0 0;
}
#footer .footer-col {
	width: auto;
	margin: 0 3.4% 0 0;
	overflow: hidden;
}
#footer .footer-col:nth-child(1) {
	width: 10.5%;
}
#footer .footer-col:nth-child(2) {
	width: 24%;
}
#footer .footer-col:last-child {
	margin: 0;
}
#footer .footer-col:nth-child(2) .footer-links {
	width: 55%;
}
#footer .footer-col:nth-child(2) .footer-links:first-child {
	width: 45%;
}
#footer .footer-big-link {
	background: url('img/ico_arw.png') no-repeat left 7px;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	display: inline-block;
	padding-left: 18px;
	margin-bottom: 13px;
}
#footer .footer-links + .footer-big-link {
	margin-top: 27px;
}
#footer .footer-links + .footer-big-link {
	margin-top: 27px;
}
#footer .footer-col:last-child .footer-big-link {
	margin-bottom: 6px;
}
#footer .footer-col:last-child .footer-big-link:nth-last-child(3) {
	margin-top: 30px;
}
#footer .footer-mid-link {
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	display: inline-block;
	margin-bottom: 10px;
}
#footer .footer-links + .footer-mid-link {
	margin-top: 15px;
}
#footer .footer-links li {
	margin-bottom: 8px;
}
#footer .footer-links a {
	color: #d2d2d2;
	font-size: 12px;
	line-height: 1.5;
}
#footer .footer-big-link:hover,
#footer .footer-mid-link:hover,
#footer .footer-links a:hover {
	text-decoration: underline;
}
#footer .footer-btn {
	border: solid 2px #fff;
	color: #fff;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
	display: block;
	width: 155px;
	height: 35px;
	margin-top: 15px;
}
#footer .footer-btn:hover {
	background: #fff;
	color: #535353;
}
#footer .copyright {
	background: #434343;
	color: #a0a0a0;
	font-size: 10px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin: 40px 0 0;
}
.floating-nav {
	position: absolute;
	right: 0;
	top: 84.7%;
}
.category .floating-nav {
	top: 32.6%;
}
.floating-nav.fixed {
    position: fixed;
    top: 0;
}
.floating-nav li {
	margin: 0 0 20px;
}
.floating-nav li a {
	background: url('img/ico_float01.png') #007fb1 no-repeat center 20px;
	color: #fff;
	font-size: 13px;
	font-weight: 200;
	line-height: 1.38;
	text-align: center;
	display: block;
	width: 102px;
	height: 110px;
	padding: 59px 10px 10px;
}
.floating-nav li a:hover {
	background: url('img/ico_float01_on.png') #004c6c no-repeat center 20px;
	color: #fff;
	opacity: 1.0;
}
.floating-nav li:nth-child(2) a {
	background: url('img/ico_float02.png') #007fb1 no-repeat center 25px;
}
.floating-nav li:nth-child(2) a:hover {
	background: url('img/ico_float02_on.png') #004c6c no-repeat center 25px;
}
.floating-nav li:nth-child(3) a {
	background: url('img/ico_float03.png') #007fb1 no-repeat center 22px;
}
.floating-nav li:nth-child(3) a:hover {
	background: url('img/ico_float03_on.png') #004c6c no-repeat center 22px;
}

/* .breadcrumb */
.breadcrumb {
	border-bottom: solid 1px #d2d2d2;
	padding: 13px 0;
}
.breadcrumb li {
    font-size: 13px;
    line-height: 1.0;
    display: inline;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.breadcrumb li:after {
    content: "＞";
    font-size: 10px;
    margin: 0 4px 0 7px;
    position: relative;
    top: -1px;
}
.breadcrumb li:last-child:after {
    content: none;
}

/* .product-links-block */
.product-links-block {
	background: url(img/bg_dot01.png);
	padding: 25px 35px;
	margin: 0 auto 60px;
}
.product-links-block .links-list {
	width: 25%;
}

/* .product-boxes-block */
.product-boxes-block {
	margin: 0 auto 90px;
}
.product-boxes-block .block-ttl01 {
	margin: 0 auto 35px;
}

/* .product-detail-block */
.product-detail-block {
	padding: 0 0 116px;
	margin-top: 60px;
}

/* .cases-links-block */
.cases-links-block {
	background: url(img/bg_dot02.png);
	margin: 0 auto 20px;
	-webkit-align-items: center;
	align-items: center;
}
.cases-links-block + .cases-links-block {
	margin: 0 auto 60px;
}
.cases-links-head {
	color: #fff;
	font-size: 18px;
	font-weight: 200;
	text-align: center;
	width: 145px;
}
.cases-links-body {
	background: url(img/bg_dot01.png);
	padding: 25px 0 10px 25px;
	flex: 1;
}
.cases-links-body .links-list {
	width: 20%;
}
.cases-links-body .links-list:nth-child(2) {
	width: 17%;
}
.cases-links-body .links-list:nth-child(3) {
	width: 23%;
}

/* .cases-boxes-block */
.cases-boxes-block {
	margin: 0 auto 73px;
}
.cases-boxes-block .block-ttl01 {
	margin: 0 auto 35px;
}
.cases-boxes-block .box-list .tag-list {
    padding: 0 0 36px;
}
.cases-boxes-block .box-list .name {
    font-size: 16px;
    line-height: 1.56;
    margin: 24px 0 0;
}
.cases-boxes-block .box-list .more-btn {
    margin: 36px auto 0;
}

/* .seminar-block */
.seminar-block {
	position: relative;
	margin: 0 auto 97px;
}
.bnrs-block + .seminar-block {
	margin: 100px auto 97px;
}
.seminar-block:last-child {
	margin: 0 auto 120px;
}
.seminar-block .block-ttl01 {
	color: #007fb1;
    font-size: 22px;
}
.seminar-block .inr {
    border-bottom: solid 1px #d2d2d2;
    padding: 35px 0 37px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
.seminar-block dl {
    flex: 1;
    line-height: 1.5;
}
.seminar-block dt {
    font-size: 20px;
    margin: 0 0 6px;
    padding: 0 0 0 18px;
    position: relative;
}
.seminar-block dt::before {
    content: '';
    border-radius: 50%;
    background: #007fb1;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
	transform: translateY(-50%);
}
.seminar-block dd {
    font-size: 14px;
}
.seminar-block .more-btn {
    width: 160px;
    margin: 5px auto 0;
}
.seminar-block .pdf-links {
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.seminar-block .pdf-links li {
	font-size: 14px;
    display: inline-block;
	margin: 0 0 0 32px;
}
.seminar-block .pdf-links li span {
	border: solid 2px #007fb1;
	color: #007fb1;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	width: 43px;
	margin: 0 9px 0 0;
    display: inline-block;
}

/* .about-block01 */
.about-block01 {
	background: #fbfbfb;
}
.about-block01 .inner {
	max-width: 1164px;
	padding: 76px 10px 64px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.about-block01 dl {
	max-width: 438px;
	width: 39.8%;
	margin: 0 0 0 50px;
}
.about-block01 dt {
	font-size: 26px;
	line-height: 1.38;
	margin-bottom: 29px;
}
.about-block01 dd {
	font-size: 16px;
	line-height: 1.62;
}
.about-block01 img {
	max-width: 620px;
	width: 56.4%;
}

/* .about-block02 */
.about-block02 {
	background: url('img/about/about_bg01.jpg') no-repeat left top;
	background-size: cover;
	margin-bottom: 100px;
}
.about-block02 .inner {
	padding: 155px 10px;
	overflow: hidden;
}
.about-block02 dl {
	color: #fff;
	max-width: 428px;
	margin-right: 40px;
	float: right;
}
.about-block02 dt {
	font-size: 26px;
	line-height: 1.38;
	margin-bottom: 33px;
}
.about-block02 dd {
	font-size: 16px;
	line-height: 1.62;
}

/* .about-block03 */
.about-block03 .big-ttl01 {
	margin: 0 auto 50px;
}
.about-block03 .bnr-list02 {
	margin-top: 88px;
}

/* .support-block01 */
.support-block01 {
	background: url('img/about/support/support_bg.jpg') no-repeat left top;
	background-size: cover;
	padding: 90px 40px;
}
.support-block01 dl {
	color: #fff;
	max-width: 430px;
	margin-left: 40px;
}
.support-block01 dt {
	font-size: 26px;
	line-height: 1.38;
	margin-bottom: 30px;
}
.support-block01 dd {
	font-size: 16px;
	line-height: 1.62;
}

/* .support-block02 */
.support-block02 {
    border-top: solid 2px #eee;
    margin-top: 60px;
	padding-top: 60px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.support-block02:first-child {
    border-top: none;
    margin-top: 80px;
	padding-top: 0;
}
.support-block02 dl {
	width: 40%;
	padding-left: 30px;
}
.support-block02 dt .num {
	background: #007fb1;
	color: #fff;
	font-family: 'Roboto Condensed';
	font-size: 42px;
	line-height: 80px;
	text-align: center;
	width: 80px;
	height: 80px;
	display: block;
}
.support-block02 dt .ttl {
	color: #007fb1;
	font-size: 24px;
	line-height: 1.5;
	display: block;
	margin: 24px 0 7px;
}
.support-block02 dd {
	font-size: 16px;
	line-height: 1.62;
}
.support-block02 img {
	width: 54.5%;
}
.support-block02 + .bnr-list02 {
    margin-top: 120px;
}

/* .inquiry-product-block01 */
.inquiry-product-block01 {
	background: url('img/inquiry/product/inquiry_product_bg.jpg') no-repeat left top;
	background-size: cover;
	padding: 75px 0 176px;
}
.inquiry-product-block01 dl {
	color: #fff;
	max-width: 480px;
	margin-left: 80px;
}
.inquiry-product-block01 dt {
	border-bottom: solid 3px #fff;
	font-size: 26px;
	line-height: 1.38;
	padding-bottom: 14px;
}
.inquiry-product-block01 dd.lead {
	font-size: 20px;
	line-height: 1.6;
	margin: 35px 0 19px;
}
.inquiry-product-block01 dd.txt {
	font-size: 14px;
	line-height: 1.57;
}

/* .inquiry-product-block02 */
.inquiry-product-block02 {
	padding: 0 0 96px;
}
.inquiry-product-block02 .txt-list-box01 {
	margin: -108px auto 60px;
}
.inquiry-product-block02 .balloon-box01 {
	margin: 0 auto 58px;
}
.inquiry-product-block02 .block-ttl01 {
	color: #007fb1;
	font-size: 22px;
}
.lower .inquiry-product-block02 .block-ttl01 + .mid-ttl01 {
	margin-top: 39px;
}
.lower .inquiry-product-block02 .block-ttl01 + .cmn-txt {
    margin-top: 36px;
}
.lower .inquiry-product-block02 .cmn-txt a {
	color: #007fb1;
}

/* .contract-service-block01 */
.contract-service-block01 {
	background: url('img/contract-service/contract_bg.jpg') no-repeat right top;
	background-size: cover;
	padding: 228px 0;
	margin-bottom: 80px;
}
.contract-service-block01 .catch {
	color: #fff;
	font-size: 20px;
	font-weight: 200;
	line-height: 1.5;
	padding-left: 40px;
	max-width: 450px;
}

/* .contract-service-block02 */
.contract-service-block02 .txt-set01 + .more-btn,
.postid-2310 .more-btn {
	font-size: 20px;
	line-height: 56px;
    width: 400px;
    height: 60px;
    margin: 50px auto 100px;
}
.postid-2310 .more-btn {
    width: 500px;
}

/* .contract-service-block03 */
.contract-service-block03 {
   padding-bottom: 100px;
}
.contract-service-block03 .txt-list01 {
    margin-top: 20px;
}
.contract-service-block03 .tbl-type-analysis thead th:first-child {
    background: #007fb1;
    width: auto;
}
.contract-service-block03 .tbl-type-analysis tbody th + td {
    background: #eee;
}
.contract-service-block03 .mid-ttl01 {
    margin-bottom: 20px;
}
.contract-service-block03 .cmn-img + .mid-ttl01 {
    margin-top: 30px;
}
.contract-service-block03 .tbl-type-achive tbody th {
    width: 300px;
}

/* teaching-material */
.lower .block-ttl01.ttl-teach01 {
	line-height: 1.5;
    margin: 70px auto 0;
}
.lower .txt-box01 + .block-ttl01.ttl-teach01 {
	margin-top: 74px;
}
.lower .col-box.col-teach01 {
	margin-top: 20px;
}
.lower .col-box.col-teach01 .col-teach01-txt {
	width: 65%;
}
.lower .col-box.col-teach02 > div {
	margin-right: 30px;
}
.lower .col-box.col-teach03 > div {
	margin-right: 30px;
}
.lower .col-box.col-teach03.teach03 > div:first-child {
	width: 260px;
}

/* summary */
.lower .txt-box01.txt-box01-summary {
	background: #007fb1;
    color: #fff;
    margin: 30px 0 60px;
}
.lower .txt-box01.txt-box01-summary dl {
	border-bottom: dotted 1px #fff;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.lower .txt-box01.txt-box01-summary dl:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.lower .txt-box01.txt-box01-summary dt {
	float: left;
	width: 100px;
}
.lower .txt-box01.txt-box01-summary dt + dd {
	float: left;
	width: 30px;
}
.lower .txt-box01.txt-box01-summary dd:last-child {
	overflow: hidden;
}
.lower .col-box.col-summary01 {
    margin: 50px auto 40px;
}
.lower .col-box.col-summary01 .links-box02 {
    display: block;
    width: 57%;
}
.lower .col-box.col-summary01 .links-box02 .flex {
    display: block;
}
.lower .col-box.col-summary01 .links-box02 li {
	width: 100%;
}
.lower .col-box.col-summary01 .links-box02 li a {
	background: url(img/ico_arw02.png) no-repeat right 9px;
	line-height: 1.4;
    max-width: inherit;
    padding: 0 16px 15px 0;
    margin: 0 0 20px;
}
.lower .col-box.col-summary01 .cmn-img {
    margin-left: auto;
    width: 40%;
}
.lower .col-box.col-summary02 {
	margin-top: 20px;
}
.lower .col-box.col-summary02 .cmn-txt {
	width: 77%;
    margin: 0;
}
.lower .col-box.col-summary02 .cmn-img {
    margin: 0 0 0 auto;
    width: 20%;
}

/******* 1031px **************************************************/
@media screen and (max-width: 1031px) {
	/* #header */
	#header .catch {
		margin: 0 0 0 15px;
	}


}

/******* 1020px **************************************************/
@media screen and (max-width: 1020px) {
	/* .bnrs-block */
	.bnr-big .bnr-txt .sp-only {
		display: block !important;
	}
	.bnr-big .bnr-txt {
		line-height: 30px;
	}
	.bnr-big .bnr-tag {
		margin-top: 5px;
		display: inline-block;
	}
}

/******* 900px **************************************************/
@media screen and (max-width: 900px) {
	/* #header */
	#header {
		padding: 20px;
	}
	#header .inner {
		padding: 0;
	}
	#header .logo {
		min-width: inherit;
		width: 48vw;
	}
	#header .catch {
		display: none;
	}
	#header .utility {
		display: none;
	}
	#header #sp-nav-btn {
		width: 40px;
    	height: 60px;
		position: absolute;
		top: 7px;
		right: 20px;
		z-index: 9999;
		margin: auto;
		display: block;
	}
	#header #sp-nav-btn span {
		background: #000;
		display: block;
		width: 30px;
		height: 2px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin: auto;
	    transform: translate(-50%, -50%);
	    transition: .3s;
	}
	#header #sp-nav-btn span:before,
	#header #sp-nav-btn span:after {
		content: '';
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		background: #000;
		transition: .3s;
	}
	#header #sp-nav-btn span:before {
		top: -6px;
	}
	#header #sp-nav-btn span:after {
		bottom: -6px;
	}
	#header.open  #sp-nav-btn span {
		background: none;
	}
	#header.open #sp-nav-btn span:before,
	#header.open #sp-nav-btn span:after {
		background: #000;
		transition: .3s;
	}
	#header.open #sp-nav-btn span:before {
		transform: rotate(45deg);
		top: -1px;
	}
	#header.open #sp-nav-btn span:after {
		transform: rotate(-45deg);
		bottom: 1px;
	}

	/* #global-nav */
	#global-nav {
		background: #fff;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 70;
	    width: 100%;
	    height: 100%;
		margin: 0 auto;
		padding: 75px 38px;
	    display: none;
	    overflow: auto;
	}
	#global-nav .sp-nav-link {
		display: block;
	}
	#global-nav .sp-search-form {
		position: relative;
		margin: 0 auto 40px;
	}
	#global-nav .sp-search-form input[type="submit"] {
		background: transparent;
		border: none;
		color: #7d7d7d;
		font-family: FontAwesome;
		font-size: 16px;
		position: absolute;
		top: 9px;
		left: 15px;
		outline: none;
		cursor: pointer;
	}
	#global-nav .sp-search-form input[type="text"] {
		background: #e5e5e5;
		border: none;
		border-radius: 20px;
		color: #7d7d7d;
		line-height: 35px;
		width: 100%;
		height: 35px;
		padding: 0 20px 0 40px;
		outline: none;
		box-sizing: border-box;
		font-size: 15px;
	}
	#header.open #global-nav {
		display: block;
	}
	#global-nav > ul {
		text-align: left;
	}
	#global-nav > ul > li {
		display: block;
	}
	#global-nav > ul > li > a {
		border-top: solid 1px #959595;
		color: #535353;
		font-weight: 300;
		line-height: 1.0;
		display: block;
		padding: 23px 10px;
		position: relative;
	}
	#global-nav > ul > li.gnav-upper > a:before,
	#global-nav > ul > li.gnav-upper > a:after {
		content: '';
		background: #959595;
		width: 14px;
		height: 2px;
		vertical-align: middle;
		display: inline-block;
		position: absolute;
		top: 29px;
		right: 10px;
	}
	#global-nav > ul > li.gnav-upper > a:after {
		transform: rotate(90deg);
	}
	#global-nav > ul > li.gnav-upper > a.open:after {
		display: none;
	}
	#global-nav > ul > li > a:hover {
		background: #fff;
		opacity: .7;
	}
	.gnav-lower {
		border-top: none;
		box-shadow: none;
		width: 100%;
		padding: 0;
		position: static;
	}
	#global-nav > ul > li:hover .gnav-lower {
	    display: none;
	}
	.gnav-lower-block,
	.gnav-inquiry .gnav-lower-block {
		background: transparent;
		padding: 7px 10px 0;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.gnav-lower-box {
		background: transparent !important;
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 19px;
	}
	.gnav-lower-box span.inr {
		border: none;
		color: #535353;
		font-size: 12px;
		line-height: 1.0;
		text-align: left;
		height: auto;
		padding: 0;
	}
	.gnav-about .gnav-lower-inr {
		margin: 0;
	}
	.gnav-products .gnav-lower-inr01 {
		width: 100%;
		margin-right: 0;
	}
	.gnav-products .gnav-lower-inr02 {
		min-width: inherit;
		margin-right: 0;
	}
	.gnav-products .gnav-lower-inr02-inr {
		display: block;
	}
	.gnav-products .gnav-lower-inr02 .gnav-lower-list:first-child {
		margin-right: 0;
	}
	.gnav-products .gnav-lower-inr03 {
		width: 100%;
		margin-left: 0;
	}
	.gnav-products .gnav-lower-box {
		width: 100%;
		height: auto;
		margin: 0 0 19px;
	}
	.gnav-products .gnav-lower-box span.inr {
		font-size: 12px;
		line-height: 1.0;
		letter-spacing: 0;
		text-align: left;
		height: auto;
		padding: 0;
	}
	.gnav-products .gnav-lower-btn:first-child {
		line-height: 1.0;
	    margin: 0 0 19px;
	}
	.gnav-products .gnav-lower-btn:nth-child(2) {
	    margin: 0 0 19px;
	}
	.gnav-cases .gnav-lower-inr01 {
		min-width: inherit;
		width: 100%;
		margin-right: 0;
	}
	.gnav-cases .gnav-lower-inr02 {
		width: 100%;
		margin-right: 0;
	}
	.gnav-cases .gnav-lower-inr03 {
		width: 100%;
	}
	.gnav-seminars .gnav-lower-inr01 {
		width: 100%;
	}
	.gnav-seminars .gnav-lower-inr02 {
		min-width: inherit;
		width: 100%;
		margin-left: 0;
	}
	.gnav-seminars .gnav-lower-inr03 {
		min-width: inherit;
		width: 100%;
		margin-left: 0;
	}
	.gnav-lower-inr01-inr {
		display: block;
	}
	.gnav-lower-list-ttl {
		display: none;
	}
	.gnav-lower-list {
		max-width: inherit;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.gnav-cases .gnav-lower-inr01-inr .gnav-lower-list:first-child {
		margin-right: 0;
	}
	.gnav-lower-list li {
		padding: 0;
		margin: 0 0 19px;
	}
	.gnav-about .gnav-lower-list li {
		width: 100%;
	}
	.gnav-lower-list li a {
		font-size: 12px;
	}
	.gnav-lower-list li a:before {
		content: none;
	}
	.gnav-lower-btn,
	.gnav-contract-service .gnav-lower-btn,
	.gnav-inquiry .gnav-lower-btn,
	.gnav-inquiry .gnav-lower-btn:last-child {
		background: transparent !important;
		color: #535353;
		font-size: 12px;
		line-height: 1.0 !important;
		text-align: left;
		height: auto;
		width: 100%;
		min-width: inherit;
		padding: 0;
		margin: 0 0 19px;
	}
	.gnav-lower-btn span {
		border: solid 1px #535353;
		line-height: 14px;
		margin-right: 5px;
		top: 0;
	}
	#global-nav .sp-login-btn {
		border-top: solid 1px #959595;
		padding: 28px 0 0;
	}
	#global-nav .sp-login-btn a {
		border: solid 2px #007fb1;
		color: #007fb1;
		font-size: 14px;
		line-height: 38px;
		padding: 0;
		text-align: center;
		display: block;
		width: 300px;
		height: 40px;
		margin: 0 auto;
	}

}


/******* 767px **************************************************/
@media screen and (max-width: 767px) {

	/* common */
	img {
		max-width: 100%;
		height: auto;
	}
	.pc-only {
		display:none !important;
	}
	.sp-only {
		display:block !important;
	}
	.pc-only-in {
		display:none !important;
	}
	.sp-only-in {
		display:inline !important;
	}

	.inner {
		padding: unset !important;
	}

	.more-btn.type02 {
		font-size: 16px;
	    line-height: 46px;
	    width: 100%;
	    height: 50px;
	    margin: 30px auto 50px;
	}

	.links-list li {
		margin: 0 0 10px;
	}
	.links-list li a {
		font-size: 14px;
		padding: 5px 15px;
	}
	.links-list li a:before {
		width: 11px;
		height: 2px;
		margin: 0 15px 0 0;
	}
	.links-box01 {
		padding: 24px 25px 6px;
		margin: 0 auto 45px;
	}
	.links-box01 .links-list {
		display: block;
	}
	.links-box01 .links-list li {
		width: 100%;
	}
	.lower .big-ttl01 + .links-box01 {
		margin-top: 30px;
	}
	.links-box02 {
		padding: 25px;
	}
	.links-box02 ul {
		display: block;
	}
	.links-box02 li {
		width: 100%;
	}
	.links-box02 li:not(:last-child) {
		margin-bottom: 10px;
	}
	.links-box02 a {
		max-width: inherit;
		padding: 0 0 10px;
	}

	.box-list {
		display: block;
	}
	.box-list .box {
		width: 100%;
		padding: 20px 2.9% 25px;
		margin: 0 0 25px;
	}
	.box-list .name {
		font-size: 18px;
	}
	.box-list .txt {
		font-size: 13px;
	}
	.box-list .more-btn {
		font-size: 14px;
		margin: 20px auto 0;
	}

	.lower .cmn-img {
		text-align: center;
	}
	.lower .cmn-mov iframe {
	    width: 100%;
	    height: auto;
	}
	.lower .cmn-mov video {
	    width: 100%;
	    height: auto;
	}
	.lower .main-ttl {
		margin: 45px auto;
	}
	.lower .block-ttl01 {
		font-size: 20px;
		margin: 0 auto 20px;
	}
	.lower .main-head {
		padding: 30px 0;
		display: block;
	}
	.lower .main-head-inr {
		width: 100%;
		margin-bottom: 15px;
	}
	.lower .main-ttl {
		margin: 45px auto;
	}
	.lower .main-ttl02 {
		font-size: 26px;
	}
	.lower .main-copy {
		font-size: 16px;
	}
	.lower .big-ttl01 {
		background: #007fb1;
		color: #fff;
		font-size: 22px;
		font-weight: 200;
		padding: 15px 20px;
	}
	.lower .txt-box01 + .big-ttl01 {
		margin-top: 60px;
	}
	.lower .cmn-txt + .big-ttl01 {
		margin-top: 45px;
	}
	.lower .cmn-txt + .block-ttl01 {
		margin-top: 36px;
	}
	.lower .mid-ttl01 {
	    font-size: 18px;
	}
	.lower .block-ttl01 + .mid-ttl01 {
		margin-top: 30px;
	}
	.lower .cmn-img + .mid-ttl01 {
		margin-top: 40px;
	}
	.lower .line-top {
	    margin-top: 18px;
	    padding-top: 18px;
	}
	.lower .sml-ttl01 {
	    font-size: 14px;
	}
	.lower .big-ttl01 + .sml-ttl01 {
		margin-top: 20px;
	}
	.lower .mid-ttl01 + .sml-ttl01 {
		margin-top: 20px;
	}
	.lower .cmn-txt + .sml-ttl01 {
		margin-top: 18px;
	}
	.lower .txt-list01 {
		display: block;
	}
	.lower .txt-list01 li {
	    font-size: 18px;
	    width: 100%;
	}
	.lower .txt-list01 li::before {
	    top: 12px;
	}
	.lower .block-ttl01 + .txt-list01 {
		margin-top: 17px;
	}
	.lower .txt-list02 li {
	    font-size: 13px;
	    padding: 0 0 0 23px;
	}
	.lower .sml-ttl01 + .txt-list02 {
		margin-top: 6px;
	}
	.lower .cmn-img + .txt-list02 {
		margin-top: 20px;
	}
	.lower .txt-list-box01 .ttl {
		font-size: 18px;
	}
	.lower .txt-list-box01 ul {
		display: block;
		padding: 22px 7% 15px;
	}
	.lower .txt-list-box01 li {
	    font-size: 14px;
	    width: 100%;
	    margin-bottom: 12px;
	}
	.lower .txt-list-box01 li::before {
	    top: 7px;
	}
	.lower .txt-box01 {
	    font-size: 13px;
	    padding: 18px 20px;
	}
	.lower .sml-ttl01 + .txt-box01 {
		margin-top: 17px;
	}
	.lower .txt-set01 {
		padding-bottom: 25px;
	}
	.lower .txt-set01 + .txt-set01 {
		margin-top: 25px;
	}
	.lower .txt-set01 dt {
		font-size: 20px;
	}
	.lower .txt-set01 dd.txt {
	    font-size: 16px;
	    margin: 15px 0 0;
	}
	.lower .txt-set01.type02 dd.txt {
	    width: 100%;
	}
	.lower .txt-set01 dd.btn {
	    position: static;
   		margin: 15px auto 0;
	}
	.lower .balloon-box01 {
	    font-size: 14px;
	    padding: 20px;
	}
	.lower .balloon-box01 dt {
	    font-size: 20px;
	}
	.lower .balloon-box01 dd {
		font-size: 14px;
	}
	.lower .line-btm01 {
	    padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.lower .line-border {
	    padding-bottom: 28px;
		margin-bottom: 28px;
	}
	.lower .tbl-type01 th,
	.lower .tbl-type01 td {
		font-size: 13px;
	    padding: 10px 12px;
	}
	.lower .tbl-type01 thead th:first-child {
		width: 80px;
	}
	.lower .tbl-type01 thead th:nth-child(3) {
		background: #6198ad;
	}
	.lower .tbl-type01 tbody th {
		width: 81px;
	    padding: 8px 5px;
	}
	.lower .tbl-type01 tbody td.cat_top,
	.lower .tbl-type01 tbody td.cat_btm {
		background: #eee;
		text-align: center;
		width: 80px;
	    padding: 10px 12px;
	}
	.lower .sml-ttl01 + .tbl-type01 {
		margin-top: 10px;
	}
	.lower .cmn-txt + .tbl-type01 {
		margin-top: 10px;
	}
	.lower .cmn-txt {
		font-size: 13px;
	}
	.lower .block-ttl01 + .cmn-txt {
		margin-top: 16px;
	}
	.lower .big-ttl01 + .cmn-txt {
		margin-top: 23px;
	}
	.lower .mid-ttl01 + .cmn-txt {
	   	margin-top: 9px;
	}
	.lower .sml-ttl01 + .cmn-txt {
		margin-top: 6px;
	}
	.lower .txt-list01 + .cmn-txt {
		margin-top: 9px;
	}
	.lower .tbl-type01 + .cmn-txt {
		margin-top: 6px;
	}
	.lower .cmn-img + .cmn-txt {
		margin-top: 11px;
	}
	.lower .txt-list02 + .cmn-img {
		margin-top: 20px;
	}
	.lower .cmn-txt + .cmn-img {
		margin-top: 26px;
	}
	.lower .col-box {
		display: block;
	}
	.lower .col-box .cmn-img:last-child {
	   	margin-left: 15px;
	}
	.lower .col-box .cmn-txt {
	   	margin-top: 10px;
	}
	.lower .cmn-txt  + .col-box {
	   	margin-top: 30px;
	}
	.form-type01 {
	   	margin: 45px auto;
	   	max-width: inherit;
	}
	.form-type01 dl {
		display: block;
	}
	.form-type01 dt {
	   	width: 100%;
	   	margin-bottom: 10px;
	}
	.form-type01 dd {
	   	width: 100%;
	}
	.form-type01 input[type="submit"] {
		font-size: 18px;
		width: 100%;
	}

	/* .bnrs-block */
	.home .bnrs-block {
		padding: 25px 0 40px;
	}
	.bnr-big {
		/*background: url('img/top/banner20201.png') no-repeat right top;*/
		background-size: cover;
		padding: 25px 10px 25px 25px;
		margin: 0 auto;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.bnr-big .bnr-inr {
		width: 100%;
		margin-right: 0;
	}
	.bnr-big .bnr-ttl {
		font-size: 30px;
	}
	.bnr-big .bnr-subttl {
		font-size: 10px;
		margin: 4px 0 15px;
	}
	.bnr-big .bnr-txt {
		font-size: 12px;
		line-height: 1.2;
	}
	.bnr-big .bnr-tag {
		font-size: 10px;
		line-height: 13px;
		padding: 1px 4px 2px;
		margin: 0 10px 10px 0;
		display: inline-block;
	}
	.bnr-big .bnr-btn {
		border: solid 1px #fff;
		font-size: 11px;
		line-height: 27px;
		width: 135px;
		height: 29px;
		margin: 7px 0 0;
	}
	.bnr-list {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.bnr-small {
		background: url('img/top/bnr_img02.jpg') no-repeat right center;
		background-size: cover;
		color: #fff;
		display: block;
		width: 100%;
		height: 148px;
		padding: 44px 25px 0;
		margin: 10px auto 0;
	}
	.bnr-small:nth-child(2) {
		background: url('img/top/bnr_img03.jpg') no-repeat right center;
		background-size: cover;
		padding: 35px 25px 0;
	}
	.bnr-small:nth-child(3) {
		background: url('img/top/bnr_img04.jpg') no-repeat right center;
		background-size: cover;
		padding: 21px 25px 0;
	}
	.bnr-small .bnr-ttl {
		font-size: 22px;
	}
	.bnr-small .bnr-txt {
		font-size: 12px;
		font-weight: 300;
		line-height: 1.53;
		margin: 9px 0 0;
	}
	.bnr-small .bnr-btn {
		border: solid 1px #fff;
		font-size: 11px;
		line-height: 21px;
		width: 74px;
		height: 23px;
		margin: 13px 0 0;
	}
	.bnr-list02 {
		margin-bottom: 50px;
	}
	.bnr-list02 li {
		width: 100%;
	}

	/* .tab-block */
	.home .tab-block .inner {
		padding: 0 8px;
	}
	.home .tab-nav li {
		width: 31.3%;
	}
	.home .tab-nav li a {
		font-size: 12px;
		line-height: 1.37;
		padding: 10px 13px 7px
	}
	.home .tab-contents.inner {
		padding: 37px 40px 39px;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.home .tab-contents .links-list {
		width: 100%;
	}

	/* .seminar-block */
	.home .seminar-col-block {
		padding: 55px 0 0;
	}
	.home .seminar-col-block .flex {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.home .web-seminar-block,
	.home .uc-seminar-block {
		width: 100%;
		padding: 0 0 50px;
	}
	.home .seminar-ttl {
		font-size: 18px;
		margin: 0 0 30px;
		padding: 0 0 20px;
	}
	.home .seminar-ttl span {
		display: none;
	}
	.home .web-seminar-box:nth-last-child(2) {
		margin: 0;
	}
	.home .web-seminar-box img {
		width: 36.9%;
	}
	.home .web-seminar-box dt a {
		font-size: 13px;
		line-height: 1.31;
	}
	.home .web-seminar-box dd {
		font-size: 12px;
	}
	.home .uc-seminar-box {
	/*	border-bottom: solid 1px #d2d2d2;
		padding: 0 0 25px;
		margin: 30px 0 0;
		position: relative;*/
	}
	.home .uc-seminar-box dt a {
		font-size: 12px;
	}
	.home .uc-seminar-box dd {
		font-size: 12px;
	}
	.home .uc-seminar-box .more-link {
		margin: 15px 0 0;
		padding-right: 15px;
		position: static;
	}
	.home .seminar-btn {
		margin: 25px auto 0;
	}
	.home .uc-seminar-block .seminar-btn {
		margin: 13px auto 0;
	}

	/* .news-block */
	.news-block {
		padding: 40px 0 50px;
	}
	.news-ttl {
		font-size: 18px;
		margin: 0 0 19px;
	}
	.news-ttl span {
		display: none;
	}
	.news-box {
		padding: 25px 0 20px;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.news-box dt {
		width: 100%;
		margin: 0 0 10px;
	}
	.news-box dt .data {
		font-size: 13px;
		width: 90px;
	}
	.news-box dd {
		font-size: 13px;
		line-height: 1.61;
		width: 100%;
	}
	.news-block .more-link {
		float: none;
		margin: 20px 0 0;
	}

	/* #footer */
	#footer {
		padding: 0;
	}
	#footer .inner {
		display: none;
	}
	#footer .copyright {
		font-size: 10px;
		font-weight: 200;
		line-height: 1.0;
		padding: 17px 20px 105px;
		margin: 0;
	}
	.floating-nav {
		position: fixed;
		left: 0;
		right: 0;
		top: auto !important;
		bottom: 0;
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		background: #eee;
		width: 100%;
		padding: 20px;
	}
	.floating-nav.fixed {
	    position: fixed;
	    top: auto !important;
	}
	.floating-nav li {
		margin: 0;
		width: 32.2%;
	}
	.floating-nav li a,
	.floating-nav li:nth-child(2) a,
	.floating-nav li:nth-child(3) a {
		background: #007fb1;
		font-size: 12px;
		line-height: 1.25;
		width: 100%;
		height: 50px;
		padding: 10px
	}
	.floating-nav li a:hover,
	.floating-nav li:nth-child(2) a:hover,
	.floating-nav li:nth-child(3) a:hover {
		background-image: none;
	}

	/* .breadcrumb */
	.breadcrumb li {
	    font-size: 10px;
	}

	/* .product-links-block */
	.product-links-block {
		display: block;
		padding: 25px 25px 15px;
	}
	.product-links-block .links-list {
		width: 100%;
	}

	/* .product-boxes-block */
	.product-boxes-block .block-ttl01 {
		margin: 0 auto 20px;
	}

	/* .product-detail-block */
	.product-detail-block {
		padding: 0 0 75px;
		margin-top: 45px;
	}

	/* .cases-links-block */
	.cases-links-block {
		display: block;
	}
	.cases-links-block + .cases-links-block {
		margin: 0 auto 60px;
	}
	.cases-links-head {
		color: #fff;
		font-size: 18px;
		font-weight: 200;
		text-align: center;
		width: 100%;
		line-height: 2.0;
	}
	.cases-links-body {
		display: block;
		padding: 25px 25px 15px;
		width: 100%;
	}
	.cases-links-body .links-list,
	.cases-links-body .links-list:nth-child(2),
	.cases-links-body .links-list:nth-child(3) {
		width: 100%;
	}

	/* .cases-boxes-block */
	.cases-boxes-block .block-ttl01 {
		margin: 0 auto 20px;
	}
	.cases-boxes-block .box-list .tag-list {
	    padding: 0 0 18px;
	}
	.cases-boxes-block .box-list .more-btn {
	    margin: 25px auto 0;
	}




	/* .seminar-block */
	.seminar-block {
		margin: 0 auto 60px;
	}
	.bnrs-block + .seminar-block {
		margin: 60px auto;
	}
	.seminar-block:last-child {
		margin: 0 auto 60px;
	}
	.seminar-block .block-ttl01 {
	    margin: 0 auto;
	}
	.seminar-block .inr {
	    padding: 25px 0 30px;
		display: block;
	}
	.seminar-block dl {
	    width: 100%;
	    margin: 0 0 15px;
	}
	.seminar-block dt {
	    width: 100%;
	    margin: 0 0 15px;
	}
	.seminar-block .more-btn {
	    font-size: 14px;
	}
	.seminar-block .pdf-links {
	    position: static;
	}
	.seminar-block .pdf-links li {
		margin: 15px 0 0;
		display: block;
	}

	/* .about-block01 */
	.about-block01 .inner {
		padding: 45px 25px;
		display: block;
	}
	.about-block01 dl {
		max-width: inherit;
		width: 100%;
		margin: 0 0 25px;
	}
	.about-block01 dt {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.about-block01 dd {
		font-size: 14px;
	}
	.about-block01 img {
		width: 90%;
		margin: 0 auto;
		display: block;
	}

	/* .about-block02 */
	.about-block02 {
		background-size: 100% auto;
		margin-bottom: 30px;
	}
	.about-block02 .inner {
		padding: 20px 25px;
		display: block;
	}
	.about-block02 dl {
		max-width: inherit;
		margin-right: 0;
		float: none;
	}
	.about-block02 dt {
		font-size: 20px;
		margin-bottom: 14%;
		float: right;
	}
	.about-block02 dd {
		clear: both;
		color: #535353;
		font-size: 14px;
		line-height: 1.62;
	}

	/* .about-block03 */
	.about-block03 .big-ttl01 {
		margin: 0 auto 30px;
	}
	.about-block03 .bnr-list02 {
		margin-top: 60px;
	}

	/* .support-block01 */
	.support-block01 {
		background-size: 100% auto;
		padding: 6% 0 0;
	}
	.support-block01 dl {
		max-width: inherit;
		margin-left: 0;
	}
	.support-block01 dt {
		font-size: 20px;
		margin-bottom: 12%;
	}
	.support-block01 dd {
		color: #535353;
		font-size: 14px;
	}

	/* .support-block02 */
	.support-block02 {
	    margin-top: 45px;
		padding-top: 45px;
		display: block;
	}
	.support-block02:first-child {
	    margin-top: 45px;
	}
	.support-block02 dl {
		width: 100%;
		padding-left: 0;
	}
	.support-block02 dt .num {
		font-size: 28px;
		line-height: 50px;
		width: 50px;
		height: 50px;
		display: inline-block;
		vertical-align: middle;
	}
	.support-block02 dt .ttl {
		font-size: 18px;
		display: inline-block;
		margin: 0 0 0 10px;
		vertical-align: middle;
	}
	.support-block02 dd {
		font-size: 14px;
		margin: 10px 0 20px;
	}
	.support-block02 img {
		width: 100%;
	}
	.support-block02 + .bnr-list02 {
	    margin-top: 80px;
	}

	/* .inquiry-product-block01 */
	.inquiry-product-block01 {
		background-size: 100% auto;
		padding: 30px 0 0;
	}
	.inquiry-product-block01 dl {
		max-width: inherit;
		width: 100%;
		margin: 0 0 25px;
	}
	.inquiry-product-block01 dt {
		border: none;
		font-size: 20px;
	}
	.inquiry-product-block01 dd.lead {
		color: #535353;
		font-size: 16px;
		margin: 16% 0 12px;
	}
	.inquiry-product-block01 dd.txt {
		color: #535353;
		line-height: 1.57;
	}

	/* .inquiry-product-block02 */
	.inquiry-product-block02 {
		padding: 0 0 70px;
	}
	.inquiry-product-block02 .txt-list-box01 {
		margin: 0 auto 40px;
	}
	.inquiry-product-block02 .balloon-box01 {
		margin: 0 auto 40px;
	}
	.inquiry-product-block02 .block-ttl01 {
		font-size: 20px;
	}
	.lower .inquiry-product-block02 .block-ttl01 + .mid-ttl01 {
		margin-top: 25px;
	}
	.lower .inquiry-product-block02 .block-ttl01 + .cmn-txt {
	    margin-top: 22px;
	}

	/* .contract-service-block01 */
	.contract-service-block01 {
		background-size: auto 100%;
		padding: 15% 0;
		margin-bottom: 40px;
	}
	.contract-service-block01 .catch {
		font-size: 14px;
		text-shadow: 0 0 7px #666, 0 0 7px #666, 0 0 7px #666, 0 0 7px #666;
		padding-left: 0;
		max-width: inherit;
	}

	/* .contract-service-block02 */
	.contract-service-block02 .txt-set01 + .more-btn,
	.postid-2310 .more-btn {
		font-size: 16px;
		line-height: 46px;
	    width: 100%;
	    height: 50px;
	    margin: 30px auto 50px;
	}
	.postid-2310 .more-btn {
	    line-height: 30px;
	    height: auto;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	/* .contract-service-block03 */
	.contract-service-block03 {
	   padding-bottom: 75px;
	}
	.contract-service-block03 .tbl-type-analysis thead th:first-child {
	    width: auto;
	}
	.contract-service-block03 .tbl-type-achive tbody th {
	    width: 120px;
	}

	/* teaching-material */
	.lower .txt-box01 + .block-ttl01.ttl-teach01 {
		margin-top: 40px;
	}
	.lower .col-box.col-teach01 {
		margin-top: 10px;
	}
	.lower .col-box.col-teach01 .col-teach01-txt {
		width: auto;
	}
	.lower .cmn-txt + .col-box.col-teach02 {
	    margin: 15px 0;
	}
	.lower .col-box.col-teach02 > div {
		margin: 0;
	}
	.lower .col-box.col-teach03 > div {
		margin: 0 0 10px;
	}
	.lower .col-box.col-teach03.teach03 > div:first-child {
		width: auto;
	}
	.lower .cmn-txt + .col-box.col-teach03 {
	    margin-top: 10px;
	}

	/* summary */
	.lower .txt-box01.txt-box01-summary dt {
		width: 90px;
	}
	.lower .col-box.col-summary01 {
	    margin: 30px auto 40px;
	}
	.lower .col-box.col-summary01 .links-box02 {
	    width: 100%;
	}
	.lower .col-box.col-summary01 .cmn-img {
	    margin-left: 0;
		margin-top: 20px;
	    width: 100%;
	}
	.lower .col-box.col-summary02 {
		margin-top: 20px;
	}
	.lower .col-box.col-summary02 .cmn-txt {
		width: 100%;
	    margin: 0;
	}
	.lower .col-box.col-summary02 .cmn-img {
	    margin: 10px 0 30px;
	    width: 100%;
	}
}



/*20200119追加*/

.links-list li.indent {
	margin: 0 0 15px 15px;
}
.links-list li.indent a {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.37;
	display: inline-block;
	padding: 5px 15px 5px 0;
}

.links-list li.indent a:before {
	content: '';
	background: none;
	width: 0;
	height: 0;
	vertical-align: middle;
	display: inline-block;
	margin: 0 18px 0 0;
	position: relative;
	top: -2px;
}




/* 20200121 追加 */

@media screen and (max-width: 767px){
  .home .web-seminar-box.flex > a{
    display: block;
    width: 36.9%;
    margin-right: 20px;
  }
  .home .web-seminar-box.flex img{
    width: 100%;
		margin: 0;
  }
}




/* 20200128 追加 */

@media screen and (min-width: 768px){
	.floating-nav{
		position: fixed;
		top: 33%!important;
		right: 0;
		width: 40px;
	}
	.floating-nav li{
		margin: 0 0 10px;
		padding-left: 40px;
	}
	.floating-nav li a{
		width: 122px;
		height: 130px;
		padding: 73px 10px 15px;
		position: relative;
		-webkit-transition: .2s;
		transition: .2s;
	}
	.floating-nav li:nth-child(1) a{
		background: url(img/ico_float01_on.png) #006d98 no-repeat center 25px / 28% !important;
	}
	.floating-nav li:nth-child(2) a{
		background: url(img/ico_float02_on.png) #006d98 no-repeat center 33px / 30% !important;
	}
	.floating-nav li:nth-child(3) a{
		background: url(img/ico_float04.png) #006d98 no-repeat center 27px / 33% !important;
	}
	.floating-nav li a:hover{
		-webkit-transform: translateX(-122px);
						transform: translateX(-122px);
		-webkit-transition: .3s;
						transition: .3s;
	}
	.floating-nav li:nth-child(1) a::before{
		content: '無料製品評価';
	}
	.floating-nav li:nth-child(2) a::before{
		content: 'お問い合わせ';
	}
	.floating-nav li:nth-child(3) a::before{
		content: '資料請求';
	}
	.floating-nav li a::before{
		letter-spacing: .01em;
		position: absolute;
		top: 0;
		right: 100%;
		width: 20px;
		padding: 0 10px;
		text-align: center;
		height: 100%;
		background-color: #0082b6;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}


/*20210330追加*/
#footer .footer-icon {
	font-size:27px;
	color:#fff;
	margin:35px 15px 0 0;
    display:inline-block;
}
#footer .footer-icon:nth-child(2) { font-size:29px; }
#footer .footer-col:nth-child(2) { margin:0; }

/* 20210624追加 */
.products-page-button {
	background: #007fb1;
    color: #fff;
    font-size: 1.3em;
    line-height: 50px;
    text-align: center;
    display: block;
    padding: 0 10px;
    width: 20%;
    margin-bottom: 20px;
	margin-right: 3%;
    white-space: nowrap;
	text-decoration:none !important;
}

.products-page-button:hover {
	opacity:0.75;
}

.product-page-space-adjustment-b1 {
	margin-bottom: 12%
}

@media screen and (max-width: 767px){
	.products-page-button {
		background: #007fb1;
	    color: #fff;
	    font-size: 1em;
	    line-height: 40px;
	    text-align: center;
	    display: block;
	    padding: 0 10px;
	    width: 50%;
	    margin-bottom: 3%;
		margin-right: 3%;
	    white-space: nowrap;
		text-decoration:none !important;
	}

	.product-page-space-adjustment-b1 {
		margin-bottom: 32%
	}
}

/* 20210701追加 */
.left-new{
	font-weight:bold;
	font-family:'Meiryo', 'sans-serif';
	position:relative;
	display:block;
	overflow:visible;
}
.left-new:before,
.left-new:after{
	display:block;
	position:absolute;
	left:-10px;
}
.left-new:before{
	content:"";
	border:6px solid transparent;
	border-top-color:#820404;
	border-right-color:#820404;
	top:32px;
}
.left-new:after{
	content:"NEW!";
	background:#9a0404;
	color:#fff;
	padding:0 24px;
	height:24px;
	line-height:24px;
	top:8px;
	z-index:10;
}

@media screen and (max-width: 767px){
	.left-new{
		font-weight:bold;
		font-family:'Meiryo', 'sans-serif';
		position:relative;
		display:block;
		overflow:visible;
	}
	.left-new:before,
	.left-new:after{
		display:block;
		position:absolute;
		left:-10px;
	}
	.left-new:before{
		content:"";
		border:6px solid transparent;
		border-top-color:#820404;
		border-right-color:#820404;
		top:22px;
	}
	.left-new:after{
		content:"NEW!";
		background:#9a0404;
		color:#fff;
		padding:0 16px;
		height:20px;
		line-height:20px;
		top:3px;
		z-index:10;
	}
}

.adjustment1 {
	padding: 10px
}

@media screen and (max-width: 767px){
	.adjustment1 {
		padding: 1px
	}
}

/* 20210715追加 */
.heeds-font1 {
	font-size: 1.3em !important;
	padding: 3% 0 1% 0;
}

.heeds-img1 {
	width: 40%
}

.heeds-img2 {
	width: 100%
}

.heeds-img3 {
	width: 100%
}

.heeds-img4 {
	width: 80%
}

@media all and (-ms-high-contrast: none) {
	.heeds-img3 {
		width: 62%
	}
}

.heeds-size1 {
	width: 560px;
	height: 315px;
}

.heeds-img-position1 {
	text-align: center;
}

.heeds-img-position2 {
	margin-bottom: 3%;
}

.heeds-page-settings {
	width: 100%;
	padding: 0 2.5% 0;
	display: flex;
	justify-content: space-around;
}

.heeds-layout {
	display: grid;
    display: -ms-grid;
    grid-template:
        "box1 box2" auto /
        500px 500px;
    -ms-grid-columns: 400px;
    -ms-grid-rows: auto auto;
    padding-top: 5%;
}

.heeds-layout1 {
	grid-area: box1;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	padding-right: 5.5%
}

.heeds-layout2 {
	grid-area: box2;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
}

@media screen and (max-width: 767px){
	.heeds-img1 {
		width: 100%
	}

	.heeds-img2 {
		width: 100%
	}

	.heeds-img3 {
		width: 100%
	}

	.heeds-img4 {
		width: 100%
	}

	.heeds-size1 {
		width: 100%;
		height: 100%;
	}

	.heeds-img-position1 {
		text-align: center;
	}

	.heeds-img-position2 {
		margin-bottom: 30px;
	}

	.heeds-page-settings {
		width: 100%;
		padding: 0 2.5% 0;
		display: flex;
		justify-content: space-around;
	}

	.heeds-layout {
		display: grid;
	    display: -ms-grid;
	    grid-template:
	        "box1" auto
			"box2" auto /
	        auto;
	    -ms-grid-columns: auto;
	    -ms-grid-rows: auto auto;
	    padding-bottom: 8%;
	}

	.heeds-layout1 {
		grid-area: box1;
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		padding-right: 0;
	}

	.heeds-layout2 {
		grid-area: box2;
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
}

/* 20210906追加 */
.cta-container {
	/* width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; */
	position: relative;
	/* background: #007fb1 */
	background: url(img/bg_dot01.png);
}

.cta-settings {
	width: 100%;
    display: flex;
    justify-content: space-around;
	padding-top: 30px;
	padding-bottom: 40px;
}

.cta-frame {
	display: grid;
    display: -ms-grid;
    grid-template:
        "box1 box2" 80px /
        150px 150px;
    -ms-grid-columns: 150px 150px;
    -ms-grid-rows: 80px;
    padding-top: 2%;
	column-gap: 10%;
}

.cta-frame1 {
	grid-area: box1;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.cta-frame2 {
	grid-area: box2;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
}

.cta-button1 {
	background: #007fb1;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	display: block;
	padding: 0 10px;
	width: 100%;
	margin-bottom: 20px;
	white-space: nowrap;
}

.cta-font1 {
	text-align: center;
    font-size: 2.3em;
	font-weight: 200;
    color: #007fb1;
	padding: 60px 0 0 0;
	opacity: 0.9;
	line-height: 1.3em;
}

.br-hidden-sp {
	display: unset;
}
/* 切替用 */
.switch-display {
	display: unset;
}

/* 以下スマホ */

@media screen and (max-width: 767px){
	.cta-settings {
		width: 100%;
	    display: flex;
	    justify-content: space-around;
		padding-top: 30px;
		padding-bottom: unset;
	}

	.cta-frame {
		display: grid;
	    display: -ms-grid;
	    grid-template:
	        "box1 box2" 80px /
	        150px 150px;
	    -ms-grid-columns: 150px 150px;
	    -ms-grid-rows: 80px;
	    padding-top: 2%;
		column-gap: unset;
	}

	.cta-frame1 {
		grid-area: box1;
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		padding-right: 10px;
	}

	.cta-frame2 {
		grid-area: box2;
		-ms-grid-column: 2;
		-ms-grid-row: 1;
		padding-left: 10px;
	}

	.cta-button1 {
		background: #007fb1;
		color: #fff;
		font-size: 12px;
		line-height: 50px;
		text-align: center;
		display: block;
		padding: 0 10px;
		width: 100%;
		margin-bottom: 20px;
		white-space: nowrap;
	}

	.cta-font1 {
		text-align: left;
	    font-size: 1.3em;
		font-weight: 200;
	    color: #007fb1;
		padding: 30px 20px 0 20px;
		opacity: 0.9;
	}

	.br-hidden-sp {
		display: none;
	}

	.switch-display {
		display: none;
	}
}

/* IEのみの表示 */
@media all and (-ms-high-contrast: none) {
	/* version1 */
	.cta-settings {
		width: 100%;
	    display: flex;
	    justify-content: space-around;
		padding-top: 10px;
	}

	.cta-frame {
		display: grid;
	    display: -ms-grid;
	    grid-template:
	        "box1 box2" 80px /
	        150px 150px;
	    -ms-grid-columns: 150px 150px;
	    -ms-grid-rows: 80px;
	    padding-top: 2%;
		column-gap: 10%
	}

	.cta-frame1 {
		grid-area: box1;
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		padding-right: 15px
	}

	.cta-frame2 {
		grid-area: box2;
		-ms-grid-column: 2;
		-ms-grid-row: 1;
		padding-left: 15px
	}
}
/* nst color */
.btn-nst {
    background-color: #0082b6 !important;
    border-color: #0082b6 !important;
}

.btn-nst:hover {
    opacity: 0.9;
}

/* 20220120追加必要がなくなったら削除（webセミナーシステムリリース後） */
.webinar-container {
	/* position: relative; */
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, auto);
	margin-bottom: 3%;
	text-align: center;
}

.webinar-item {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.video-overview-container {
	display: grid;
    display: -ms-grid;
    grid-template:
        "box1" auto
		"box2" auto /
        1fr;
    -ms-grid-columns: 1000px;
    -ms-grid-rows: auto auto;
	border: solid #8080809e;
	margin-bottom: 3%;
}

.video-overview-box1 {
	grid-area: box1;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	padding: 1% 0 1% 1%;
	font-size: 1.5em;
	border-bottom: dotted #8080809e;
}

.video-overview-box2 {
	grid-area: box2;
	-ms-grid-column: 1;
	-ms-grid-row: 2;
	padding: 1% 0 1% 1%;
	font-size: 1.5em;
	line-height: 1.3em;
}

.video-button-style1 {
    background-color: #0082b6;
    color: white;
    cursor: pointer;
    transition: 0.2s;
    border-color: #4da2c5;
    padding: 2% 8%;
}

.video-button-style1:hover {
    background-color: #0082b6;
    color: white;
    opacity: 0.8;
}

.video-button-style1:focus {
    outline: none;
    box-shadow: 0 0 0 0 white !important;
}

@media screen and (max-width: 767px){
	.webinar-container {
		/* position: relative; */
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(1, auto);
		margin-top: 10%;
		margin-bottom: 20%;
		text-align: center;
	}

	.webinar-item {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
}
/*bootstrap4 CDNでレイアウトが崩れるため追加*/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive-16by9::before {
  padding-top: 56.25%; /* 16:9 アスペクト比 */
}

.embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}