@charset "utf-8";

/* 20220221HERO */
@media screen and (min-width: 768px) {
/* トップページだけヘッダーの挙動制御 */
	#header.clearfix {
		background: none !important;
	}
	#header.clearfix.bg {
		background-color: rgba(255, 255, 255, 0.85) !important;
	}
	header#header.clearfix .list-nav li a {
		color: #FFF;
	}
	header#header.clearfix.bg .list-nav li a {
		color: #313131;
	}

	header#header.clearfix p.logo a img {
		filter: invert(188%) sepia(100%) saturate(0%) hue-rotate(
	229deg
	) brightness(137%) contrast(121%);
	}
	header#header.clearfix.bg p.logo a img {
		filter: none;
	}
}
/* トップページだけヘッダーの挙動制御 */

.topHeroBlock {
    background: url(../images/top/toptestre_bg2.jpg) no-repeat;
    padding-top: 60px;
    background-size: cover;
    height: 720px;
    background-position-y: bottom;
    position: relative;
    display: flex;
    align-items: center;
}
.topHeroBlock:before {
    content: "";
    width: 78%;
    height: 100%;
    position: absolute;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	 top: 0;
	 left: 0;
	 pointer-events: none;
}
.topHeroInner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
	 padding-top: 60px;
    padding-bottom: 70px;
}
ul.topHeroHeading {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
	 color: #FFF;
	 padding-left: 5px;
	 margin-bottom: 35px;
}
.laurel {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    align-items: center;
    padding: 0px 40px 10px;
}
ul.topHeroHeading li:first-child .laurel {
    margin-right: 25px;
}
.laurel:before, .laurel:after {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
	 opacity: 0.5;
}
.laurel:before {
    background: url(https://www.ashita-team.com/wp3/wp-content/uploads/2022/02/laerelleft.svg) no-repeat;
    left: 0;
	 background-size: contain;
}
.laurel:after {
    background: url(https://www.ashita-team.com/wp3/wp-content/uploads/2022/02/laerelright.svg) no-repeat;
    right: 0;
	 background-size: contain;
}
.laurel p {
    margin-bottom: 0;
    margin-right: 12px;
}
p.tomatsu {
    font-size: 10px;
    padding-left: 40px;
    margin-top: -2px;
    line-height: 1.6;
    color: #ccc;
		display: flex;
		justify-content: flex-end;
		position: absolute;
		right: 10px;
		bottom: 10px;
}
.topHeroInner h1 {
    color: #FFF;
		font-size: 45px;
margin-top: 10px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.18rem;
    margin: 0;
    text-shadow: 0px 0px 2px rgb(0 0 0 / 60%);
	 margin-bottom: 40px;
}
.topHeroLogo {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
	 margin-bottom: 40px;

}
.topHeroLogo p {
    color: #FFF;
    line-height: 1.7;
    letter-spacing: 0.18rem;
    position: relative;
    margin-bottom: 0;
	 padding-right: 25px;
}
.topHeroLogo p:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #FFF;
    position: absolute;
    top: 0;
    right: 0;
}
.topHeroLogo p span {
    font-family: ui-sans-serif;
}
.topHeroLogo ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
	 padding-left: 15px;
	 background: rgba(255, 255, 255, 0.85);
	 padding:10px 15px;
}

.topHeroLogo ul li {
    width: 75px;
    margin-right: 5px;
}
.topHeroLogo ul li:last-child {
    margin-right: 0;
}
ul.cvButton {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
}
ul.cvButton li:first-child {
    margin-right: 25px;
}
.cvButton li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #eee;
    border-radius: 9999px;
    padding: 0 40px;
    color: #FFF;
    box-shadow: 0 1px 6px rgb(0 0 0 / 18%);
    position: relative;
    transition: 0.2s ease-in-out;
	 border: solid 2px #FFF;
}
ul.cvButton li:first-child a {
    background: #d80C18;
}
ul.cvButton li:last-child a {
    background: #005693;
}
.cvButton li a:hover {
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    transform: translateY(-4px);
    text-decoration: none;
    color: #313131;
    background: #FFF !important;
}
.ButtonLeft {
    text-align: center;
    margin-right: 20px;
}
.ButtonLeft h2 {
    font-size: 1.5vw;
    margin: 0 0 9px;
    padding-bottom: 10px;
    position: relative;
}
.ButtonLeft h2:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
	 transition: 0.2s ease-in-out;
}
	.cvButton li a:hover >.ButtonLeft h2:after {
	background: #313131;
	}
.ButtonLeft p {
    font-size: 0.9vw;
    margin: 0;
}
.cvButton li a img {
    padding: 10px 0 10px 0;
    width: 125px;
    transform: scale(1.1) translate(4px, -8px);
    filter: drop-shadow(0px 1px 2px #555);
}
.bootstrap .modal-content {
    max-height: 580px;
    width: 80%;
    overflow: auto;
}
.bootstrap .modal-content .modal-wrap iframe {
    height: 730px;
    overflow: scroll;
}

@media screen and (min-width: 1500px) {
/* ここにBIGPC用スタイルを記述） */
	.topHeroBlock {
    background-position-y: center;
    height: auto;
    min-height: 790px;
	}
	.topHeroInner {
    max-width: none;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 70px;
    padding-bottom: 20px;
	}
	.topHeroInner h1 {
		font-size: 45px;
margin-top: 10px;
	}
	.ButtonLeft h2 {
    font-size: 1.2vw;
	}
	.ButtonLeft p {
    font-size: 0.7vw;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1280px) {
/* （ここにタブレット用スタイルを記述） */
	.topHeroBlock {
    background-position-x: right;
	}
	.topHeroInner {
    padding-left: 2%;
    padding-right: 2%;
	}
}
@media screen and (max-width: 767px) {
/* （ここにモバイル用スタイルを記述） */
	.topHeroBlock {
    background: url(../images/top/SP_FVre2.jpg) no-repeat;
    height: 760px;
    padding-top: 0;
    background-size: cover;
    background-position: bottom;
    display: flex;
    flex-direction: column;
		position: relative;
	}
	.topHeroBlock:before {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    width: 100%;
    height: 50%;
	}
	.topHeroInner {
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 30px;
	}
	ul.topHeroHeading {
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
	}
	.topHeroHeading .laurel img {
    height: 28px;
	}
/*
	ul.topHeroHeading li:first-child .laurel img {
    height: 25px;
	}
*/
	.laurel {
    padding-left: 25px;
	}
	.laurel p {
    font-size: 1.1rem;
	}
	ul.topHeroHeading li {
    margin-bottom: 10px;
	}
	ul.topHeroHeading li:first-child .laurel {
    margin-right: 0;
	 justify-content: center;
	}
	ul.topHeroHeading li:first-child .laurel:before {
    left: 10px;
	}
	ul.topHeroHeading li:first-child .laurel:after {
    right: 18px;
	}
	p.tomatsu {
		padding-left: 0;
margin-top: 1px;
position: absolute;
bottom: 5px;
width: 100%;
	}
	.topHeroInner h1 {
		font-size: 4.6vw;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.25;
    margin-top: 10px;
	}
/*
	.topHeroInner h1 br {
    display: none;
	}
*/
	.topHeroLogo {
    background: rgb(255,255,255,0.2);
    padding: 10px 15px 5px;
    border-radius: 3px;
	}
	.topHeroLogo p {
    width: 100%;
    text-align: center;
    padding-right: 0;
    margin-bottom: 10px;
	 color: #FFF;
	}
	.topHeroLogo p:after {
	content: none;
	}
	.topHeroLogo ul {
    padding: 0;
	}
	.topHeroLogo ul li {
    width: calc( 100% / 6 );
    margin: 0;
	}
	.topHeroButton {
    padding: 15px 20px 15px;
    background-color: #FFF;
    background-image: linear-gradient( transparent 95%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06)), linear-gradient(
90deg
, transparent 95%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) );
    background-size: 16px 16px;
    background-repeat: repeat;
    width: 100%;
	}
	ul.cvButton {
    flex-direction: column;
    align-content: center;
	 margin-bottom: 0;
	}
	ul.cvButton li:first-child {
    margin-right: 0;
    margin-bottom: 15px;
	}
	.ButtonLeft h2 {
    font-size: 4vw;
	}
	.ButtonLeft p {
    font-size: 2.7vw;
	}
	.cvButton li a img {
    width: 78px;
    transform: scale(1.2) translate(12px, -5px);
	}
	.bootstrap .modal-content {
    height: auto;
    width: 90%;
	}
	.bootstrap .modal-content .modal-wrap iframe {
    height: 72vh;
	}
}


