@charset "UTF-8";
/*
 Theme Name:   iTSherpa
 Template:     understrap
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700|Noto+Sans:400,700|Open+Sans:300,400,600,700&display=swap');
*, *::before, *::after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a {color: #e57300;}
a:hover {text-decoration: none;}
body {
	font-family:'Noto Sans JP';
	display: none;
}
.en {font-family: 'Noto Sans', sans-serif;}
p {
	font-weight: 300;
	line-height: 2;
}
p.lead {
	font-size: 20px;
	font-weight: 400;
}
.title_wrap h2 {
	font-size: 32px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 30px;
}
.title_wrap {
	position: relative;
	margin-bottom: 80px;
}
.title_wrap::after {
	content: "";
	width: 1000px;
	height: 1px;
	background: #e57300;
	position: absolute;
	bottom: 0;
}
.btn_wrap {}
.btn_wrap .btn01 {}
.btn_wrap .btn01 a {
	font-size: 14px;
	color: #e57300;
	font-family: 'Open Sans', sans-serif;
	display: block;
	border: 1px solid #e57300;
	width: 260px;
	height: 80px;
	border-radius: 40px;
	line-height: 75px;
	text-align: center;
	padding-left: 10px;
	margin: 0 0 0 auto;
}
.btn_wrap .btn01 a::after {
	content: url('../../../img/arrow_off.png');
	margin-left: 30px;
}
.btn_wrap .btn01 a:hover {
	color: #fff;
	background: #e57300;
	border: 1px solid #e57300;
}
.btn_wrap .btn01 a:hover::after {
	content: url('../../../img/arrow_on.png');
}

/* ----------TOP---------- */
/* -----header----- */
nav.bg-primary {
	background-color: inherit !important;
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
}
nav .navbar-brand img {width: 140px;}
nav ul.navbar-nav li.menu-item {
	margin: 0 20px;
	position: relative;
}
nav ul.navbar-nav li.menu-item a.nav-link {
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
nav ul.navbar-nav li.menu-item a.nav-link:hover::before {
	content: "";
	width: auto;
	height: 5px;
	background-color: #fff;
	position: absolute;
	top: -11px;
	left: 0;
	right: 0;
	margin: auto;
}
nav ul.navbar-nav li.qtranxs-lang-menu img {display: none;}
.dropdown-menu {
	color: #555;
	background-color: rgba(255,255,255,0.5);
	border: none;
	border-radius: none;
	left: -50px;
}
.navbar.sc_navbar ul li a {
	color: #999 !important;
	transition: 0.5s;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #F77600;
}

/* -----main----- */

/* -----kushima----- */
.kushima_cc {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
img:hover {
			opacity: 0.7 ;
		}

/* Firstview */
.firstview_wrap {
	background: url('../../../img/first_view.jpg') no-repeat top right;
	background-size: contain;
	width: 100%; 
	padding-top: 56%;
	background-attachment: fixed;
}
.firstview_wrap h1.firstview_text,
.firstview_wrap h2.firstview_text {
	position: absolute;
	bottom: 10px;
	left: 100px;
	font-size: 37px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
.firstview_wrap h1.firstview_text {font-size: 52px;}
div.bg_gray {
	background: #eee;
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	z-index: -999;
}
/* -----top message----- */
#top_message {
	margin-top: 100px;
	background: url('../../../img/bg01.png') no-repeat;
}
#top_message .message_wrap {/* padding-top: 200px;*/ }
#top_message .message_wrap p.right_text {padding-left: 100px;}

/* -----Strong Point----- */
#top_strong_point {
	background: url('../../../img/bg02.png') no-repeat;
	background-size: contain;
	background-position: 200px bottom;
	padding: 100px 0 200px;
	background-attachment: fixed;
}
#top_strong_point p.lead {
	font-size: 24px;
	font-weight: 400;
	margin: 20px 0 10px;
}
#top_strong_point .col_wrap {
	margin-bottom: 50px;
	padding: 0px 50px 0px 50px;
}
#top_strong_point .title_wrap::after {
	left: -800px;
}
#top_strong_point .btn_wrap {
	margin-top: 10px;
}
/* -----Service----- */
#top_service {
	background: #eee;
	padding: 100px 0 200px;
}
#top_service .title_wrap::after {
	left: -880px;
}
#top_service .col_wrap {
	margin-bottom: 20px;
	padding-right: 35px;
	padding-left: 35px;
}
#top_service .service_wrap {
	width: auto;
	height: 310px;
	background: #fff;
	padding: 40px 30px 0;
	text-align: center;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
