/*
Theme Name: enjoy
Description: 株式会社エンジョイ
Author: enjoy
Version: 1.0.0
 */

 /********************************************************************************
General Setting
********************************************************************************/
html {
  font-size: 62.5%;
}

body {
  color: #333333;
  font-family: "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	padding-bottom: 0px;
	font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
}

.frame0 {
  border: 0px;
}

a, a:hover, a:focus {
  color: #333333;
  text-decoration: none;
}

hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px solid #cccccc;
  overflow: hidden;
  clear: both;
}


/**********************************
bootstrap4 hack
**********************************/
div[class*='col-'][class^='col-'] {
  float: left;
}
/**********************************
IE hack svg
**********************************/
img[src$=".svg"] {
  width: 100%;
}
.card-ie-fix {
  overflow: hidden;
}
/* --------------------------------
img
-------------------------------- */
img {
  max-width: 100%;
  height: auto;
}

.img-center {
  margin: 0 auto;
}

/* --------------------------------
hover zoom
-------------------------------- */
.zoombox {
  overflow: hidden;
}
.zoombox > img {
  height: auto;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.zoombox:hover > img  {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

/* --------------------------------
hover transition all
-------------------------------- */
.transition {
  transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* opera */
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}

/* --------------------------------
block justify-center-middle
-------------------------------- */
.justify-center-middle-wrap {
  position: relative;
  padding: 0;
  border: 15px solid transparent;
  background: transparent;
  transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}

.justify-center-middle-txtbox {
  position: relative;
  padding: 0;
  margin: 1.25rem;
  border: 1px solid #5d5349;
}

.justify-center-middle-txt {
  color: #5d5349;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.justify-center-middle-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}


/********************************************************************************
typo Setting
********************************************************************************/
/* --------------------------------
headline
-------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 15px 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  position: relative;
}

/* --------------------------------
gmb style
-------------------------------- */
.gmb-img {
  margin: 10px 44px;
  width: 80px;
}

.balloon {
  position: relative;
  display: inline-block;
  margin: 0.7em;
  padding: 34px 20px;
  font-size: 12px;
  width: 150px;
  height: 150px;
  font-weight: bold;
  background: #f7f7f7;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f7f7f7;
  z-index: 0;
}

ul.qa-section {
  list-style: none;
  padding-left: 0;
}

li.qa-section {
  background:  left 0px top 3px no-repeat;
  background-size: 20px auto;
  padding-left: 40px;
  padding-bottom: 10px;
}

li.qa-section:nth-child(1) {
  background-image: url(assets/images/2021/04/Q.png);
  background-size: 30px;
  margin-bottom: 10px;
  font-size: 2rem;
}


li.qa-section:nth-child(2) {
  background-image: url(assets/images/2021/04/A.png);
  background-size: 30px;
  margin-bottom: 50px;
  font-size: 2rem;
}

#front-page-block h1 {
  color: #0068b7;
  padding: 15px 0;
  font-size: 24px;
  position: relative;
}

#main-block h1 {
  background-color :rgba(255,255,255,0.7);
  display: inline-block;
  padding:15px 30px;
}

#page-content h2, #page-content .h2 {
  border-top: solid 5px #eeeeee;
  padding: 15px 0;
  color: #0068b7;
  font-size: 24px;
  position: relative;
}

#page-content h2::after,
#page-content .h2::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #0068b7;
  top: -5px;
  width: 20%;
}

#page-content h3, #page-content .h3,
#main-block h3, #main-block .h3 {
  color: #ffffff;
  padding: 10px 15px;
  background: #0068b7;
}

#page-content h4, #page-content .h4,
#main-block h4, #main-block .h4 {
  color: #186b9a;
  border-left: 3px solid #186b9a;
  padding: 5px 15px;
  background: #eeeeee;
}

#page-content h5, #page-content .h5,
#main-block h5, #main-block .h5 {
  color: #0068b7;
  padding: 5px 15px;
  background: #d5f2ff;
}

#page-content h6, #page-content .h6, #main-block h6, #main-block .h6 {
  color: #1d2a5a;
  font-size: 16px;
  font-size: 1.6rem;
  border-left: 3px solid #1d2a5a;
  padding: 5px 15px;
}

em {
  font-size: 0.8em;
  line-height: 0.8em;
}

.deco-square-before {
  position: relative;
}

.deco-square-before::before {
  content: "\025a0";
  color: #0068b7;
  margin-right: 5px;
}

#page-content .tab-title {
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 15px;
  background: #a70913;
  display: inline-block;
  margin-bottom: 0;
  border-left: none;
}

.post-meta,
.newsDay,
.newsCate,
.newsTxt,
.newsThumb,
.post-cat {
  display: inline-block;
}

.post-date {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 1px;
  margin-right: 5px;
}

.post-meta {
  padding: 5px 5px 5px 5px;
  position: relative;
}

.post-meta .post-cat a {
  color: #0275d8;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857143;
  text-align: center;
  font-weight: bold;
  transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}

.post-cat a+a::before {
  display: inline-block;
  padding-right: .8rem;
  padding-left: .5rem;
  color: #636c72;
  content: "/";
}

/* --------------------------------
etc
-------------------------------- */
.xs-block { display: block;}
.xs-inline { display: inline-block;}