/* スライダー */

/* 差し替え部分 */
.bl_gr {
    background: url(https://www.ashita-team.com/wp3/wp-content/uploads/2022/02/info_background_cover.png) no-repeat;
    margin-left: calc( 50% - 50vw);
    margin-right: calc( 50% - 50vw);
	 background-size: cover;
}
.pc_w_bg {
    padding-top: 10px;
}
/* ここまで */
.carouselBottomText {
    text-align: center;
    color: #FFF;
}
.carouselBottomText h3 {
    font-size: 2vw;
    letter-spacing: 0.18rem;
    margin-bottom: 30px;
    margin-top: 40px;
}
.carouselBottomText p {
    font-size: 1.0vw;
    line-height: 2.2;
    letter-spacing: 0.14rem;
    margin-bottom: 30px;
}
.bl_gr .to_d_btn a:hover {
    text-decoration: none;
    transform: translateY(-4px);
    background: linear-gradient( 270deg , rgba(5,47,82,1) 0%, rgba(10,83,141,1) 100%);
	 color: #FFFF00;
	 border-color: #FFFF00;
}

@media screen and (max-width: 767px) {
/* （ここにモバイル用スタイルを記述） */
	.carouselBottomText h3 {
    font-size: 5.3vw;
    line-height: 1.5;
	}
	.carouselBottomText p {
    font-size: 3.4vw;
    text-align: left;
	}
	.carouselBottomText p br {
    display: none;
	}
	.bl_gr {
    background-position: center;
	}
}


.logo_area{
	width: 742px;
}
@media screen and (max-width: 767px) {
	.logo_area{
		width: 100%;
	}
}





/* 202307TOP */
@media screen and (min-width: 768px) {
/* トップページだけヘッダーの挙動制御 */
	#header.clearfix {
		background: none !important;
	}
	#header.clearfix.bg {
		background-color: rgba(255, 255, 255, 0.85) !important;
	}
	header#header.clearfix .list-nav li a {
		color: #434343;
		font-weight: 400;
		font-size: 16px;
	}
	header#header.clearfix .list-nav li a:not(.btn) {
		padding: 22px 10px 18px;
	}
	header#header.clearfix.bg .list-nav li a {
		color: #313131;
	}

	header#header.clearfix p.logo a img {
		filter: none
	}
	header#header.clearfix.bg p.logo a img {
		filter: none;
	}
}
#header .list-nav .menu-container{
	display: none !important;
}
@media screen and (max-width: 1499px) {
	#header .list-nav .menu-container{
		display: block !important;
	}
}
#header .list-nav > li > a{
	font-size: 14px;
	font-weight: bold;
	padding: 22px 24px 18px;
}

.gnavilist .btn{
	min-width: 0;
}
.gnavilist .btn span{
	font-size: 14px;
	padding: 5px 15px;
	background-color: #fff;
	border-radius: 8px;
	border: 1px solid;
}
.gnavilist .btn-border-blue span{
    border-color: #004682;
    color: #004682 !important;    
}
.gnavilist .btn-border-blue:hover{
    border-color: #004682;
    color: #004682 !important;    
}
.gnavilist .btn-border-red span{
    border-color: #cc0011;
    color: #cc0011 !important;
}
.gnavilist .btn_li{
	margin-bottom: 30px;
}

/*COMMON*/
.flex_wrap{
	display: flex;
}
.t_btn{
	display: flex;
    flex-direction: column;
	justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #FFF !important;
	border: 1px solid #FFF;
    padding: 16px 37px 16px;
	min-height: 80px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
	transition: 0.3s all ease-in-out !important;
}
.t_btn:hover{
	color: inherit !important;
	text-decoration: none !important;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 1);
}
.t_btn span{
	font-size: 12px;
	line-height: 1;
	display: block;
}
.t_btn.red{
	background-color: #d70c18 !important;
	border-color: #d70c18;
	color: #FFF;
}
.t_btn.red:hover{
	background-color: #FFF !important;
	color: #d70c18 !important;
}
.t_btn.blue{
	background-color: #0a5492 !important;
	border-color: #0a5492;
	color: #FFF;
}
.t_btn.blue:hover{
	background-color: #FFF !important;
	color: #0a5492 !important;
}

.btn_wrap.flex_wrap{
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}

.btn_wrap.flex_wrap.col_three a{
	margin: 0 20px;
}
.btn_wrap.flex_wrap.col_two a{
	margin: 0 20px;
	width: 50%;
	max-width: 340px;
}
.btn_wrap.flex_wrap.col_three .wide_w{
	max-width: 340px;
}
.btn_wrap.flex_wrap.col_three .short_w{
	max-width: 260px;
}

.btn_wrap.topHero{
	width: 430px;
	flex-wrap: wrap;
	margin-top: 40px;
}
.btn_wrap.topHero .wide_w{
	width: 100%;
	max-width: none !important;
	margin: 0 10px !important;
	font-size: 24px;
	padding: 14px 10px 14px;
	min-height: 87px;
}
.btn_wrap.topHero .short_w{
	width: calc(50% - 20px) !important;
	margin: 20px 10px 0 !important;
	max-width: none !important;
	font-size: 16px;
	padding: 14px 10px 14px;
    min-height: 64px;
}