#top_service .service_wrap img {height: 50px;}
#top_service .service_wrap p {
	font-size: 14px;
	line-height: 1.6;
}
#top_service .service_wrap p.lead {
	margin: 30px 0 10px;
	font-size: 17px;
}
#top_service .btn_wrap {margin-top: 100px;}
/* -----Blog----- */
#top_blog {
	padding: 100px 0 200px;
}
#top_blog .title_wrap::after {
	left: -900px;
}
#top_blog .posts_wrap {margin-bottom: 150px;}
#top_blog .posts_wrap .new_post:first-child {margin-left: 25%;}
#top_blog .posts_wrap .row {margin: 0;}
#top_blog .posts_wrap .new_post {padding: 0;}
#top_blog .posts_wrap .new_post .thumbnail_wrap {
	height: 200px;
	overflow: hidden;
}
#top_blog .posts_wrap .new_post .thumbnail_wrap img {width: 100%;}
#top_blog .posts_wrap .new_post .post_date_wrap {margin: 20px 0 0;}
#top_blog .posts_wrap .new_post .post_date_wrap p {
	color: #aaa;
	font-size: 14px;
	margin-bottom: 0;
}
#top_blog .posts_wrap .new_post .post_title_wrap p {
	color: #333;
	font-weight: 500;
}
#top_blog .posts_wrap .new_post a {display: block;}
#top_blog .posts_wrap .new_post a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
/* -----Footer----- */
#wrapper-footer-full {
	background: #333;
	color: #fff;
	padding: 70px 0 20px;
}
footer #footer_address p.lead {margin-bottom: 10px;}
footer #footer_address address {
	font-weight: 300;
	margin-bottom: 5px;
}
footer #footer_address {margin-bottom: 20px;}
footer hr {border-top: 1px solid #fff;}
footer .footer_nav {padding: 20px 0 50px;}
footer .footer_nav nav {margin-top: 15px;}
footer .footer_nav nav ul li {margin: 0 20px;}
footer .footer_nav nav ul li a {color: #fff;}
footer .footer_nav nav ul li a:hover {opacity: 0.7;}
#wrapper-footer {display: none;}
/* ----------下層ページ---------- */

.firstview .firstview_wrap h1.firstview_text span {
	font-size: 30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}
.message .message_wrap {padding: 150px 0 100px;}
.message .message_wrap p.left_text.lead {font-size: 20px; margin-bottom: 20px;}
.message .message_wrap p.left_text {font-size: 18px;}

/* -----About Us----- */
#aboutus .firstview .firstview_wrap {background-image: url('../../../img/lower/aboutus.jpg');}
#aboutus #company .title_wrap::after {left: -840px;}
#aboutus #company .container {padding-bottom: 180px;}
#aboutus #company_intro .title_wrap::after {left: -630px;}
#aboutus #company_intro .container {padding-bottom: 180px;}
#aboutus #history .title_wrap::after {left: -870px;}
#aboutus #history .container {padding-bottom: 180px;}
#aboutus #company .jigyousyo {margin-bottom: 20px;}
#aboutus #company .jigyousyo .lead {
	font-size: 16px;
	font-weight: bold;
}
#aboutus #company .jigyousyo address {margin-bottom: 0;}
/* bottom_link */
.bottom_link_wrap {position: relative;}
.bottom_link_wrap a.bottom_link {
	display: block;
	background: url('../../../img/lower/service.jpg') no-repeat center;
	background-size: cover;
	height: 400px;
	font-size: 50px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	padding: 140px 100px;
	position: relative;
}
.bottom_link_wrap a.bottom_link span {
	font-size: 30px;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	margin-top: -10px;
}
.bottom_link_wrap a.bottom_link:hover {opacity: 0.7;}
.bottom_link_wrap a.bottom_link::after {
	content: "";
	background: url('../../../img/lower/arrow_footer.png') no-repeat;
	background-size: cover;
	width: 100px;
	height:  22px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 50px auto 0;
}
.bottom_link_wrap .col-md-8 {padding-right: 0;}
/* table */
table.table {
	color: #333;
	border-bottom: 1px solid #dee2e6
}
table.table tr th {
	font-weight: 500;
	padding: 30px 0;
	width: 25%;
}
table.table tr td {padding: 30px 0;}

/* -----Service----- */
#service .firstview .firstview_wrap {background-image: url('../../../img/lower/service.jpg');}
#service #service_nav {margin-bottom: 150px;}
#service #service_nav .nav_wrap {
	background: #eee;
}
#service #service_nav .nav_wrap nav ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: calc((100vw - 1140px) / 2);
	padding: 40px 0px 10px 20px;
}
#service #service_nav .nav_wrap nav ul li {
	width: 25%;
	margin-bottom: 20px;
	list-style: none;
}
#service_nav nav ul li a {
	position: relative;
	padding-left: 30px;
}
#service_nav nav ul li a:hover {
	color: #e57300;
	opacity: 0.7;
}
#service_nav nav ul li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
#service_nav nav ul li.app a::before {
	background-image: url('../../../img/service/app.png');
margin-left:4px;}
#service_nav nav ul li.live_streaming a::before {background-image: url('../../../img/service/live_streaming.png');}
#service_nav nav ul li.cloud_service a::before {
	background-image: url('../../../img/service/cloud_service.png');
}
#service_nav nav ul li.ec_system a::before {background-image: url('../../../img/service/ec_system.png');}
#service_nav nav ul li.callcenter a::before {background-image: url('../../../img/service/callcenter.png');}
#service_nav nav ul li.iot_device a::before {
	background-image: url('../../../img/service/iot_device.png');
	margin-top:4px;
}
#service_nav nav ul li.Offshore_Development a::before {background-image: url('../../../img/service/offshore.png');}
#service_nav nav ul li.Face_Recognition_System a::before {background-image: url('../../../img/service/face_icon.png');}

#company .title_wrap::after {left: -840px;}
#company_intro .title_wrap::after {left: -640px;}
#history .title_wrap::after {left: -880px;}
#service #app .title_wrap::after {left: -820px;}
#service #web_system .title_wrap::after {left: -810px;}
#service #live_streaming .title_wrap::after {left: -770px;}
#service #cloud_service .title_wrap::after {left: -770px;}
#service #ec_system .title_wrap::after {left: -840px;}
#service #callcenter .title_wrap::after {left: -820px;}
#service #iot_device .title_wrap::after {left: -830px;}
#service #Offshore_Development .title_wrap::after {left: -630px;}
#service #Face_Recognition_System .title_wrap::after {left: -600px;}
#service #system_consulting .title_wrap::after {left: -710px;}

#service #app .container,
#service #live_streaming.container-fluid,
#service #ec_system .container,
#service #callcenter .container,
#service #iot_device.container-fluid,
#service #cloud_service .container,
#service #iot_device.container-fluid,
#service #Offshore_Development .container  {padding-bottom: 150px;}
#service #Face_Recognition_System .container  {padding-bottom: 200px;}
#service .container .lead_text {margin-bottom: 80px;}
#service h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 30px;
}
#service h4 {
	font-size: 24px;
	margin: 30px 0 20px;
}
#service dl dt {
	margin-bottom: 10px;
	font-family:'Noto Sans','Noto Sans JP', 'Open Sans',sans-serif;
}
#service dl dd {
	margin-bottom: 20px;
	font-weight: 300;
	font-family:'Noto Sans','Noto Sans JP', 'Open Sans',sans-serif;
}
#service dl dt.before_circle::before {
	content: "●"
}
#service #app dl dd {padding-left: 1rem;}
#service .right_photo {
	margin-top:30px;
	text-align: center;
	padding-right:0px;
	padding-left:0px;
}
#service .center_photo{
	text-align: center;
	padding-left:0px;
	padding-right:0px;
}
#service .right_photo img {
	width:100%;
	margin-bottom: 50px;
}
#service #live_streaming dl dt,
#service #ec_system dl dt {margin-bottom: 20px;}
#service #live_streaming dl dd,
#service #ec_system dl dd {margin-bottom: 40px;}
#service #live_streaming .left,
#service #iot_device .left {
	padding-left: calc((100vw - 1140px) / 2);
}
#service #live_streaming .right,
#service #iot_device .right {
	text-align: right;
	padding-right: 0;
}
#service #ec_system .row,
#service #iot_device .row,
#service #Offshore_Development .row,
#service #Face_Recognition_System .row{margin-top: 100px;}
#service #callcenter .row{
	padding-top :15px;
	padding-bottom:15px;
}
#service .bottom_link_wrap a.bottom_link {
	background-image: url('../../../img/lower/contact.jpg');
}
#service .CC{
	padding-left:0px;
	padding-right:0px;
}
/* -----contact----- */
#contact {padding-bottom: 100px;}
#contact .firstview .firstview_wrap {background-image: url('../../../img/lower/contact.jpg');}
.wpcf7 {max-width: 800px;}
#contact .table td,
#contact .table th {border: none;}
#contact .table td {padding-right: 10px;}
#contact table.table {border: none;}
#contact input:focus,#contact textarea:focus {
	border-color: #F77600;
}
#contact input,#contact textarea {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
#contact input[type="radio"],
#contact input[type="submit"] {box-shadow: none;}
#contact input[type="submit"] {
	color: #F77600;
	border-color: #F77600;
	height: 60px;
}
#contact input[type="submit"]:hover {
	color: #fff;
	background-color: #F77600;
}
#contact .table {margin-bottom: 0px;}
#contact .wpcf7 .wpcf7-validation-errors {
	border: none;
	margin-top: 0;
}