.ver-rl-wrap {
  position: absolute;
  right: 0;
}
.ver-rl-title {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.ver-rl {
  position:relative;
  padding-top:2em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.ver-rl::before {
    content: '一、';
    position:absolute;
    top:0;
}

/* --------------------------------
text-rbn
-------------------------------- */
.text-rbn {
  color: #fff;
	background-color: #0068b7;
  display: inline-block;
  padding: 5px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  background-image: none;
}
.text-rbn-s {
	color: #fff;
	background-color: #0068b7;
	display: inline-block;
	padding: 2px 15px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	background-image: none;
	margin-top: -3px;
}
.text-rbn-wht {
  color: #0068b7;
  background-color: #ffffff;
  display: inline-block;
  padding: 5px 30px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border-radius: 20px;
}

/********************************************************************************
btn Layout
********************************************************************************/
.btn-default {
  color: #333333;
  background-color: #eee;
  border-color: transparent;
  border-radius: 0;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
  color: #fff;
  background-color: #333333;
  border-color: transparent;
}
.btn-primary {
  color: #fff;
  border-color: #475ca9;
  background-color: #475ca9;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #1d2a5a;
  border-color: transparent;
}

/* --------------------------------
unordered list
-------------------------------- */
ul.checklist {
  list-style: none;
  padding-left: 0;
}
ul.checklist li {
  position: relative;
  padding: 15px 10px 15px 30px;
  border-bottom: 1px solid #1d2a5a;
}
ul.checklist li:before {
  color: #1d2a5a;
  content: "\f046";
  font-family: FontAwesome;
  position: absolute;
  top: 15px;
  left: 0;
}

/********************************************************************************
bdr layout
********************************************************************************/
.bdr-none { border: none; }
.bdr-left { border-left: 1px solid #1d2a5a;}
.bdr-top { border-top: 1px solid #cccccc;}
.bdr-top-dashed { border-top: 1px dashed #cccccc;}
.bdr-btm-main { border-bottom: 1px solid #0068b7;}
.bdr-btm-dotted { border-bottom: 1px dotted #0068b7;}

.bdrbox,
blockquote {
  width: 100%;
  display: inline-block;
  padding: 15px 15px 10px;
  margin-bottom: 15px;
  font-weight: normal;
  vertical-align: middle;
  -moz-user-select: none;
  background: #ffffff;
  background-image: none;
  border: 5px solid #eeeeee;
}

.whitebox {
  width: 100%;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  vertical-align: middle;
  background: #ffffff;
  border-left: 2px solid #333333;
}

.flowbox {
  padding: 15px;
  border: 3px solid #e5e5e5;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  margin-bottom: 0px;
  font-weight: normal;
  vertical-align: middle;
  -moz-user-select: none;
  background-image: none;
}


/********************************************************************************
table layout
********************************************************************************/
/****************************************
Gutenberg table
*****************************************/

#main-block .wp-block-table td, .wp-block-table th {
  padding: 15px 5px;
  word-break: break-all;
}

#main-block .is-style-regular th, .is-style-regular td {
  border: 2px solid #333333;
}

#main-block .is-style-regular th {
  min-width: 9em;
  text-align: center;
  background: #eeeeee;
}

/****************************************
base table
*****************************************/
table {
  width: 100%;
  max-width: 100%;
  margin: 15px 0;
  border-bottom: 1px solid #eee;
  background-color: #ffffff;
}

table h1, table .h1, table h2, table .h2, table h3, table .h3, table h4, table .h4, table h5, table .h5, table h6, table .h6 {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 15px 5px;
  vertical-align: middle;
  border: 1px solid #1d2a5a;
}

table.ph15 th, table.ph15 td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.pw15 th, table.pw15 td {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

table.th6em tr:first-child th:nth-child(1),
table.th6em tr:first-child td:nth-child(1) {
    width: 6em;
}
table.th12em tr:first-child th:nth-child(1),
table.th12em tr:first-child td:nth-child(1) {
    width: 12em;
}
table.th30 tr:first-child th:nth-child(1),
table.th30 tr:first-child td:nth-child(1) {
    width: 30%;
}

table.th-center th {
    text-align: center;
}

table.td-center td {
    text-align: center;
}

table.va-middle th {
    vertical-align: middle !important;
}

table th span {
    font-size: 0.8em;
}
.table-line td,
.table-line th {
  border-left: none;
  border-right: none;
}
.table-line-light td,
.table-line-light th {
  border-color: #cccccc;
  border-left: none;
  border-right: none;
}
.table-bordered {
  border: 3px solid #1d2a5a;
}
.table-no td,
.table-no th {
  border: none;
}

table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}
table.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05);
}

table.mobile-block th, table.mobile-block td {
  display: block;
}

table.th-r th {
  text-align:left;
}

/********************************************************************************
header Layout
********************************************************************************/
header {}

#head-wrap {
}

.logo-wrap {
}

/********************************************************************************
card Setting
********************************************************************************/
.card {
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
  }

.card-header {
  margin-bottom: 0;
  border-bottom: none;
  background-color: #f7f7f9;
  position: relative;
  max-height:130px !important
}

.card-footer {
  border-top: none;
  background-color: transparent;
}

.card-bdr {
  border: 15px solid #ffffff;
  background-color: #ffffff;
}

/********************************************************************************
megamenu Setting
********************************************************************************/
.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px;
}

/********************************************************************************
navi Setting
********************************************************************************/
.navbar-wrap {
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 1);
}

.navbar, .navbar-nav {
  width: 100%;
}
.menu-item {
}

.navbar-nav .menu-item a {
  text-align: center;
  display: block;
  padding: 5px;
}

.navbar-brand {
  width: 50%;
  height: inherit;
}

.navbar-brand img {
  max-width: 260px;
}

.navbar-toggler {
  border: none;
}

.navbar-default .navbar-toggler .icon-bar {
  background-color: #333;
}

.navbar-toggler {
  padding: 9px 5px;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 5px;
}

button:focus {
  outline: none;
}
.navbar .nav li a {
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  background: none no-repeat transparent;
  border-top: 1px solid #333333;
  padding: 15px 15px;
}

/****************************************
** toggle effect
*****************************************/
.navbar-toggle {
	border: none;
  position: relative;
  margin: 0;
  padding: 12px 10px;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
  height: 2px;
  border-radius: 1px;
  display: block;
}
.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}
.navbar-toggle .top-bar {
	-webkit-transform: translateY(6px) rotate(-45deg);
	-ms-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.navbar-toggle .middle-bar {
	opacity: 0;
}
.navbar-toggle .bottom-bar {
	-webkit-transform: translateY(-6px) rotate(45deg);
	-ms-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}
.navbar-toggle.collapsed .top-bar {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #0062b2;
}

/********************************************************************************
COMMON SETTING
********************************************************************************/
/**********************************
BLOCK BASE
**********************************/
.main-container {}
.container-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
}
.container-top {
  padding-top: 30px;
}
.container-bottom {
  padding-bottom: 30px;
}
.block-header {
}

#page-header {
}
.mainvisual-header {
  background: url(assets/images/share/ogpimg.png) no-repeat center center #ffffff;
  background-image: none;
  display: table;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.about-header {
  background: url(assets/images/share/ogpimg.png) no-repeat center center #ffffff;
  background-image: none;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page-header-inner {
  min-height: 200px;
  padding: 30px 0;
}

.content-block {
  padding-top: 30px;
  padding-bottom: 30px;
}

.wide-boxes {
  position: relative;
  overflow: hidden;
  background: #333;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33;
}

.wide-boxes .entry {
  text-align: center;
  position: relative;
  z-index: 10;
  margin: 100px 100px;
}

.block-title h2 {
  color: #3d884e;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #3d884e;
  border-bottom: 1px solid #3d884e;
}

.block-title-wht h2 {
  color: #fff;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#contents {
  /*overflow: hidden;ishikawa del*/
  clear: both;
}

.linkbtn {
  position: absolute;
  top: 20px;
  right: 20px;
}

.rightposition {
  position: absolute;
  right: 5px;
}


.img-ov-contents {
  position: absolute;
  z-index: 5;
  bottom: 0;
  display: block;
  padding: 20px 30px;
  color: #fff;
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.fadeInUp {
  visibility: hidden;
}

.post-edit-link {
  padding: 15px;
  border: 2px solid #333333;
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
}

.post-edit-link:hover {
  color: #ffffff;
  background: #333333;
}

/********************************************************************************
INDEX PAGE
*********************************************************************************/

/**********************************
SLIDER BLOCK
**********************************/
.slide-block {
  overflow: hidden;
  background-color: #ffffff;
}
/****** slider custom ******/
.slide-block .metaslider .flexslider {
  margin: 0;
}

.flex-control-nav {
  bottom: 20px !important;
  z-index: 5;
}
.flex-control-paging li a {
  background: #ffffff !important;
}
.flex-control-paging li a:hover {
  background: #a4a4a4 !important;
}
.flex-control-paging li a.flex-active {
  background: #b2a79c !important;
}

#sliderMain .flex-direction-nav .flex-prev {
  left: 36px;
}
#sliderMain .flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 36px;
}


/********************************************************************************
INDEX
*********************************************************************************/

/* --------------------------------
MAIN-BLOCK
-------------------------------- */
#front-page-block {
position: relative;
}