.btn_wrap_wide{
	max-width: 610px;
	margin: 30px auto 0;
}
.btn_wrap_wide .t_btn{
	font-size: 24px;
	font-weight: 400;
	padding: 10px 10px 10px;
	min-height: 64px;
	
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAuCAYAAADz/1GhAAAABHNCSVQICAgIfAhkiAAAAkFJREFUeF7tm8FNwzAUhu1kARgAiSs3NsBKcmYBDlCJe2EDRihnDnQDWKCWN6AbwAgsEBtZKogDDQ7xe88ify+9pP5f/v/T3/ap1QoPODDggIY7cGDIAQACPgYdACAABID8JwaMMafOuS3XPaFBuJzOoGOMOaiqaqu1fun7fuGce89wLBqE2kTO83eQ3CmlLrXWi81m80ypjwahdJfw7K7rjPd+Td0mAIQwROqjOdoEgFCnyHA+ZZsAEIYAOSSo2gSAcKTHqJG7TQAIY3hcUjnbBIBwpSagk6NNAIhAcJySU9sEgHCmJagVV/RVVcW9yeuYLSwAEQxNQrppmriFXaZuYQGIRErCmmPaBIAIhyUpn9ImAEQyoQK0f2sTAFJASCWMsK9NAEgJ6RQyw09topumeShkPoxRjgNnSqkj7/1JBOS6nLkwibQDWusuhHCulHqy1l7gLUY6kUL0jTHHdV0/hhAOvfdXn797BSCFBCQ5Rtu2yxBCXKDdW2vj89cDgEgmI6y9rzUAiHAwJcgPtQYAKSEhoRlSWgOACIUjLZvaGgBEOilm/bGtAUCYA5KU+0trABDJxJi0p7QGAGEKSUpmamsAEKnkiHW/tYbebUPfpkpiUTbVwUJev2uNW6XUylq7yjUWAMnlpNA5FK2BtxihMHPLUrUGAMmdFPN51K0BQJgDzSnH0RoAJGdijGfFf8nVdb3u+/7GOTf5G0rK6PiQmuLSjK8BIDMOP+XWAUiKSzO+BoDMOPyUWwcgKS7N+JoPky02Hvusj/sAAAAASUVORK5CYII=) right 25px center no-repeat #fff;
    transition: all .6s;
}
.btn_wrap_wide .t_btn:hover{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAuCAYAAADz/1GhAAAABHNCSVQICAgIfAhkiAAAAh1JREFUeF7tnL1NxFAQhGc7gAKQSMmuAwiIaYAAkC4HOqCEIyaADqAT6ABKoINFTzKIgDPPeP+E5xIS82Y982kMq7sT8EUHRhwQukMHxhwgIORj1AECQkAIyH9iQFVXIvISdU9skCinDXRUdQdAg+MZwIWIvBscywbxNjHy/AGSGwBnAyRPnvpsEE93Hc9W1SMAD95tQkAcQ/Q+OqJNCIh3igHne7YJAQkIMELCq00ISER6gRrWbUJAAsOLkrJsEwISlVqCjkWbEJCE4CIl57YJAYlMK1GrreiHvcnrlC0sAUkMLUNaVdsW9rJ3C0tAMlJK1pzSJgQkOaxM+Z42ISCZCRXQ/q1NCEiBkCqMsK1NCEiFdIrM8FObiKreFZmPY9Rx4BDAHoCDBsi6zlycpIADxwBOADyKyCkfMQUSqTCCqu4DuAewC+D8832vBKRCOskzqGpbnLUF2q2ItJ9fLwKSHE6m/LbWICCZqRTRHmsNAlIkpIwxelqDgGQkU0CztzUISIGwIkeY2hoEJDKdZK2/tAYBSQ4tQn5OaxCQiIQSNea2BgFJDM9T+ltrtP1W24a+zdXjomyug0V+f2iNawAbEdlYjUVArJxMOsejNfiISQrTWtarNQiIdVLB53m3BgEJDtRSLqI1CIhlYoFnDZ+Sa18ac2XxH0rP6PwjtcelBV9DQBYcfs+tE5AelxZ8DQFZcPg9t05Aelxa8DUfmazATBaldlMAAAAASUVORK5CYII=) right 15px center / 100px auto no-repeat #005693;
}
.btn_wrap_wide .t_btn.red{
	color: #d70c18 !important;
	background-color: #FFF !important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAuCAYAAADz/1GhAAAABHNCSVQICAgIfAhkiAAAAl5JREFUeF7tnD1uWlEQhc8EpMSBghQRNJaSxhGuvAO7cJ0NpAhI6XF2wBJI7cLegbOE7CCuDEqDS7AbCsiPZLiWLSVKEZNL3r0zo7xD/Zgz75xPB7h6QsAXHVjjgNAdOrDOAQJCPtY6QEAICAH5nxj4Unu+t7O4Pte6JzaIltMJdIZPWi9CBZ8g4fPW/Ef3JWazBGPZILlN1Jw/RqPxrfa4D8Hbyip0X329+phTnw2S092Ms4f11kEIOM3dJgQkY4i5R2u0CQHJnaLC/JxtQkAUAtSQyNUmBEQjPUWN1G1CQBTD05JK2SYERCs1A50UbUJADILTlCzaJgREMy1Drbsj+iUenQbBeJNTWAJiGJqF9LDe6geEXuwpLAGxSMlYc5M2ISDGYVnKx7QJAbFMyIH239qEgDgIycMKD7UJAfGQjpMd/tQmMqo3j53sxzWcOBCA/RCwLUtpy8XT5jsne3ENDw4IDgG8FuCsvZi+4UeMh1Ac7HD3OCOqOEEIzypYdX4+90pAHIRjvcKo1uytBH2BfGjPJ/3f9yEg1ukY6j/UGgTEMBQv0utag4B4Sclgj5jWICAGwXiQjG0NAuIhLcUdNm0NAqIYjrXUv7QGAbFOTUG/SGsQEIWALCWKtgYBsUwvo/av1gAEN+i0v08ui8rxoKyog07ef98akPdAGOwupoNUaxGQVE4azcnRGvyIMQoztWyu1iAgqZNSnpe7NQiIcqAp5TRag4CkTExx1v1fUFXDQG7kKMUvlJjV+SU1xqUSX0NAShx+zK0TkBiXSnwNASlx+DG3TkBiXCrxNbfiAxxVd7DrwAAAAABJRU5ErkJggg==) right 25px center / 100px auto no-repeat;
}
.btn_wrap_wide .t_btn.red:hover{
	color: #FFF !important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAuCAYAAADz/1GhAAAABHNCSVQICAgIfAhkiAAAAh1JREFUeF7tnL1NxFAQhGc7gAKQSMmuAwiIaYAAkC4HOqCEIyaADqAT6ABKoINFTzKIgDPPeP+E5xIS82Y982kMq7sT8EUHRhwQukMHxhwgIORj1AECQkAIyH9iQFVXIvISdU9skCinDXRUdQdAg+MZwIWIvBscywbxNjHy/AGSGwBnAyRPnvpsEE93Hc9W1SMAD95tQkAcQ/Q+OqJNCIh3igHne7YJAQkIMELCq00ISER6gRrWbUJAAsOLkrJsEwISlVqCjkWbEJCE4CIl57YJAYlMK1GrreiHvcnrlC0sAUkMLUNaVdsW9rJ3C0tAMlJK1pzSJgQkOaxM+Z42ISCZCRXQ/q1NCEiBkCqMsK1NCEiFdIrM8FObiKreFZmPY9Rx4BDAHoCDBsi6zlycpIADxwBOADyKyCkfMQUSqTCCqu4DuAewC+D8832vBKRCOskzqGpbnLUF2q2ItJ9fLwKSHE6m/LbWICCZqRTRHmsNAlIkpIwxelqDgGQkU0CztzUISIGwIkeY2hoEJDKdZK2/tAYBSQ4tQn5OaxCQiIQSNea2BgFJDM9T+ltrtP1W24a+zdXjomyug0V+f2iNawAbEdlYjUVArJxMOsejNfiISQrTWtarNQiIdVLB53m3BgEJDtRSLqI1CIhlYoFnDZ+Sa18ac2XxH0rP6PwjtcelBV9DQBYcfs+tE5AelxZ8DQFZcPg9t05Aelxa8DUfmazATBaldlMAAAAASUVORK5CYII=) right 15px center / 100px auto no-repeat #d70c18 !important;
}
.btn_wrap_wide .t_btn.blue{
	color: #0a5492 !important;
	background-color: #FFF !important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAuCAYAAADz/1GhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB0ElEQVR4nO3cv2rbYBSG8VdRMgSaoVDw0haLaild3CuIDR079A7cQHfnEnIHydQlgkY3kDndOjZTvHQzSB21NIGEEGqEM4QSpVRCNPr059PzWw0+Zzg8AoHtrFYrAXnWml4A7caBoBAHAljFOxjVOc6tcxgeaRAOtbF5omfvt/Xr1Vfp+43pkTxiuiSZxormI6X6Kf9NpJefP5ge6ZgeAEP8cKxUR3KXZ1r82JH2L0yMoSBdtZh+q6MmFMQGBmtCQWxgsCYUxDYV14SC2KbimlAQm1VQEwpiswpqQkH6wjsYSU+O5Coy+d4EXeeHe/KD87I1oSB9RE1QSomaUJC+oyYoJacmFAT3/lETR35w2PReaJ1tpXqh643X6/qt06a3QYu4eifpuaRjJdOYRwzuDMKhtvRF6fKpdPVR0e686ZXQFl4wkx+cyw/3/v5ovYF10BbZaqRXE6qBewXVyKIgfUM1kKtkNbIoSB9QDeT6j2pkURBbUQ3kemQ1siiITf5UQ3J0qbdKpnHTK6EtvGAmL4zlBbtVfi0F6bqH1Rgr+RQ3vRLawlA1sihIF1EN5KqhGlkUpEsG4VDuclJnNRz+SBdF+G0uCnEgKMSBoBAHgkK3PebchLOMJfoAAAAASUVORK5CYII=) right 25px center / 100px auto no-repeat;
}
.btn_wrap_wide .t_btn.blue:hover{
	color: #FFF !important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAuCAYAAADz/1GhAAAABHNCSVQICAgIfAhkiAAAAh1JREFUeF7tnL1NxFAQhGc7gAKQSMmuAwiIaYAAkC4HOqCEIyaADqAT6ABKoINFTzKIgDPPeP+E5xIS82Y982kMq7sT8EUHRhwQukMHxhwgIORj1AECQkAIyH9iQFVXIvISdU9skCinDXRUdQdAg+MZwIWIvBscywbxNjHy/AGSGwBnAyRPnvpsEE93Hc9W1SMAD95tQkAcQ/Q+OqJNCIh3igHne7YJAQkIMELCq00ISER6gRrWbUJAAsOLkrJsEwISlVqCjkWbEJCE4CIl57YJAYlMK1GrreiHvcnrlC0sAUkMLUNaVdsW9rJ3C0tAMlJK1pzSJgQkOaxM+Z42ISCZCRXQ/q1NCEiBkCqMsK1NCEiFdIrM8FObiKreFZmPY9Rx4BDAHoCDBsi6zlycpIADxwBOADyKyCkfMQUSqTCCqu4DuAewC+D8832vBKRCOskzqGpbnLUF2q2ItJ9fLwKSHE6m/LbWICCZqRTRHmsNAlIkpIwxelqDgGQkU0CztzUISIGwIkeY2hoEJDKdZK2/tAYBSQ4tQn5OaxCQiIQSNea2BgFJDM9T+ltrtP1W24a+zdXjomyug0V+f2iNawAbEdlYjUVArJxMOsejNfiISQrTWtarNQiIdVLB53m3BgEJDtRSLqI1CIhlYoFnDZ+Sa18ac2XxH0rP6PwjtcelBV9DQBYcfs+tE5AelxZ8DQFZcPg9t05Aelxa8DUfmazATBaldlMAAAAASUVORK5CYII=) right 15px center / 100px auto no-repeat #0a5492 !important;
}
.btn_wrap_wide .t_btn.gray{
	color: #5A5A5A !important;
	background-color: #FFF !important;
	border: 1px solid #5A5A5A;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAuCAYAAADz/1GhAAAABHNCSVQICAgIfAhkiAAAAkFJREFUeF7tm8FNwzAUhu1kARgAiSs3NsBKcmYBDlCJe2EDRihnDnQDWKCWN6AbwAgsEBtZKogDDQ7xe88ify+9pP5f/v/T3/ap1QoPODDggIY7cGDIAQACPgYdACAABID8JwaMMafOuS3XPaFBuJzOoGOMOaiqaqu1fun7fuGce89wLBqE2kTO83eQ3CmlLrXWi81m80ypjwahdJfw7K7rjPd+Td0mAIQwROqjOdoEgFCnyHA+ZZsAEIYAOSSo2gSAcKTHqJG7TQAIY3hcUjnbBIBwpSagk6NNAIhAcJySU9sEgHCmJagVV/RVVcW9yeuYLSwAEQxNQrppmriFXaZuYQGIRErCmmPaBIAIhyUpn9ImAEQyoQK0f2sTAFJASCWMsK9NAEgJ6RQyw09topumeShkPoxRjgNnSqkj7/1JBOS6nLkwibQDWusuhHCulHqy1l7gLUY6kUL0jTHHdV0/hhAOvfdXn797BSCFBCQ5Rtu2yxBCXKDdW2vj89cDgEgmI6y9rzUAiHAwJcgPtQYAKSEhoRlSWgOACIUjLZvaGgBEOilm/bGtAUCYA5KU+0trABDJxJi0p7QGAGEKSUpmamsAEKnkiHW/tYbebUPfpkpiUTbVwUJev2uNW6XUylq7yjUWAMnlpNA5FK2BtxihMHPLUrUGAMmdFPN51K0BQJgDzSnH0RoAJGdijGfFf8nVdb3u+/7GOTf5G0rK6PiQmuLSjK8BIDMOP+XWAUiKSzO+BoDMOPyUWwcgKS7N+JoPky02Hvusj/sAAAAASUVORK5CYII=) right 25px center / 100px auto no-repeat #fff !important;
}
.btn_wrap_wide .t_btn.gray:hover{
	color: #FFF !important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAuCAYAAADz/1GhAAAABHNCSVQICAgIfAhkiAAAAh1JREFUeF7tnL1NxFAQhGc7gAKQSMmuAwiIaYAAkC4HOqCEIyaADqAT6ABKoINFTzKIgDPPeP+E5xIS82Y982kMq7sT8EUHRhwQukMHxhwgIORj1AECQkAIyH9iQFVXIvISdU9skCinDXRUdQdAg+MZwIWIvBscywbxNjHy/AGSGwBnAyRPnvpsEE93Hc9W1SMAD95tQkAcQ/Q+OqJNCIh3igHne7YJAQkIMELCq00ISER6gRrWbUJAAsOLkrJsEwISlVqCjkWbEJCE4CIl57YJAYlMK1GrreiHvcnrlC0sAUkMLUNaVdsW9rJ3C0tAMlJK1pzSJgQkOaxM+Z42ISCZCRXQ/q1NCEiBkCqMsK1NCEiFdIrM8FObiKreFZmPY9Rx4BDAHoCDBsi6zlycpIADxwBOADyKyCkfMQUSqTCCqu4DuAewC+D8832vBKRCOskzqGpbnLUF2q2ItJ9fLwKSHE6m/LbWICCZqRTRHmsNAlIkpIwxelqDgGQkU0CztzUISIGwIkeY2hoEJDKdZK2/tAYBSQ4tQn5OaxCQiIQSNea2BgFJDM9T+ltrtP1W24a+zdXjomyug0V+f2iNawAbEdlYjUVArJxMOsejNfiISQrTWtarNQiIdVLB53m3BgEJDtRSLqI1CIhlYoFnDZ+Sa18ac2XxH0rP6PwjtcelBV9DQBYcfs+tE5AelxZ8DQFZcPg9t05Aelxa8DUfmazATBaldlMAAAAASUVORK5CYII=) right 15px center / 100px auto no-repeat #5A5A5A !important;
}