/* Contact Form 7 drop-down box & send button styling*/
#contact .wpcf7 select:focus {
    border-color: #F77600;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* -----recruit----- */
:focus {outline: none;}
.panel-layout {padding-bottom: 50px;}
.recruit .firstview .firstview_wrap {background-image: url('../../../img/lower/recruit.jpg');}
.panel-layout .sow-tabs .sow-tabs-tab-container {
	padding: 0;
	border: none;
	background: #fff;
	position: relative;
}
.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
	margin: 0;
	width: 550px;
	padding: 35px 30px 40px 50px;
	position: absolute;
	bottom: 0;
}
.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected {
	border: 1px solid #aaa !important;
	border-bottom: none !important;
	padding: 40px 30px 30px 50px;
	background: #fff !important;
	color: #555 !important;
	width: 560px;
}
.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:first-child {left: 0;}
.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:first-child.sow-tabs-tab-selected {left: 0;}
.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child {left: 560px;}
.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child.sow-tabs-tab-selected {left: 550px;}
.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected .sow-tabs-title {
	border-bottom: 1px solid #f0a202;
	padding-bottom: 10px;
}
.panel-layout .sow-tabs .sow-tabs-panel-container {
	border-top: none;
}
.panel-layout .sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
	padding: 100px 50px;
}
.panel-layout .container {padding-bottom: 150px;}
.panel-layout .container .col_wrap {margin-bottom: 50px;}
.recruit .btn_wrap {margin-top: 50px;}
.recruit .btn_wrap .btn01 a {margin: 0 auto;}

/* -----Blog----- */
.blog_titlewrap .firstview_wrap {
	background-image: url("../../../img/lower/blog.jpg");
	height: 200px;
}
.blog_titlewrap .firstview_wrap h1 {bottom: 40px;}
.blog_titlewrap .firstview_wrap .post-categories {display: none;}
.blog_wrap a:hover {opacity: 0.7;}
.blog_wrap .container {padding: 100px 0;}
.blog_wrap .thumbnail_wrap {
	height: 230px;
	overflow: hidden;
}
.blog_wrap .site-main {padding-bottom: 100px;}
.blog_wrap .post {margin-bottom: 80px;}
.blog_wrap .post .entry-header .entry-meta,
#single-wrapper .entry-meta {
	display: flex;
	color: #aaa;
	font-size: 10px;
	margin-top: 20px;
}
.blog_wrap .post .entry-header .entry-meta ul,
#single-wrapper .entry-meta ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.blog_wrap .post .entry-header .entry-meta a,
#single-wrapper .entry-meta a {
	color: #999;
	font-size: 14px;
}
.blog_wrap .post .entry-header .entry-title a {
	color: #555;
	font-size: 20px;
}
.blog_wrap nav {position: relative;}
.blog_wrap nav .pagination {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#single-wrapper {padding: 150px 0 0;}
#single-wrapper .entry-header .entry-title {font-size: 40px;}
#single-wrapper .entry-content {padding: 50px 0 100px;}
#single-wrapper .entry-content img {margin-bottom: 50px;}
.post-navigation {padding: 150px 0 100px;}
.post-navigation a {color: #555;}
.post-navigation a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
/* -----Introduction----- */
#introduction .firstview .firstview_wrap {background-image: url('../../../img/lower/introduction_record.jpg');}
#introduction #introduction_nav {margin-bottom: 150px;}
#introduction #introduction_nav .nav_wrap {
	background: #eee;
}
#introduction #introduction_nav .nav_wrap nav ul {
	display: flex;
	text-align: center;
	margin-right: calc((100vw - 1140px) / 2);
	padding: 40px 0px 10px 20px;
}
#introduction #introduction_nav .nav_wrap nav ul li {
	width: 25%;
	margin-bottom: 20px;
	list-style: none;
}
#introduction_nav nav ul li a {
	position: relative;
	padding-left: 0px;
}
#introduction_nav nav ul li a:hover {
	color: #e57300;
	opacity: 0.7;
}
#introduction_nav nav ul li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
#introduction_nav nav ul li.app a::before {
	background-image: url('../../../img/service/app.png');
margin-left:4px;}
#introduction_nav nav ul li.live_streaming a::before {background-image: url('../../../img/service/live_streaming.png');}
#introduction_nav nav ul li.cloud_service a::before {
	background-image: url('../../../img/service/cloud_service.png');
}
#introduction_nav nav ul li.ec_system a::before {background-image: url('../../../img/service/ec_system.png');}
#introduction_nav nav ul li.callcenter a::before {background-image: url('../../../img/service/callcenter.png');}
#introduction_nav nav ul li.iot_device a::before {
	background-image: url('../../../img/service/iot_device.png');
	margin-top:4px;
}
#introduction_nav nav ul li.Offshore_Development a::before {background-image: url('../../../img/service/offshore.png');}
#introduction_nav nav ul li.Face_Recognition_System a::before {background-image: url('../../../img/service/face_icon.png');}

#company .title_wrap::after {left: -840px;}
#company_intro .title_wrap::after {left: -640px;}
#history .title_wrap::after {left: -880px;}
#introduction #la1 .title_wrap::after,
#introduction #va7 .title_wrap::after,
#introduction #Mn5 .title_wrap::after,
#introduction #other .title_wrap::after,
#introduction #system .title_wrap::after,
#introduction #Hs9 .title_wrap::after {left: -820px;}