.content-editlink a {
  display: block;
}

/* --------------------------------
PICKUP-BLOCK
-------------------------------- */
 #pickup-block {}

 #pickup-block .card {
 }

 #news-tab {
  display: flex;
}

.no-bdr-tab.nav-tabs .nav-item {
  padding: 0;
  display: flex;
  border-right: 1px solid #ffffff;
}
.no-bdr-tab.nav-tabs .nav-link {
  color: #666666;
  border: none;
  background: #eeeeee;
  border-radius: 0;
  flex: 1 1 100%;
}

.no-bdr-tab.nav-tabs .nav-link:hover {
    color: #333333;
    background: #f0ad4e;
}
.no-bdr-tab.nav-tabs .nav-link.active {
  color: #ffffff;
  background: #a70913;;
}

/* --------------------------------
INFO-BLOCK
-------------------------------- */

.loop-list li {
  padding: 5px 0;
  border-bottom: 1px solid #0068b7;
}

/****************************************
** carousel Setting
*****************************************/
.slide-block {
  overflow: hidden;
}

.slide-wrap {
  position: relative;
  margin: 0;
}

.slide_caption {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
}

.slide-cat,
.slide-title {
  color: #fff;
	background-color: #e45901;
  display: inline-block;
  margin-bottom: 0;
  padding: 5px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.42857143;
  vertical-align: middle;
  background-image: none;
}

.slide-cat {
  background-color: #c62a2e;
}

/****************************************
slick-theme.css
*****************************************/
/* Slider */
.slick-loading .slick-list
{
  background: #fff url(assets/images/share/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face
{
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/slick.eot');
  src: url('assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('assets/fonts/slick.woff') format('woff'), url('assets/fonts/slick.ttf') format('truetype'), url('assets/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    /*margin-bottom: 15px;*/
}

.slick-dots {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 25px;
  height: 20px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}


.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 50%;
  left: 0;

  width: 25px;
  height: 4px;
  margin-top: -2px;

  content: "";
  text-align: center;

  background: #bdbdbd;
  transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* opera */
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}
.slick-dots li.slick-active button:before {
  background: #ff6000;
}

.slick01 .slick-dots {
  text-align: right!important;
}

.slick01 .slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 50%;
  left: 0;

  width: 15px;
  height: 15px;
  margin-top: -2px;

  content: "";
  text-align: center;
  border-radius: 50%;

  background: #fff;
  transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* opera */
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}

.slick01 .slick-dots li.slick-active button:before {
  background: #bdbdbd;
}

.slick02 .slick-dots {
  text-align: right!important;
}

.slick02 .slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 50%;
  left: 0;

  width: 15px;
  height: 15px;
  margin-top: -2px;

  content: "";
  text-align: center;
  border-radius: 50%;

  background: #fff;
  transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* opera */
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}

.slick02 .slick-dots li.slick-active button:before {
  background: #bdbdbd;
}

.slick02 li {
  position: relative;
}

.slick02 .caption-wrap {
  background: black;
  margin: 0 0.5rem 0.5rem;
  opacity: 0.7;
  padding: 0;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  display: inline-block;
  line-height: 1.4em;
}

.slick02 .caption {
  color: #FFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  padding: 0.7rem 1rem;
  text-align: left;
}

/* --------------------------------
** NEWS BLOCK
-------------------------------- */

#info-block {
}

.bg-left-cover,.bg-right-cover {
  width: 100%;
  min-height: 200px;
  padding: 60px 15px;
}

.bg-left-cover-s,.bg-right-cover-s {
  width: 100%;
  min-height: 200px;
  padding: 10px 15px;
}

#link-block .bg-right-cover-s {
  padding: 60px 15px;
  background-color: #eceeef;
}

.color-type1 .bg-left-cover {
  background-color: #1d2a5a;
}

.color-type1 .bg-right-cover {
  /*background-color: #3c4a7f;*/
}

.color-type1  .container-wrap {
  color: #ffffff;
}

ul.infolist li {
  border-bottom: 1px solid #ccc;
  padding: 15px 10px;
  list-style: none;
  margin-bottom: 0px;
  position: relative;
}

ul.infolist li:first-child {
  border-top: 1px solid #ccc;
}

ul.infolist li a {
  color: #ffffff;
}

ul.infolist li .infoDate,
ul.infolist li .infoCate {
  font-size: 13px;
  font-size: 1.3rem;
  margin-right: 10px;
}

ul.infolist li .infoCate  {
  color: #fff;
  background: #f00;
  display: inline-block;
}

ul.infolist li .infoCate a {
  color: #fff;
  padding: 1px 5px;
  background: #0a2f8f;
  display: block;
  font-size: 10px;
  font-size: 1.0rem;
  border-left: 2px solid #b30101;
}

ul.infolist li .infoCate a:hover {
  background: #b30101;
}

/* --------------------------------
SCENE-BLOCK
-------------------------------- */
#scene-block {
}

.scene-title {
  position: absolute;
  top: -15px;
  right: 0;
  font-weight: bold;
}

#scene-block .card-title {
  color: #1d2a5a;
  background: none;
  padding: 5px 0;
}

/* --------------------------------
POST-CONTENT
-------------------------------- */
#page-content .post-content-wrap {
}

/* --------------------------------
RELATED-BLOCK
-------------------------------- */
#related-block.card {
}

/* --------------------------------
ABOUT-BLOCK
-------------------------------- */
.color-type2 .bg-right-cover {
  background: #eceeef;
}

/* --------------------------------
CONTACT-BLOCK
-------------------------------- */
#contact-block {
}

#contact-block .bg-left-cover {
  background: #a70913;
}
#contact-block .bg-right-cover {
  background: #660000;
}

/* --------------------------------
ONE-COL-BLOCK
-------------------------------- */
#one-col-block {
  background: url(assets/images/sample/samplefooter.jpg) no-repeat center center #eee;
  width: 100%;
  min-height: 200px;
  padding: 100px 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#one-col-block .card {
  background-color: rgba(255,255,255,0.8);
  border: none;
}

