@charset "utf-8";
/*
theme Name: ORIGINAL THEME
Author:DRC
Description:This is my original theme
version:1.0.0
*/




/* reset */

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*scroll-behavior: smooth;*/
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
figure {
  text-align: center;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
 text-align:center;
}

/*
figure.wp-block-image img {
    border: 1px solid #ddd;
}
*/

figcaption {
  font-size: 80%;
  margin: 1em 0;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  /*list-style: none;*/
  list-style-type: none;
}

#contents ul { /*list-style-type:disc !important;*/ margin-left:0;}
#contents ul.news-list { list-style-type:none !important; margin-left:0;}

html { margin:0 !important;}




/* clearfix */

.cf:after {
content: "";
clear: both;
display: block;
}



body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size:20px; line-height: 1.7; font-weight:bold; background:#000; color:#fff; }
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

@media screen and(max-width:768px) {
  body { font-size:16px;}
}



p { margin:15px 0 ; }


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

iframe {
  max-width: 100%;
  max-height:100%;
}

	
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

table { border-collapse:collapse;}


/* wp */

img.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignleft {
   float: left;
   display: block;
margin:0 30px 30px 0;
}

img.alignright {
   float: right;
   display: block;
margin:0 0 30px 30px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


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

img.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-block-image .alignright, .wp-block-image .alignleft { float:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center; display:block !important;}

img.alignleft {
   float: none;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignright {
   float: none;
   display: block;
   margin-left: auto;
   margin-right: auto;

}
}


.mincho { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.big { font-size:26px; font-weight:bold;}
.huge { font-size:30px; font-weight:bold;}


.red { color:red;}
.bold { font-weight:600;}

.center { text-align:center;}

a img { transition: 0.5s;}
a img:hover { opacity: 0.6; transition: 0.5s;}



.pagetop { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 9999; }
@media screen and (max-width: 480px) {
	.pagetop { bottom: 15px; right: 15px;}
}


/* common */
.inner { max-width: 1200px; width: 100%; margin:0 auto;}
.inner80 { width:80%; margin:0 auto;}
@media screen and (max-width:768px) {
  .inner80 { width:100%; }
}

.mgT0 { margin-top:0 !important;}



h2, h3 { font-size:36px; border-bottom:1px #fff solid; margin-bottom:80px; text-align:center;}
h3 { font-size:36px; border-bottom:0; margin-bottom:80px; text-align:center;}
.h2-sub, .h3-sub { display:block; color:#22b14c; font-size:28px; padding-top:150px; text-align:center; font-weight:lighter;} 
.h3-sub { padding-top:70px; } 
h2::before, h3::before {
  content: '';
  display: inline-block;
  width: 10px; /* スラッシュの幅 */
  height: 30px; /* スラッシュの高さ */
  border-left: 2px solid #fff; /* 左側の線 */
  transform: rotate(160deg); /* 45度傾ける */
  margin-right: 20px; /* 右のマージン */
}
h2::after, h3::after {
  content: '';
  display: inline-block;
  width: 10px; /* バックスラッシュの幅 */
  height: 30px; /* バックスラッシュの高さ */
  border-right: 2px solid #fff; /* 右側の線 */
  transform: rotate(-160deg); /* -45度傾ける */
  margin-left: 20px; /* 左のマージン */
}

@media screen and (max-width:768px) {
  h2, h3 { font-size:28px; margin-bottom:30px; margin-top:10px !important;}
  .h2-sub, .h3-sub { font-size:24px; padding-top:80px; } 
  .h3-sub { padding-top:60px; } 
}


a { color:#fff;}



/*
h2 {
margin:80px 0 60px; text-align:center; font-size:36px; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
display: flex;
align-items: center;
}
h2:before,
h2:after {
content: "";
height:1px;
flex-grow: 1;
background-color:#666;
}
h2:before {
margin-right: 1rem;
}
h2:after {
margin-left: 1rem;
}
*/


.page h1 { font-size:30px; text-align:center; padding:10px; margin:120px 0 80px; /*background:#fcc700; color:#595757;*/ font-weight:bold;}

.page h3 { font-size:26px; text-align:center; padding:10px; margin:60px 0 50px; /*background:#fcc700; color:#595757;*/ background:#222; font-weight:bold;}

.page h4 { font-size:22px; text-align:left; border-left:5px #937400 solid; padding:3px 0 3px 15px; margin:50px 0 30px;}



.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding-left:0 !important; padding-right:0 !important;}



/* font */

@media screen and (max-width:768px) {
	.has-large-font-size { font-size:28px !important;}
}






/* buttons */


.btn-div { margin-top:50px; margin-bottom:100px;}
    .page .btn-div { margin-top:50px; margin-bottom:70px;}

.button3 { background:#fbc700; color:#595757; text-align:center; padding:20px 55px; text-decoration:none; position:relative; font-weight:bold;}
	.button3:after { font-family: "Font Awesome 5 Free"; content:'\f054'; font-weight:900; font-size:10px; position:absolute; right:10px; top:22px;}
	.button3:hover { background:#e1b200; transition:0.5s;}

.button4 { background-color:rgba(255,255,255,0.7); color:#000; text-align:center; padding:20px 55px; text-decoration:none; position:relative; font-weight:normal;}
	.button4:after { font-family: "Font Awesome 5 Free"; content:'\f054'; font-weight:900; font-size:10px; position:absolute; right:10px; top:22px;}
	.button4:hover { background:#ececec; transition:0.5s;}

.button5 { background:#595857; color:#fff; font-size:28px; text-align:center; padding:10px 40px; text-decoration:none; border:1px #fff solid; margin-right:auto; margin-left:auto; font-weight:600; display:inline-block; vertical-align:middle; }
	.button5:hover { background:#323232; transition:0.5s;}

	.button5 i { font-size:44px; margin-right:15px; display:inline-block; vertical-align:middle;}
	.button5 span { display:inline-block; vertical-align:middle;}

.button6 { background-color:#ff8a00; color:#fff; text-align:center; padding:20px 55px; text-decoration:none; position:relative; font-weight:normal; border:1px #fff solid;}
	.button6:after { font-family: "Font Awesome 5 Free"; content:'\f054'; font-weight:900; font-size:10px; position:absolute; right:10px; top:22px;}
	.button6:hover { background:#e17a00; transition:0.5s; color:#fff;}

.button7 { background-color:#5f8edd; color:#fff; text-align:center; padding:20px 55px; text-decoration:none; position:relative; font-weight:normal; border:1px #fff solid;}
	.button7:after { font-family: "Font Awesome 5 Free"; content:'\f054'; font-weight:900; font-size:10px; position:absolute; right:10px; top:22px;}
	.button7:hover { background:#3e77d6; transition:0.5s; color:#fff;}
.single .button7 {  padding:20px 25px;}
.single .flex li { width:auto;}

.button8 { background-color:#5f8edd; color:#fff; text-align:center; padding:20px 55px; text-decoration:none; position:relative; font-weight:normal; border:1px #fff solid;}
	.button7:after { font-family: "Font Awesome 5 Free"; content:'\f054'; font-weight:900; font-size:10px; position:absolute; right:10px; top:22px;}
	.button7:hover { background:#3e77d6; transition:0.5s; color:#fff;}

@media screen and (max-width:768px) {
    .single .button7 { font-size:80%;}
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--blue {
  color: #fff;
  background: #00bff8;
  border-bottom: 5px solid #0090bb;
}
a.btn--blue:hover {
  margin-top: 3px;
  color: #fff;
  background: #00bff8;
  border-bottom: 2px solid #0090bb;
}
a.btn--emboss {
  color: #fff;
  /*text-shadow: -1px -1px 1px #55d8ff;*/
}

.btn,
a.btn,
button.btn {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 15px 40px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}




.company-table2 p { margin:0;}




/* form */
.mw_wp_form input[type="text"], .mw_wp_form select, .wpcf7 input[type="text"], .wpcf7 select, .wpcf7 input[type="email"]{
  width:100% !important;
	margin: 0;
    /*padding: 1px 10px;*/
    width: auto;
    height: auto;
    background-color: #F7F7F7;
    border: 2px solid #E4E4E4;
}
.mw_wp_form textarea, .wpcf7 textarea {
  width:100% !important;
	margin: 0;
    /*padding: 10px;*/
    width: auto;
    height: auto;
    background-color: #F7F7F7;
    border: 2px solid #E4E4E4;
}

.mw_wp_form .contact_button, .wpcf7 .contact_button {
    text-align: center;
    margin: 50px auto;
}
.mw_wp_form input[type="submit"], .wpcf7 input[type="submit"] {
	padding: 15px 40px;
    font-size: 17px;
	margin-bottom:20px;
}

.contact-table { width:100%;}
.contact-table td { }
.contact-table th { text-align:left; font-size:16px; padding:20px !important;}
	.contact-table th .hissu { background:#f17678; color:#fff; padding:2px 6px; display:inline-block; vertical-align:top; font-size:13px; border-radius:5px; margin-left:10px; }
/* .mw_wp_form .error { color:#fff !important; background:red !important; width:100%; }*/

.contact-top { display:none;}
.mw_wp_form_input .contact-top { display:block;}



.alert { background:#ffebeb; color:#33c363; font-weight:bold; padding:20px 20px 10px; text-align:center;}
.alert p { margin-bottom:10px;}

.wpcf7-response-output { font-weight:bold; text-align:center; }


.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 input[type=”url”],
.wpcf7 input[type=”tel”],
.wpcf7 textarea {
width: 100%!important
}







@media screen and (max-width: 480px) {
	.mw_wp_form input[type="text"], .mw_wp_form select, .mw_wp_form textarea { width: 93%;}
	.contact-table td { text-align:center;}
	.mw_wp_form input.col2  { width:40%;}

}




/* header */

#header { background:url(./img/mainimg-bg1.png) top center no-repeat; background-size:cover; }
.home #header { /*margin-top:90px;*/}

.h-logo { display:inline-block; width:400px; position:relative;}
.h-logo-en { height:45px; }
.h-logo img, .ci .icon img { /*filter: drop-shadow(0 0 3px rgba(0,0,0,1.0));*/ }

.bxslider-org li {  background:center/ cover no-repeat; background-size:cover; height:100vh; background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
	.bxslider-org li.bsl1 { background:url(./img/slide1.jpg) bottom right no-repeat; background-size:cover; display:flex !important; }
	.bx-wrapper img { display:inline;}
		.bxslider-org li .button4 { font-weight:bold;}
		.bxslider-org li.bsl1 .ci { text-align:center;}
		.bxslider-org li.bsl1 .ci .box { background:rgba(255,255,255,0.4); padding:20px; max-width:1200px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
			.bxslider-org li.bsl1 .ci .title { font-size:34px; font-weight:bold; text-align:center; margin-bottom:20px;}
				.bxslider-org li.bsl1 .ci .title .strong { color:#fcc700;}
			.bxslider-org li.bsl1 .ci .title img { width:300px; display:inline-block; vertical-align:top;}
			.bxslider-org li.bsl1 .ci img { max-width:300px; }
			.bxslider-org li.bsl1 .ci .photo { text-align:center; margin-bottom:20px;}
			.bxslider-org li.bsl1 .ci .photo img { max-width:1000px; width:100%; display:inline-block;}
			.bxslider-org li.bsl1 .ci .text { /*text-shadow: 0 0 5px rgba(255,255,255,1.0);*/ color:#fff;}
			.bxslider-org li.bsl1 .ci .t1 { margin-top:20px; font-size:38px;}
			.bxslider-org li.bsl1 .btn-div { margin-top:30px; margin-bottom:0;}

@media only screen and ( max-width : 768px ) {
		.bxslider-org li.bsl1 .ci .box { width:90%;}
			.bxslider-org li.bsl1 .ci .title { font-size:22px; }
			.bxslider-org li.bsl1 .ci .title img { width:220px; }
			.bxslider-org li.bsl1 .ci .photo { text-align:center; margin-bottom:20px;}
			.bxslider-org li.bsl1 .ci .t1 { font-size:22px;}
			.bxslider-org li.bsl1 .ci img { max-width:50%; }

}

@media only screen and ( max-width : 480px ) {
			.bxslider-org li.bsl1 .ci .title { font-size:20px; }
			.bxslider-org li.bsl1 .ci .title img { width:200px; }
			.bxslider-org li.bsl1 .ci .title .img-logo { display:block; }
			.bxslider-org li.bsl1 .ci .t1 { font-size:20px;}
			.bxslider-org li.bsl1 .ci img { max-width:50%; }

}


	.bxslider-org li.bsl2 { background:url(./img/slide2.jpg) top center no-repeat; background-size:cover; }
		.bxslider-org li.bsl2 .ci { /*padding:120px 0 20px;*/}
			.bxslider-org li.bsl2 .ci .t1 { margin-bottom:0; font-size:38px; font-weight:bold;}

			.bxslider-org li.bsl2 .ci .text { color:#fff; text-shadow:0 0 5px rgba(0,0,0,1.0);}


	.bxslider-org li.bsl3 { background:url(./img/slide3.jpg) top center no-repeat; background-size:cover;}
		.bxslider-org li.bsl3 .ci { /*padding:120px 0 20px;*/}
			.bxslider-org li.bsl3 .ci .t1 { margin-bottom:0; font-size:38px; font-weight:bold;}
			.bxslider-org li.bsl3 .ci .text { color:#fff; text-shadow:0 0 5px rgba(0,0,0,1.0);}

	.bxslider-org li.bsl4 { background:url(./img/slide4-1.jpg) top center no-repeat; background-size:cover;}
			.bxslider-org li.bsl4 .ci .t1 { margin-bottom:0; font-size:38px; font-weight:bold;}
			.bxslider-org li.bsl4 .ci .text { color:#fff; text-shadow:0 0 5px rgba(0,0,0,1.0);}


.bxslider-org li.bsl5 { background:url(./img/slide2306.jpg) top center no-repeat; background-size:cover;}
			.bxslider-org li.bsl5 .ci .t1 { margin-bottom:0; font-size:38px; font-weight:bold;}
			.bxslider-org li.bsl5 .ci .text { color:#fff; text-shadow:0 0 5px rgba(0,0,0,1.0);}


.bx-wrapper { border:none !important;}


@media only screen and ( max-width : 768px ) {
			.bxslider-org li.bsl2 .ci .photo img { width:200px; }
			.bxslider-org li.bsl2 .ci .t1 { font-size:26px;}
			.bxslider-org li.bsl3 .ci .photo img { width:200px; }
			.bxslider-org li.bsl3 .ci .t1 { font-size:26px;}
			.bxslider-org li.bsl4 .ci .t1 { font-size:26px;}
			.bxslider-org li.bsl5 .ci .t1 { font-size:26px;}
}
@media only screen and ( max-width : 480px ) {
			.bxslider-org li.bsl2 .ci .t1 { font-size:20px;}
			.bxslider-org li.bsl3 .ci .t1 { font-size:20px;}
			.bxslider-org li.bsl4 .ci .t1 { font-size:20px;}
			.bxslider-org li.bsl5 .ci .t1 { font-size:20px;}
}



.ci { /*padding:240px 0 240px;*/}
	.ci .icon { margin-bottom:35px; text-align:center;}
		.ci .icon img { width:90px;}
	.ci .text { text-align:center; text-shadow: 0 0 5px rgba(0,0,0,1.0); font-weight:900; color:#fff;}
		.ci .text .t1 { font-size:48px; }
		.ci .text .t1 .green { /*color:#539076;*/ color:yellow; text-shadow: 0 0 5px rgba(0,0,0,1.0); }
		.ci .text .t2 { font-size:36px;}
		.ci .text .t3 { font-size:24px; margin-top:34px;}



.bxslider-org li .btn-div { margin-bottom:0;}





	#contents .category-list-banner { margin:-20px; display:flex; margin-bottom:20px;}
		.category-list-banner li { width:50%;}

@media only screen and ( max-width : 480px ) {
	#contents .category-list-banner { margin:-20px; display:block; margin-bottom:20px;}
		.category-list-banner li { width:100%;}
}




#contents .sidebar .sidebarbox .side-news { list-style-type:none; margin-left:0;}
	.side-news li {  padding:10px 0; border-bottom:1px #ccc dotted;}
		.side-news .img { display:inline-block; vertical-align:top; width:25%;}
		.side-news .status { display:inline-block; vertical-align:top; font-size:13px; width:72%; margin-left:3%; line-height:1.5;}
			.side-news .status .cat { display:none;}
			/*.side-news .status .date { display:none;}*/




.searchbox { background:#fff; border-radius:30px 30px 30px 30px; border:1px solid #e5e5e5; margin-bottom:30px; padding-left:5px;}
.searchbox .searchsubmit {
	font-family: "Font Awesome 5 Free";
    font-size: 1.4em;
    padding: 0;
    cursor: pointer;
    color: #255fac;
    border: none;
    background: transparent;
    width: auto !important;
    height: auto !important;
    margin: 10px 10px 0 !important;
    float: left !important;
	content:"\f002";
	font-weight:900;
	font-size:26px;
}

.searchbox .searchfield {
	border: 0;
    border-radius: 4px;
    padding: 10px 5px;
    outline: 0;
    margin: 5px 5px 5px 0;
    -webkit-appearance: none;
    font-size: 100%;
    /*width: 100%;*/
}






/* gmenu */
.fixed-wrap { 
  /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
  z-index: 99;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
padding:15px 0;
border-top:5px #22b14c solid;
}

.menu-global-container a, .menu-global-en-container a { color:#fff !important; text-decoration:none;}
.menu-global-container a:hover, .menu-global-en-container a:hover {
  color: #fff;
}
#menu-global li a, #menu-global-en li a {
  font-size: 17px;
/*  letter-spacing: 0.2em;
*/
}

#menu-global li a { font-size:17px; line-height:1.4; font-weight:bold; text-transform: none;}
#menu-global li a span { display:block; font-size:14px;}


#menu-global li ul li a, #menu-global-en li ul li a { font-size:14px; color:#fff; }
#menu-global li ul li a:hover, #menu-global-en li ul li a:hover { background:#222; }
#menu-global .sub-menu, #menu-global-en .sub-menu , .mean-container .mean-nav ul ul {
  background: rgba(0,0,0,1);
  /*background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);*/
}
@media only screen and ( max-width : 768px ) {
/*  #header {
    padding: 10px 0;
    height: 60px;
  }
*/
  .h_logo {
    width: 200px;
    position: absolute;
    top: 18px;
    left: 10px;
    z-index: 100;
  }
  .menu-global-container .nav , .menu-global-en-container .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  #menu-global li .fa, #menu-global-en li .fa {
    display: none;
  }
}

@media print, screen and ( min-width : 769px ) {
/*  #header {
    height: 80px;
  }
*/
  .h_logo img {
    width: 300px;
  }
  #h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .menu-global-container ul, .menu-global-en-container ul {
    position: relative;
    display: flex;
  }
  .menu-global-container li, .menu-global-en-container li {
    position: relative;
    margin-right: 1.5em;
  }
  .menu-global-container li:last-child, .menu-global-en-container li:last-child {
    margin-right: 0;
  }
  .menu-global-container li i, .menu-global-en-container li i {
    font-size: 16px;
    margin-left: 5px;
  }
  .menu-global-container li a, .menu-global-en-container li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 80px;
  }
  .menu-global-container .sub-menu ,.menu-global-en-container .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
  .menu-global-container .sub-menu a, .menu-global-en-container .sub-menu a {
    padding: 10px;
    display: block;
    border-bottom: none;
    padding: 14px;
    line-height: 1.2em;
  }
  .menu-global-container .sub-menu a:hover:after, .menu-global-en-container .sub-menu a:hover:after {
    content: none;
  }
  .menu-global-container .sub-menu li, .menu-global-en-container .sub-menu li {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  .menu-global-container .sub-menu li:last-child, .menu-global-en-container .sub-menu li:last-child {
    border-bottom: none;
  }
  .menu-global-container ul > li:hover, .menu-global-en-container ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .menu-global-container ul > li:hover a,.menu-global-container .current-menu-item a,.menu-global-container .current-menu-parent a, .menu-global-en-container ul > li:hover a,.menu-global-en-container .current-menu-item a,.menu-global-en-container .current-menu-parent a {
    color: #000;
  }
  .menu-global-container li:hover ul.sub-menu, .menu-global-en-container li:hover ul.sub-menu {
    top: 55px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }
  .menu-global-container li ul li:after, .menu-global-en-container li ul li:after {
    content: none;
  }
 .menu-global-container li:hover ul.sub-menu a, .menu-global-en-container li:hover ul.sub-menu a {
    color: #000;
border-bottom:1px #eaeaea solid;
  }
  .menu-global-container .sub-menu li a:hover, .menu-global-en-container .sub-menu li a:hover {
    background: #eaeaea;
  }
  .menu-global-container .contact_btn a:hover, .menu-global-en-container .contact_btn a:hover {
    color: #000;
  }




/* 3 hierarcky */
.menu-global-container li ul.sub-menu li ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 150%;
    margin-left: -100px;
    width: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;}
}


  .menu-global-container li:hover ul.sub-menu li:hover ul.sub-menu {
    top: 0;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }


}









/* index */


main {
  display: none;
}



/* クッキー同意バナーのスタイル */
.cookie-consent-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  color: white;
  padding: 10px;
  text-align: center;
  z-index: 10001;
  font-size:12px;
}
@media screen and (max-width:768px) {
  .cookie-consent-banner {
    position: fixed;
    bottom: 60px;
  }
}

.cookie-consent-banner p {
  margin: 0;
  padding: 0;
}

.btn-accept {
  color: white;
  background-color: #4CAF50;
  border: none;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}



.news-list { max-width:800px; width:100%; margin:0 auto 70px;}
	.news-list li { border-bottom:1px #555555 solid; padding-bottom:15px; margin-bottom:16px;}
	.news-list li div { display:inline-block; vertical-align:top;}
	.news-list li .date { width:100px; margin-right:20px; }
	.news-list li .cat { padding:4px; 15px; width:150px; text-align:center; font-size:14px; line-height:140%; margin-right:30px; background:#22b14c; margin-top:2px;}
	.news-list li .title { width:620px; }
		.news-list li .title a { color:#fff; text-decoration:none;}
		.news-list li .title a:hover { text-decoration:underline;}

    @media screen and (max-width:768px) {
      .news-list li .title {  width:488px; }
    }

	.archive .news-list { margin-top:60px;}
	.archive .news-list li .title { width:675px; }
    @media screen and (max-width:768px) {
      .archive .news-list li .title { width:100%; }
    }


.topics-list { display:flex; justify-content: center; flex-wrap:wrap; max-width:1400px; margin-left:auto; margin-right:auto;}
	.topics-list li { width:23%; margin:20px 1%; background:#fff; position:relative;}
	.topics-list li .img img { object-fit:cover; width:100%; height:200px;}
	.topics-list li .status { }
	.topics-list li .date, .topics-list li .cat { font-size:16px; padding:10px;}
	.topics-list li .date { display:inline-block; width:40%; background:#595757; color:#fff;}
	.topics-list li .cat { display:inline-block; width:60%; background:#ebbb00; color:#fff; text-align:center;}
	.topics-list li .title { background:#fff; font-size:20px; font-weight:bold;}
		.topics-list li .title a { color:#000; text-decoration:none;}
		.topics-list li .link a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999;}
		.topics-list li .link a:hover { background:rgba(255,255,255,0.3); transition:0.5s;}


	.archive .topics-list li, .search .topics-list li { width:46%; margin:20px 2%; border:1px #ddd solid;}
		.archive .topics-list li, .search .topics-list li .date1 { padding:5px 10px;}
		.archive .topics-list li, .search .topics-list li .title { padding:5px 10px; font-size:20px;}
		.archive .topics-list li, .search .topics-list li .desc { padding:5px 10px; font-size:14px;}

	.single .authorbox { margin:60px 0; border:1px #888 solid; padding:20px; }
		.single .authorbox .img { display:inline-block; width:25%; font-size:16px; vertical-align:top;}
		.single .authorbox .desc { display:inline-block; width:70%; margin-left:5%; font-size:16px; vertical-align:top;}
			.single .authorbox .img img { border-radius:50%; object-fit:cover; }			.single .authorbox .name { font-size:20px;  margin:10px 0; border-bottom:1px #888 solid; padding-bottom:10px;}
			.single .authorbox .message { margin-top:10px;}


      .top-bg1 { background:url(./img/top-bg1.jpg) center center; }
      .top-bg2 { background:url(./img/top-bg2.jpg) center center; }
      .top-bg3 { background:url(./img/top-bg3.png) center center; }


.feature-box { background:#fdc230; font-size:48px; font-weigh:bold; text-align:center;  color:#fff; padding:25px 30px; margin-top:-100px;}


.outside {margin: 60px calc(50% - 50vw) 0; padding: 40px calc(50vw - 50%); background-color:#f1f1f1;}

.outside.outside-padding-TB0 { padding-top:0; padding-bottom:0;}

.outside2 { background-image:url(./img/tcb3-bg.jpg); background-repeat:repeat; background-size:cover; }
.outside3 { background-color:#fefff2 !important; }

	.outside h2:first-child { margin-top:10px;}
	.outside2 h2:first-child { margin-top:10px;}
	.outside2 .inner-white { background:rgba(255,255,255,1.0); padding:20px;}
	.outside2 .inner-black { background:rgba(0,0,0,0.5); padding:20px;}

@media screen and (max-width:768px) {
	.outside2 .inner-white { padding:0}
}





.tcb2 { background:url(./img/tcb2-bg-2.jpg) center center no-repeat; background-size:cover; padding-top:110px; padding-bottom:10px; text-align:center;}
	.tcb2 .text { color:#fff; font-size:28px; margin-bottom:10px; text-shadow: 0 0 5px rgba(0,0,0,1.0);}






.tcb3 { background:url(./img/tcb3-bg.jpg) center center; background-size:cover; padding-top:5px; padding-bottom:10px; text-align:center;}
.tcb3-1 { color:#3e77d6; }
	.tcb3 ul { display:flex; justify-content: center; /*align-items: center;*/}
	.page #contents .tcb3 ul { list-style-type:none; margin:0;}

		.tcb3 ul li { width:33%; padding:0 10px;}
		.result-box ul { flex-wrap:wrap !important; }
		.result-box ul li { border:1px #ccc solid; margin:10px 15px; width:30%;}
		.tcb.result-box ul { /*flex-wrap:nowrap !important;*/}

			.result-box .desc { font-size:90%; margin-bottom:10px;}
			.result-box ul li .title { font-size:20px !important; font-weight:bold;}
			.tcb3 ul li .title { font-size:22px; margin-top:20px;}
			.tcb3 ul li .desc { margin-top:10px;}
			.tcb3 .img img { object-fit:cover; width:100%; height:250px;}

		.tcb3-2 ul { margin-bottom:60px;}
		.tcb3-2 ul li { width:49%; padding:0 10px;}
			.tcb3 .img img { object-fit:none; }



@media screen and (max-width:768px) {
	.tcb3 ul { display:block; }
		.tcb3 ul li { width:100%; }
		.result-box ul li { width:100%; margin:30px auto;}
}


.tcb3-companies { background:url(./img/tcb3-bg.jpg) center center; background-size:cover; padding-top:5px; padding-bottom:10px; text-align:center;}




.tcb4 {}
	.tcb4 .main-inner { background:url(./img/tcb4-bg.jpg) center center no-repeat; background-size:cover; padding-top:110px; padding-bottom:10px; text-align:center;}
	.tcb4 .text { color:#fff; font-size:36px; margin-bottom:10px;  text-shadow: 0 0 5px rgba(0,0,0,1.0);}

@media screen and (max-width: 768px) {
	.tcb2 .text, .tcb4 .text { font-size:28px; }

}

@media screen and (max-width: 480px) {
	.tcb2 .text, .tcb4 .text { font-size:22px; }

}


.link-box { background:#fff;  padding:10px 0;}









.blog-list { margin:20px 0 !important; list-style-type:none !important; display:flex; flex-wrap:wrap;}
    .blog-list li { width:31%; margin:1%; border:1px #ccc solid; text-align:center;}
        .blog-list li .img img { object-fit: cover; width: 100%; height: 220px;}
        .blog-list li .title { font-weight:bold;}
@media screen and (max-width:480px) {
    .blog-list li { width:100%; }
    .blog-list li .img img { height: 150px;}
}





ul.osusume {
  border: solid 2px #ffb03f;
  padding: 0.5em;
  position: relative;
  margin-top: 2em;
background:#fff;
margin:80px auto !important;
max-width:800px;
font-weight:bold;
}
ul.osusume li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.osusume li:last-of-type {
  border-bottom: none;
}
ul.osusume li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f058";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}
ul.osusume li:after {
  /*タイトルタブ*/
  background: #ffb03f;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 5px 15px;
  content: "こんな方にオススメ！";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/
font-size:20px;
}








ul.feature {
  border: solid 2px #ffb03f;
  padding: 0.5em;
  position: relative;
  margin-top: 2em;
background:#fff;
margin:80px auto !important;
max-width:800px;
font-weight:bold;
}
ul.feature li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.feature li:last-of-type {
  border-bottom: none;
}
ul.feature li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f058";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}
ul.feature li:after {
  /*タイトルタブ*/
  background: #ffb03f;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 5px 15px;
  content: "特徴";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/
font-size:20px;
}





ul.onayami {
  border: solid 2px #668ad8;
  padding: 0.5em;
  position: relative;
  margin-top: 2em;
background:#fff;
margin:80px auto !important;
max-width:800px;
font-weight:bold;
}
ul.onayami li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.onayami li:last-of-type {
  border-bottom: none;
}
ul.onayami li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f058";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #668ad8; /*アイコン色*/
}
ul.onayami li:after {
  /*タイトルタブ*/
  background: #668ad8;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 5px 15px;
  content: "こんなお悩みありませんか？";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/
font-size:20px;
}





ul.flow { 
  padding: 0.5em;
  margin-top: 2em;
background:#fff;
margin:80px auto !important;
max-width:800px;
font-weight:bold;}


ul.flow li {
  border:2px #f2f0ff solid;
  margin:20px auto; 
  padding: 0.5em 0 0.5em 1.4em;
  list-style-type: none!important;
  clear:both;
  text-align:center;
position: relative;
margin-top: 50px; /*矢印画像の高さと配置を考慮して設定*/
}

ul.flow li+li {
position: relative;
margin-top: 80px; /*矢印画像の高さと配置を考慮して設定*/
}

ul.flow li+li:before {
	content: '';
	display: block;
	position: absolute;
	top: -56px; /*矢印画像の高さと配置を考慮して設定*/
	width: 100%;
	height: 35px;
	background:url(./img/flow-icon1.jpg) center bottom no-repeat;
}

ul.flow li img { display:block; text-align:center; margin-left:auto; margin-right:auto; max-width:400px;}





#contents ul.flex { list-style-type:none !important; margin:0 !important;}

.flex { display:flex; justify-content: space-around; margin:50px 0 70px;}
.i-flex2 { margin-bottom:100px;}
	.flex li { text-align:center; align-self: auto; width:auto;}
	.i-flex2 li { width:50%; }
		.i-flex2 li:first-child { margin-left:160px; }
		.i-flex2 li:last-child { margin-right:160px; }
	.flex .icon { font-size:90px; background:#e9ecef; border-radius:50%; width:175px; height:175px; text-align:center; padding-top:40px; line-height:1; color:#495057; margin:0 auto 30px;}

  .flex3 li { width:30%;}


.aboutus-feature-list { flex-wrap:wrap; justify-content: center;}
.aboutus-feature-list li { width:22%; }
.aboutus-feature-list li .icon { background:#fff;}
.aboutus-feature-list li:first-child , .aboutus-feature-list li:last-child { margin-left:1%; margin-right:1%; }
.aboutus-feature-list li { margin:20px 1%;}


#container { }
#contents { margin-top:50px;}
.page #contents { margin-top:0;}


.pankuzu { background:#e8e8e8; font-size:14px; border-top:2px #000 solid; padding:5px 0; margin-bottom:70px;}


.archive #container, .single #container, .search #container { }
	.archive #container .archive-body, .single #container .archive-body, .search #container .archive-body { display:inline-block; width:860px; padding:20px; font-size:18px; vertical-align:top;}
	.archive #container .sidebar, .single #container .sidebar, .search #container .sidebar { display:inline-block; width:290px; padding:0; font-size:18px; vertical-align:top; margin-left:40px;}




.archive h1, .single h1, .search h1 { text-align:left; font-size:26px; border-bottom:5px #ddd solid;  padding-bottom:0;}
	.archive h1.first, .single h1.first, .search h1.first { margin:0; }

	.archive .cat-desc { margin: 20px 0; background-color: #fbfaf8; padding: 20px; border-radius: 8px; border: 1px solid #ddd; font-size:14px;}

	.archive .cat-desc p { margin:10px 0;}







.page #contents ul.sub-menu2 { list-style-type:none;}
.sub-menu2 { display:flex; justify-content: space-between; align-items: stretch;flex-wrap: wrap; margin:60px 0;}
	.sub-menu2::after { content:""; display:block; }
	.sub-menu2 li { box-shadow:0 0 3px rgba(0, 0, 0, 0.5); margin-bottom:50px; position:relative;}
	.sub-menu2 li, .sub-menu2::after { width:30%; text-align:left;}
		.sub-menu2 li .img img { object-fit:cover; width:100%; height:200px;}
		.sub-menu2 li .name { margin:10px 15px; padding-left:15px; border-left:6px #5f8edd solid; font-weight:bold; font-size:20px;}
			.sub-menu2 li .name a { color:#000; text-decoration:none;}
		.sub-menu2 li .desc { margin:10px 15px; font-size:14px; color:#333; font-weight:bold;}
			.sub-menu2 li .link a { position:absolute; top:0; left:0; width:100%; height:100%;}
				.sub-menu2 li .link a:hover { opacity:0.3; background:#fff; transition:0.5s;}


@media screen and (max-width: 768px) {
	.sub-menu2 li, .sub-menu2::after { width:48%;}
}

@media screen and (max-width: 480px) {
	.sub-menu2 li, .sub-menu2::after { width:100%;}
}







/* category-wrap */
.category-wrap { border:1px #ccc solid; border-radius:3px; padding:20px 20px 0; margin:40px 0 0;}
	.category-wrap .category-name { font-weight:bold; margin-bottom:20px;}
	.category-wrap .category-desc { font-size:14px; }
		.category-wrap .category-desc p { margin-bottom:10px;}
	.category-wrap .category-post-list { list-style-type:disc; margin-left: 20px !important; margin:20px 0;}
		.category-wrap .category-post-list li { font-size:16px;}
	.category-wrap .open-close { text-align:center; font-size:14px; font-weight:bold; color:#555; border-top:1px #ccc solid; cursor: pointer; padding:10px 0;}

	.category-wrap .open-close:before { content:"詳細を見る +";}
	.category-wrap .open-close.clicked:before { content:"閉じる -";}

	.category-wrap .cnid:before { font-family: "Font Awesome 5 Free"; background:#15aabf; color:white; padding:10px; border-radius:50%; font-size:20px; margin-right:10px; font-weight: 900; }
	.category-wrap .cn-id8:before { content: '\f4d8'; }
	.category-wrap .cn-id9:before { content: '\f1eb'; }
	.category-wrap .cn-id10:before { content: '\f304'; }
	.category-wrap .cn-id11:before { content: '\f2db'; }
	.category-wrap .cn-id12:before { content: '\f5bf'; }
	.category-wrap .cn-id57:before { content: '\f274'; }

	.course-subimg { background:url(./img/header-bg190524-1-2.jpg) top center no-repeat; padding:50px 0 ; background-size:cover;}

	.course-subimg .text { text-align: center; text-shadow: 0 0 5px rgba(0,0,0,1.0); font-weight: 900; color: #fff; }
	.course-subimg .text p { margin:15px 0; font-size:24px;}




	.single time { color:#888; font-weight:bold; margin:10px 0; display:block;}
		.single time .kokai { margin-right:20px;}

/*	.single h2 { background:#f3f3f3; border-left:5px #735a00 solid; margin:50px -20px 40px; font-size:24px; text-align:left; padding:15px 20px 15px 20px;} 
	.single h2 { background:#fcc800; margin:50px -20px 40px; font-size:24px; text-align:left; padding:15px 20px 15px 20px; color:#595757;} 
*/

	.single h3 { margin:40px 0 15px; border-bottom: solid 3px #fcc800;}
	.single h4 { margin:10px 0 5px;padding: 0.25em 0.5em;
  background: transparent;
  border-left: solid 5px #fcc800;}

	.single .addtoany_content_bottom { margin-top:50px;}



	.single #contents .body ul { list-style-type:disc; margin-left:20px; margin:30px 40px;}
/*	.single #contents .body ul li { margin:10px 0;}
	.single #contents .body ul.blocks-gallery-grid li { margin:0 16px 16px 0;}*/

	.single #contents .body ol { list-style-type:decimal; margin-left:20px; margin:30px 40px;}
	.single #contents .body o lli { margin:10px 0;}


	.single .casebox { }
	.single .casebox .headline { background:linear-gradient(#f8f8f8, #e1e1e1); padding:20px;}
	.single .casebox .headline .img { font-size:18px; display:inline-block; vertical-align:top; background:#fff; width:35%; text-align:center; padding:20px;}
	.single .casebox .headline .title { font-size:24px; font-weight:bold; display:inline-block; vertical-align:top; width:60%; margin-left:5%; }
		.single .casebox .headline .title .title1 { font-size:16px; font-weight:bold; border:1px #333 solid; padding:5px 30px; border-radius:30px 30px 30px 30px; margin-bottom:10px; display:inline-block;}
		.single .casebox .headline .title .title2 { font-size:24px; font-weight:bold; }
		.single .casebox .headline .title time { font-size:16px;}





	.sidebar h4 { background:#5a5859; color:#fff; font-weight:bold; font-size:20px;  text-align:center; padding:10px 0;border-left: solid 5px #5a5859;}
	.sidebar .sidebarbox { padding:20px 10px; font-size:16px; margin-bottom:60px;}
	#contents .sidebar .sidebarbox ul { list-style-type:disc; margin-left:20px;}
		#contents .sidebar .sidebarbox ul li { list-style-type:none; }





.yarpp-related {}
	.yarpp-related h3 { }
	.yarpp-related ol { margin:10px 0 20px; border:1px #ccc solid;}
		.yarpp-related ol li { border-bottom:1px #ccc solid; padding:10px; }
			.yarpp-related ol li a { font-weight:500 !important;}
			.yarpp-related ol li:last-child { border-bottom:0;}
			.yarpp-related ol li abbr { display:none !important;}


.yuraibox { max-width:680px; margin:0 auto; text-align:left;}
.logoyurai { display:block; background:#fff; padding:20px; max-width:160px; margin:0 auto;}



.archive .wp-pagenavi {
	clear: both;
	text-align:center;
	margin:40px 0;

}
.archive .wp-pagenavi a, .archive .wp-pagenavi span {
	color: #4DD0D5;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: thin dotted #4DD0D5;
}
.archive .wp-pagenavi a:hover{
	color: #fff;
	background-color: #4DD0D5;
    }
.archive .wp-pagenavi span.current{
	color: #fff;
	background-color: #4DD0D5;
    }







/* page */

#mainsubimg { background:url(./img/mainsubimg-bg1.jpg) center center no-repeat; background-size:cover; }
	#mainsubimg h1 { padding:100px 0; text-align:center; color:#fff; text-shadow:0 0 5px rgba(0, 0 , 0, 1.0); }
@media screen and (max-width:480px) {
	#mainsubimg h1 { padding:50px 0;}
}





.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { padding:10px 5px;}
.wp-block-table.is-style-stripes th { border-bottom:2px #000 solid !important; }


.voice-box { background:#fffbf4; border:1px #f89174 dashed; padding:10px; border-radius:10px; font-size:16px;}
.voice-box h5 { background:#f89174; color:#fff; border:none; padding:10px 5px; margin:0; text-align:center; border-radius:10px; font-size:16px;}


#contents .list1 { margin:20px auto; padding: 0; list-style-type:none !important; background:#fff7ef;}
#contents .list1 li { color:#923200; font-size:20px; }
#contents .list1 li:before { font-family: "Font Awesome 5 Free"; content:"\f058"; margin-right:20px; font-weight:900; font-size:24px;}

#contents .list1 li { padding-left:3em;}
#contents .list1 li:before { margin-left:-1.8em;}


@media screen and (max-width:768px) {
	#contents .list1 li { font-size:18px; }
}

@media screen and (max-width:480px) {
	#contents .list1 li { font-size:16px; }
}



/* result */
.result-body-cat-list { display:flex; flex-wrap:wrap; margin:30px 0 60px;}
	.result-body-cat-list li { width:46%; margin:10px 2%;}
		.result-body-cat-list li a { display:block; background:#fff; color:#5f8edd; padding:20px; text-decoration:none; border:1px #5f8edd solid;}
		.result-body-cat-list li a:hover { background:#5f8edd; color:#fff; padding:20px; border:1px #5f8edd solid;}

		.result-body-cat-list li a:after {
			font-family: "Font Awesome 5 Free";
			content: '\f054';
			font-weight: 900;
			font-size: 10px;
			position: absolute;
			right: 10px;
			top: 22px;
		}



/* company */

.company-table { width:100%;}
	.company-table th, .company-table td { border:1px #737373 solid; padding:10px 20px; vertical-align:middle;}
	.company-table th { background:#22b14c; width:25%;}
	.company-table td { }
	.company-table2 th { background:#000;}

  

.os-orange { background:#fcc700;}

.fb1-1, .fb1-2 { text-align:center; color:#fff; font-weight:bold; font-size:36px;}
	.us-section2 h2 { display:inline-block; vertical-align:bottom; font-size:32px;}
	.us-section2 h2 img { margin-right:10px;}
	.us-section2 { text-align:center; font-weight:bold;}
	.us-section2 .strong { color:#fcc700;}
	.us-section2 .desc { font-size:22px; margin-top:30px;}
		.us-section2 .desc span { background: #ffc50c;}
	.us-section2 .large { font-size:28px; margin-top:30px; margin-bottom:30px;}

	.us-section4 h2 { font-size:34px;}
		.us-section4 .img { width:400px; float:left; margin-right:30px;}

.company-section { text-align:center; font-weight:bold;}
.company-section .p1 { color:#fff; font-size:34px; margin-bottom:30px;}
.company-section .p2 { color:#595757; font-size:18px;}
.company-section h3 { margin:30px 0 40px;}


.slogan-box img { border:10px #fff solid !important; box-shadow:3px 3px 5px 5px rgba(0, 0, 0, 0.3); }



.single #contents ul, .page #contents ul { list-style-type: disc; margin: 20px;}



#contents .sidebar .sidebarbox ul { margin:0 0 0 20px;}

/*
 #contents a[target="_blank"]:before { font-family:"Font Awesome 5 Free"; content:"\f35d"; font-weight:900; margin-right:3px; font-size:14px;}
	#contents .download-table a[target="_blank"]:before { content:none;}
#contents figure a[target="_blank"]:before { content:none;}

#contents .addtoany_share_save_container a[target="_blank"]:before { content:none;}
*/


/* openning */

#contents .list1 { margin:20px auto; padding: 0; list-style-type:none !important;}
#contents .list1 li { color:#923200; font-size:20px; }
#contents .list1 li:before { font-family: "Font Awesome 5 Free"; content:"\f058"; margin-right:20px; font-weight:900; font-size:24px;}

#contents .list1 li { padding-left:3em;}
#contents .list1 li:before { margin-left:-1.8em;}


@media screen and (max-width:768px) {
	#contents .list1 li { font-size:18px; }
}

@media screen and (max-width:480px) {
	#contents .list1 li { font-size:16px; }
}




.outside4 { background-color:#fffdf9;}

.outside3 { background:#f05259; margin-bottom:50px; padding:15px 0; }
	.outside3 h2 /*{ color:#fff; text-align:center; margin-bottom:0; margin-top:0;}
		.outside3 h2:before { content:none; }*/

.highlight1 { background-color:yellow;}





/* v2h table */
.v2h-hojo-table { font-size:90%; overflow-x: scroll; margin-right:0; margin-left:0;}
.v2h-hojo-table table { width: 100%;  white-space: nowrap; }
  .v2h-hojo-table table td { border:1px #ccc solid; padding:5px; text-align:center; vertical-align: middle;}
  .v2h-hojo-table table tr:first-child { background:#efefef; font-weight:bold; font-size:120%;}

.v2h-feature-table { font-size:90%; overflow-x: scroll; margin-right:0; margin-left:0;}
.v2h-feature-table table { width: 100%;  white-space: nowrap; }
  .v2h-feature-table table td { border:1px #ccc solid; padding:5px; text-align:center; vertical-align: middle;}
  .v2h-feature-table table tr:first-child { background:#efefef; font-weight:bold; font-size:120%;}
  .v2h-feature-table table td:nth-child(2n) { background:#f2f0ff; }
  .v2h-feature-table table td:nth-child(3n) { background:#fff7ed; }



  .table-sp-scroll {
    position: relative;
    overflow-x: auto;
  }
  
  .table {
    border-collapse: collapse;
  }
  
  .table__header, table__cell {
    min-width: 200px; /* 列の最小幅は任意のものに変更してください */
  }
  .table__header {
    color: #fff; /* 文字色は任意のものに変更してください */
    font-weight: 700;
    background: #1492AF; /* 背景色は任意のものに変更してください */
  }
  
  .scroll-hint {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    display: none;
    animation: scroll-hint-animation 2s infinite ease;
  }
  
  @keyframes scroll-hint-animation {
    0% {
      transform: translate(-50%, -50%);
    }
    50% {
      transform: translate(-40%, -50%);
    }
    100% {
      transform: translate(-50%, -50%);
    }
  }
  
  .scroll-hint--show {
    display: block;
  }









/* footer */


.f-contact { }
.f-contact-wrap { margin:60px 0 80px; font-weight:normal;}
	.f-contact .desc { display:inline-block; width:49%; padding-left:60px; }
		.f-contact .desc .fc1 { margin-bottom:0; margin-top:0;}
		.f-contact .desc .fc2 { margin-bottom:0; font-size:48px; line-height:100%; color:#3e77d6;}
			.f-contact .desc .fc2 .fc2-1 { font-size:40px;}
	.f-contact .mail-banner { display:inline-block; width:50%; text-align:center; vertical-align:top;}
		.f-contact .mail-banner a { display:block; border:1px #000 solid; padding:20px; margin-right:60px; margin-left:60px; font-size:24px; color:#fff; background:#3f77d6; text-decoration:none;}
		.f-contact .mail-banner a i { font-size:50px; vertical-align:middle; margin-right:20px;}
		.f-contact .mail-banner a span { display:inline-block; vertical-align:middle;}
		.f-contact .mail-banner a:hover { background:#fff; color:#000; transition:0.5s; }


@media screen and (max-width: 768px) {
	.f-contact .desc { padding-left:0; }
		.f-contact .desc .fc2 { font-size:38px; }
		.f-contact .mail-banner a { margin:30px auto; width:70%; }
	.f-contact .desc, .f-contact .mail-banner {width:100%;border-right:none;display: block;padding-right:0;text-align:center;}
}


@media screen and (max-width:480px) {
	.f-contact .btn-div { flex-wrap:wrap; }
	.f-contact .btn-div .btn-footer { width:100%; margin:10px 0;}

	.f-contact .mail-banner a { width:80%; font-size:20px;}
	.f-contact .mail-banner a i { margin-right:0; margin-bottom:10px; display:block;}


}





/* sp footer */
@media screen and (min-width:768px) {
  .sp-footer-tel { display:none;}
  .pc-sidebutton { position:fixed; right:0; top:45%; z-index:5;}
}

@media screen and (max-width: 768px) {
  .sp-footer-tel { display:flex; position:fixed; width:100%; bottom:0; left:0; background:#333; height:60px; color:#fff; text-align:center;align-items: center; justify-content: center; font-size:16px; z-index:10000;}
.sp-footer-tel i { margin-right:10px;}
.sp-footer-tel a { color:#fff; text-decoration:none; font-size:13x;}
.sp-footer-tel .tel, .sp-footer-tel .mail, .sp-footer-tel .yoyaku { width : calc(100% / 3) ; }
.sp-footer-tel .tel, .sp-footer-tel .yoyaku { border-right:1px #fff dotted;}
  .pc-sidebutton { display:none;}
  .copyright { margin-bottom:60px;}
}





#footer { text-align:center; border-bottom:5px #22b14c solid; }

.footer-info { background:#ebebeb;  padding:50px 0;}

	#footer .company { margin:0 auto 80px;}
		#footer .company td, #footer .company th { text-align:left; padding:5px 15px;}

	#footer .f-nav a { color:#fff; text-decoration:none;}
	#footer .f-nav a:hover { text-decoration:underline;}

	#footer .f-logo { margin-bottom:40px;}
		#footer .f-logo img { max-width:250px;}
	#footer .f-sns { margin:20px 0 -30px; display:flex; justify-content: center;}
    #footer .f-sns li{ padding:5px;}

	#footer .copyright { padding-bottom:40px; padding-top:40px; font-size:16px;}


	#footer .f-box { display:inline-block; width:33%; text-align:left; vertical-align:top;}
	#footer .f-nav { width:60%; margin-right:20px;}
		#footer .f-nav li { display:inline-block; width:49%; margin-bottom:15px; vertical-align:top;}
		#footer .f-nav li:before { content:'■ ';}
			#footer .f-nav li ul li { display:block; width:100%; margin-bottom:0; margin-left:15px; font-size:90%;}
				#footer .f-nav li ul li:before {  content:'－ ';}

	#footer .f-fb {width:460px; margin-right:60px; text-align:center;}
	#footer .f-company { width:37%; }


	#footer .f-company { }
	#footer .f-company .f-info { margin-bottom:0;}
	#footer .f-company .f-sns a { color:#000; text-decoration:none;}
	#footer .f-company .f-sns i { margin-right:15px; font-size:22px;}
		#footer .f-company .f-sns i.fa-youtube { margin-right:2px;}


		#footer .footer-info { background:rgba(0,0,0,0.2);}


#contents { margin-bottom:100px;}
/*#contents .date { text-align:right; margin-bottom:40px;}*/






.contactform { width:600px; margin:0 auto 80px; background:#f7f7f7; padding: 40px 80px;}
	.contactform input[type="text"], .contactform input[type="email"], .contactform input[type="tel"], .contactform textarea { width:100%; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;}
	.contactform .hissu { font-size:12px; color:red;}
	.contactform .norobots { font-size:14px; color:red; margin-bottom:20px;}
	.contactform .norobots span.wpcf7-list-item { margin-left:0; }









/*　FAQ acoordion
-------------------------------*/

ul.accordion { 
}
ul.accordion a { 
}
ul.accordion span { 
display:block; 
background-position:100% top; 
background-repeat:no-repeat;
}
ul.accordion span:hover { color:#666;}
ul.accordion ul { display:none; list-style-type:none !important;}
ul.accordion > li { 
list-style:none;
margin: 0;
}
ul.accordion > li > p { 
  padding: 5px 0 10px 50px;
  background:url(./img/bg_faq_q.png) left top no-repeat;
  cursor: pointer;
  font-weight:bold;
}
ul.accordion > li > p span { 
background-image:url(./img/bg_faq_q_open.png);
padding-right:25px;
}
ul.accordion > li > p span.open {
background-image:url(./img/bg_faq_q_close.png);
}
ul.accordion > li > ul > li { 
  background:url(./img/bg_faq_a.png) 20px 15px no-repeat;
  margin: 0 10px 40px;
  padding: 25px 30px 23px 70px;
  border:2px #beecff dashed;
}
ul.accordion > li > ul > li :last-child { border:none;}









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



@media screen and (min-width:1200px) {

.sp-only { display:none; }
.menu-item-52, .menu-item-54 { display:none;}

} /* */









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

.inner { width:94% !important; margin:0 auto;}

#menu-global .sub-menu { background:#000;}

.archive #container .archive-body, .single #container .archive-body, .search #container .archive-body { width:70%;}
.archive #container .sidebar, .single #container .sidebar, .search #container .sidebar { width:25%;}

} /* */















@media screen and (min-width: 480px) and (max-width: 767px) { 


} /* */







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

	.news-list li .title { width:100%; display:block;}

	.contact-banner { display:none;}
	#header .ci .text { font-size:40px;}
	.feature-box { padding:15px; font-size:30px;}

	h2 { font-size:28px; margin:40px 0 30px;}
	h2 span.sub { font-size:24px;}
	.page h3 { font-size:24px; margin:30px 0 30px;}


	.contactform { width:100%; padding: 20px;}

	.company td, .company th { display:block; width:100%;}
	.company th { /*border-bottom:1px #b2b2b2 dotted;*/ background:#797979;}

	.i-flex2 li { width:40%; margin-left:auto !important; margin-right:auto !important;}

	.h-logo { max-width:70%; z-index:100;}
	.h-logo img { max-height:40px;}

#container { margin-top:70px;}

.bxslider-org li { height:500px;}
.bxslider-org .ci { padding:70px 0 0;}
.ci .text .t1 { font-size:30px;}
.ci .text .t2 { font-size:30px;}

.news-list { width:96%;}

.bx-wrapper .bx-controls-direction a { display:none;}

.topics-list li { width:48%;}


.tcb3 .img { width:100%;}
	.tcb3 .img img { object-fit:cover; width:100%; height:200px;}
	.tcb3-2 .img img { object-fit:cover; width:auto !important; height:auto !important;}
		.tcb3-2 .contents-list2 li { margin-bottom:15px;}

.tcb3 .desc { width:100%; margin-top:20px;}

.tcb3 .desc .p1 { text-align:center; font-size:24px;}
.tcb3 .desc .p2 { text-align:center;}

.button5 { font-size:20px;}
#footer .f-box { width:100%;}
.menu-footer-container { display:none;}

#footer { padding-top:30px;}
#footer .f-company { text-align:center;}
#footer .f-fb { margin-right:0;}
#footer .copyright { padding-top:40px;}


.wp-block-image .alignright { float:none; margin:10px auto;}


ul.flow1 { width:100%;}
ul.flow1 li { padding:20px;}
ul.flow1 li .step { padding:20px; width:100px; padding:15px;}
ul.flow1 li .body { width:420px; margin-left:20px; font-size:16px;}

ul.flow1 li:before { left:60px;}


.archive #container .archive-body, .single #container .archive-body, .search #container .archive-body { width:100%;}
.archive #container .sidebar, .single #container .sidebar, .search #container .sidebar { width:100%; margin-left: 0; margin-top:60px;}
.sidebar .sidebarbox { margin-bottom:30px;}

.single .authorbox { padding:20px; text-align:center;}
.single .authorbox .img { width:50%;}
.single .authorbox .desc { margin-left:0; width:100%;}

.staff-out-detail .info { background-color: rgba(255,255,255,0.8);}

.fb1-1, .fb1-2 { font-size:22px;}
.us-section2 .large { font-size:22px;}
.us-section2 .desc { font-size:20px;}
.us-section4 h2 { font-size:24px;}

} /* */








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

body { font-size:16px;}

.h-logo { max-width:230px; }

	.news-list, .blog-list { padding:10px;}
	.news-list li, .blog-list li {  padding:10px; margin-bottom:5px; }
		.news-list li .cat { margin-right:15px; font-size:12px; width:120px;}
		.tcb-news .news-list li .date { margin-right:0;}

	#header .ci .text { font-size:26px;}
	.feature-box { padding:10px; font-size:22px;}

	h2 { font-size:24px;}
	h2 span.sub { font-size:20px;}
	.tcb4 .desc { font-size:18px;}
	.tcb4 .large { font-size:22px;}

	.flex { display:block; }
	.flex li { margin-bottom:40px;}
	.flex li { width:auto;}

	.i-flex2 li { width:auto;}


.company-table td, .company-table th {
    display: block;
    width: 100%;
    border: 1px #ccc solid;
    padding: 15px;
    font-size: 14px;
}

.product-suryo td, .product-suryo th { display:table-cell; width:auto; padding:10px; }

.topics-list li { width:80%;}

ul.flow1 li { text-align:center;}
ul.flow1 li .body { width:100%; margin-left:0; }
ul.flow1 li .step { margin:15px auto;}
ul.flow1 li:before {left:47%;}

.archive .topics-list li, .search .topics-list li { width:96%; border:1px #ddd solid;}

.staff-out-detail .info { background-size:30%;}
.sod-staff-img { background:none !important;}


} /* */



.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}









.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background:#888 !important; }

.company-table span { color:red; font-size:14px;}












