/*!
Theme Name: hs-theme
Theme URI:http://star-webstudio.com/
Author: hoshizaki-system
Author URI: http://star-webstudio.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hs-theme
*/html {
  font-family:sans-serif;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%
}
body {
  margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
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 {
  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"] {
  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-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
}
.screen-reader-text {
  clip:rect(1px, 1px, 1px, 1px);
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden
}
.screen-reader-text:focus {
  background-color:#f1f1f1;
  border-radius:3px;
  box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
  clip:auto !important;
  color:#21759b;
  display:block;
  font-size:14px;
  font-size:.875rem;
  font-weight:bold;
  height:auto;
  left:5px;
  line-height:normal;
  padding:15px 23px 14px;
  text-decoration:none;
  top:5px;
  width:auto;
  z-index:100000
}
#content[tabindex="-1"]:focus {
  outline:0
}
.alignleft {
  display:inline;
  float:left;
  margin-right:1.5em
}
.alignright {
  display:inline;
  float:right;
  margin-left:1.5em
}
.aligncenter {
  clear:both;
  display:block;
  margin-left:auto;
  margin-right:auto
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content:"";
  display:table;
  table-layout:fixed
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear:both
}
body,
button,
input,
select,
textarea {
  font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴPro W3",HiraKakuPro-W3,"Lucida Grande",Verdana,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color:#1A1A1A;
  font-size:16px
}
a {
  color:#1295FC
}
img {
  max-width:100%;
  height:auto;
  vertical-align:bottom
}
.mar0 {
  margin:0
}
.pat0 {
  padding:0
}
.mt0 {
  margin-top:0 !important
}
.mb0 {
  margin-bottom:0 !important
}
.mb16 {
  margin-bottom:16px
}
.mb20 {
  margin-bottom:20px
}
.mb24 {
  margin-bottom:24px
}
.mb32 {
  margin-bottom:32px
}
.mb40 {
  margin-bottom:40px
}
.mb48 {
  margin-bottom:48px
}
.mb56 {
  margin-bottom:56px
}
.mb64 {
  margin-bottom:64px
}
.mb80 {
  margin-bottom:80px
}
.mt80 {
  margin-top:80px
}
.mb120 {
  margin-bottom:120px
}
.mt20 {
  margin-top:20px
}
.mt32 {
  margin-top:32px
}
.pr8 {
  padding-right:8px
}
.fr {
  float:right
}
.fl {
  float:left
}
.clear {
  clear:both
}
.tac {
  text-align:center
}
.v-middle {
  vertical-align:middle
}
.v-bottom {
  vertical-align:bottom
}
.wcenter {
  width:1040px;
  margin-left:auto;
  margin-right:auto
}
.mcenter {
  display:block;
  margin-left:auto;
  margin-right:auto
}
.mb-content {
  display:none
}
.d-f {
  display:flex
}
.jc-c {
  justify-content:center
}
.jc-sa {
  justify-content:space-around
}
.jc-sb {
  justify-content:space-between
}
.jc-fe {
  justify-content:flex-end
}
.al-c {
  align-items:center
}
.al-fs {
  align-items:flex-start
}
.fd-cl {
  flex-direction:column
}
.td-n {
  text-decoration:none
}
.cl1 {
  max-width:1040px;
  margin-right:auto;
  margin-left:auto
}
.onside {
  width:1040px;
  margin:0 auto;
  padding-bottom:80px;
  display:flex;
  justify-content:space-between
}
.onside .incontent {
  min-width:800px;
  max-width:800px
}
.onside .incontent .block {
  width:100%;
  padding:40px;
  background:rgba(255,255,255,0.8);
  border-radius:8px;
  box-shadow:0px 0px 12px 0px rgba(0,0,0,0.15);
  box-sizing:border-box
}
.onside .incontent .block2 {
  width:100%;
  padding:40px;
  background:rgba(255,255,255,0.8);
  border-radius:0 0 8px 8px;
  box-sizing:border-box
}
.onside .incontent .block3 {
  width:100%;
  padding:40px 24px 24px;
  background:rgba(255,255,255,0.8);
  border-radius:0 0 8px 8px;
  box-sizing:border-box
}
.onside .incontent .block3 h3 {
  font-size:18px;
  font-weight:bold;
  color:#ffffff;
  background:#253E66;
  padding:4px 16px;
  margin:0 0 16px
}
.onside .incontent .block3 p {
  margin:0 16px;
  font-size:16px;
  color:#1A1A1A
}
.onside .incontent .block3 p .red {
  color:#FF0000
}
.onside .incontent .block3 ul li {
  font-size:18px;
  font-weight:bold
}
.onside .incontent .block3 ul li:not(:first-child) {
  margin-top:8px
}
.onside .incontent .block3 .box:not(:first-child) {
  margin-top:40px
}
.onside .incontent .block4 {
  width:100%;
  padding:40px 24px 24px;
  background:rgba(255,255,255,0.8);
  border-radius:8px;
  box-shadow:0px 0px 12px 0px rgba(0,0,0,0.15);
  box-sizing:border-box
}
.onside .incontent .block4 h3 {
  font-size:18px;
  font-weight:bold;
  color:#ffffff;
  background:#253E66;
  padding:4px 16px;
  margin:0 0 16px
}
.onside .incontent .block4 p {
  margin:0 16px;
  font-size:16px;
  color:#1A1A1A
}
.onside .incontent .block4 p .red {
  color:#FF0000
}
.onside .incontent .block4 ul li {
  font-size:18px;
  font-weight:bold
}
.onside .incontent .block4 ul li:not(:first-child) {
  margin-top:8px
}
.onside .incontent .block4 .box:not(:first-child) {
  margin-top:40px
}
.onside .incontent2 {
  min-width:800px;
  max-width:800px
}
.onside .incontent2 .block {
  width:100%;
  padding:40px 0;
  background:rgba(255,255,255,0.8);
  border-radius:8px;
  box-shadow:0px 0px 12px 0px rgba(0,0,0,0.15);
  box-sizing:border-box
}
.noside {
  max-width:1040px;
  margin:0 auto;
  padding-bottom:80px
}
.noside .block {
  width:100%;
  padding:40px;
  background:rgba(255,255,255,0.8);
  border-radius:8px;
  box-shadow:0px 0px 12px 0px rgba(0,0,0,0.15);
  box-sizing:border-box
}
.noside .block2 {
  width:100%;
  padding:80px;
  background:rgba(255,255,255,0.8);
  border-radius:0 0 8px 8px;
  box-shadow:0px 0px 12px 0px rgba(0,0,0,0.15);
  box-sizing:border-box
}
.pagetitle {
  line-height:1;
  margin:0
}
.pagetitle-text {
  display:flex;
  align-items:center;
  justify-content:center;
  height:240px;
  margin:0 auto;
  font-size:32px;
  color:#ffffff
}
.ul-title {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  font-size:28px;
  color:#1A1A1A;
  margin:0 0 12px
}
.ul-title:after {
  content:"";
  display:block;
  background:#1A1A1A;
  width:64px;
  height:2px;
  margin-top:8px
}
.sea1 {
  padding-top:80px;
  background:url("./img/bg-okinawa-sea.jpg") no-repeat;
  background-size:cover
}
.sea2 {
  padding-top:60px;
  background:url("./img/bg-sea.jpg") no-repeat;
  background-size:cover
}
header {
  max-width:100%;
  min-width:1040px;
  box-sizing:border-box;
  position:relative
}
header.topview {
  height:100%;
  background:url("./img/home-main-bg01.jpg") no-repeat;
  background-size:cover
}
header.subview {
  height:360px
}
.head-branding {
  margin-top:24px
}
.head-title {
  width:480px;
  height:88px;
  margin:0;
  line-height:1
}
.head-tel,
.head-fax {
  margin-right:28px
}
.head-mail {
  display:block;
  width:200px;
  height:36px;
  background-image:url('img/head-mail.png');
  background-repeat:no-repeat;
  background-position:center top;
  margin-right:16px
}
.head-mail:hover {
  background-position:center bottom
}
.head-info {
  display:flex;
  flex-direction:column;
  align-items:flex-end
}
.head-nav {
  width:700px;
  height:40px;
  border-radius:4px 0 0 4px;
  box-shadow:0px 0px 8px 0px rgba(0,0,0,0.15);
  background:#fff;
  padding:0 16px;
  box-sizing:border-box
}
.head-nav .parent {
  position:relative;
  -webkit-transition:background-color .3s;
  transition:background-color .3s;
  z-index:999;
  height:100%
}
.head-nav .parent a.main {
  display:flex;
  align-items:center;
  font-size:15px;
  color:#295FCB;
  font-weight:bold;
  text-decoration:none;
  z-index:999;
  height:100%
}
.head-nav .parent:hover .child {
  height:auto
}
.head-nav .parent:hover .child nav {
  border-top:12px solid #295FCB;
  border-bottom:12px solid #295FCB
}
.head-nav .parent:hover .child li {
  list-style:none
}
.head-nav .parent .child {
  display:flex;
  flex-direction:column;
  position:absolute;
  height:0;
  left:-24px;
  text-align:left;
  z-index:998;
  overflow:hidden;
  -webkit-transition:.5s height linear .15s;
  transition:.5s height linear .15s;
  box-sizing:border-box
}
.head-nav .parent .child:before {
  content:"";
  display:block;
  width:20px;
  height:8px;
  background:url("./img/sankaku-blue.png") no-repeat;
  margin-left:32px
}
.head-nav .parent .child nav {
  border-radius:4px;
  box-sizing:border-box
}
.head-nav .parent .child nav a {
  display:flex;
  align-items:center;
  font-size:15px;
  color:#FFFFFF;
  font-weight:bold;
  height:36px;
  white-space:nowrap;
  text-decoration:none;
  background:#4B79D3;
  padding:0 16px
}
.head-nav .parent .child nav a:not(:first-child) {
  border-top:1px solid #295FCB
}
.head-nav .parent .child nav a:before {
  content:"";
  width:20px;
  height:20px;
  background:url("./img/sankaku-white.png") no-repeat
}
.head-nav .slash:before {
  content:"/";
  font-size:15px;
  font-weight:bold;
  color:#295FCB
}
.head-pan {
  width:100%;
  height:40px;
  background:#666666
}
.head-pan .block {
  display:flex;
  align-items:center;
  width:960px;
  height:40px;
  margin:0 auto;
  color:#ffffff
}
.head-pan .block a,
.head-pan .block span {
  font-size:15px;
  text-decoration:none;
  color:#ffffff;
  margin:0 6px
}
.head-blue {
  background:#3361c4
}
.topview-text {
  font-size:40px;
  margin:0 auto;
  position:absolute;
  top:25%;
  color:#ffffff;
  left:17%;
  margin:0 auto;
  line-height:2;
  text-shadow:1px 1px 12px rgba(0,0,0,0.2);
  opacity:0;
  -webkit-transform:translateX(-30px);
  -moz-transform:translateX(-30px);
  -ms-transform:translateX(-30px);
  transform:translateX(-30px);
  -webkit-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-property:transform,opacity;
  -moz-transition-property:transform,opacity;
  -ms-transition-property:transform,opacity;
  -o-transition-property:transform,opacity;
  transition-property:transform,opacity;
  -webkit-transition-delay:.4s;
  -moz-transition-delay:.4s;
  -ms-transition-delay:.4s;
  -o-transition-delay:.4s;
  transition-delay:.4s
}
.topview-text-active {
  opacity:1;
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
  -ms-transform:translateX(0px);
  transform:translateX(0px)
}
.topview-scroll {
  display:block;
  width:88px;
  height:80px;
  position:absolute;
  right:0;
  left:0;
  bottom:12%;
  margin:0 auto
}
.subview {
  background:url("./img/info-title-bg.jpg") no-repeat;
  background-size:cover
}
.top-service {
  width:100%;
  padding:48px 0 80px;
  background:url("./img/home-service-bg.jpg") no-repeat;
  background-size:cover
}
.top-service nav {
  width:984px;
  margin:0 auto
}
.top-service nav .btn {
  display:block;
  width:296px;
  height:28px;
  background-image:url('img/home-service-syosai.png');
  background-repeat:no-repeat;
  background-position:center top
}
.top-service nav .btn:hover {
  background-position:center bottom
}