#one-col-block:hover .card {
  background-color: rgba(255,255,255,1);
  border: none;
}


/********************************************************************************
CONTENTS
*********************************************************************************/
/* --------------------------------
POST-CONTENT
-------------------------------- */
#page-child-block .post-content-wrap:nth-child(even) {
  background: #f6f4f3;
}

#page-child-block .justify-center-middle-wrap:hover {
}

#page-child-facilities h2.item_title {
  color: #ffffff;
  padding: 10px 15px;
  background: #1d2a5a;
  border-radius: 10px;
}

#page-child-sumire h2.item_title {
  color: #ffffff;
  padding: 10px 15px;
  background: #d9534f;
  border-radius: 10px;
}

#page-child-sumire h3.childPage-title {
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  border-left: 3px solid #d9534f;
  padding: 5px 15px;
  background: #e23b36;
  border-radius: 0;
}

#page-child-sumire h3.childPage-card-title  {
  color: #d9534f;
  font-size: 16px;
  font-size: 1.6rem;
  border-left: 3px solid #d9534f;
  padding: 5px 15px;
  background: #efefef;
  border-radius: 0;
}

/********************************************************************************
CATEGORY
*********************************************************************************/
/* --------------------------------
RECRUIT
-------------------------------- */
.category-recruit #sub-block h3.childPage-title {
  color: #ffffff;
  border-left: 3px solid #d9534f;
  background: #ff0000;
}

/********************************************************************************
SIDEBAR
*********************************************************************************/
#sidebar .widget h3 {
  padding: 5px 5px 5px 10px;
}

#sidebar .widget ul {
  list-style: none;
  padding: 0px;
}

#sidebar .widget ul li {
  position: relative;
}

#sidebar .widget ul li a {
  border-bottom: 1px solid #ccc;
  padding: 15px 10px;
  vertical-align: middle;
  display: block;
  margin-bottom: 0px;
  position: relative;
}

#sidebar .widget ul li a::after {
  content:"\f0da";
  font-family: FontAwesome;
  float: right;
}

#sidebar .widget ul li.current-menu-item a::after {
  content:"\f00c";
  font-family: FontAwesome;
  float: right;
}

#sidebar .widget_archive .screen-reader-text {
  display: none;
}

#sidebar select {
  color: #3e4148;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  display: table-cell;
  width: 100%;
  height: 39px;
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/********************************************************************************
footer Setting
*********************************************************************************/
footer {
  background: #ffffff;
  letter-spacing:1.5px;
}

footer .ftwrap {
}

#footer-sitemap-block {
  font-size: 13px;
  font-size: 1.3rem;
}

#footer-sitemap-block ul li.parent-menu {
  margin-bottom: 10px;
}

footer .widget_nav_menu ul {
  padding-left: 0;
  margin: 5px 0;
}
footer .widget_nav_menu ul li {
  display: inline-block;
  margin: 5px 0;
}

footer .widget_nav_menu ul li:first-child {
  border-left: none;
}

footer .widget_nav_menu ul li a {
  padding: 2px 20px 2px 5px;
}

footer .widget_nav_menu ul {
  display: table;
  width: 100%;
  text-align: center;
}

footer .widget_nav_menu ul li {
  display: block;
  float: none;
  text-align: left;
}

footer .widget_nav_menu ul li a {
  font-weight: bold;
  display:inline-block;
}

footer .widget_nav_menu ul.sub-menu li a {
  font-weight: normal;
}

footer .widget_nav_menu ul.sub-menu li a:before {
  color: #ffffff;
  content:"-";
  margin-right: 5px;
}

footer .menu-submenu-container {
  text-align: center;
  font-size:12px;
  font-size:1.2rem;
}

footer .menu-submenu-container ul li {
  display: block;
  margin: 10px 0;
}

footer .menu-submenu-container a {
  color: #888888;
}

.copywrap {
}

/********************************************************************************
etc setting
********************************************************************************/
/****************************************
VK-CHILDPAGE-CUSTOM
*****************************************/
#page-content .veu_childPage_list h3 {
  color: #186b9a;
  font-size: 16px;
  font-size: 1.6rem;
  border-left: 3px solid #186b9a;
  padding: 5px 15px;
  background: #efefef;
  border-radius: 0;
}

.childPage-title {
    color: #ffffff;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 15px;
    background: #0068b7;
    border-radius: 0;
}

.page-child .childPage-title a {
    color: #ffffff;
    font-size: 16px;
}

#page-content .veu_pageList_ancestor h3 {
  color: #186b9a;
  font-size: 16px;
  font-size: 1.6rem;
  border-left: 3px solid #186b9a;
  padding: 5px 15px;
  background: #efefef;
  border-radius: 0;
}

#page-content .veu_pageList_ancestor h3 a {
  color: #186b9a;
}

#page-content .veu_pageList_ancestor h3::after {
  color: #186b9a;
  content: "メニュー";
}

.veu_pageList_ancestor {
  clear: both;
  margin: 2.5em 0 1em;
  padding: 15px;
  border: 3px solid #efefef;
  box-shadow: inset 0px 0px 0px 1px #fff;
}

.veu_pageList_ancestor ul.pageList a {
  display: block;
  position: relative;
  padding: 15px 10px 15px 20px;
  border-bottom: 1px solid #dddddd;
  color: #333;
  font-size: 14px;
}

.veu_pageList_ancestor ul.pageList a:before {
  color: #efefef;
  content: "\f068";
  font-family: FontAwesome;
  position: absolute;
  top: 15px;
  left: 0;
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out; /* opera */
  -moz-transition: all 0.5s ease-out; /* firefox */
  -webkit-transition: all 0.5s ease-out; /* chrome, safari */
  -ms-transition: all 0.5s ease-out; /* ie */
}

.veu_pageList_ancestor ul.pageList a:hover::before {
  color: #f0ad4e;
}

/****************************************
searchbox
*****************************************/
.search-form .form-control {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.25;
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  border: 1px solid #ffffff;
  border-radius: 0;
}

.search-form {
  padding-top: 10px;
  padding-bottom: 10px;
}

.search-form .form-group {
  margin: 0px;
  border: 1px solid #ffffff;
  border-radius: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* --------------------------------
** page top
-------------------------------- */
#page-top {
  display: none;
  position: fixed;
  bottom: 13px;
  right: 20px;
  line-height: 1;
  letter-spacing: normal;
  z-index: 10;
}

#page-top a {
  color: #ffffff;
  font-size: 28px;
  background: #cccccc;
  text-align: center;
  text-decoration: none;
  padding: 6px 12px;
  display: block;
  border-bottom: 1px solid #ffffff;
}

#page-top a:hover {
  background: #0068b7;
}


/* --------------------------------
** form
-------------------------------- */
.form-group .time-block span {
   display: inline-block;
   margin-right: 10px;
 }