.img_wrap_wide{
	text-align: center;
	margin-top: 40px;
}
.img_wrap_wide img{
	width: auto;
    height: auto;
}
.t_title{
	font-size: 34px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .05em;
    margin-bottom: 26px;
}
.t_title em{
	font-size: 150%;
}
.blue_txt{
	color: #0a5492 !important;
}
p.lead {
    margin-top: 30px;
}
.lead_sub{
	font-size: 30px !important;
    font-weight: bold !important;
    text-align: center !important;
}
.max-underline{
	width: 100%;
    position: relative;
}
.max-underline:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0a5492;
    left: -100%;
    bottom: 0;
}
.section_title{
	margin: 0 !important;
	color: #0a5492 !important;
	font-weight: bold;
	border-bottom: 2px solid #0a5492;
    display: inline-block;
    position: relative;
	font-size: 30px;
    padding: 0 30px 8px 0;
}
.section_title span{
	font-size: 20px;
    padding-right: 15px;
}

/*HERO*/
.topHeroBlock{
	background: url(../images/top/00191126_15058.png) left 50vw bottom 0 / contain no-repeat;
}
.topHeroBlock:before{
	display: none;
}
.topHeroInner{
	max-width: 1200px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
.topHeroInner h1{
	color: #000;
	text-shadow: none;
}

.fv_bottom{
	background: #313131;
}
.fv_bottom .fv_bottom_inner{
	width: 1200px;
    margin-right: auto;
    margin-left: auto;
	padding: 30px 20px 20px;
	overflow: hidden;
}
.fv_bottom .topHeroHeading_wrap{
	float: left;
}
.fv_bottom .topHeroHeading_wrap .topHeroHeading{
	margin-bottom: 20px;
}
.fv_bottom .topHeroHeading_wrap .topHeroHeading img{
	filter: brightness(0) invert(1);
}
.fv_bottom ul.topHeroHeading li:first-child .laurel{
	margin-right: 12px;
}
.fv_bottom .topHeroHeading_wrap .laurel p{
	font-size: 14px;
}
.fv_bottom .topHeroHeading_wrap .laurel:before {
    background: url(../images/top/laerelleft.svg) no-repeat;
    left: 0;
	 background-size: contain;
}
.fv_bottom .topHeroHeading_wrap .laurel:after {
    background: url(../images/top/laerelright.svg) no-repeat;
    right: 0;
	 background-size: contain;
}
.fv_bottom .topHeroHeading_wrap .l-no1 img{
	width: 115px;
}
.fv_bottom .topHeroHeading_wrap .l-4000 img{
	width: 151px;
}
.fv_bottom .topHeroLogo{
	float: right;
	margin: 0;
	margin-top: auto;
}
.fv_bottom .topHeroLogo ul{
	padding: 10px;
}
.fv_bottom .tomatsu_wrap{
	float: left;
}
.fv_bottom .tomatsu_wrap p{
	font-size: 10px;
	line-height: 1.7;
	color: #CCC;
	padding: 0;
}
.topHeroLogo ul li{
	width: 80px;
}

/*service*/
section#service{
	background: url(../images/top/logo-f5.svg) left top/ contain no-repeat;
}
#service.service_w .lead{
	font-size: 24px;
}
.service_i_01{
	border: none;
	border-radius: 0;
	position: relative;
	overflow: unset;
}
.service_i_01 a:hover{
	color: #FFF;
}
.service_i_01 a:hover img{
	opacity: .7;
}