#introduction #la1 .container,
#introduction #va7 .container,
#introduction #Mn5 .container,
#introduction #Hs9 .container {padding-bottom: 150px;}
#introduction .container .lead_text {margin-bottom: 30px;}
#introduction h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 30px;
}
#introduction h4 {
	font-size: 24px;
	margin: 30px 0 20px;
}
#introduction dl dt {
	margin-bottom: 10px;
	font-family:'Noto Sans','Noto Sans JP', 'Open Sans',sans-serif;
}
#introduction dl dd {
	margin-bottom: 20px;
	font-weight: 300;
	font-family:'Noto Sans','Noto Sans JP', 'Open Sans',sans-serif;
}
#introduction dl dt.before_circle::before {
	content: "●"
}
#introduction #la1 dl dd {padding-left: 1rem;}
#introduction .right_photo {
	margin-top:30px;
	text-align: center;
	padding-right:10px;
	padding-left:10px;
}
#introduction .center_photo{
	text-align: center;
	padding-left:0px;
	padding-right:0px;
}
#introduction .right_photo img {
	width:100%;
	margin-bottom: 50px;
}
#introduction #va7 .row{
	padding-top :15px;
	padding-bottom:15px;
}
#introduction .bottom_link_wrap a.bottom_link {
	background-image: url('../../../img/lower/contact.jpg');
}
#introduction .CC{
	padding-left:0px;
	padding-right:0px;
}
#introduction .google_play_download {
	padding-top: 50px;
	text-align: center;
}
#introduction .app_store_download {
	padding: 50px 0 100px 0;
	text-align: center;
}
#introduction #Hs9 .container .lead_text {
	margin-bottom: 30px;
	margin-top: 50px;
	text-align: center;
}
#introduction #Hs9 .container .row
.col-lg-6 .row .col-4 .photo-size {
	width: 100%;
}
/* アニメーション */
.page-item.active .page-link {
	color: #e57300;
	background: none;
	border: none;
}
.page-link {
	color: #555;
	background: none;
	border: none;
}
.page-link:hover {
	color: inherit;
	background: none;
	border: none;
	opacity: 0.7;
}
.page-link:focus {box-shadow: none;}