.mfield {
	color: #fff;
	background-color: #e91e63;
	display: inline-block;
	padding: 2px 15px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	background-image: none;
	/* border-radius: 20px; */
	margin-top: -3px;
	margin-left: 10px;
}

/****************************************
          contact form 7
*****************************************/
.form-horizontal .form-group {
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
  /*border-left: 5px solid #D6D1B7;*/
  margin-bottom: 0px;
}

.form-horizontal .control-label {
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: left;
}

#form-user .form-group {
  border-left: 5px solid #f06;
}

select.form-control:not([size]):not([multiple]) {
  height: 39px;
}

.form-control {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  color: #464a4c;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
}

.form-control.readonly {
  border: none;
  background-color: #f5f5f5;
}

.wpcf7-checkbox span.wpcf7-list-item {
  display: block;
}

div.wpcf7 .ajax-loader {
    display: none;
}

#form-user .form-group.nobdr-left {
  border-left: none;
}

#form-user .nobdr-left .control-label {
  border-left: none;
}

/**********************************
** iframe responsive
**********************************/
/* ---- youtube etc ---- */
.embed-container,
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.gmap.embed-container {
  padding-bottom: 300px;
}
.embed-container iframe {
  border: 0;/*w3cfix*/
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/**********************************
video background
**********************************/

.video-header {
  position: relative;
}

.dotted-overlay {
  background-image :url(assets/images/share/dotted-bg.png) ;
  background-repeat: repeat;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/**********************************
FB幅マニュアル対応
**********************************/
.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span {
    width: 100%! important;
}
.fb-container iframe, .fb-container object, .fb-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px;
}

/**********************************
** WP MAINTENANCE MODE
**********************************/
.wrap {
  width: 100%;
  margin: 0;
  text-align: left;
}
.wrap h1 {
  margin: 0;
}
.wrap h2 {
  display: none;
}
#coming-head1 {
  background: #fbafb8;
}

/********************************************************************************
** pager SETTING
********************************************************************************/
#pager-block {
}

/************************************
** シングルページネーション
************************************/
ul.pager {
  padding: 15px 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  clear: both;
}

.pager li, .pagination>li {
    display: inline;
}

.pager li>a, .pager li>span {
  color: #ffffff;
  display: inline-block;
  padding: 5px 14px;
  background-color: #0068b7;
  border: 1px solid #0068b7;
}

.pager .previous>a, .pager .previous>span {
  float: left;
}

.pager .next>a, .pager .next>span {
  float: right;
}

.pager li > a:focus, .pager li>a:hover {
  color: #ffffff;
  background-color: #1d2a5a;
  border-radius: 0;
}

/************************************
** アーカイブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 14px;
  line-height: 1.5;
  text-decoration: none;
  color: #202935;
  background-color: #ffffff;
  border: 1px solid transparent;
  margin-left: -1px;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: inherit;
  text-rendering: auto;/*nonstandard*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
 background-color: #e6e1dc;
 cursor: default;
 pointer-events: none;/*nonstandard*/
}

.pagination > li:first-child > a {
  /*border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;*/
}

.pagination > li:last-child > a {
  /*border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;*/
}


@media only screen and ( max-width: 680px ) {
  .content-header .patent {
    margin: 0 0 -10px 0;
  }
  .zoombox > img.patent-img {
    height: 150px;
  }
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}


 /********************************************************************************
pege setting
********************************************************************************/

body {
overflow-x:hidden;
}
.bg-100 {/*記事背景100%用*/
  box-sizing: border-box;
  margin-left: calc(((100vw - 44rem) / 2) * -1);
  margin-right: calc(((100vw - 44rem) / 2) * -1);
  padding: 1.5em calc((100vw - 44rem) / 2);
  background-color: #eeeeee;
  padding-top: 100px;
  padding-bottom: 100px;
}
.iconclm {
	color:#0068b7
}

/* 特許 */
#mainvisual .patent {
  font-size: 1.1rem;
  width: 210px;
  text-align: center;
  margin: 0 auto;
}
.content-header .patent {
  font-size: 1.5rem;
  width: 260px;
  text-align: center;
  color: white;
  padding: 5px;
  background-color: #4f02cac9;
}

h1.content-title {
	background:none !important;
	border:none !important;
	font-size:50px
}
h1.content-title span {
	font-size:22px;
	margin-top:25px
}
.ft-mail {
	color:#0068b7
}

@media only screen and (max-width:781px) {

.wp-block-columns {/*Gutenbergカラム落ち修正*/
    display: flex;
    flex-direction: column; /* ブロックを縦に表示させる */
}
.wp-block-column {/*Gutenbergスマホ1カラム調整*/
	margin-right:0 !important;
	margin-left:0 !important;
}
.sp-clmimg {/*Gutenbergカラム表示入れ替え*/
	flex-direction: column-reverse;
}
.iconclm {/*アイコン部分スマホもカラム変えない*/
		flex-direction: row;
		flex-wrap: nowrap;
}
.iconclm img {
	width:50%
}
h1.content-title {
	font-size:24px
}
h1.content-title span {
	font-size:18px;
}

.qa-section-columns {
	flex-wrap: nowrap !important;
	flex-direction: row !important;
	width: 100%;
}
div.qa-section-columns div.wp-block-column {
	text-align: center;
}

.gmb-img {
	margin: 14px 36px;
	max-width: 33%;
}

.balloon {
	margin: 0.2em;
	padding: 28px 10px;
	font-size: 8px;
	width: 100px;
	height: 100px;
	font-weight: bold;
	background: #f7f7f7;
	border-radius: 50%;
	box-sizing: border-box;
}
}
@media only screen and (max-width:466px) {
.bg-100 {/*xs用記事背景100%用*/
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left:25px !important;
  padding-right:25px !important;
}
}


/* --------------------------------
text btn
-------------------------------- */
.text-btn-s {
  color: #fff;
	background-color: #0068b7;
  display: inline-block;
  margin-bottom: 4px;
  padding: 5px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
}

.text-btn {
  color: #fff;
	background-color: #0068b7;
  display: inline-block;
  margin-bottom: 4px;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
}

.text-btn:hover,
.text-btn-block:hover {
  color: #fff;
  background-color: #004a82;
}

.text-btn-red {
  color: #fff;
  background-color: #E91E63;
  display: inline-block;
  margin-bottom: 4px;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
}

.text-btn-red:hover {
  color: #fff;
  background-color: #7d1e24;
}

.text-btn-yellow {
  color: #fff;
	background-color: #eaa645;
  display: inline-block;
  margin-bottom: 4px;
  padding: 8px 12px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
}


.text-btn-yellow:hover {
  color: #fff;
  background-color: #bf7b1a;
}

.navbar .nav li a.text-btn {
  color: #fff;
  background-color: #0068b7;
  display: inline-block;
  margin-bottom: 4px;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  border: none;
  display: block;
}