.service_w_i .service_i_01:not(:last-child):after{
	content: "";
	display: block;
	background: #490b16;
	height: calc(tan(50deg) * 50px / 2);
    width: 20px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    position: absolute;
	top: 50%;
    transform: translateY(-50%);
    right: -26px;
}
.service_i_01 .service_i_head {
    background: #490b16;
}
.service_i_01 .service_i_head h3{
    color: #FFF;
	text-align: left;
	width: fit-content;
	margin: auto;
}
.service_i_01 .service_i_head span{
    font-size: 16px;
	display: block;	
}
.service_i_01 .service_i_head em{
    font-size: 120%
}
.service_i_01 .img{
	width: 100%;
}
.service_i_01 .img img{
	width: 100%;
	transition: 0.3s all ease-in-out;
}
.service_i .textarea{
	padding: 20px 0;
}
.service_i .textarea p{
	text-align: left;
}

/*problem*/
#problem .lead_sub{
	color: #d70c18;
	margin-top: 60px;
}
#problem .btn_wrap{
	margin-top: 50px;
}
#problem{
	background: url(../images/top/logo-w.svg) right top/ contain no-repeat #F5F5F5;
}
.problem_inner{
	width: fit-content;
	margin: auto;
}
.problem_wrap .flex_wrap{
	
}
.problem_wrap .flex_wrap.column{
	flex-direction: column;
}
.problem_wrap .p_item{
	font-size: 20px;
	color: #FFF;
    font-weight: bold;
    background: #838383;
    text-align: center;
    padding: 20px 20px;
	width: 450px;
    min-height: 100px;
    margin: 20px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
.problem_inner .flex_wrap.column .p_item:first-child{
	position: relative;
}
.problem_inner .flex_wrap.column .p_item:first-child:after{
	content: "";
	display: block;
	background: #838383;
	height: calc(tan(40deg) * 40px / 2);
    width: 40px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    bottom: -28px;
}
.problem_wrap .p_angle_down{
	font-size: 18px;
	position: relative;
	margin: auto;
	text-align: center;
	width: 320px;
	height: 70px;
	color: #FFF;
}
.problem_wrap .p_angle_down span{
	font-weight: bold;
	position: relative;
	z-index: 1;
	top: 12px;
}
.problem_wrap .p_angle_down:before{
	content: "";
	display: block;
	background: #838383;
	height: calc(tan(70deg) * 50px / 2);
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
	top: 0;
    left: 0;
    right: 0;
    margin: auto;
	z-index: 0;
}
.problem_wrap .p_item.bg_g{
	background: #404040;
	margin: auto;
	margin-top: 20px;
	width: 500px;
}

/*three_step*/
#three_step .bg_blue{
	position: relative;
}
#three_step .bg_blue:after{
	content: "";
	display: block;
	width: 70%;
	height: 100%;
	background: #0a5492;
	opacity: .2;
	position: absolute;
	top: 34px;
	left: 0;
	right: 0;
	z-index: -1;
	margin: auto;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
}
#three_step .t_title{
	margin: 0;
}
.item_step_wrap{
	margin-top: 40px;
}
.item_step_wrap .flex_wrap{
	display: flex;
	justify-content: center;
}
.item_step_wrap .item_step{
	width: 30%;
	background: #0a5492;
	padding: 20px;
	margin: 0 20px;
	position: relative;
}
.item_step_wrap .item_step:not(:last-child):after{
	content: "";
	display: block;
	background: #0a5492;
	height: calc(tan(50deg) * 50px / 2);
    width: 20px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    position: absolute;
	top: 50%;
    transform: translateY(-50%);
    right: -31px;
}
.item_step_wrap .item_step h3{
	color: #FFF;
	font-weight: bold;
	text-align: left;
	font-size: 24px;
	width: fit-content;
	margin: auto;
}
.item_step_wrap .item_step h3 span{
	font-size: 16px;
    display: block;
}
.item_step_wrap .item_step h3 em{
	font-size: 120%;
}