.top-service nav .btn2 {
	display: flex;
	height: 60px;
	width: 492px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	outline: none;
	color: #ffffff;
	border:1px solid #ffffff;
	background-color:#3266cd00;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.top-service nav .btn2:hover {
	color: #3266cd;
	border:1px solid #3266cd;
	background-color: #ffffff;
}
.top-info {
  width:944px;
  margin:48px auto 32px
}
.top-info .titlearea {
  position:relative
}
.top-info .titlearea .btn {
  display:block;
  width:88px;
  height:28px;
  background-image:url('img/home-info-ichiran.png');
  background-repeat:no-repeat;
  background-position:center top;
  position:absolute;
  right:0;
  top:26px
}
.top-info .titlearea .btn:hover {
  background-position:center bottom
}
.top-info .postarea .items {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:40px
}
.top-info .postarea .items:not(:first-child) {
  margin-top:12px
}
.top-info .postarea .items .date {
  font-size:14px;
  margin:0
}
.top-info .postarea .items .cate {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:13px;
  color:#295FCB;
  height:24px;
  border:1px solid #005471;
  border-radius:4px;
  min-width:83px;
  box-sizing:border-box;
  margin:0
}
.top-info .postarea .items .title {
  display:flex;
  align-items:center;
  width:732px;
  height:40px;
  text-decoration:none;
  background:#F4F4F4;
  padding:0 16px;
  box-sizing:border-box
}
.top-info .postarea .items .title h3 {
  margin:0;
  font-size:15px;
  font-weight:normal;
  color:#1A1A1A
}
.top-info .postarea .items .title:hover {
  background:#4B79D3
}
.top-info .postarea .items .title:hover h3 {
  color:#FFFFFF
}
.top-siza {
  width:740px;
  margin:0 auto
}
.top-siza .reimg {
  transform:scale(-1, 1)
}
.top-chatbot .title {
  display:flex;
  align-items:center;
  justify-content:center;
  height:48px;
  margin:0;
  font-size:22px;
  font-weight:bold;
  color:#FFFFFF;
  background:#E96142
}
.top-chatbot .subtitle {
  font-size:20px;
  color:#1A1A1A;
  text-align:center;
  margin:0 auto 20px
}
.top-chatbot .btn {
  margin:0 auto;
  display:block;
  width:400px;
  height:48px;
  background-image:url('img/chatbot-btn02.png');
  background-repeat:no-repeat;
  background-position:center top;
  box-shadow:1px 1px 8px 1px rgba(0,0,0,0.2)
}
.top-chatbot .btn:hover {
  background-position:center bottom
}
.top-chatbot .content {
  width:100%;
  padding:48px 0;
  background:url("./img/chatbot-bg.jpg");
  background-size:cover
}
.webBotarea {
  width:960px;
  margin:0 auto 48px
}
.webBotarea-timeline {
  width:100%;
  height:450px;
  margin:0 auto 20px;
  padding-bottom:56px;
  overflow:scroll;
  background:#ffffff;
  box-sizing:border-box
}
.webBotarea-timeline:after {
  content:"";
  clear:both
}
.webBotarea-com {
  float:left;
  display:flex;
  align-items:flex-start;
  max-width:520px;
  width:90%;
  margin:12px
}
.webBotarea-com span {
  width:100%;
  background:#FFFAD7;
  border-radius:30px 30px 30px 0;
  padding:12px 20px;
  margin-left:6px;
  box-sizing:border-box;
  box-shadow:1px 1px 4px 0px rgba(0,0,0,0.2)
}
.webBotarea-com:before {
  content:"";
  display:block;
  min-width:96px;
  height:96px;
  background:url("./img/chatbot-icon01.png") no-repeat;
  background-position:bottom
}
.webBotarea-customer {
  float:right;
  display:flex;
  align-items:flex-start;
  max-width:480px;
  width:90%;
  margin:12px
}
.webBotarea-customer span {
  width:100%;
  background:#FFFAD7;
  border-radius:30px 30px 0 30px;
  padding:12px 20px;
  margin-right:6px;
  box-sizing:border-box;
  box-shadow:1px 1px 4px 0px rgba(0,0,0,0.2)
}
.webBotarea-customer:after {
  content:"";
  display:block;
  min-width:96px;
  height:96px;
  background:url("./img/chatbot-icon02.png") no-repeat
}
.webBotarea-usrslect {
  float:left;
  width:55%;
  color:#E96142;
  border:1px solid #E96142;
  border-radius:4px;
  padding:12px 20px;
  margin:6px 0 6px 96px;
  box-sizing:border-box;
  cursor:pointer;
  text-align:center;
  font-weight:bold
}
.webBotarea-link {
  float:left;
  width:55%;
  color:#E96142;
  border:1px solid #E96142;
  border-radius:4px;
  padding:12px 20px;
  margin:6px 0 6px 96px;
  box-sizing:border-box;
  text-align:center;
  font-weight:bold
}
.webBotarea-link a {
  color:#E96142;
  text-decoration:none
}
.webBotarea-send {
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center
}
.webBotarea-chattxt {
  width:820px;
  min-height:48px;
  border:none;
  padding:4px 12px;
  box-sizing:border-box
}
.webBotarea-submit {
  display:block;
  width:128px;
  height:44px;
  background-image:url('img/chatbot-btn01.png');
  background-repeat:no-repeat;
  background-position:center top
}
.webBotarea-submit:hover {
  background-position:center bottom
}
.foot-link {
  padding-top:56px;
  background:url("./img/foot-link-bg.png") repeat-x
}
.foot-link .linkarea {
  width:960px;
  margin:0 auto
}
.foot-link .linkarea h3 {
  margin:0 0 28px;
  border-bottom:1px solid #ffffff
}
.foot-link .linkarea nav {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom:56px
}
.foot-link .linkarea nav a {
  display:block;
  margin-bottom:24px;
  min-width:200px;
  max-width:200px;
  height:40px
}
.foot-link .linkarea nav a:not(:first-child) {
  margin-left:52px
}
.foot-link .linkarea nav a img {
  width:100%;
  height:auto
}
.foot-link .mountain {
  width:100%;
  height:48px;
  background:url("./img/foot-link-mountain.png") repeat-x
}
.foot-site {
  padding:56px 0;
  background:#00A3C9
}
.foot-main {
  width:1040px;
  margin:0 auto;
  display:flex;
  justify-content:space-between
}
.foot-info {
  max-width:744px;
  min-width:744px
}
.foot-address {
  font-size:14px;
  color:#ffffff;
  margin:0
}
.foot-navarea h3 {
  font-size:24px;
  color:#ffffff;
  margin:0 0 24px;
  padding-left:16px;
  border-bottom:1px solid #ffffff
}
.foot-navarea nav {
  display:flex;
  padding:0 16px
}
.foot-navarea nav li {
  font-size:14px;
  color:#ffffff
}
.foot-navarea nav li.main {
  list-style:none
}
.foot-navarea nav li.main a {
  font-size:16px;
  font-weight:bold
}
.foot-navarea nav li.main:before {
  content:"\025cb";
  display:inline-block;
  font-size:12px;
  margin-right:8px
}
.foot-navarea nav li:not(.main) {
  margin-left:4px
}
.foot-navarea nav li a {
  text-decoration:none;
  color:#ffffff
}
.foot-navarea nav li a:hover {
  text-decoration:underline
}
.foot-navarea nav.nav {
  justify-content:space-between
}
.foot-navarea nav.nav li:not(:first-child) {
  margin-top:12px
}
.foot-navarea nav.nav2 {
  border-top:1px solid #ffffff;
  margin-top:12px;
  padding-top:12px
}
.foot-navarea nav.nav2 li:not(:first-child) {
  margin-left:48px
}
.foot-copy {
  display:flex;
  justify-content:center;
  align-items:center;
  height:48px;
  font-size:14px;
  font-weight:normal;
  color:#ffffff;
  background:#0E4747;
  margin:0
}
#biz_calendar {
  width:240px !important
}
#gotop {
  position:fixed;
  z-index:9999;
  bottom:48px;
  right:40px
}
#gotop a {
  display:block;
  width:80px;
  height:72px;
  background-image:url('img/page-top.png');
  background-repeat:no-repeat;
  background-position:center top
}
#gotop a:hover {
  background-position:center bottom
}
.info-head {
  background:url("./img/info-title-bg.jpg") no-repeat;
  background-size:cover
}
.info-postarea .items:not(:first-child) {
  margin-top:32px;
  padding-top:32px;
  border-top:4px solid #ffffff
}
.info-postarea .inner {
  padding:0 24px;
  box-sizing:border-box
}
.info-postarea .cate {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:13px;
  color:#295FCB;
  border:1px #005471 solid;
  border-radius:4px;
  min-width:80px;
  padding:2px 0;
  background:#ffffff;
  margin:0 0 8px
}
.info-postarea .date {
  font-size:14px;
  color:#4D4D4D;
  margin:0 0 8px
}
.info-postarea .title {
  text-decoration:none;
  color:#1A1A1A
}
.info-postarea .title h2 {
  font-size:24px;
  color:#1A1A1A;
  padding:0 16px 8px;
  margin:0 0 16px;
  border-bottom:1px solid #1A1A1A
}
.info-postarea .content {
  font-size:15px;
  margin:0;
  padding:0 16px
}
.info-postarea .content a {
  font-size:15px;
  text-decoration:none;
  color:#808080
}
.info-mountain {
  width:100%;
  height:48px;
  background:url("./img/foot-link-mountain.png") repeat-x
}
.page_navi {
  display:flex;
  margin-top:24px;
  margin-left:40px
}
.page_navi .wp-pagenavi {
  display:flex
}
.page_navi .wp-pagenavi .page,
.page_navi .wp-pagenavi .current {
  width:40px;
  font-size:18px;
  height:40px;
  border:#808080 solid 1px;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  box-sizing:border-box
}
.page_navi .wp-pagenavi .page {
  color:#1A1A1A;
  background:#fff;
  border:#808080 solid 1px
}
.page_navi .wp-pagenavi .current {
  color:#fff;
  background:#2a3e63
}
.page_navi .wp-pagenavi .nextpostslink,
.page_navi .wp-pagenavi .previouspostslink {
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:0;
  border:#808080 solid 1px;
  font-size:18px;
  color:#1A1A1A;
  background:#ffffff;
  box-sizing:border-box
}
#secondary {
  max-width:208px;
  min-width:208px;
  box-sizing:border-box
}
.side-content {
  margin-top:4px
}
.side-content li {
  display:flex;
  align-items:flex-start;
  background:#ffffff;
  padding:8px 6px;
  margin-top:1px;
  list-style:none
}
.side-content li:before {
  content:'';
  display:block;
  min-width:16px;
  max-width:16px;
  height:16px;
  margin:2px 4px 0 0;
  background:url("./img/side-arrow.png") no-repeat
}
.side-content li a {
  font-size:14px;
  color:#1295FC
}
.side-post h3 {
  font-size:16px;
  font-weight:bold;
  color:#1A1A1A;
  margin:0 0 4px;
  background:#FFF2EE;
  padding:12px 8px
}
.side-post li:before {
  content:"・";
  background:none;
  margin-top:0
}
.side-postcontent h3 {
  font-size:16px;
  font-weight:bold;
  color:#1A1A1A;
  margin:0 0 4px;
  background:#FFF2EE;
  padding:12px 8px
}
.side-product h3 {
  font-size:16px;
  font-weight:bold;
  color:#1A1A1A;
  margin:0 0 4px;
  background:#ecf3ff;
  padding:12px 8px
}
.side-product li a {
  color:#1A1A1A;
  text-decoration:none
}
.side-underline1 {
  border-top:4px solid #E96142;
  margin:4px 0 40px
}
.side-underline2 {
  border-top:4px solid #253E66;
  margin:4px 0 40px
}
.single-inner .catearea {
  display:flex;
  justify-content:space-between
}
.single-inner .cate {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:13px;
  color:#295FCB;
  border:1px #005471 solid;
  min-width:80px;
  padding:2px 0;
  background:#ffffff;
  margin:0 0 8px;
  border-radius:4px
}
.single-inner .date {
  font-size:14px;
  color:#4D4D4D;
  margin:0 0 8px
}
.single-inner .date span {
  margin:0 6px
}
.single-inner .title {
  font-size:32px;
  color:#1A1A1A;
  margin:0 0 48px;
  padding:0 16px 8px;
  border-bottom:1px solid #1A1A1A
}
.single-inner .content {
  padding:0 16px;
  margin-bottom:48px;
  word-break:break-all
}
.single-inner .content:after {
  content:"";
  clear:both
}
.single-inner .content img {
  max-width:100%;
  height:auto
}
.single-inner .content iframe {
  max-width:100%
}
.single-kanrentitle {
  font-size:18px;
  font-weight:bold;
  margin:0 0 24px;
  padding:8px 16px;
  background:#253E66;
  color:#FFFFFF
}
.single-kanren .items {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:40px
}
.single-kanren .items:not(:first-child) {
  margin-top:12px
}
.single-kanren .items .date {
  font-size:14px;
  margin:0;
  color:#4D4D4D
}
.single-kanren .items .cate {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:13px;
  color:#295FCB;
  height:24px;
  border:1px solid #005471;
  border-radius:4px;
  min-width:83px;
  box-sizing:border-box;
  background:#FFFFFF;
  margin:0
}
.single-kanren .items .title {
  display:flex;
  align-items:center;
  width:520px;
  height:40px;
  text-decoration:none;
  background:#FFFFFF;
  padding:0 16px;
  box-sizing:border-box
}
.single-kanren .items .title h3 {
  margin:0;
  font-size:15px;
  font-weight:normal;
  color:#1A1A1A
}
.single-kanren .items .title:hover {
  background:#4B79D3
}
.single-kanren .items .title:hover h3 {
  color:#FFFFFF
}
.single-links {
  display:flex;
  justify-content:space-between;
  background:#EBF3FF;
  margin-top:24px;
  padding:6px 32px
}
.single-links p {
  margin:0;
  color:#1295FC;
  font-size:15px
}
.single-links p.info:before {
  content:"|";
  margin-right:32px
}
.single-links p.info:after {
  content:"|";
  margin-left:32px
}
.single-links p a {
  color:#1295FC;
  font-size:15px
}
.single-links p a:hover {
  text-decoration:none
}
.about-head {
  background:url("./img/company-title-bg.jpg") no-repeat;
  background-size:cover
}
.about-title {
  font-size:28px;
  color:#FFFFFF;
  margin:0;
  background:#7ACCC4;
  height:104px
}
.about-title:after {
  background:#FFFFFF
}
.about-title2 {
  margin:32px 0 12px
}
.about-table {
  border-bottom:1px dashed #808080
}
.about-table .tr {
  display:flex;
  width:100%;
  border-top:1px dashed #808080
}
.about-table .tr .th {
  width:150px;
  padding:20px 32px;
  font-size:16px;
  font-weight:bold;
  color:#1A1A1A;
  background:#CEE2F4;
  box-sizing:border-box;
  margin:0
}
.about-table .tr .td {
  width:570px;
  padding:20px 32px;
  font-size:16px;
  color:#1A1A1A;
  box-sizing:border-box;
  margin:0;
  background:#FFFFFF
}
.about-address {
  font-size:16px;
  color:#ffffff;
  text-align:center;
  background:#618C89;
  margin:0;
  padding:6px 0
}
#about2 {
  margin-top:80px
}
.inquiry-head {
  background:url("./img/general-title-bg.jpg") no-repeat;
  background-size:cover
}
.inquiry-title {
  background:#7ACCC4;
  position:relative;
  padding:32px 0 24px
}
.inquiry-title p {
  text-align:center
}
.inquiry-title .mascot {
  position:absolute;
  bottom:0;
  left:80px
}
.inquiry-text {
  text-align:center;
  margin:24px 0 0
}
.inquiry-table {
  margin:40px 0;
  padding-bottom:40px;
  border-bottom:1px dashed #9E9E9E
}
.inquiry-table .tr {
  display:flex;
  justify-content:space-between;
  align-items:flex-start
}
.inquiry-table .tr:not(:first-child) {
  margin-top:28px
}
.inquiry-table .th {
  width:220px;
  margin:16px 0 0;
  font-weight:bold
}
.inquiry-table .th span {
  font-size:14px;
  font-weight:normal;
  color:#FF0000;
  margin-left:12px
}
.inquiry-table .td {
  width:665px;
  box-sizing:border-box
}
.inquiry-table .td input[type="email"],
.inquiry-table .td input[type="tel"],
.inquiry-table .td input[type="text"] {
  width:100%;
  max-width:100%;
  height:44px;
  border:1px solid #D4D4D4
}
.inquiry-table .td textarea {
  width:100%;
  height:200px;
  border:1px solid #D4D4D4
}
.inquiry-table .td .wpcf7-checkbox {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}
.inquiry-table .td .wpcf7-checkbox .wpcf7-list-item {
  margin-left:0
}
.inquiry-table .td select {
  max-width:100%;
  height:44px;
  padding:4px 12px;
  box-sizing:border-box;
  background:#ffffff;
  border:1px solid #D4D4D4;
  border-radius:0
}
.inquiry-table .typeblock {
  border:1px solid #D4D4D4;
  border-radius:4px;
  padding:16px
}
.inquiry-table .privacy-text {
  width:665px;
  height:200px;
  overflow:scroll;
  font-size:14px;
  color:#1A1A1A;
  background:#fffff6;
  padding:8px 12px;
  margin-bottom:20px;
  border:1px solid #D4D4D4;
  box-sizing:border-box
}
.inquiry-pri {
  display:flex;
  justify-content:center;
  margin-bottom:20px
}
.inquiry-submit {
  display:flex;
  justify-content:center
}
.inquiry-submit #submit {
  text-indent:-9999px;
  border:none;
  box-shadow:none;
  display:block;
  width:360px;
  height:56px;
  background-image:url('img/contact-send.png');
  background-repeat:no-repeat;
  background-position:center top;
  box-shadow:1px 1px 8px 1px rgba(0,0,0,0.2)
}
.inquiry-submit #submit:hover {
  background-position:center bottom
}
.recruit-head {
  background:url("./img/general-title-bg.jpg") no-repeat;
  background-size:cover
}
.recruit-table {
  width:720px;
  margin:24px auto 0
}
.gsv-mainview {
  background:rgba(255,255,255,0.8);
  padding:16px 0
}
.gsv-text {
  display:flex;
  align-items:center;
  height:90px;
  background:#7AC8CC
}
.gsv-text h2 {
  display:flex;
  align-items:center;
  justify-content:center;
  width:43%;
  height:90px;
  margin:0;
  font-size:22px;
  color:#FFFFFF;
  border-right:1px solid #ffffff;
  box-sizing:border-box
}
.gsv-text p {
  width:57%;
  margin:0;
  padding:0 24px;
  font-size:15px;
  color:#FFFFFF;
  box-sizing:border-box
}
.gsv-imgarea {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:40px
}
.gsv-imgarea img:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
  margin-top:16px
}
.gsv-orange {
  font-size:18px;
  color:#E96142;
  text-align:center;
  margin:0 0 8px
}
.gsv-workbtn {
  display:block;
  width:280px;
  height:40px;
  background-image:url('img/btn-jirei.png');
  background-repeat:no-repeat;
  background-position:center top;
  margin:0 auto
}
.gsv-workbtn:hover {
  background-position:center bottom
}
.gsv-contactbtn {
  display:block;
  width:280px;
  height:40px;
  background-image:url('img/btn-contact.png');
  background-repeat:no-repeat;
  background-position:center top;
  margin:16px auto 32px
}
.gsv-contactbtn:hover {
  background-position:center bottom
}
.gsv-qoq {
  font-size:16px;
  font-weight:normal;
  color:#C92B2B;
  background:#FFFFFF;
  padding:4px 12px;
  text-align:center;
  margin:0
}
.service-copy {
  max-width:1040px;
  font-size:26px;
  text-align:center;
  color:#253E66;
  margin:0 auto 60px
}
.service-box {
  box-shadow:0px 0px 12px 0px rgba(0,0,0,0.15)
}
.service-box:not(:first-child) {
  margin-top:48px
}
.service-box .imgarea {
  width:100%;
  position:relative
}
.service-box .imgarea img {
  width:800px;
  height:200px
}
.service-box .imgarea .btn {
  display:block;
  width:240px;
  height:56px;
  background-image:url('img/general-btn-syosai.png');
  background-repeat:no-repeat;
  background-position:center top;
  position:absolute;
  top:80px;
  right:40px;
  z-index:100
}
.service-box .imgarea .btn:hover {
  background-position:center bottom
}
.service-box .linkarea {
  display:flex;
  flex-wrap:wrap;
  font-size:15px;
  color:#1A1A1A;
  background:rgba(255,255,255,0.8);
  border-radius:0 0 8px 8px;
  padding:6px 16px
}
.service-box .linkarea .slash:before {
  content:"/";
  font-size:15px;
  color:#295FCB;
  margin:0 16px
}
.service-child-head {
  display:flex;
  flex-wrap:wrap;
  font-size:15px;
  color:#1A1A1A;
  background:#FFFFFF;
  padding:6px 24px
}
.service-child-head .slash:before {
  content:"/";
  font-size:15px;
  color:#295FCB;
  margin:0 16px
}
.service-child-body {
  background:rgba(255,255,255,0.8);
  padding-top:40px
}
.service-child-title {
  background:#7ACCC4;
  color:#FFFFFF;
  height:104px;
  margin-bottom:0
}
.service-child-title:after {
  background:#FFFFFF
}
.service-child-box {
  padding:40px 24px 80px
}
.service-child-items {
  display:flex;
  justify-content:space-between;
  align-items:flex-start
}
.service-child-items:not(:first-child) {
  margin-top:32px;
  padding-top:32px;
  border-top:1px solid #DDDDDD
}
.service-child-items .thumbnail {
  width:150px;
  height:150px
}
.service-child-items .textarea {
  width:586px
}
.service-child-items .textarea .title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px 8px;
  margin-bottom:12px;
  border-bottom:1px solid #1A1A1A
}
.service-child-items .textarea .title h3 {
  font-size:20px;
  font-weight:bold;
  color:#1A1A1A;
  margin:0
}
.service-child-items .textarea .title .maker {
  font-size:13px;
  color:#295FCB;
  background:#FFFFFF;
  border:1px #005471 solid;
  margin:0;
  padding:2px 12px
}
.service-child-items .textarea .content {
  font-size:16px;
  color:#1A1A1A;
  margin:0 16px 24px
}
.service-child-items .textarea .linkarea {
  display:flex;
  margin:0 16px
}
.service-child-items .textarea .linkarea a {
  display:block
}
.service-child-items .textarea .linkarea a:not(:first-child) {
  margin-left:16px
}
.service-child-items .textarea .linkarea a.makerlink {
  display:block;
  width:144px;
  height:24px;
  background-image:url('img/general-btn-maker.png');
  background-repeat:no-repeat;
  background-position:center top
}
.service-child-items .textarea .linkarea a.makerlink:hover {
  background-position:center bottom
}
.service-child-items .textarea .linkarea a.syohinsyosai {
  display:block;
  width:144px;
  height:24px;
  background-image:url('img/general-btn-syohinsyosai.png');
  background-repeat:no-repeat;
  background-position:center top
}
.service-child-items .textarea .linkarea a.syohinsyosai:hover {
  background-position:center bottom
}
.for-company-head {
  background:url("./img/general-title-bg.jpg") no-repeat;
  background-size:cover
}
.for-financial-institutions-head {
  background:url("./img/financial-title-bg.jpg") no-repeat;
  background-size:cover
}
.for-medical-institutions-head {
  background:url("./img/medical-title-bg.jpg") no-repeat;
  background-size:cover
}
.akarina-df {
  display:flex;
  align-items:flex-start;
  justify-content:space-between
}
.akarina-df img {
  display:block;
  margin-left:16px;
  max-width:100%;
  height:auto
}
.akarina-df2 {
  display:flex;
  align-items:flex-start
}
.akarina-df2 ul:first-child {
  margin-right:56px
}
.akarina-control {
  display:flex;
  justify-content:center;
  margin-bottom:20px
}
.akarina-control img {
  display:block
}
.akarina-control img:not(:first-child) {
  margin-left:24px
}
.akarina-syanetst {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin:0 20px 20px
}
.akarina-syanetst img {
  display:block
}
.akarina-syanetst img:not(:first-child):not(:nth-child(2)) {
  margin-top:24px
}
.akarina-syanetst img:nth-child(2n) {
  margin-left:40px
}
.akarina-makerlink {
  display:block;
  width:280px;
  height:40px;
  background-image:url('img/btn-maker.png');
  background-repeat:no-repeat;
  background-position:center top;
  margin:0 auto 32px
}
.akarina-makerlink:hover {
  background-position:center bottom
}
.akarina-contact {
  display:block;
  width:280px;
  height:40px;
  background-image:url('img/btn-contact.png');
  background-repeat:no-repeat;
  background-position:center top;
  margin:0 auto
}
.akarina-contact:hover {
  background-position:center bottom
}
@media only screen and (max-width: 1030px) {
  header {
    min-width:100%
  }
  .head-info .d-f {
    display:none
  }
  .head-nav {
    width:auto
  }
  .head-pan .block {
    width:95%
  }
  .foot-main {
    width:95%;
    margin:0 auto;
    justify-content:center
  }
  .foot-main #bizcalendar-3 {
    display:none
  }
  #secondary {
    display:none
  }
  .onside {
    width:100%;
    justify-content:center
  }
}