/* --------------------------------
bdr button
-------------------------------- */

.navbar .nav li a .text-btn {
  color: #333333;
  background-color: transparent;
  margin-bottom: 4px;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857143;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #333333;
  display: block;
}

.bdr-btn {
  color: #0068b7;
  background-color: transparent;
  margin-bottom: 4px;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857143;
  vertical-align: middle;
  background-image: none;
  border: 2px solid #0068b7;
  display: block;
}

.bdr-btn.active, .bdr-btn.focus, .bdr-btn:active, .bdr-btn:focus, .bdr-btn:hover {
  color: #ffffff;
  background-color: #0068b7;
  border-color: transparent;
}

.bdr-btn-dark {
  color: #333333;
  background-color: transparent;
  margin-bottom: 4px;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857143;
  vertical-align: middle;
  background-image: none;
  border: 2px solid #333333;
  display: block;
}

.bdr-btn-dark.active, .bdr-btn-dark.focus, .bdr-btn-dark:active, .bdr-btn-dark:focus, .bdr-btn-dark:hover {
  color: #ffffff;
  background-color: #333333;
  border-color: transparent;
}

.bdr-btn-white {
  color: #ffffff;
  background-color: transparent;
  margin-bottom: 4px;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857143;
  vertical-align: middle;
  background-image: none;
  border: 2px solid #ffffff;
  display: block;
}

.bdr-btn-white.active, .bdr-btn-white.focus, .bdr-btn-white:active, .bdr-btn-white:focus, .bdr-btn-white:hover {
  color: #0068b7;
  background-color: #ffffff;
  border-color: transparent;
}

.wht-btn {
  color: #1d2a5a;
	background-color: #fff;
  border-color: #1d2a5a;
}

.wht-btn.active, .wht-btn.focus, .wht-btn:active, .wht-btn:focus, .wht-btn:hover {
  color: #1d2a5a;
	background-color: #fff;
  border-color: transparent;
}



/* --------------------------------
font-size fix
-------------------------------- */
.text-xl {
	font-size: 28px;
  font-size: 2.4rem;
	line-height: 1.2;
}

.text-l {
	font-size: 24px;
  font-size: 2.4rem;
	line-height: 1.2;
}

.text-m {
	font-size: 18px;
  font-size: 1.8rem;
	line-height: 1.2;
}

.text-s {
	font-size: 14px;
  font-size: 1.4rem;
}

.text-xs {
	font-size: 12px;
  font-size: 1.2rem;
}