/*STEP 01*/
#step_one{
	position: relative;
}
#step_one:after{
	position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:  0 0 70vh 120vw;
    border-color: transparent transparent #DFEEFF transparent;
    content: "";
}
.step_one_wrap{
	margin-top: 60px;
}
.step_one_wrap .flex_wrap{
	display: flex;
}
.step_one_wrap .item{
	width: calc(50% - 40px);
	margin: 0 20px;
}
.step_one_wrap .item h3{
	background: #0a5492;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	padding: 20px;
	margin: 0;
}
.step_one_wrap .txt{
	min-height: 300px;
	display: flex;
	padding-bottom: 10px;
}
.step_one_wrap .item-01 .txt{
	background: url(../images/top/st1-001.jpg) center/ cover no-repeat ;
}
.step_one_wrap .item-02 .txt{
	background: url(../images/top/st1-002.jpg) center/ cover no-repeat ;
}
.step_one_wrap .txt .inner{
	width: calc(100% - 20px);
	background: rgba(255,255,255,0.9);
	padding: 10px;
	margin: auto auto 0;
}
.step_one_wrap .txt p{
	line-height: 1.6;
	font-weight: bold;
	margin: 0;
}
#step_one .lead_sub{
    color: #0a5492;
    margin-top: 60px;
}
.achievement_wrap{
	
}
.achievement_wrap .flex_wrap{
	flex-wrap: wrap;
}
.achievement_wrap .item{
	width: calc(50% - 40px);
	margin: 20px;
	flex-direction: column;
}
.achievement_wrap .txt_wrap{
	align-items: center;
	background: #0a5492;
	color: #FFF;
	min-height: 170px;
	padding: 16px 20px 14px;
}
.achievement_wrap .head{
	width: 70%;
}
.achievement_wrap .head h3{
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
.achievement_wrap .head h3 span{
	display: block;
}
.achievement_wrap .head h3 span em{
	font-size: 54px;
	line-height: 1;
}
.achievement_wrap .angle{
	width: 30%;
}
.achievement_wrap .angle img{
	width: 70px;
}
.achievement_wrap .angle.up img{
	transform: scale(1, -1);
}
.achievement_wrap .img_wrap{
	background: #FFF;
}
.achievement_wrap .img_wrap .img{
	width: 172px;
	height: 141px;
}
.achievement_wrap .img_wrap .img img{
    object-fit: cover;
}
.achievement_wrap .des{
	width: calc(100% - 172px);
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.achievement_wrap .des .corp{
	font-size: 18px;
	font-weight: bold;
}
.achievement_wrap .des .name{
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
}
.achievement_wrap .des .name em{
	font-size: 30px;
	font-weight: bold;
	margin: 0 8px;
}

/*STEP 02*/
#step_two .function_point{
	margin-top: 100px;
}
#step_two .js-slider{
	display: none;
	padding: 0;
}
#step_two .js-slider .slick-list{
	padding: 0 18vw 0 4vw;
	
}
#step_two .js-slider .inner img{
	width: 100%;
	height: auto;
}
#step_two .js-slider .slick-slide{
	margin: 0 4vw;
	max-width: 70vw;
}

