@charset "UTF-8";
/* CSS Document */


/*
Theme Name:universal child
Theme URI:
Description:「universal」の自作子テーマ
Template:universal-wp
Author:mikefarm
Author URI:https://mike-farm.com/
Version:0.0.1
*/
body {
	font-size: 14px;
}

.share-class a.active-menu {
	color: #285380 !important;
}
.menu-transparent .navbar.top-nav-collapse {
	border-bottom: none !important;
}
.menu-transparent .navbar .nav>li:hover {
	box-sizing:border-box;
	border-bottom: 4px solid #285380;
}
.intro-body:before {
	background: rgba(255, 255, 255, 0);
}

.page h1 {
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;
}
#top .vc_column-inner {
	padding-top: 0;
}
#top h1 {
	    text-indent: -9999px;
    background-image: url(./images/SEIEI_logo_main.png);
    width: 300px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.fa,
.hi-icon a {
	color: #36749d;
}

.hi-icon a {
	pointer-events: none;
	cursor: default;
}

#service .promo-block h3 {
	margin-bottom: 16px;
}

#service .service-name {
	margin-bottom: 8px;
}

#message {
	background-position: 120% 100%;
    background-size: auto 85%;
    background-color: #d5d5d5;
}

.makoto_portrait {
	display: none;
}

#message .wpb_text_column {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 15%;
}

.makoto_signature {
	padding-right: 38%;
}

.makoto_signature img {
	width: 30%;
}

@media screen and (min-width: 1600px) {
	#message .wpb_text_column {
		padding-right: 0;
	}
	.makoto_signature {
	padding-right: 26%;
}
}

@media screen and (min-width: 1450px) {
	#message {
	background-position: 105% 100%;
	}
}


@media screen and (max-width: 1250px) {
	#message {
	background-position: 50% 100%;
	background-size: auto 50%;
	padding-bottom: 60% !important;
}
	.makoto_portrait {
	    margin-bottom: 0 !important;
		
	}

	#message .wpb_text_column {
		width: 100%;
		padding-right: 0;
	}
	.makoto_signature {
		padding-right: 0;
	}
}

@media screen and (max-width: 599px) {
	#message { background-size: 100% auto; }
}


#license .service-text {
	margin-top: 0;
	font-size: 80%;
    text-align: right;
}

#license .vc_column-inner {
	margin-bottom: 30px;
}

#license .service-name {
	font-size: 16px;
	padding: 1em 0.5em;
    background-color: #f6f6f6;
}

#service .service-text {
	width: 90%;
	margin: 0 auto;
}

table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.tb01 th {
  background: #000;
  color: #fff;
  
}

.caption_txt p {
	color: #fff;
    text-align: center;
}

.recruit_table .tb01 th {
	width: 20%
}

.recruit_table .tb01 td {
	text-align: left;
}

.recruit_table .tb01 th,
.recruit_table .tb01 td{
  padding: 1.5em;
}

.recruit_footer {
	padding: 1.5em;
    color: #444;
}

.recruit_footer span {
	border-right: 1px solid #9d9d9d;
    padding: 0 1em;
    border-left: 1px solid #9d9d9d;
}

.wpcf7-submit,
.wpcf7-form-control {
	font-size: inherit !important;
}

.burger_universal_menu_overlay_normal li.current-menu-item>a, .burger_universal_menu_overlay_normal li.current-page-item>a {
	color: #d9d9d9 !important;
}

@media (max-width: 991px) {
	#contact .wpcf7-form-control.has-spinner {
		margin-left: 72px;
	}
}

@media screen and (max-width: 599px) {
  .tb01 .head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.tb01 td:first-child{
    background: #000;
    color:#fff;
    font-weight:bold;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

.scroll-btn * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.scroll-btn *:focus {
    box-shadow: none;
    border: none;
    outline: none;
}
body .scroll-btn , html .scroll-btn  {
    height: 100%;
    width: 100%;
}
body .scroll-btn , .scroll-btn p {
    font: 400 18px/30px "Poppins", sans-serif;
    color: #36749d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.scroll-btn a {
    text-decoration: none;
    color: #36749d;
}
.scroll-btn a:hover, .scroll-btn a:focus, .scroll-btn input:focus, .scroll-btn button:focus, .scroll-btn a:active {
    text-decoration: none;
    outline: none;
    outline-offset: 0px;
    box-shadow: none;
}
.scroll-btn ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.scroll-btn input, .scroll-btn textarea, .scroll-btn select {
    border: 1px solid #d1d1d1;
    font-size: 14px;
    padding: 8px 15px;
    width: 100%;
    resize: none;
}
.scroll-btn {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    padding: 50px 30px;
}
.scroll-btn .single-scroll-down-animation {
    margin-right: 20px;
    width: calc(25% - 20px);
    margin-bottom: 50px;
}
.scroll-btn .single-scroll-down-animation h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.scroll-down4 {
    width: 3px;
    height: 80px;
    background: #285380;
    animation: scrollDown4 2s ease infinite;
    margin: 0 auto;
}
@keyframes scrollDown4 {
    0% {
        transform-origin: top;
        transform: scaleY(0);
    }
    45% {
        transform-origin: top;
        transform: scaleY(1);
    }
    55% {
        transform-origin: bottom;
        transform: scaleY(1);
    }
    100% {
        transform-origin: bottom;
        transform: scaleY(0);
    }
}