.blog_footer {padding-bottom: 150px;}
.blog_footer li {list-style: none;}
.blog_footer .container {display: flex;}
.blog_footer .container .widget {width: 33%;}
.blog_footer .container .widget ul {padding-left: 1rem;}
.blog_footer .container .widget ul li {padding: 5px 0;}
.blog_footer .widgettitle {
	font-size: 20px;
	color: #aaa;
	position: relative;
	letter-spacing: 10px;
	margin-bottom: 30px;
}
.blog_footer .widgettitle::after {
	content: "";
	width: 130px;
	height: 1px;
	background: #aaa;
	position: absolute;
	left: 180px;
	top: 12px;
}
.blog_footer #archives-2 .widgettitle::after {width: 150px;left: 150px;}
.blog_footer a {color: #555;}
.blog_footer a:hover {opacity: 0.7;}

/* アニメーション */
.title_wrap.delighter {
	transform: translateX(-100%);
	opacity: 0;
	transition: 0.7s;
}
.title_wrap.delighter.started {
	transform: none;
	opacity: 1;
}
.col_wrap.delighter {
	opacity: 0;
	transform: translateY(100%);
	transition: 0.5s;
}
.col_wrap.delighter.started {
	opacity: 1;
	transform: none;
}
.col_wrap.delighter img {
	opacity: 0;
	transform: translateY(100%);
	transition: 0.7s;
}
.col_wrap.delighter.started img {
	opacity: 1;
	transform: none;
}
.col_wrap.delighter p {
	opacity: 0;
	transform: translateY(150%);
	transition: 0.8s;
}
.col_wrap.delighter.started p {
	opacity: 1;
	transform: none;
}
.table-responsive.delighter {
	opacity: 0;
	transform: translateY(10%);
	transition: 0.7s;
}
.table-responsive.delighter.started {
	margin-bottom: 150px;
	opacity: 1;
	transform: none;
}
.nav_wrap.delighter {
	opacity: 0;
	transform: translateX(100%);
	transition: 0.7s;
}
.nav_wrap.delighter.started {
	opacity: 1;
	transform: none;
}
.lead_text.delighter,
.row.delighter,
.text_wrap.delighter {
	opacity: 0;
	transform: translateY(10%);
	transition: 0.7s;
}
.lead_text.delighter.started,
.row.delighter.started,
.text_wrap.delighter.started {
	opacity: 1;
	transform: none;
	padding: 0 20px 0 20px;
}
/* ----------レスポンシブ---------- */
@media screen and (min-width: 1600px) {
	.firstview_wrap {width: 100%; padding-top: 56%;}
	#top_blog .posts_wrap .new_post .thumbnail_wrap {height: 270px;}
}
@media screen and (max-width: 1199px) {
	div.bg_gray {height: 30%;}
	.firstview_wrap h2.firstview_text {
		font-size: 29px;
		left: 50px;
		
	}
	#top_message {
		margin-top: 0px;
		background-size: 80%;
		background-position: left;
	}
	#top_blog .posts_wrap .new_post .thumbnail_wrap {height: 170px;}
	#service #service_nav .nav_wrap nav ul {margin-right: calc((100vw - 960px) / 2);}
	#service_nav nav ul li a {font-size: 14px;}
	#service #live_streaming .left, #service #iot_device .left {padding-left: calc((100vw - 960px) / 2);}
	#introduction #introduction_nav .nav_wrap nav ul {margin-right: calc((100vw - 960px) / 2);}
	#introduction_nav nav ul li a {font-size: 14px;}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {width: 460px;}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected {
		width: 470px;
		padding-left: 40px;
	}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child.sow-tabs-tab-selected {left: 460px}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child {left: 470px;}
	.blog_footer .widgettitle::after {width: 100px;}
	.blog_footer #archives-2 .widgettitle::after {width: 130px;}
	.blog_wrap .thumbnail_wrap {height: 200px;}
}
@media screen and (max-width: 991px) {
	nav ul.navbar-nav li.menu-item {margin: 0 10px;}
	nav ul.navbar-nav li.menu-item a.nav-link {font-size: 14px;}
	div.bg_gray {height: 30%;}
	.firstview_wrap {width: 100%; padding-top: 56%;}
	.firstview_wrap h2.firstview_text {
		font-size: 25px;
		bottom: 50px;
		left: 30px;
	}
	.firstview_wrap h1.firstview_text {
		bottom: 50px;
		left: 70px;
	}
	#top_message .message_wrap {padding-top: 100px;}
	#top_message .message_wrap p.right_text {
		padding-left: 0;
		padding-top: 20px;
		padding: 20px 20px 50px 20px;
	}
	#top_strong_point {
		padding: 0 0 100px;
		background-position: 100px bottom;
	}
	#top_strong_point p.lead {
		font-size: 20px;
		margin: 10px 0 0;
	}
	#top_blog .posts_wrap .new_post:first-child {margin-left: 0;}
	#top_blog .posts_wrap {
		margin-left: calc((100vw - 720px) /2);
		margin-right: calc((100vw - 720px) /2);
	}
	#top_blog .posts_wrap .new_post {margin-bottom: 15px;}
	#top_blog .posts_wrap .new_post a {display: flex;}
	#top_blog .posts_wrap .new_post .thumbnail_wrap {
		width: 40%;
		height: 200px;
	}
	#top_blog .posts_wrap .new_post .responsive_right {padding-left: 30px;}
	#top_blog .posts_wrap .new_post .post_date_wrap {margin: 0;}
	footer #footer_address {padding: 0 150px;}
	footer .footer_nav nav {margin-top: 0;}
	.bottom_link_wrap a.bottom_link {
		height: 300px;
		padding: 90px 100px;
	}
	#service #service_nav .nav_wrap nav ul {margin-right: calc((100vw - 720px) / 2);}
	#service #service_nav .nav_wrap nav ul li {width: 180px;}
	#service #live_streaming .left, #service #iot_device .left {padding-left: calc((100vw - 720px) / 2);}
	#introduction #introduction_nav .nav_wrap nav ul {margin-right: calc((100vw - 720px) / 2);}
	#introduction #introduction_nav .nav_wrap nav ul li {width: 180px;}
	div.wpcf7 {padding: 0 30px;}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {width: 340px;}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected {
		width: 350px;
		padding-left: 40px;
	}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child.sow-tabs-tab-selected {left: 340px}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child {left: 350px;}
	.panel-layout .sow-tabs .sow-tabs-panel-container .sow-tabs-panel {padding: 50px 50px; }
	.blog_wrap .thumbnail_wrap {height: 140px;}
	.blog_footer .widgettitle::after {content: none;}
}
@media screen and (max-width: 767px) {
	.navbar-dark .navbar-toggler {background: rgba(0,0,0,0.3);}
	.navbar-collapse {background: rgba(0,0,0,0.5);}
	nav ul.navbar-nav li.menu-item a.nav-link {
		padding: 20px 20px;
		font-size: 16px;
	}
	nav ul.navbar-nav li.menu-item a.nav-link:hover::before {content: none;}
	.firstview_wrap {width: 90%; padding-top: 56%; margin-left: 10%; }
	div.bg_gray {height: 200px;}
	.firstview_wrap h2.firstview_text {
		font-size: 22px;
		bottom: 20px;
		left: 25px;
	}
	#top_service .service_wrap {height: 300px;}
	#top_blog .posts_wrap {
		margin-left: calc((100vw - 540px) /2);
		margin-right: calc((100vw - 540px) /2);
	}
	#top_blog .posts_wrap .new_post .thumbnail_wrap {height: 140px;}
	#top_blog .posts_wrap {margin-bottom: 50px;}
	footer #footer_address {padding: 0 50px;}
	footer .footer_nav .logo_wrap {
		text-align: center;
		margin-bottom: 30px;
	}
	.firstview_wrap h1.firstview_text {font-size: 32px;}
	.firstview .firstview_wrap h1.firstview_text span {
		font-size: 20px;
		margin-top: 0px;
	}
	.bottom_link_wrap a.bottom_link {
		height: 210px;
		padding: 60px 40px;
		font-size: 32px;
	}
	.bottom_link_wrap a.bottom_link span {
		font-size: 20px;
	}
	.bottom_link_wrap a.bottom_link::after {
		background-size: contain;
		width: 60px;
	}
	#service #service_nav .nav_wrap nav ul {
		margin-right: calc((100vw - 540px) / 2);
	}
	#service #service_nav .nav_wrap nav ul li {width: 200px;}
	#service #live_streaming .left, #service #iot_device .left {padding-left: calc((100vw - 540px) / 2);}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
		width: 250px;
		padding: 30px 30px 25px 30px;
	}
	#introduction #introduction_nav .nav_wrap nav ul {
		margin-right: calc((100vw - 540px) / 2);
	}
	#introduction #introduction_nav .nav_wrap nav ul li {width: 200px;}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
		width: 250px;
		padding: 30px 30px 25px 30px;
	}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected {
		width: 260px;
		padding: 30px 30px 20px 30px;
	}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child.sow-tabs-tab-selected {left: 250px}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child {left: 260px;}
	.panel-layout .sow-tabs .sow-tabs-panel-container .sow-tabs-panel {padding: 50px 30px;}
	.blog_wrap .post {
		display: flex;
		margin-bottom: 30px;
	}
	/*article.post > a {width: 40%;}*/
	.blog_wrap .post .entry-header .entry-title a {
		color: #555;
		font-size: 16px;
	}
	body.blog article.post header.entry-header {padding-left: 15px;}
	.blog_wrap .post .entry-header .entry-meta {margin-top: 0;}
	.blog_wrap .site-main {padding-bottom: 0;}
	.blog_footer {padding-bottom: 100px;}
	.blog_footer .container {display: block;}
	.blog_footer .container .widget {
		width: 100%;
		margin-bottom: 30px;
	}
	.blog_footer .widgettitle {margin-bottom: 15px;}
}
@media screen and (max-width: 575px) {
	div.bg_gray {display: none;}
	body.home div.bg_gray {
		display: block;
		height: 300px;
	}
	.firstview_wrap h2.firstview_text {
		font-size: 20px;
		bottom: 10px;
		left: 50px;
	}
	#top_message .message_wrap {padding-top: 0px;}
	p.lead {
		font-size: 16px;
		font-weight: bold;
		padding: 0px 20px 0px 20px;
	}
	#top_service .service_wrap  {height: 300px;}
	#top_blog .posts_wrap {
		margin-left: 15px;
		margin-right: 15px;
		
	}
	#top_blog .posts_wrap .new_post .thumbnail_wrap {height: 90px;}
	.title_wrapx {margin-bottom: 50px;}
	footer #footer_address {padding: 0;}
	.firstview_wrap h1.firstview_text {
		bottom: 0;
		left: 20px;
		top: 100px;
	}
	.message .message_wrap {padding: 0 20px 100px 20px;}
	table.table tr th {width: 30%;}
	#service #service_nav .nav_wrap nav ul {margin-right: 0;}
	#service #live_streaming .left, #service #iot_device .left {padding-left: 15px;}
	#service .right_photo img {width: 100%;}
	#introduction #introduction_nav .nav_wrap nav ul {margin-right: 50px;flex-direction: column; text-align: left;}
	#introduction .right_photo img {width: 100%;}
	#contact table tr th,#contact table tr td {
		display: block;
		width: 100%;
	}
	#contact table.table tr th {padding: 0;}
	#contact table.table tr td {padding: 10px 0 20px;}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
		width: 50%;
		padding: 30px 10px 25px;
	}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected {
		width: 50%;
		padding: 30px 10px 20px;
	}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child {left: 50%;}
	.panel-layout .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:last-child.sow-tabs-tab-selected {left: 50%;}
	body.blog .firstview_wrap h1.firstview_text {
		bottom: 20px;
	}
	.blog_wrap .thumbnail_wrap {
		height: 100px;
		width: 90px;
	}
	.blog_wrap {padding: 0 15px;}
	.post-navigation {padding: 0px 15px 100px;}
	#single-wrapper .entry-header .entry-title {font-size: 22px;}
	.panel-layout .container {padding-bottom: 0px;}
	img.wp-post-image,
	article img,
	figure,
	img,
	#secondary img {
		max-width: 100%;
		height: 100%;
	}
}