#step_two .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6.09vw 0 10.46vw;
}
#step_two .slick-dots li {
    width: 2.03vw;
    height: 2.03vw;
    border: 0.156vw solid #0a548f;
    background: #fff;
    margin: 0 1.17vw;
    border-radius: 50%;
}
#step_two .slick-dots li button{
    opacity: 0;
}
#step_two .slick-dots li.slick-active {
    background: #0a548f;
}
@media screen and (max-width: 768px) {
	.function_point_pc{
		display: none;
	}
	#step_two .js-slider{
		display: block;
		margin-top: 80px;
	}
}
/*STEP 03*/
#step_three .lead_sub:first-of-type{
	margin: 60px auto 40px;
}
#step_three .lead_sub:nth-last-child(2){
	margin: 80px auto 60px;
}
.item_support_wrap > .flex_wrap{
	justify-content: center;
}
.item_support_wrap .item_support{
	width: 30%;
	align-items: center;
    justify-content: center;
    flex-direction: column;
}
.item_support_wrap .img{
	position: relative;
	height: 100%;
}
.item_support_wrap .img:before{
	content: "";
    display: block;
    width: 140px;
    aspect-ratio: 1 / 1;
    background: #897E7C;
    border-radius: 50%;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.item_support_wrap .img img{
	position: relative;
	max-width: 100%;
	width: 145px;
}

.item_support_wrap p{
	color: #FFF;
	background: #124c87;
	border-radius: 50px;
	padding: 10px 10px 12px;
	width: 280px;
	text-align: center;
	position: relative;
}
.item_support_wrap p span{
	color: #FFF;
}
.item_support_wrap{
	
}

/*CTA*/
.cta{
	padding: 40px 0;
}
.cta .inner{
	max-width: 1200px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.cta .txt_wrap{
	width: 50%;
	flex-direction: column;
	justify-content: center;
    align-items: center;
}
.cta .txt_wrap .txt{
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
}
.cta .txt_wrap .lead{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
.cta .btn_wrap{
	flex-direction: column;
	margin-top: 20px;
}
.cta .btn_wrap a{
	width: 340px;
}
.cta .btn_wrap a:nth-child(n + 2){
	margin-top: 20px;
}
.cta .img{
	width: 50%;
}
.cta .img img{
	
}
.cta-blue{
	background: #124c87;
}
.cta-red{
	background: #d51e01;
}
.cta-red .t_btn.red{
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);
}
.cta-blue .t_btn.js-modal-open{
	color: #124c87;
}

/*result*/
.swiper-case_wrap{
	position: relative;
}
.swiper-case_wrap .pgn{
	z-index: 1;
}
.result_w.swiper-case{
	padding: 20px;
    overflow: hidden;
}
.section-result .swiper-wrapper{
	flex-wrap: nowrap;
}
.section-result .result_i{
	margin-bottom: 0;
}


.nopc{
	display: none;
	visibility: hidden;
}
@media screen and (max-width: 768px) {
	.nopc{
		display: inherit;
		visibility: visible;
	}
	.nosp{
		display: none;
		visibility: hidden;
	}
	.gnavilist .btn_li{
		margin-bottom: 20px;
	}
	.section-function h2{
		padding-right: 0;
	}
	.service_w .lead{
		text-align: left;
	}
	.max-underline:before{
		display: none;
	}
	.section_title{
		font-size: 5.93vw !important;
		font-weight: bold;
		padding: 0 0 3vw 15px;
		margin-bottom: 4.6vw !important;
		position: relative;
		border: none;
		margin-left: -15px !important;
	}
	.section_title span{
		font-size: 3.12vw;
		display: block;
		padding: 0 0 8px;
	}
	.section_title:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 80vw;
		height: 0.6vw;
		background-color: #0a5492;
	}
	p.lead{
		margin-top: 0;
	}
	.service_i_01 .service_i_head h3,
	.item_step_wrap .item_step h3{
		font-size: 20px;
	}
	.service_i_01 .service_i_head span,
	.item_step_wrap .item_step h3 span{
		font-size: 14px;
	}
	.btn_wrap.topHero{
		display: none;
	}
	.topHeroBlock{
		height: 520px;
		background: url(../images/top/00191126_15058.png) center bottom 0 / contain no-repeat;
		background-size: auto 450px;
	}
	.topHeroInner h1{
		font-size: 4.6vw;
		font-weight: 900;
		margin-bottom: 20px;
		text-align: center;
		line-height: 1.25;
		margin-top: 30px;
	}
	.fv_bottom .fv_bottom_inner{
		width: 100%;
		padding: 20px 10px;
	}
	.fv_bottom .topHeroHeading_wrap,
	.fv_bottom .topHeroLogo,
	.fv_bottom .tomatsu_wrap{
		float: none;
	}
	.fv_bottom .topHeroHeading_wrap .topHeroHeading{
		display: none;
		visibility: hidden;
	}
	.fv_bottom ul.topHeroHeading li:first-child .laurel{
		margin: 0;
	}
	.fv_bottom .topHeroLogo{
		padding: 0;
		background: none;
	}
	.fv_bottom .tomatsu_wrap{
		text-align: center;
	}
	.fv_bottom .tomatsu_wrap p{
		margin: 0;
	}
	.fv_bottom .topHeroHeading_wrap .authority_wrap img{
		width: 100%;
	}
	.fv_bottom .topHeroLogo {
		margin-top: 16px;
	}
	.fv_bottom .topHeroLogo ul li {
		width: calc( 100% / 6 );
		margin: 0;
	}
	.service_w_i .service_i_01:not(:last-child){
		margin-bottom: 40px;
	}
	.service_w_i .service_i_01:not(:last-child):after{
		top: unset;
		right: unset;
		bottom: -10px;
		transform: translateX(-50%);
		left: 50%;
		height: calc(tan(40deg) * 40px / 2);
		width: 40px;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.section-case-study{
		padding: 40px 0 20px !important;
	}
	section#service{
		background: none;
		padding-bottom: 30px;
	}
	#service .service_w_i{
		flex-direction: column;
	}
	.service_w h2{
		font-size: 20px;
	}
	#service.service_w .lead{
		font-size: 16px;
		text-align: center;
	}
	#service .btn_wrap.flex_wrap{
		margin-top: 0;
	}
	section#problem{
		background: #F5F5F5;
		padding-bottom: 30px;
	}
	#problem.service_w h2.t_title{
		margin-top: 0;
	}
	#problem.service_w .lead,
	.section-function .lead{
		font-size: 14px;
		font-weight: 400;
	}
	#problem .lead_sub{
		font-size: 20px !important;
		line-height: 1.6;
		color: #434343;
	}
	.problem_wrap .flex_wrap.column{
		width: 50%;
	}
	.problem_wrap .p_item{
		width: calc(100% - 10px);
		padding: 10px 8px;
		margin: 20px 5px;
		font-size: clamp(11px, 2.5vw, 1.5rem);
		line-height: 1.4;
	}
	.problem_wrap .p_angle_down{
		width: 80%;
		font-size: clamp(14px, 3vw, 2rem);
	}
	.problem_wrap .p_angle_down span{
		top: 16px;
	}
	.problem_wrap .p_item.bg_g{
		width: 100%;
		font-size: clamp(14px, 3vw, 2rem);
	}
	#three_step .bg_blue:after{
		width: 100%;
		height: calc(100% - 20px);
		top: 22px;
	}
	#step_one:after{
		border-width: 0 0 120vh 120vw;
	}
	#step_two .img_wrap_wide.nopc{
		padding: 0 15px;
	}
	#step_two .btn_wrap.flex_wrap,
	#step_three .btn_wrap.flex_wrap{
		margin-top: 40px;
	}
	.item_step_wrap .flex_wrap,
	.step_one_wrap .flex_wrap,
	.achievement_wrap .flex_wrap{
		flex-direction: column;
	}
	.item_step_wrap{
		margin-top: 30px;
	}
	.item_step_wrap .item_step{
		width: 100%;
		margin: 0 0 40px;
	}
	.item_step_wrap .item_step:not(:last-child):after{
		top: unset;
		right: unset;
		bottom: -28px;
		transform: translateX(-50%);
		left: 50%;
		height: calc(tan(40deg) * 40px / 2);
		width: 40px;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.step_one_wrap{
		margin-top: 20px;
	}
	.step_one_wrap .item {
		width: 100%;
		margin: 0 0 30px;
	}
	.step_one_wrap .item h3{
		font-size: 16px;
	}
	#step_one .lead_sub,
	#step_three .lead_sub{
		margin-top: 60px;
		font-size: 20px !important;
		line-height: 1.6;
	}
	#step_three .lead_sub:first-of-type{
		margin: 30px auto 30px;
	}
	#step_three .lead_sub:nth-last-child(2){
		margin: 60px auto 0;
	}
	.img_wrap_wide{
		margin-top: 30px;
	}
	.achievement_wrap .item{
		width: 100%;
    	margin: 0 0 30px;
	}
	.achievement_wrap .txt_wrap,
	.achievement_wrap .img_wrap{
		flex-direction: row;
	}
	.achievement_wrap .angle{
		text-align: center;
	}
	.achievement_wrap .img_wrap .img{
		width: 100px;
		height: 82px;
	}
	.achievement_wrap .des{
		width: calc(100% - 100px);
	}
	.achievement_wrap .des .corp{
		font-size: 14px;
	}
	.achievement_wrap .des .name{
		font-size: 12px;
	}
	.achievement_wrap .des .name em{
		font-size: 22px;
	}
	
	.item_support_wrap > .flex_wrap{
		justify-content: center;
		flex-wrap: wrap;
	}
	.item_support_wrap .item_support{
		width: 50%;
	}
	
	.item_support_wrap p{
		width: 100%;
		font-size: clamp(11px, 2.5vw, 1.5rem);
		line-height: 1.4;
	}
	
	
	.section-result,
	.section-seminar{
		padding: 60px 0;
	}
	.section-result .container-fluid{
		padding-left: 0;
		padding-right: 0;
	}
	.section-result .lead{
		padding-left: 15px;
		padding-right: 15px;
	}
	.section-result .result_w{
		margin-top: 40px;
	}
	.result_w.swiper-case{
		padding: 10px 20px;
	}
	.section-result .btn_wrap{
		padding-left: 15px;
		padding-right: 15px;
	}
	.section-seminar .btn_wrap{
		margin-top: 10px;
	}
	
	.btn_wrap.flex_wrap{
		flex-direction: column;
		margin-top: 20px;
	}
	.btn_wrap.flex_wrap.col_three a,
	.btn_wrap.flex_wrap.col_three .wide_w,
	.btn_wrap.flex_wrap.col_three .short_w,
	.btn_wrap.flex_wrap.col_two a,
	.btn_wrap.flex_wrap.col_two .wide_w,
	.btn_wrap.flex_wrap.col_two .short_w{
		width: 100%;
		max-width: none;
	}
	.btn_wrap.flex_wrap.col_three a,
	.btn_wrap.flex_wrap.col_two a{
		margin: 0;
	}
	.btn_wrap.flex_wrap a:nth-child(n + 2){
		margin-top: 20px;
	}
	.t_btn{
		min-height: 0;
	}
	.t_btn span{
		padding-bottom: 8px;
	}
	.btn_wrap_wide .t_btn,
	.btn_wrap_wide .t_btn.gray{
		font-size: 16px;
		background-size: 30px auto !important;
	}
	
	.cta .flex_wrap{
		flex-direction: column;
	}
	.cta .txt_wrap,
	.cta .img{
		width: 100%;
	}
	.cta .txt_wrap .txt{
		font-size: 20px !important;
		line-height: 1.6;
	}
	.cta .txt_wrap .lead{
		font-size: 14px;
		font-weight: 400;
	}
	.cta.cta-red .img{
		margin-top: 40px;
	}
	.cta.cta-blue .img{
		display: none;
	}
	.cta .btn_wrap{
		width: 100%;
	}
	.cta .btn_wrap a{
		width: 100%;
		font-size: 16px;
	}
	
}