/* --------------------------------
txt-hidden
-------------------------------- */
.txt-hidden {
    background-image: none;
    background-color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* --------------------------------
Color fix
-------------------------------- */
.fc-main { color: #0068b7;}
.fc-sub { color: #0275d8;}
.fc-lightgray { color: #1d2a5a;}
.fc-gray { color: #f5f5f5;}
.fc-dark{ color: #1d2a5a;}
.fc-white,
.fc-white a,
.fc-white a:hover,
.fc-white a:active {
  color: #ffffff;
}

.bg-main { background-color: #0068b7;}
.bg-sub { background-color: #e2f1f9;}
.bg-gray { background-color: #f5f5f5;}
.bg-wht { background-color: #ffffff;}
.bg-sub50 { background-color: rgba(0, 104, 183, 0.5);}
.bg-wht80 { background-color: rgba(255,255,255,0.8);}

.bg-drop { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);}

.bg-img-donuts {
  background-image :url(assets/images/share/bg-img-donuts.png);
  background-position: top right;
  background-repeat: no-repeat;
}


.list-bg-img {
  background-image :url(assets/images/share/list-bg.png);
  background-repeat: repeat;
}

.list-bgw-img {
  background-image :url(assets/images/share/list-bgw.png) ;
  background-repeat: repeat;
}

.dotted-bg {
  background-image :url(assets/images/share/dotted-bg.png) ;
  background-repeat: repeat;
}

.bg-gradient {
    background: #fff;
    background: -moz-linear-gradient(top, transparent 0%, transparent 15%, #f1f1f1 5%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 15%, #f1f1f1 5%, #f1f1f1 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, #f1f1f1 5%, #f1f1f1 100%);
}

.bg-vw100 {
    background-color: #f5f5f5;
    width: 100vw;
    position: relative;
    background-size: cover;
}

/* --------------------------------
** text-deco
-------------------------------- */
strong, b,
.strong {
  font-weight: bold;
}
.font-text {
  font-family: "Noto Sans Japanese";
  font-weight: 700;
}
.eng-text {
  font-family: 'Roboto', sans-serif;
}


/* --------------------------------
Layout fix
-------------------------------- */
/* --------------------------------
margin fix 5 10 15 20 30 45 60
-------------------------------- */
.mt0 { margin-top: 0px; }
.mt5 { margin-top: 5px; }
.mt10 {	margin-top: 10px; }
.mt15 {	margin-top: 15px; }
.mt20 {	margin-top: 20px; }
.mt30 {	margin-top: 30px; }
.mt45 {	margin-top: 45px; }
.mt60 {	margin-top: 60px; }
.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 5px; }
.mb10 {	margin-bottom: 10px; }
.mb15 {	margin-bottom: 15px; }
.mb20 {	margin-bottom: 20px; }
.mb30 {	margin-bottom: 30px; }
.mb45 {	margin-bottom: 45px; }
.mb60 {	margin-bottom: 60px; }
.mr0 { margin-right: 0px; }
.mr5 { margin-right: 5px; }
.mr10 {	margin-right: 10px; }
.mr15 {	margin-right: 15px; }
.mr20 {	margin-right: 20px; }
.mr30 {	margin-right: 30px; }
.mr45 {	margin-right: 45px; }
.mr60 {	margin-right: 60px; }
.ml0 { margin-left: 0px; }
.ml5 { margin-left: 5px; }
.ml10 {	margin-left: 10px; }
.ml15 {	margin-left: 15px; }
.ml20 {	margin-left: 20px; }
.ml30 {	margin-left: 30px; }
.ml45 {	margin-left: 45px; }
.ml60 {	margin-left: 60px; }

.mh0 { margin-top: 0px; margin-bottom: 0px; }
.mh10 { margin-top: 10px; margin-bottom: 10px; }
.mh15 { margin-top: 15px; margin-bottom: 15px; }
.mh30 { margin-top: 30px; margin-bottom: 30px; }
.mh45 { margin-top: 45px; margin-bottom: 45px; }
.mh60 { margin-top: 60px; margin-bottom: 60px; }

.mw0 { margin-right: 0px; margin-left: 0px; }
.mw10 { margin-right: 10px; margin-left: 10px; }
.mw15 { margin-right: 15px; margin-left: 15px; }
.mw30 { margin-right: 30px; margin-left: 30px; }
.mw45 { margin-right: 45px; margin-left: 45px; }
.mw60 { margin-right: 60px; margin-left: 60px; }

.mt-15 { margin-top: -15px; }
.mt-30 { margin-top: -30px; position:relative; z-index: 99;}

.row.nm0 {
  margin-right: 0px;
  margin-left: 0px;
}

/* --------------------------------
padding fix 5 10 15 20 30 45 60
-------------------------------- */
.pt0 { padding-top: 0px; }
.pt5 { padding-top: 5px; }
.pt10 {	padding-top: 10px; }
.pt15 {	padding-top: 15px; }
.pt20 {	padding-top: 20px; }
.pt30 {	padding-top: 30px; }
.pt45 {	padding-top: 45px; }
.pt60 {	padding-top: 60px; }
.pb0 { padding-bottom: 0px; }
.pb5 { padding-bottom: 5px; }
.pb10 {	padding-bottom: 10px; }
.pb15 {	padding-bottom: 15px; }
.pb20 {	padding-bottom: 20px; }
.pb30 {	padding-bottom: 30px; }
.pb45 {	padding-bottom: 45px; }
.pb60 {	padding-bottom: 60px; }
.pr0 { padding-right: 0px; }
.pr5 { padding-right: 5px; }
.pr10 {	padding-right: 10px; }
.pr15 {	padding-right: 15px; }
.pr20 {	padding-right: 20px; }
.pr30 {	padding-right: 30px; }
.pr45 {	padding-right: 45px; }
.pr60 {	padding-right: 60px; }
.pl0 { padding-left: 0px; }
.pl5 { padding-left: 5px; }
.pl10 {	padding-left: 10px; }
.pl15 {	padding-left: 15px; }
.pl20 {	padding-left: 20px; }
.pl30 {	padding-left: 30px; }
.pl45 {	padding-left: 45px; }
.pl60 {	padding-left: 60px; }

.ph0 { padding-top: 0px; padding-bottom: 0px; }
.ph5 { padding-top: 5px; padding-bottom: 5px; }
.ph10 { padding-top: 10px; padding-bottom: 10px; }
.ph15 { padding-top: 15px; padding-bottom: 15px; }
.ph30 { padding-top: 30px; padding-bottom: 30px; }
.ph45 { padding-top: 45px; padding-bottom: 45px; }
.ph60 { padding-top: 60px; padding-bottom: 60px; }

.pw0 { padding-right: 0px; padding-left: 0px; }
.pw10 { padding-right: 10px; padding-left: 10px; }
.pw15 { padding-right: 15px; padding-left: 15px; }
.pw30 { padding-right: 30px; padding-left: 30px; }
.pw45 { padding-right: 45px; padding-left: 45px; }
.pw60 { padding-right: 60px; padding-left: 60px; }

.row .np0 {
    padding-right: 0px;
    padding-left: 0px;
}

.mauto {
    margin-left: auto;
    margin-right: auto;
}

.row.bdr {
  border: 1px solid #fff;
}

/* --------------------------------
width fix 5 10 15
-------------------------------- */
.w-5em { width: 5em; }
.w-6em { width: 6em; }
.w-7em { width: 7em; }
.w-8em { width: 8em; }
.w-9em { width: 9em; }
.w-10em { width: 10em; }
.w-15em { width: 15em; }

/****************************************
WordPress Misc
*****************************************/
.wp-caption { border: none; text-align: left; background-color: transparent; padding: 0; margin: 0 0 11.5px; border-radius: 0; max-width: 100%; }
.wp-caption-text { margin-top: 5px; font-size: 12px; line-height: 1.4; }
.wp-caption-text,
.gallery-caption,
.gallery .gallery-caption { font-size: 100%; }
.wp-caption img {	margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { margin: 0;	padding: 0 4px 5px;	font-size: 11px; line-height: 17px; }
.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; }
.sticky {}
.bypostauthor {}

/****************************************
  Gutenberg custom
*****************************************/
 @media (min-width: 782px) {
  .balloon {
	  margin: 0.2em;
	  padding: 38px 18px;
	  font-size: 11px;
	  width: 130%;
	}
	div.qa-section-columns div.wp-block-column {
	  text-align: center;
    }
	 .gmb-img {
		 margin: 20px;
	 }
}

/****************************************
  jet pack
*****************************************/
#page-header .sharedaddy {
	display: none;
}

/****************************************
画像float解除
*****************************************/
img.alignright { display: inline-block; margin: 0 0 1em 1.5em; }
img.alignleft { display: inline-block; margin: 0 1.5em 1em 0; }
img.alignright.size-medium,
img.alignleft.size-medium,
.wp-caption.alignright,
.wp-caption.alignleft {
  float: none;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/************************************
Galleries
************************************/
.gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33333%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66667%; }
.gallery-columns-7 .gallery-item { max-width: 14.28571%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11111%; }
.gallery-icon img { margin: 0 auto; }
.gallery-caption { display: block; }
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display: none; }

/************************************
comments
************************************/

#comments.comments_area {
  margin: 15px 0;
  padding: 15px 0;
}

#contentwrap #comments-title, #contentwrap .comment-reply-title {
  padding: 5px 10px;
  margin-bottom: 15px;
  color: #ffffff;
  background-color: #cc0000;
}

.comment-body {
	padding: 10px;
	margin-bottom: 20px;
	font-size: 14px;
  font-size: 1.4rem;
	font-weight: normal;
	vertical-align: middle;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid #eee;
}
ul.comment-list ul.children {
  border-left: 3px solid #daccb1;
  list-style: outside none none;
}
.comment-author {
  font-weight: bold;
  background-color: #ebebeb;
  padding: 6px;
  margin-bottom: 10px;
}

.comment-author .fn {
  color: #000;
  font-style: normal;
}

.reply a.comment-reply-link {
  color: #FFF;
	background-color: #cc0000;
  display: inline-block;
  margin-bottom: 4px;
  padding: 3px 12px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
}


@media (min-width: 576px) {
/**********************************
bootstrap4 hack
**********************************/
  .card-group .card,
  .card-deck .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0;
  }

  .control-form-label {
      border-left: 5px solid #efefef;
  }
  .form-horizontal .form-group {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 15px;
    border-top: 1px solid #ccc;
    border-left: none;
    margin-bottom: 0px;
  }


}


/* Small devices (mobile, 768px) */
@media screen and (min-width: 768px) {

    /* ---- typo ---- */
    .bdr-sm-left { border-left: 1px solid #1d2a5a; }
    .xs-block { display: inline-block; }
    .xs-inline { display: block; margin-bottom: 0; }

    /* ---- navbar ---- */
    body {}
    /*ヘッダーメニューPC*/
    .navbar-wrap {
      color: #333333;
      border-bottom: 3px solid #eeeeee;

    }
    .navbar-toggleable-md .navbar-collapse {
        display: table;
        width: 100%;
    }
    .navbar-toggleable-md .navbar-toggler {
        display: none;
    }
    .navbar {
        padding: 0;
    }
    .navbar, .navbar-nav {
        display: table;
        height: inherit;
        table-layout: fixed;
    }

    .navbar .nav li {
      display: table-cell;
      float: none;
      padding: 10px 0;
      /* position: relative; */
    }

    .navbar .nav li:first-child {
    }

    .navbar .nav li:after {
      content: "";
      width: 100%;
      position: absolute;
      left: 0;
      bottom: -3px;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      border-color: #eee;
      text-align: center;
      transition: border-color .5s ease-out,left .5s ease-out;
      -o-transition: border-color .5s ease-out,left .5s ease-out;
      -moz-transition: border-color .5s ease-out,left .5s ease-out;
      -webkit-transition: border-color .5s ease-out,left .5s ease-out;
      -ms-transition: border-color .5s ease-out,left .5s ease-out;
    }

    .navbar-collapse>div:last-child p {
        width: 100%;
        text-align: right;
        padding-top: 10px;
    }

    .navbar .nav>li>a {
      color: #1d2a5a;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      text-align: center;
      background: none no-repeat transparent;
      border-top: none;
      border-left: 1px solid #1d2a5a;
      padding: 5px;
      transition: padding 0.2s ease;
      -o-transition: padding 0.2s ease;
      -moz-transition: padding 0.2s ease;
      -webkit-transition: padding 0.2s ease;
      -ms-transition: padding 0.2s ease;
    }

    .navbar .nav li:last-child a {
      border-right: 1px solid #186b9a;
    }

    .navbar .navbar-nav li.active > a,
    .navbar .navbar-nav li.active > a:hover,
    .navbar .navbar-nav li.active > a:focus,
    .navbar .navbar-nav li a:hover,
    .navbar .navbar-nav li a:focus {
    	/*color: #ffffff !important;
      background: #1d2a5a;*/
    }

    .stickynav .navbar .nav li a {
      padding: 5px 15px;
      transition: padding 0.2s ease;
    	-o-transition: padding 0.2s ease; /* opera */
    	-moz-transition: padding 0.2s ease; /* firefox */
    	-webkit-transition: padding 0.2s ease; /* chrome, safari */
    	-ms-transition: padding 0.2s ease; /* ie */
    }

    #mainmenu-wrap .navbar-nav li>a::after {
      display: block;
      content: "";
      width: 74%;
      height: 0;
      border-bottom: 1px solid #008F68;
      position: absolute;
      bottom: -5px;
      left: 13%;
      opacity: 0;
      -webkit-transition: all .25s ease-out;
      transition: all .25s ease-out;
    }
    #mainmenu-wrap .navbar-nav li>a:hover::after,
		#mainmenu-wrap .navbar-nav li.active>a::after,
		#mainmenu-wrap .navbar-nav li.active>a:hover::after {
      opacity: 1;
      bottom: 5px;
    }

    #submenu-wrap .navbar-nav {
      display: table;
    }

    #submenu-wrap .navbar-nav .menu-item {
      /*display: table-cell;
      width: auto;*/
      display: inline-block;
      width: 25%;
      float: none;
    	border: none;
    }

    #page-header-inner {
      min-height: 200px;
      padding: 150px 0;
    }

    table.th-r th {
      text-align: right;
    }
    table.mobile-block th, table.mobile-block td {
      display: table-cell;
    }
    .movie-wrap {}
    .movie-wrap iframe {}
    .post-meta .post-date {
      display: inline-block;
    }

    footer .menu-submenu-container ul li {
        display: inline-block;
    }

    .img-clip-ru {
        -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    }


      /**********************************
      bootstrap4 hack
      **********************************/
      .collapse {
          display: block;
      }

}