/* 404ページ */
body.error404 .wrapper {padding: 150px 0;}
body.error404 .wrapper .page-header {margin:100px 0;}
body.error404 .wrapper .page-content {margin-bottom: 50px;}
body.error404 .wrapper .row .col-md-4 {padding-bottom: 20px;}

html:lang(ja) li#menu-item-159,
html:lang(ja) li#menu-item-183,
html:lang(ja) li#menu-item-170,
html:lang(ja) li#menu-item-192 {display: none;}
html:lang(en) li#menu-item-160,
html:lang(en) li#menu-item-183,
html:lang(en) li#menu-item-170,
html:lang(en) li#menu-item-192 {display: none;}
html:lang(en) #top_service .service_wrap {height: 380px;}
@media screen and (max-width: 575px) {html:lang(en) #top_service .service_wrap {height: 300px;}}
html:lang(zh) li#menu-item-160,
html:lang(zh) li#menu-item-159,
html:lang(zh) li#menu-item-170,
html:lang(zh) li#menu-item-192 {display: none;}
html:lang(ko) li#menu-item-160,
html:lang(ko) li#menu-item-159,
html:lang(ko) li#menu-item-183,
html:lang(ko) li#menu-item-192 {display: none;}
html:lang(vi) li#menu-item-160,
html:lang(vi) li#menu-item-159,
html:lang(vi) li#menu-item-183,
html:lang(vi) li#menu-item-170 {display: none;}
html:lang(vi) #top_service .service_wrap {height: 320px;}
@media screen and (max-width: 575px) {html:lang(vi) #top_service .service_wrap {height: 250px;}}
/*追加*/
/*串間クリスマスイベント*/
@media screen and (min-width: 980px)  {
  #Kushima_event {
  	position: relative;
  	width: 85%;
  	margin: 0 auto;
  }
  #Kushima_event img {
    width: 100%;
    height: auto;
  }
  #Kushima_event .ke01 {
  	pointer-events: none;
  }
  #Kushima_event .ke01 img {
    width: 100%;
    height: auto;
  }
  #Kushima_event .ke02 {
  	pointer-events: none;
  }
  #Kushima_event .ke02 img {
    width: 100%;
    height: auto;
  }
  .access_btn {
  	position: absolute;
  	top: 19.5%;
  	left: 50%;
  	transform: translateX(-50%);
  }
  .access_btn2 {
  	position: absolute;
  	top: 43.8%;
    right: 5%;
  }
  .ke02 {
    width: 380px;
    margin: 0 auto;
  	padding-top: 5%;
  	padding-bottom: 2%;
  }
  .gmap {
  	position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
  .gmap iframe {
  	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .access {
    padding-top: 20px;
  }
  .access h3 {
    color: #fff;
    position: relative;
    padding: 0.6em;
    background: #523c2e;
    border-radius: 6px;
  }
  .access h3:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 13px solid transparent;
    border-top: 15px solid #523c2e;
    width: 0;
    height: 0;
  }
  .access h4 {
    padding-top: 20px;
    color: #523c2e;
    font-weight: bold;
    font-size: 17px;
  }
  .access img {
    padding-top: 60px;
  }
  .last {
    text-align: center;
    padding-top: 50px;
  }
  .last h2 {
    font-size: 3.5em;
    font-weight: bold;
    color: #BE4D15;
    line-height: 1.3;
  }
  .last p {
    padding-top: 15px;
    line-height: 1.5;
  }

}
@media screen and (max-width: 979px)  {
  #Kushima_event {
  	position: relative;
  }
  #Kushima_event img {
    width: 100%;
    height: auto;
  }
  #Kushima_event .ke01 {
  	pointer-events: none;
  }
  #Kushima_event .ke01 img {
    width: 100%;
    height: auto;
  }
  #Kushima_event .ke02 {
  	pointer-events: none;
  }
  #Kushima_event .ke02 img {
    width: 100%;
    height: auto;
  }
  .access_btn {
  	position: absolute;
    width:  190px;
  	top: 17.5%;
  	left: 50%;
  	transform: translateX(-50%);
  }
  .access_btn2 {
  	position: absolute;
    width: 153px;
    top: 37.5%;
    right: 2.5%;
  }
  .ke02 {
    width: 260px;
    margin: 0 auto;
  	padding-top: 5%;
  	padding-bottom: 2%;
  }
  .gmap {
  	position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
  .gmap iframe {
  	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .access {
    padding-top: 20px;
  }
  .access h3 {
    color: #fff;
    position: relative;
    padding: 0.6em;
    background: #523c2e;
    border-radius: 6px;
  }
  .access h3:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 13px solid transparent;
    border-top: 15px solid #523c2e;
    width: 0;
    height: 0;
  }
  .access h4 {
    padding-top: 20px;
  }
  .access img {
    padding-top: 20px;
  }
  .last {
    text-align: center;
    padding-top: 20px;
  }
  .last h2 {
    font-size: 1.6em;
    font-weight: bold;
    color: #BE4D15;
    line-height: 1.3;
  }
  .last p {
    font-size: 14px;
    padding-top: 10px;
    line-height: 1.5;
  }
}