.section-cateras {
	height: 717px;
    display: flex !important;
    align-items: center;
    padding: 0;
    position: relative;
}
.section-cateras_bg {
  width: 100%;
  height: 717px;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: -1;
}
.section-cateras_bg:before {
  content: "";
  display: block;
  background: url(../images/cateras/kvmark.png) center/100% no-repeat;
  width: 1920px;
  height: 2204px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-23%, -50%);
}
.section-cateras .contents_wrapper {
	width: min(100%, 1200px);
	padding: 0 22px;
    margin: 0 auto;
    position: relative;
}
.section-cateras .flexWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.section-cateras .logo {
	max-width: 553px;
	width: 45%;
}
.section-cateras .logo img {
  width: 100%;
}
.section-cateras .headline p {
  font-size: 36px;
  font-weight: 500;
  line-height: 140%;
  color: #FFF;
  padding: 0;
	-webkit-font-smoothing: antialiased;
}
.section-cateras .headline .btn {
	display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 100vh;
    max-width: 260px;
    height: 56px;
    padding: 0 2em;
	border: 1px solid #FFF;
	margin-top: 16px;
}
.section-cateras .headline .btn span{
	font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
	color: #FFF;
    transition: all .3s ease;
	-webkit-font-smoothing: antialiased;
}
.section-cateras .headline .btn:hover {
	background: #FFF;
}
.section-cateras .headline .btn:hover span {
	color: #2E4398;
}
@media screen and (max-width: 959px) {
	.section-cateras .logo {
		display: flex;
		align-items: center;
	}
	.section-cateras .headline p {
		font-size: 28px;
	}
}
@media screen and (max-width: 767px) {
	.section-cateras, .section-cateras_bg{
		height: 600px;
	}
	.section-cateras_bg:before {
		background: url(../images/cateras/kvmark.png) center/100% no-repeat;
		width: 1200px;
		height: 1377px;
		transform: rotate(-38.53deg) translate(2%, -57%);
	}
	.section-cateras .contents_wrapper{
		height: 100%;
	}
	.section-cateras .flexWrap {
		height: 100%;
		flex-direction: column;
		align-items: center;
	}
	.section-cateras .logo {
		width: 270px;
		height: 50%;
		display: flex;
		align-items: center;
	}
	.section-cateras .headline {
		height: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 10px;
	}
	.section-cateras .headline p {
		font-size: 2.5rem;
		text-align: center;
		padding-bottom: 0;
	}
	.section-cateras .headline .btn {
		width: calc(100% - 20px* 2);
		max-width: 300px;
		height: 50px;
		margin-top: 12px;
	}
	.section-cateras .headline .btn span{
		font-size: 16px;
	}
}

.hbar_cateras{
	width: 100%;
	position: relative;
	border-bottom: 2px solid #2E4398;
	margin-bottom: 4px;
}
.hbar_cateras_inner{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
	padding: 4px 0 9px;
	cursor: pointer;
	transition: all .3s ease;
}
.hbar_cateras_inner:hover{
	opacity: .7;
}
.hbar_cateras_inner .text{
	color: #2E4398;
	text-decoration: underline;
}
.hbar_cateras_inner .text br{
	display: none;
	visibility: hidden;
}
.hbar_cateras_inner .releaseDate{
	color: #000;
}
.hbar_cateras_inner .text,
.hbar_cateras_inner .releaseDate{
	font-size: 18px;
    font-weight: 700;
}
.hbar_cateras_inner .caterasLogo{
	width: 250px;
}
.hbar_cateras_inner .caterasLogo img{
	width: 100%;
}


.close_bar {
	position: absolute;
    top: 6px;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 100;
}
.close_bar span {
    display: inline-block;
    position: absolute;
    height: 2px;
    border-radius: 20px;
    background: #b1b1b1;
    width: 40px;
    transition: all 0.3s ease;
}
.close_bar span:nth-of-type(1) {
    top: 12px;
    transform: translateY(6px) rotate(-45deg);
}
.close_bar span:nth-of-type(2) {
    top: 24px;
    transform: translateY(-6px) rotate(45deg);
}

@media screen and (max-width: 1499px) {
	
}
@media screen and (max-width: 959px) {
	.hbar_cateras_inner .text br{
		display: block;
		visibility: visible;
	}
	.hbar_cateras_inner .text,
	.hbar_cateras_inner .releaseDate{
		font-size: 14px;
	}
	.hbar_cateras_inner .caterasLogo{
		width: 180px;
	}
}
@media screen and (max-width: 767px) {
	.hbar_cateras_inner{
		gap: 10px;
	}
	.hbar_cateras_inner .text{
		font-size: 0.9rem;
		line-height: 1.4;
	}
	.hbar_cateras_inner .caterasLogo{
		width: 120px;
	}
	.close_bar {
		width: 30px;
		height: 30px;
		top: -2px;
	}
	.close_bar span {
		width: 30px;
	}
}
@media screen and (max-width: 499px) {
	.close_bar {
		display: none;
		visibility: hidden;
	}
}

#header .clearfix{
	position: relative;
}
#header .list-nav{
	top: 0;
	right: 0;
}
@media screen and (max-width: 767px) {
	#header .list-nav{
		top: -6px;
		right: 0;
	}
}