/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

    .bdr-md-left { border-left: 1px solid #1d2a5a; }
    /****************************************
    WordPress Misc 画像float再設定
    *****************************************/
    img.alignright { display: inline-block; margin: 0 0 1em 1.5em; }
    img.alignleft { display: inline-block; margin: 0 1.5em 1em 0; }

    .wp-caption.alignleft,
    img.alignleft.size-medium {
      display: inline-block;
      margin: 0 1.5em 1em 0;
      float: left;
    }
    .wp-caption.alignright,
    img.alignright.size-medium {
      display: inline-block;
      margin: 0 0 1em  1.5em;
      float: right;
    }
	.balloon {
		width: 90%;
	}

}


/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
  .content-header .patent {
    margin: 0 0 -20px -30px;
  }

}


/* ---- link none ---- */

@media print {
    *::first-letter {/*chrome bugfix*/
      position: relative !important;
    }
    .container {
        max-width: none !important;
        width: 970px;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
    .hidden-sm-down { display: none!important; }
    a[href]:after { content: ""!important; }
    abbr[title]:after { content: ""!important; }
    a, a:visited { text-decoration: none; }
    .navbar { display: inherit !important; }
    .navbar-header { display: none !important; }
    .bx-wrapper { max-width: 970px !important; margin: 0 auto; border-bottom: 2px solid #19a3ff; }
    .bx-wrapper .bx-viewport { height: 404px !important; }
    ul.bxslider li {
        width: 100% !important;
        height: inherit !important;
        position: relative;
    }
    .under-link-design, .under-link-design a {
        display: block !important;
        width: 100%;
        color: #FA9300;
    }
    .p-break-b { page-break-before: always; }
    .p-break-a { page-break-after: avoid; }
}

/**********************************
採用ができるホームページ：固定ページCSS
**********************************/
.innercomponent1{
background-image: url(/wp-content/uploads/2020/09/bgdimg1.png);
/*     background-position: top right;
    background-repeat: no-repeat; */
	background-position: center;
background-size: cover;
}
.innercomponent2{
background-image: url(/wp-content/uploads/2020/09/bgdimg2.png);
/*     background-position: top right;
    background-repeat: no-repeat; */
	background-position: center;
background-size: cover;
}
.innercomponent3{
background-image: url(/wp-content/uploads/2020/09/bgdimg3.png);
/*     background-position: top right;
    background-repeat: no-repeat; */
	background-position: center;
background-size: cover;
}
.bg-101{
box-sizing: border-box;
    margin-left: calc(((100vw - 44rem) / 2) * -1);
    margin-right: calc(((100vw - 44rem) / 2) * -1);
    padding: 1.5em calc((100vw - 44rem) / 2);
    /* background-color: #eeeeee; */
    padding-top: 100px;
    padding-bottom: 100px;
}


.br-sp {
  display: none;
}

@media screen and (max-width: 1080px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: inline-block;
  }
}

@media only screen and (max-width: 781px)
.sp-clmimg-reverse {
/*     flex-direction: column-reverse; */
}

@media only screen and ( max-width: 380px ) {
	#mainvisual > div > div > div:nth-child(2) > div > div:nth-child(2) > div > p.strong.text-xl.wow.fadeInUp {
		font-size:2.2rem;
	}
}