/*串間*/
@media screen and (min-width: 980px)  {
	body#Kushima{
	background-image: url(https://itsherpa.com/wp-content/uploads/kusima-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
body#important{
	background-image: url(https://itsherpa.com/wp-content/uploads/callcenter-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
h1{
	text-align:center;
	padding-top:35px;
	font-size:20px!important;
	padding-bottom:50px!important;
}
body#Kushima h1{
	color:#FFF;
}
h1 span{
	display:block;
}
h1 img{
	width:350px;
	margin-bottom:15px;
}
#KushimaWrap{
	width: 700px;
	background-color: rgba(255,255,255,0.80);
	margin: auto;
	border-radius: 20px;
	padding: 50px;
	margin-bottom:50px;
}
#KushimaWrap section{
	position:relative;
	padding-bottom:80px;
}
#KushimaWrap section:last-child{
	padding-bottom:0px;
}
#KushimaWrap section h2{
	font-size: 18px;
	text-align: center;
	padding-bottom: 30px;
	font-weight: 500;
}
#KushimaWrap section h2 span{
	border-top: 3px solid rgba(47,113,176,1.00);
		padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#KushimaWrap section p{
	font-size:16px;
	font-weight:300;
	line-height:2em;
}
#KushimaWrap section dl{
	position:relative;
	display:table;
	padding-bottom:15px;
	margin:auto;
}
#KushimaWrap section dl > *{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
#KushimaWrap section dl dt{

}
#KushimaWrap section dl dd{
	font-size:15px;
	font-weight:400;
}
#CCinfo dl{
	width:360px;
}
#CCinfo dl dt{
	width:80px;
	font-size:14px;
	font-weight:500;
}
#CCschedule dl{
	width:360px;
	margin:auto;
}
#CCschedule dl dt{
	width:150px;
	font-size:13px;
	font-weight:500;
}
#adoption dl{
	width:450px;

}
#adoption dl dt{
	width:140px;
	font-size:14px;
	font-weight:500;
}
.EntryBtn{
	width:600px;
	margin:auto;
	position:relative;
	padding-bottom:35px;
}
.EntryBtn > *{
	float:left;
	width:280px;
	text-align:center;
	line-height:45px;
	color:#FFF;
	font-weight:300;
}
.EntryBtn .Yoko{
	background-color: #2652A0;
	margin-right: 20px;
}
.EntryBtn .Yoko a:hover{
	background-color: #3868BC;
}
.EntryBtn > * a{
	display:block;
	color:#FFF;
}
.EntryBtn .entry{
	background-color: #D03D3D;
}
.EntryBtn .entry a:hover{
	background-color: #D56161;
}
/*募集要項*/
#KushimaWrap2{
	width:650px;
	background-color: rgba(255,255,255,0.80);
	margin: auto;
	border-radius: 20px;
	padding: 50px 80px;
	margin-bottom:50px;
}
#KushimaWrap2 section{
	position:relative;
	padding-bottom:80px;
}
#KushimaWrap2 section h2{
	font-size: 23px;
	font-weight: 300;
	position: relative;
	border-left: 3px solid #2E496F;
	padding-left: 15px;
	margin-bottom: 25px;
}
#KushimaWrap2 section p{
	padding-left:25px;
	font-size:15px;
	line-height:2em;
}
.DLtype1{
	position:relative;
	padding-bottom:50px;
}
.DLtype1 dt{
	font-size:16px;
	font-weight:500;
	padding-bottom:25px;
}
.DLtype1 dt span{
	display:block;
	padding-left:20px;
	padding-top:15px;
}
.DLtype1 dt small{
	display:block;
	font-weight:300;
}
.DLtype1 dt i{
	font-size:18px;
	padding-right:7px;
}
.DLtype1 dd{
	margin:0px;
	padding-bottom:7px;
	padding-left:10px;
}
.DLtype1 ul{
	position:relative;
	padding-top:25px;
}
.DLtype1 ul li{
	font-size:13px;
	font-weight:300;
}
.SSK{
	position:relative;
	padding-bottom:20px;
}
.BigBtn{
	width:350px;
	line-height:60px;
	background-color:#ED7100;
	border-radius:100px;
	text-align:center;
	color:#FFF;
	font-size:20px;
	margin:auto;
}
.BigBtn a{
	display:block;
	color: #FFF;
	border-radius:100px;
}
.BigBtn a:hover{
	background-color:#E08430;
	border-radius:100px;
}
#map{
	width:100%;
	position:relative;
}
#map iframe{
	width:100%;
}
}
@media screen and (max-width: 979px)  {
	body#Kushima{
	background-image: url(https://itsherpa.com/wp-content/uploads/kusima-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	background-attachment: fixed;
}
body#important{
    background-image: url(https://itsherpa.com/wp-content/uploads/callcenter-scaled.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    background-attachment: fixed;
}
h1{
	text-align:center;
	padding-top:25px;
	font-size:17px;
}
body#Kushima h1{
	color:#FFF;
}
h1 span{
	display:block;
}
h1 img{
	width:200px;
	margin-bottom:15px;
}
#KushimaWrap{
    background-color: #FFF;
    margin: auto;
    padding-top: 50px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
#KushimaWrap section{
	position:relative;
	padding-bottom:80px;
}
#KushimaWrap section:last-child{
	padding-bottom:0px;
}
#KushimaWrap section h2{
	font-size: 18px;
	text-align: center;
	padding-bottom: 30px;
	font-weight: 500;
}
#KushimaWrap section h2 span{
	border-top: 3px solid rgba(47,113,176,1.00);
		padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#KushimaWrap section p{
	font-size:15px;
	font-weight:300;
	line-height:2em;
}
#KushimaWrap section dl{
	position:relative;
	padding-bottom:15px;
	margin:auto;
	border-top:1px solid #CCC;
	padding-top:15px;
}
#KushimaWrap section dl > *{
	vertical-align:middle;
	position:relative;
}
#KushimaWrap section dl dt{
padding-bottom:5px;
	font-weight:500;
}
#KushimaWrap section dl dd{
	font-size:16px;
	font-weight:400;
}
#CCinfo dl{
}
#CCinfo dl dt{
	width:80px;
	font-size:14px;
	font-weight:500;
}
#CCschedule dl{
	margin:auto;
}
#CCschedule dl dt{
	font-size:13px;
	font-weight:500;
}
#adoption dl{

}
#adoption dl dt{
	font-size:14px;
	font-weight:500;
}
.EntryBtn{
	margin:auto;
	position:relative;
	padding-top:25px;
}
.EntryBtn > *{
	width:80%;
	text-align:center;
	line-height:45px;
	color:#FFF;
	font-weight:300;
	margin:auto;
}
.EntryBtn .Yoko{
	background-color: #2652A0;
	margin-bottom:15px;
}
.EntryBtn .Yoko a:hover{
	background-color: #3868BC;
}
.EntryBtn > * a{
	display:block;
	color:#FFF;
}
.EntryBtn .entry{
	background-color: #D03D3D;
}
.EntryBtn .entry a:hover{
	background-color: #D56161;
}
/*募集要項*/
#KushimaWrap2{
	background-color: #FFF;
	margin: auto;
	padding: 10px;
	margin-bottom:50px;
}
#KushimaWrap2 section{
	position:relative;
	padding-top:25px;
	padding-bottom:25px;
	border-bottom:1px solid #CCC;
}
#KushimaWrap2 section h2{
	font-size: 18px;
	font-weight: 300;
	position: relative;
	border-left: 3px solid #2E496F;
	padding-left: 15px;
	margin-bottom: 25px;
}
#KushimaWrap2 section p{
	font-size:15px;
	line-height:1.6em;
}
.DLtype1{
	position:relative;
	padding-bottom:30px;
}
.DLtype1 dt{
	font-size:16px;
	font-weight:500;
	padding-bottom:25px;
}
.DLtype1 dt span{
	display:block;
	padding-left:20px;
	padding-top:15px;
}
.DLtype1 dt small{
	display:block;
	font-weight:300;
}
.DLtype1 dt i{
	font-size:18px;
	padding-right:7px;
}
.DLtype1 dd{
	margin:0px;
	padding-bottom:7px;
	padding-left:10px;
}
.DLtype1 ul{
	position:relative;
	padding-top:25px;
}
.DLtype1 ul li{
	font-size:13px;
	font-weight:300;
}
.SSK{
	position:relative;
	padding-bottom:20px;
}
.BigBtn{
    width: 90%;
    line-height: 60px;
    background-color: #ED7100;
    border-radius: 100px;
    text-align: center;
    color: #FFF;
    font-size: 17px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
}
.BigBtn a{
	display:block;
	color: #FFF;
	border-radius:100px;
}
.BigBtn a:hover{
	background-color:#E08430;
	border-radius:100px;
}
#map{
	width:100%;
	position:relative;
}
#map iframe{
	width:100%;
}
}

/*reset*/
img{
	max-width: 100%;
	height: auto;
}

a img:hover {
filter:alpha(opacity=90);
opacity:0.9;
}
html,body {
	height: 100%;
	font-family: 'Noto Sans Japanese';
}
/* --BODY-- */
body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans JP';
    line-height: 1.4em;
    background-image: url(url);
    background-repeat: repeat-x;
    display: block;
}

a img, img {
border:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
	font-style:normal;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, p, pre, span, td, th, ul {
margin:0;
padding: 0 5px 0 5px;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {
	font-size:108%;
	}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

ul li {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}


.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
#top-event {
  	align-items: center;
    margin-top:20px;
	height: auto;
	display:inline-block;
	
}

#top-event img {
   padding: 20px 30px 60px 20px;
}

.text-event {
	text-align: center;
	font-weight: 900;
	line-height: 2;
	font-size: 34px;
	color: #be4d15;
}
#event{
	justify-content: center;
  	align-items: center;
	text-align: center;
	height: auto;
}
@media only screen and (max-width: 600px) {
  #top-event {
		align-items: center;
		margin-top:20px;
		height: auto;
	  	width: 100%;
	}

#top-event img {
   		padding: 20px 30px 60px 20px;
	}

.text-event {
		    text-align: center;
    font-weight: 900;
    line-height: 2;
    font-size: 20px;
    color: #be4d15;
	}
#event{
		justify-content: center;
  		align-items: center;
		flex-wrap: wrap;
		text-align: center;
		height: auto;
	   padding-bottom: 80px;
	}
}

.top-background {
	    background: #eee;
}


#debian {
  	align-items: center;
    margin-top:20px;
	height: auto;
	display:inline-block;
	width: 50%;
} 

#debian img {
   padding: 50px 60px 60px 20px;
	transform: scale(1.5,1.5);
}

.text-debian {
	text-align: center;
	font-weight: 400;
	line-height: 2;
	display:inline-block;
	font-size: 20px;
	margin-top: 30px ;
	
}
#debian-introduction{
	justify-content: center;
  	align-items: center;
	display: flex;
	text-align: center;
	height: auto;
	margin-top: 20px;
	margin-bottom: 100px ;
}

@media only screen and (max-width: 600px) {
  #debian {
		align-items: center;
		margin-top:20px;
		height: auto;
		display:flex;
	  	width: 100%;
	}

#debian img {
   		padding: 0px 30px 30px 60px;
	}

.text-debian {
		text-align: left;
		font-weight: 400;
		line-height: 2;
		display:inline-block;
		width: auto;
		font-size: 18px;
	    padding: 0px 20px 20px 20px;
	}
#debian-introduction{
		justify-content: center;
  		align-items: center;
		flex-wrap: wrap;
		text-align: center;
		height: auto;
	}
}



.right_text {
	padding: 0 20px 0 20px;
}
.aboutus-title-reason {
	font-weight: 900;
}
.aboutus-text-title {
	border-bottom: 1px solid #9e9e9e;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 900;
	margin-left: -7px;
}
.aboutus-text {
	font-weight: 300;
	font-family:'Noto Sans','Noto Sans JP', 'Open Sans',sans-serif;
	line-height: 2;
	margin-left: 15px;
}
.aboutus-text::before {
	content: "▸";
    color: #757575;
    width: 1.35rem;
}

.text-system {
	margin-top: 15px;
	padding:0 20px 0 20px;
	text-align: left;
}
#introduction #Hs9::before, #va7::before, #Mn5::before, #la1::before, #system::before, #other::before {
  content: '';
  display: block;
 height:      75px;
  margin-top: -175px;
  visibility: hidden;
}
.spacewithsystem{
    margin-top: 180px ;
}


#event-kushima1 {
  	align-items: center;
    margin-top:20px;
	height: auto;
	display:inline-block;
	
}

#event-kushima1 img {
   padding: 20px 10px 60px 10px;
}

#event-kushima2 {
	text-align: center;
	font-weight: 900;
	line-height: 2;
	display:inline-block;
	font-size: 34px;
	color: #be4d15;
}
#event-kushima{
	justify-content: center;
  	align-items: center;
	text-align: center;
	height: auto;
	 display:flex;
}
@media only screen and (max-width: 600px) {
  #event-kushima1 {
		align-items: center;
		margin-top:20px;
		height: auto;
		display:flex;
	  	width: 100%;
	}

#event-kushima1 img {
   		padding: 0px 10px 0px 10px;
	}

#event-kushima2 {
		text-align: center;
		font-weight: 400;
		line-height: 2;
		display:inline-block;
		width: auto;
		font-size: 20px;
	    padding: 0px 20px 20px 20px;
	}
#event-kushima{
		justify-content: center;
  		align-items: center;
		flex-wrap: wrap;
		text-align: center;
		height: auto;
	}
}
.text-event1 {
    text-align: center;
    font-weight: 900;
    line-height: 2;
    display: inline-block;
    font-size: 29px;
    color: #523c2e;
}

@media only screen and (max-width: 600px) {
.text-event1 {
	 text-align: left;
    font-weight: 900;
    line-height: 2;
    display: inline-block;
    font-size: 18px;
    color: #523c2e;
	padding: 20px 0 20px 0;
}
}	
	
.text-event2 {
    text-align: center;
    font-weight: 900;
    line-height: 2;
    display: inline-block;
    font-size: 29px;
    color: #523c2e;
}

@media only screen and (max-width: 600px) {
.text-event2 {
	 text-align: center;
    font-weight: 900;
    line-height: 2;
    display: inline-block;
    font-size: 18px;
    color: #523c2e;
	padding: 20px 0 20px 0;
}
}	

.text-event3 {
    text-align: center;
    font-weight: 900;
    line-height: 2;
    font-size: 45px;
	color: #be4d15;
}
@media only screen and (max-width: 600px) {
.text-event3 {
    text-align: center;
    font-weight: 900;
    line-height: 2;
    font-size: 20px;
    color: #be4d15;
}
}

.text-event4{
	text-align: center;
    font-weight: 900;
    line-height: 2;
    font-size: 29px;
    color: #523c2e;
	margin-bottom: 80px;
}
   
@media only screen and (max-width: 600px) {
.text-event4 {
	    text-align: center;
    font-weight: 900;
    line-height: 2;
    font-size: 20px;
    color: #523c2e;
    margin-bottom: 80px;
}
}	

@media screen and (max-width: 535px) {#company_intro .title_wrap::after {left: -790px;}}