@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');


/* CSS Document */
/**********************************************************************リセット*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-align: center;
   text-decoration: none;
   color: #505050;
}

body {
    line-height:2;
	font-family: 'Roboto', 'Noto Sans JP','Arial', 'Helvetica', sans-serif;
   background-color: #fff;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:14px;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
	display: block;
}
img{
	width: 100%;
}
* {
   box-sizing: border-box;
}

.mob{
	display: none;
}

a:link{
  color:inherit;
  text-decoration: none;
}
a:visited{
  color:inherit;
  text-decoration: none;
}
a:hover{
  color:inherit;
}
a:active{
  color:inherit;
}

/* section{
	padding: 30px;
} */

/**********************************************************************リセット*/



/**********************************************************************ヘッダー*/
header {
   padding: 10px 6% 10px;
   position: fixed;
   top: 0;
   width: 100%;
	height: 80px;
	/* background:rgba(255,255,255,0.80); */
	background:rgba(255,255,255,1);
   display: flex;
   align-items: center;
	z-index: 9999;
}

.rogo img{
	width: 175px;
}

nav {
   margin: 0 0 0 auto;
}
ul {
   list-style: none;
   margin: 0;
   display: flex;
}

.pc-nav ul li a{
	display: inline-block;
	color: #505050;
	font-size: 16px;
	font-weight: 400;
	margin-left: 20px;
}

.pc-nav ul li a:hover{
	color: #0284c7;
	transition: .2s;
}

.sp-nav {
   display: none;
   padding: 100px 16%;
   /* list-style: none; */
	/* height: 100%; */
	overflow-y: scroll;
}


@media screen and (max-width: 600px) {
header {
   padding: 10px 6% 10px;
   position: fixed;
   top: 0;
   width: 100%;
	height: 80px;
	/* background:rgba(255,255,255,0.80); */
	background:rgba(255,255,255,1);
   display: flex;
   align-items: center;
	z-index: 9999;
}
	.rogo img{
	width: 120px;
}
	.pc-nav {
      display: none;
   }
   .sp-nav {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      display: block;
      width: 100%;
      background: rgba(49, 67, 125, .8);
      /* background: rgba(255, 255, 255, 1); */
      opacity: 0;
      transform: translateY(-100%);
      transition: all .2s ease-in-out;
   }
   #hamburger {
      position: relative;
      display: block;
      width: 40px;
      height: 20px;
      margin: 0 0 10px auto;
   }
   #hamburger span {
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 100%;
      height: 4px;
      background-color: #55afff;
      transform: translateY(-50%);
   }
   #hamburger::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: #55afff;
   }
   #hamburger::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: #55afff;
   }
	.menu{
		font-family: 'Montserrat', sans-serif;
		color: #55afff;
		font-size: 12px;
		font-weight: 900;
		margin-top:20px;
	}
   /*スマホメニュー*/
   .sp-nav ul {
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      height: 100%;
   }
   .sp-nav li {
      margin: 0;
      padding: 0;
   }
   .sp-nav li span {
      font-size: 15px;
      color: #fff;
   }
   .sp-nav li a, .sp-nav li span {
		display: block;
		padding: 4px 0;
		font-size: 24px;
	}
	.sp-nav li span{
	   color: #505050;
	}
	.sp-nav li a{
		color: #fff;
		/* width: 200px; */
		/* background-color: #55afff; */
		margin: 4px 40px;
		font-weight: 400;
		/* border-radius: 5px; */
		text-align: end;

	}
	/*-閉じるアイコンー*/
   .sp-nav .close {
      position: relative;
      padding-left: 20px;
   }
   .sp-nav .close::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 16px;
      height: 1px;
      background: #505050;
      transform: rotate( 45deg );
   }
   .sp-nav .close::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 16px;
      height: 1px;
      background: #505050;
      transform: rotate( -45deg );
   }
   .toggle {
      transform: translateY( 0 );
      opacity: 1;
   }

}

/**********************************************************************ヘッダー*/
/**********************************************************************メニューナビ*/

.menu-nav{
	background: #EEF7FF;
	margin: 90px 0 0;
	position:relative;
	z-index: 999;
	position: sticky;/*メニューを固定*/
	top: 80px;/*メニューを固定*/
}
.gnavi__list{
	width: 20%;
	background: linear-gradient(90deg, #CCE7FF, #EEF7FF 1%, #EEF7FF 99%, #fff);
}

.gnavi__list>a{
	color: #505050;
	font-size: 16px;
	padding: 7px 0 3px;
	line-height: 40px;
}
.gnavi__list a:hover{
	color: #fff;
	background: #dbeafe;
	color: #505050;
}
.gnavi__list a.entry-text:hover {
    background: #e02838;
	color: #fff;
	opacity: 1;
}

.gnavi__wrap{
	width: 1200px;
	margin: 0 auto;
	/* position: sticky;
	top: 80px; */
}

/* 選択中の場合色を固定する */
.select{
	background-color: #60a5fa !important;
	color: #F0F0F0 !important;
	width: 20%;
}
.select>a{
	font-size: 16px;
	padding: 7px 0 3px;
	line-height: 40px;
}
.select.gnavi__list>a {
	color: #fff;
	background-color: #60a5fa;
}
.dropdown__lists {
    transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
    transform-origin: center top;/*変形を適応する基準をtopとする*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    /* width: 480px; */
    position: absolute;
    top: 10;
    left: 100;
	/* display: flex; */
	flex-direction: column;
	flex-wrap: wrap;
	background: #fff;
	padding: 20px 40px;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.dropdown__list {
    height: 72px;
    transition: all .3s;
    position: relative;
	margin-bottom: 10px;
	border: solid 0.5px #818181;
}

.dropdown__list>div{
	display: flex;
	justify-content: space-around;
}

.dropdown__list>div>img {
	width: 100px;
	height: 70px;
}
.dropdown__list>div>a {
	width: 190px;
	text-align: left;
	padding: 10px;
	line-height: 1.2em;
}
.dropdown__list>div>a:last-child {
	width: 150px;
}
.list-text{
	width: 340px;
	display: flex;
	justify-content: space-between;
}
.list-text>a {
	width: 190px;
	text-align: left;
	padding: 10px;
	line-height: 1.2em;
}
.list-text>a:last-child {
	width: 150px;
}
.dropdown__list a:hover {
    background-color: #fff;
    opacity: 0.6;
}
.dropdown__lists2 {
    transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
    transform-origin: center top;/*変形を適応する基準をtopとする*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 239.5px;
    position: absolute;
    top: 10;
    left: 100;
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
	top: 100%;
}

.dropdown__list2 {
    height: 20px;
    transition: all .3s;
	width: auto;
	margin-bottom: 10px;
}


.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}
.list-title{
	text-align: left!important;
	color: #1E4696;
	font-weight: bold;
	height: 30px!important;
	border: none;
	font-size: 21px;
}
/* .dropdown__list a:hover, .dropdown__list2 a:hover{
	background-color: #dbeafe;
} */
.dropdown__list2 a {
	padding: 0px 8px;
    color: #505050;
    text-decoration: none;
    position: relative;
	text-align: left;
}


.select:hover .dropdown__lists2,
.gnavi__list:hover .dropdown__lists,.gnavi__list:hover .dropdown__lists2 {
    transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}


/**********************************************************************メニューナビ*/


.con01{
	width: 100%;
	margin: 0 auto;
	padding: 100px 0 0;
}
.con02{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
}
h2{
	font-size: 20px;
	font-weight: 500;
	border-left: solid 4px #1E4696;
	line-height: 1.5em;
	padding-left: 12px;
	margin-bottom: 4px;
}
#main>.con02{
	align-items: flex-start;
}
#main{
	padding-top: 0;
}
.item_lists, .item_lists h2{
	text-align: left;
}

.item_lists{
	width: 820px;
}
.item_lists>div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item_lists_lead{
	font-size: 22px;
	color: #1E4696;
	font-weight: bold;
	pointer-events: none;
	text-align: left;
}
.item_lists_com{
	position: relative;
	width: 380px;
	height: 97px;
	display: flex;
	justify-content: space-between;
	border: solid 0.5px #505050;
	margin-bottom: 20px;
}

.item_lists_com>img{
	width: 130px;
	height: 95px;
}
.hover{
	 transition:0.5s all;
}
.hover:hover{
	transform:scale(1.05,1.05);
}


.item_lists_com>div{
	padding: 10px;
	width: 255px;
}
.item_lists_com>div>a{
	text-align: left;
	line-height: 1.5em;
}
.item_lists_com>div>a>span{
	font-size: 14px;
}

.link{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* .link:hover{
	background: #fff;
	opacity: 0.8;
} */
.item_lists_com:hover{
	opacity: 0.4!important;
	transition:0.1s all;
	/* transform:scale(1.05,1.05); */
}
.list-mark{
	width: 60px;
	position: absolute;
	top: 8px;
	right: 8px;
}
.list-rogo{
	font-family: 'Roboto', 'Arial', 'Helvetica', 'Noto Sans JP', sans-serif;
	font-weight: bold;
	color: #1E4696;
	font-size: 21px;
}
.list-rogo>span{
	color: #1E4696;
}

.thin{
    transform: scale(0.9, 1)!important;
	transform-origin:left;
}
.tokkyo{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.right{
	width: 380px;
	margin-left: 30px;
}
.contact{
	border: solid 1px #EBEBEB;
	padding: 32px;
	margin: 24px;
}
.contact>h2{
	text-align: left;
}
.tel{
	font-family: 'Roboto', 'Arial', 'Helvetica', 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 1em;
	vertical-align: top;
	display: inline-block;
}
.tel>span{
	color: #fff;
	background: #505050;
	padding: 0 5px;
	font-size: 22px;
	border-radius: 5px;
	margin-right: 5px;
	vertical-align: top;
}
.time{
	font-size: 18px;
	line-height: 1.5em;
	margin-top: 10px;
}

.btn-01{
	width: 220px;
	height: 80px;
	border-radius: 40px;
	border: solid 1px #E68C00;
	font-size: 18px;
	font-weight: bold;
	color: #E68C00!important;
	margin: 20px auto 0;
	padding-top: 20px;
}
.btn-02{
	width: 220px;
	height: 80px;
	border-radius: 40px;
	border: solid 1px #E68C00;
	background: #E68C00;
	font-size: 18px;
	font-weight: bold;
	color: #fff!important;
	margin: 20px auto 0;
	padding-top: 20px;
}

.banner{
	margin-top: 20px;
}

.list{
	vertical-align: middle;
	display: inline-block;
}

.allow{
  display: inline-block;
  width: 15px;
  border-bottom: 1px solid #55afff;
  border-right: 1px solid #55afff;
   /*傾きを調節*/
  transform: skew(45deg);
  /*下線矢印をテキストに合わせてうまい具合にはめる*/
  margin: 10px 0 0 5px;
	float: right;
	padding-bottom: 5px;
}
.allow:hover{
	width: 30px;
	transition:0.5s all;
	transform: translate(20px,0) skew(45deg);
}

.contents>div{
	width: 372px;
    position:relative;
}
.seminar-con{
	border: solid 0.5px #818181;
	margin-top: -12px;
}


.contents-con{
	width: 372px;
	height: 90px;
	background: #ebebeb;
	border: solid 0.5px #818181;
}
.online{
	width: 372px;
	height: 120px;
}

.contents>div:hover, .contents-con:hover, .online:hover{
	opacity: 0.5;
	transition:0.5s all;
}
.contents>div>div{
	padding: 10px 20px;
	text-align: justify;
}
.contents-date{
	font-family: 'Roboto', 'Arial', 'Helvetica', 'Noto Sans JP', sans-serif;
}

.news-con a{
	text-align: left;
	margin: 5px 0;
}

.date{
	width: 70px;
	font-family: 'Roboto', 'Arial', 'Helvetica', 'Noto Sans JP', sans-serif;
}
.news-con>.new_item, .news-con>.news_con{
	width: 70px;
	color: #fff;
	border-radius: 4px;
	text-align: center;	
}
.new_item{
	background: #1E4696;
}
.news_con{
	background: #28B9D2;
}

.news_text{
	width: 1020px;
	display: inline-block;
	vertical-align: middle;
}

.news-allow{
	display: inline-block;
	width: 320px;
	height: 6px;
	border-bottom: 1px solid #55afff;
	border-right: 1px solid #55afff;
	/*傾きを調節*/
	transform: skew(45deg);
	/*下線矢印をテキストに合わせてうまい具合にはめる*/
	/* margin: 0 auto; */
	float: right;
	padding-bottom: 12px;
}

.news-allow:hover {
	width: 80px;
	transition:0.5s all;
	transform: translate(20px,0) skew(45deg);
}



footer{
	width: 100%;
	background-color: #f0f8ff;
	padding: 50px 0 100px;
}
footer>.con02{
	align-items: flex-start;
}

.footer-rogo{
	width: 220px;
}


.footer-con{
	text-align: left;
	margin-top: 50px;
}
.footer-info{
	justify-content: flex-start;
	margin-top: 50px;
}
.footer-info a{
	font-size: 14px;
	text-align: left;
}
.name{
	font-size: 16px;
	font-weight: bold;
}
.name-en{
	font-weight: bold;
}
.footer-rogoset{
	width: 340px;
	margin-left: 30px;
}

.links-01{
	font-size: 16px;
	font-weight: 500;
}
.links-02{
	font-size: 12px;
	font-weight: 400;
	color: #55afff;
	line-height: 2;
}

.links-01:hover , .links-02:hover{
	color: #55afff;
	transition: .2s;
}
.footer-info>div>div{
	text-align: left;
}
.footer-info>div>div>a{
	display: inline-block;
	margin: 10px 20px 0 0;
	width: 35px;
}

.copyright{
	margin-top: 50px;
}



/*******************************************************************************************スライダー用*/

.slick01{
	width: 100%;
	/* height: 800px!important; */
	padding: 0;
}
.slick01 div .con02{
	margin-top: 30px;
	align-items: flex-start;
}
.white{
	width: 100%;
	height: 30px;
	margin: 80px 0 -3px;
}

.link-top{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 修正注意 */
.slider-h1{
	font-size: 32px;
	line-height: 1.5em;
	text-align: left;
	margin: 20px 40px;
}
.slider-h1-sg{
	font-size: 28px;
	line-height: 1.5em;
	color: #fff;
	text-align: left;
	margin: 20px 40px;
}
.slider-text{
	margin: 180px -40px;
	/* margin-top: 180px; */
	text-align: left;
}
.top-text{
	margin: -20px 40px;
	height: 100px;
	width: auto;
}
.top-icon{
	margin: -160px -40px;
	height: 53px;
	width: auto;
}
.topimg{
	height: 280px;
	width: auto;
}
.slider-link{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.top01{
    background: linear-gradient(0deg, #C8C8C8, #F0F0F0 30%);
	padding-bottom: 80px;
	position:relative;
}
.top02{
    background: linear-gradient(0deg, #B9C8CD, #E6F0F5 30%);
	padding-bottom: 80px;
	position:relative;
}
.top04{
    background: linear-gradient(0deg, #C8C8C8, #F0F0F0 30%);
	padding-bottom: 80px;
	position:relative;
}
.top03{
    background: linear-gradient(0deg, #141414, #323232 30%);
	padding-bottom: 80px;
	position:relative;
}
.top05{
    background: linear-gradient(0deg, #B9C8CD, #E6F0F5 30%);
	padding-bottom: 80px;
	position:relative;
}
.fff{
	color: #fff;
}

.slick-dots {
  top: 350px;
}
.slick-dots li.slick-active
  button::before {
  color: #55AFFE!important;
}
.slick-dots li button::before {
  color: #fff!important;
	opacity: 1!important;
}

/*******************************************************************************************スライダー用*/
/*******************************************************************************************フェード用*/
/* 画面外にいる状態 */
.fadein {
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	transform : translate(0, 0);
	}
/*******************************************************************************************フェード用*/

/*******************************************************************************************下層頁用*/

#nav-2{
	height: 52px;
	padding: 12px 0;
}
.con03{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#nav-2>.con03>a{
	width: 120px;
	height: 28px;
	text-align: center;
	color: #1482E6;
	border: solid 1px #1482E6;
	border-radius: 2px;
	margin-right: 10px;
}

#nav-2>.con03>.checked{
	color: #fff;
	background: #1482E6;
}

#details-main{
    background: linear-gradient(180deg, #F2FAFE, #D2E0E8 20%);
}
#details-main>.con03{
	justify-content: space-between;
}
#details-main>div>div{
	text-align: left;
	width: 460px;
	
}
h3{
	text-align: left;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#details-main>div>img{
	width: 690px;
}
#details-main>div>div>div{
	display: flex;
	justify-content: space-between;
}
#details-main>div>div>div>a{
	width: 216px;
	height: 40px;
	border-radius: 20px;
	color: white;
	text-align: center;
	padding-top: 5px;
	font-size: 16px;
	margin-top: 10px;
}
.btn-details01{
	background-color: #007DF0;
}
.btn-details02{
	background-color: #FF3264;
}

.details-contents{
	width: 1200px;
	margin: 50px auto;
	padding: 50px;
	background-color: #FAFAFA;
	border-radius: 20px;
	text-align: left;
}
.details-contents a{
	font-size: 16px;
}

.details-contents .contents-title{
	display: inline-block;
	text-align: left;
	font-size: 26px;
	font-weight: 600;
}
.contents-title img{
	height: 50px;
	width: 153px;
	display: inline-block;
	margin-right: 10px;
}

.details-contents>.dl-catalog{
	color: #1482E6;
	margin: 15px 0 30px;
}

.details-contents>.dl-catalog:hover{
	opacity: 0.5;
	transition:0.5s all;
}

.details-contents-pt2{
	display: flex;
	justify-content: space-between;
}

.details-contents-pt2 img{
	width: 350px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	border-radius: 20px;
}
.deta-con2{
	display: flex;
	justify-content: space-between;
}

.deta-con2>div{
	width: 440px;
}
.deta-con2>div>a{
	text-align: justify;
}
.deta-con2>img{
	width: 590px;
}
.dl-catalog2{
	width: 440px;
	height: 40px;
	border-radius: 20px;
	text-align: center!important;
	color: #fff!important;
	font-size: 16px!important;
	background-color: #FF3264;
	margin-top: 30px;
	padding-top: 5px;
}
.dl-catalog2:hover{
	opacity: 0.5;
	transition:0.5s all;
}
.related-products{
	width: 1200px;
	margin: 100px auto;
	padding: 0;
}

h4{
	text-align: left;
	border-left: solid 5px #1E4696;
	padding-left: 10px;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	color: #1E1E1E;
}
.related-products>div{
	display: flex;
	justify-content: space-between;
}
.related-products>div>a{
	width: 573px;
}

#nav-dl{
	width: 1200px;
	height: 60px;
	margin: 50px auto;
	background-color: #EEF7FF;
	border-left: solid 20px #55AFFF;
	display: flex;
	justify-content: space-between;
	padding: 0;
	align-items: center;
}
.dl-title01{
	font-size: 22px;
	margin-left: 10px;
	font-weight: 500;
}
#nav-dl>div{
	display: flex;
	justify-content: space-between;
	background-color: #DDEFFF;
	padding: 0 30px;
	align-items: center;
	height: 100%;
}

#nav-dl>div>.dl-tel{
	font-weight: 500;
	line-height: 1.4em;
	margin-right: 20px;
	color: #50501E;
}
#nav-dl>div>.dl-tel>span{
	font-size: 20px;
	color: #50501E;
}

#nav-dl>div>.btn-dl01{
	width: 120px;
	height: 26px;
	border: solid 1px #55AFFF;
	border-radius: 3px;
	background-color: #fff;
	color: #55AFFF;
	text-align: center;
	margin-left: 10px;
}

.dl-con{
	width: 1200px;
	margin: 50px auto;
}
.dl-con>div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.dl-box{
	width: 578px;
	height: 247px;
	position: relative;
	padding: 25px;
	display: flex;
	justify-content: space-between;
	border: solid 1px #EBEBEB;
	margin-bottom: 30px;
}
.dl-box:hover{
	transition:0.5s all;
	opacity: 0.5;
}

.link-dlbox{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.link-dlbox:hover{
	.dl-box{
		transition:0.5s all;
		opacity: 0.5;
	}
}

.dl-boxtitle{
	text-align: left;
}
.dl-box>div{
	/* margin-left: 30px; */
	width: 50%;
}
.dl-box>div>a{
	text-align: justify;
	line-height: 1.5em;
	color: #505050;
}
.dl-box>img{
	width: 222px;
	height: 157px;
	margin-top: 15px;
}
.btn-dl-min{
	width: 30px;
}
.dl-boxtitle{
	
}
.dl-boxtitle>a{
	display: inline-block;
	text-align: left;
}

.dl-title{
	color: #1482E6;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	line-height: 1em;
}
.dl-title>.dl-title-sp1{
	color: #1482E6;
	font-size: 14px;
}
.dl-title>.dl-title-sp2{
	color: #fff;
	background-color: #1482E6;
	border-radius: 3px;
	font-size: 14px;
	margin-left: 5px;
	padding: 3px 8px;
}



.example-con{
	width: 1200px;
	margin: 50px auto;
}
.example-con>div{
	display: flex;
	justify-content: space-between;
}
.example-con>div>div{
	width: 270px;
}
.example-box{
	border: solid 1px #EBEBEB;
	position: relative;
}
.example-box:hover{
	opacity: 0.5;
	transition:0.5s all;
}
.link-exbox{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.example-box>a{
	text-align: justify;
	padding: 0 20px;
	line-height: 1.5em;
}
.exbox-headline{
	color: #55AFFF !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em!important;
	margin-top: 15px;
}
.example-box>a:last-child{
	margin: 10px 0 20px;
	color: #505050;
}
.example-box>.exbox-title, .example-box>.exbox-title2{
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	height: 150px;
	background-color: #55AFFF;
	line-height: 1.0em!important;
	padding-top: 60px;
	background-size: contain;
}
.example-box>.exbox-title2{
	padding-top: 70px;
}
.example-box>.exbox-title>span{
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.example-box>.exboxtitle1{
	background-image: url("../imges/example-img01.jpg");
}
.example-box>.exboxtitle2{
	background-image: url("../imges/example-img02.jpg");
}
.example-box>.exboxtitle3{
	background-image: url("../imges/example-img03.jpg");
}
.example-box>.exboxtitle4{
	background-image: url("../imges/example-img04.jpg");
}
.example-box>.exboxtitle9{
	background-image: url("../imges/example-img09.jpg");
}
.example-box>.exboxtitle10{
	background-image: url("../imges/example-img10.jpg");
}
.example-box>.exboxtitle11{
	background-image: url("../imges/example-img11.jpg");
}
.example-box>.exboxtitle12{
	background-image: url("../imges/example-img12.jpg");
}

/*******************************************************************************************下層頁用*/










/*******************************************************************************************************************************モバイル版*/

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

	.mob{
		display: block;
	}
	.pc{
		display: none;
	}
	
	
	/**********************************************************************メニューナビ*/

	/* .menu-nav{
		background: #EEF7FF;
		margin: 90px 0 0;
		position: relative;
		z-index: 999;
		height: 50px;
		position: sticky;
		top: 80px;
	} */
	.gnavi__lists{
		flex-wrap: wrap;
	}
	.gnavi__list{
		width: 50%;
		background: linear-gradient(90deg, #CCE7FF, #EEF7FF 1%, #EEF7FF 99%, #fff);
		border-bottom: solid 1px#CCE7FF;
	}

	.gnavi__list>a{
		color: #505050;
		font-size: 14px;
		padding: 7px 0 3px;
		line-height: 40px;
	}
	.gnavi__list a:hover{
		color: #fff;
		background: #000;
		opacity: 0.5;
	}	

	.gnavi__wrap .c{
		width: 100%;
		margin: 0 auto;
		position: sticky;
		top: 80px;
	}

	.dropdown__lists {
		transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
		transform-origin: center top;/*変形を適応する基準をtopとする*/
		transition: all .3s;/*表示の変化を0.3秒に指定*/
		width: 90%;
		position: absolute;
		top: 10;
		left: 5%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		background: #fff;
		padding: 20px;
		border-radius: 5px;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
	}

	.dropdown__list {
		height: auto;
		transition: all .3s;
		position: relative;
		margin-bottom: 10px;
		border: solid 0.5px #818181;
	}
	.dropdown__list>div{
		display: flex;
		justify-content: space-between;
	}
	.mini{
		font-size: 18px;
		transform: scaleX(0.95);
		transform-origin: top left;
		letter-spacing: -0.05em;
	}

	.dropdown__list>div>img {
		width: 100px;
		height: 70px;
		display: inline-block;
	}
	.dropdown__list>div>a {
		width: calc(50% - 100px);
		text-align: left;
		padding: 10px;
		line-height: 1.2em;
		display: inline-block;
		vertical-align: top;
	}
	.dropdown__list>div>a:last-child {
		width: calc(90% - 100px);
		display: inline-block;
	}
	.list-text{
		width: calc(100% - 100px);
		display: flex;
		flex-direction: column;
	}
	.list-text>a {
		width: 100%;
		text-align: left;
		padding: 5px 10px 0;
		line-height: 1.2em;
	}
	.list-text>a:last-child {
		width: 100%;
		padding: 0 10px 5px;
	}

	.dropdown__lists2 {
		transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
		transform-origin: center top;/*変形を適応する基準をtopとする*/
		transition: all .3s;/*表示の変化を0.3秒に指定*/
		width: 239.5px;
		position: absolute;
		top: 10;
		left: 100;
		display: flex;
		flex-direction: column;
		background: #fff;
		padding: 20px;
		border-radius: 5px;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
	}

	.dropdown__list2 {
		height: 20px;
		transition: all .3s;
		width: auto;
		margin-bottom: 10px;
	}


	.dropdown__list:not(:first-child)::before{
		content: "";
		width: 100%;
		height: 1px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.list-title{
		text-align: left!important;
		color: #1E4696;
		font-weight: bold;
		height: 30px!important;
		border: none;
		font-size: 21px;
	}
	/* .dropdown__list a:hover, .dropdown__list2 a:hover{
		opacity: 0.5;
	} */
	.dropdown__list2 a {
		font-size: 14px;
		margin-right: 20px;
		color: #505050;
		text-decoration: none;
		position: relative;
		text-align: left;
	}


	.gnavi__list:hover .dropdown__lists,.gnavi__list:hover .dropdown__lists2 {
		transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
	}


	/**********************************************************************メニューナビ*/
	
	
	
	/**********************************************************************footer-モバイル版*/

	footer{
		width: 100%;
		background-color: #f0f8ff;
		padding: 50px 0 100px;
	}
	footer>.con02{
		flex-direction: column;
		width: 100%;
		padding: 0 10%;
	}

	.footer-rogo{
		width: 220px;
	}


	.footer-con{
		text-align: left;
		margin-top: 0;
	}
	.footer-info{
		flex-direction: column;
		margin-top: 40px;
	}
	.footer-info a{
		font-size: 14px;
		text-align: center;
	}
	.name{
		font-size: 16px;
		font-weight: bold;
	}
	.name-en{
		font-weight: bold;
	}
	.footer-rogoset{
		width: 70%;
		margin: 20px 0px 0px;
	}

	.links-01{
		font-size: 16px;
		font-weight: 500;
	}
	.links-02{
		display: none;
	}

	.links-01:hover{
		color: #55afff;
		transition: .1s;
	}
	.footer-info>div>div{
		text-align: center;
		margin-top: 20px;
	}
	.footer-info>div>div>a{
		display: inline-block;
		margin: 0  16px;
	}

	.copyright{
		margin-top: 50px;
	}
	/**********************************************************************footer-モバイル版*/

	/*******************************************************************************************下層頁用*/

	#nav-2{
		height: 52px;
		padding: 12px 0;
		margin-top: 105px;
	}
	.con03{
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}

	#nav-2>.con03>a{
		width: 45%;
		height: 28px;
		text-align: center;
		border-radius: 2px;
		margin:0 auto;
		margin-bottom: 10px
	}

	#nav-2>.con03>.checked{
		color: #fff;
	}

	#details-main{
		background: linear-gradient(180deg, #F2FAFE, #D2E0E8 20%);
		margin-top: 40px;
	}
	#details-main>.con03{
		flex-direction: column;
	}
	#details-main>div>div{
		text-align: left;
		width: 100%;

	}
	h3{
		text-align: left;
		line-height: 1.5em;
		margin-bottom: 10px;
	}

	#details-main>div>img{
		width: 100%;
	}
	#details-main>div>div>div{
		display: flex;
		flex-direction: column;
	}
	#details-main>div>div>div>a{
		width: 216px;
		height: 40px;
		border-radius: 20px;
		color: white;
		text-align: center;
		padding-top: 5px;
		font-size: 16px;
		margin: 10px auto;
	}
	.btn-details01{
		background-color: #007DF0;
	}
	.btn-details02{
		background-color: #FF3264;
	}

	.details-contents{
		width: 90%;
		margin: 50px auto;
		padding: 8%;
		background-color: #FAFAFA;
		border-radius: 20px;
		text-align: left;
	}
	.details-contents a{
		font-size: 16px;
	}

	.details-contents .contents-title{
		display: inline-block;
		text-align: left;
		font-size: 22px;
		line-height: 1.5em;
		font-weight: 600;
	}
	.contents-title img{
		height: 40px;
		width: 121px;
		display: inline-block;
		margin-right: 10px;
	}

	.details-contents>.dl-catalog{
		margin: 15px 0 30px;
	}

	.details-contents>.dl-catalog:hover{
		opacity: 0.5;
		transition:0.5s all;
	}

	.details-contents-pt2{
		display: flex;
		flex-direction: column;
	}

	.details-contents-pt2 img{
		width: 100%;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
		border-radius: 20px;
		margin-bottom: 5%;
	}
	.deta-con2{
		display: flex;
		flex-direction: column;
	}

	.deta-con2>div{
		width: 100%;
	}
	.deta-con2>div>a{
		text-align: justify;
	}
	.deta-con2>img{
		width: 100%;
	}
	.dl-catalog2{
		width: 100%;
		height: 80px;
		border-radius: 40px;
		text-align: center!important;
		color: #fff!important;
		font-size: 16px!important;
		background-color: #FF3264;
		margin: 30px 0;
		padding-top: 15px;
		line-height: 1.5em;
	}
	.dl-catalog2:hover{
		opacity: 0.7;
		transition:0.5s all;
		transform:scale(1.05,1.05);
	}
	.related-products{
		width: 90%;
		margin: 100px auto;
		padding: 0;
	}

	h4{
		text-align: left;
		border-left: solid 5px #1E4696;
		padding-left: 10px;
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.related-products>div{
		display: flex;
		flex-direction: column;
	}
	.related-products>div>a{
		width: 100%;
	}

	#nav-dl{
		width: 100%;
		height: auto;
		margin: 100px auto 0;
		background-color: #EEF7FF;
		border-left: none;
		display: flex;
		flex-direction: column;
		padding: 0;
		align-items: center;
	}
	.dl-title01{
		font-size: 18px;
		margin-left: 0;
		font-weight: 500;
		background: #55AFFF;
		color: #fff;
		width: 100%;
		padding-top: 5px;
	}
	#nav-dl>div{
		display: flex;
		justify-content:center;
		flex-wrap: wrap;
		background-color: none;
		padding: 10px;
		align-items: center;
		height: 100%;
	}

	#nav-dl>div>.dl-tel{
		width: 100%;
		font-weight: 500;
		line-height: 1.4em;
		margin-right: 0;
	}
	#nav-dl>div>.dl-tel>span{
		font-size: 20px;
	}

	#nav-dl>div>.btn-dl01{
		width: 120px;
		height: 26px;
		border: solid 1px #55AFFF;
		border-radius: 3px;
		background-color: #fff;
		color: #55AFFF;
		text-align: center;
		margin-left: 10px;
	}

	.dl-con{
		width: 90%;
		margin: 50px auto;
	}
	.dl-con>div{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.dl-box{
		width: 100%;
		height: auto;
		position: relative;
		padding: 25px;
		display: flex;
		flex-direction: column;
		border: solid 1px #EBEBEB;
		margin-bottom: 30px;
	}
	.link-dlbox{
		position: absolute;
		top: 0;
		left: 0;
		height:100%;
		width: 100%;
	}
	.link-dlbox:hover{
		.dl-box{
			transition:0.5s all;
			transform:scale(1.05,1.05);
		}
	}

	.dl-boxtitle{
		text-align: left;
	}
	.dl-box>div{
		margin: 10px 0;
	}
	.dl-box>div>a{
		text-align: justify;
		line-height: 1.5em;
	}
	.dl-box>img{
		width: 100%;
		height: auto;
		margin-top: 0;
	}
	.btn-dl-min{
		width: 30px;
	}
	.dl-boxtitle{

	}
	.dl-boxtitle>a{
		display: inline-block;
		text-align: left;
	}

	.dl-title{
		color: #1482E6;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;

		font-size: 20px;
		line-height: 0.8em;
	}
	.dl-title>.dl-title-sp1{
		color: #1482E6;
		font-size: 14px;
	}
	.dl-title>.dl-title-sp2{
		color: #fff;
		background-color: #1482E6;
		border-radius: 3px;
		font-size: 14px;
		margin-left: 5px;
		padding: 3px 8px;
	}



	.example-con{
		width: 90%;
		margin: 50px auto;
	}
	.example-con>div{
		display: flex;
		flex-direction: column;
	}
	.example-con>div>div{
		width: 100%;
		margin-bottom: 5%;
	}
	.example-box{
		border: solid 1px #EBEBEB;
		position: relative;
	}

	.link-exbox{
		position: absolute;
		top: 0;
		left: 0;
		height:100%;
		width: 100%;
	}

	.example-box>a{
		text-align: justify;
		padding: 0 20px;
		line-height: 1.5em;
	}
	.exbox-headline{
		color: #55AFFF;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.2em!important;
		margin-top: 15px;
	}
	.example-box>a:last-child{
		margin: 10px 0 20px;
	}
	.example-box>.exbox-title, .example-box>.exbox-title2{
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		height: 150px;
		background-color: #55AFFF;
		line-height: 1.0em!important;
		padding-top: 60px;
		background-size: cover;
	}
	.example-box>.exbox-title2{
		padding-top: 70px;
	}
	.example-box>.exbox-title>span{
		color: #fff;
		font-size: 14px;
		font-weight: 400;
	}

	.example-box>.exboxtitle1{
		background-image: url("../imges/example-img01.jpg");
	}
	.example-box>.exboxtitle2{
		background-image: url("../imges/example-img02.jpg");
	}
	.example-box>.exboxtitle3{
		background-image: url("../imges/example-img03.jpg");
	}
	.example-box>.exboxtitle4{
		background-image: url("../imges/example-img04.jpg");
	}
	.example-box>.exboxtitle9{
		background-image: url("../imges/example-img09.jpg");
	}
	.example-box>.exboxtitle10{
		background-image: url("../imges/example-img10.jpg");
	}
	.example-box>.exboxtitle11{
		background-image: url("../imges/example-img11.jpg");
	}
	.example-box>.exboxtitle12{
		background-image: url("../imges/example-img12.jpg");
	}

	/*******************************************************************************************下層頁用*/




}


/* 2023-12-内藤 */
p{
	font-size: 14px;
}
.container{
	width: 100%;
	display: block;
}
.icon{
	margin-left: 4px;
	width: 16px;
}
.jump{
	margin: 20px 0;
}
.jump li :hover{
	text-decoration: underline;
}
.top-title{
	background-color: #f6fbff;
	padding: 24px;
	margin-bottom: 80px;
}
.top-title h1{
	font-size: 24px;
}
.top-title p{
	color:#F43F5E;
	line-height: normal;
}

.top-section{
	margin: 80px 8%;
}
.top-section h1{
	font-size: 20px;
	text-align: left;
}
.top-section p{
	font-size: 15px;
	text-align: left;
}
.top-section img{
	width: 400px;
	height: fit-content;
	margin-left: 4%;
}
.message-img{
	height: 36%;
}
.name{
	margin-top: 16px;
	font-weight: 500;
	line-height: normal;
}
.mission{
	margin: 48px 20%;
}
.mission h2{
	text-align: left;
}
.mission p{
	text-align: left;
	margin-bottom: 32px;
}
.top-list{
	width: 64%;
	border-collapse: collapse;
	margin: 48px auto;
}
.top-list p{
	text-align: left;
	font-weight: 600;
}
.top-list a{
	display: inline;
	margin-left: 8px;
	color: #94a3b8;
}
.top-list a:hover{
	color: #007BB8;
}

td{
	font-size: 14px;
	text-align: left;
	padding: 8px;
	border-bottom: 1px solid #e5e7eb;
	vertical-align: top;
}
.td-last{
	border-bottom: none;
}
.member-list td{
	height: 170px;
	padding: 24px 4px;
}
.top-office{
	display: flex;
	width: 80%;
	margin: 0px 20% 100px;
}
.office-detail{
	text-align: left;
	width: 27%;
}
.office-detail a{
	text-align: left;
	color:#94a3b8;
}
.office-detail a:hover{
	color: #0055AA;
}
.office-detail p{
	text-align: left;
	line-height: normal;
	margin: 4px 0px;
}
.member-td{
	/* vertical-align:middle; */
	width: 160px;
}

/* 採用情報 */
.entry{
    background: linear-gradient(90deg, #e62939, #e02838 1%, #e02838 99%, #fff);
	display: flex;
	padding: 0 23px;
	gap: 6px;
}
.entry-text{
	color: #fff !important;
}
.entry img{
	padding-top: 4px;
	width: 8px;
}
.freshman-container{
	padding: 64px 0 160px !important;
	justify-content: center;
	display: inline-block;
	width: 80%;
}
.recruit-container{
	padding: 64px 8% 160px;
}
.recruit-container p, .freshman-container p{
	text-align: left;
}
.company-rogo{
	display: flex;
	gap: 4%;
	align-items: start;
	margin-bottom: 110px;
}
.company-rogo img{
	width: 30%;
}
.company-rogo p{
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}
.pic-right , .pic-left{
	display: flex;
	margin: 110px 0px;
}
.pic-right h1 , .pic-left h1{
	text-align: left;
	font-size: 20px;
	color: #e02838;
}
.pic-right p , .pic-left p{
	text-align: left;
	font-size: 16px;
}
.pic-right img{
	margin-left: 4%;
	width: 50%;
	height: 50%;
}
.pic-left img{
	margin-right: 4%;
	width: 50%;
	height: 50%;
}

.recruit-title h1{
	text-align: left;
	font-size: 36px;
	font-weight: 500;
}
.recruit-title p{
	text-align: left;
}
.work-list{
	padding: 0 !important;
}
.work-list-title{
	font-weight: 500;
	font-size: 24px;
}
.red-arrow{
	display: flex;
	gap: 12px;
}
.red-arrow img{
	width: 12px;
	padding-bottom: 5px;
}
.red-arrow h2{
	text-align: left;
	border: none;
	padding: 0;
}
.organization{
	width: 60%;
	margin: 0px auto 40px;
}
.organization p{
	text-align: left;
}
.job-type{
	width: 40%;
}

.img-list{
	display: flex;
	gap: 7%;
}
.img-list p{
	text-align: left;
}
.list-container{
	width: 40%;
}
.img-list-title{
	display: block;
	text-align: left;
}
.img-list-title:hover{
	color: #e02838;
}
.en_btn p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 160px;
	height: 48px;
	background: #8CD6F6;
	color: #fff;
	margin: 1rem auto;
	transition: .3s ease;
}

.en_btn p:hover {
	opacity: .7;
	transition: .3s ease;
	cursor: pointer;
}
.list-container-en {
	display: none;
}

.border-title{
	text-align: left;
	border: none;
	padding: 0;
	text-decoration: underline;
}

.recruit-memo{
	border: #0055AA 1px solid;
	padding: 8px 36px;
}
.recruit-memo b{
	display: block;
}
.freshman-h2{
	font-size: 20pt;
	margin-bottom: 20px;
}
.freshman-company-logo{
	padding: 0px 20%;
	gap: 64px;
}
.office-img{
	width: max-content;
}
.memo{
	text-align: left;
	color: #4682b4;
	margin: 8px 0;
	font-size: 12px;
}
/* メンバー紹介 */
.mate-name{
	font-size: 20px;
}
/********************** PCカスタム **********************/
video{
	width: 100%;
}
.center{
	text-align: center;
}
.left{
	text-align: left !important;
}
.text-right{
	text-align: right !important;
}
.flex{
	display: flex;
}
.line-height{
	line-height: 2.5;
}
.j-center{
	justify-content: center;
}
.gap{
	gap: 40px !important;
}
.events-none{
	pointer-events: none;
}
.border-none{
	border: none;
}
.d-inline{
	display: inline;
}

.bg-blue{
	background-color: #E7F3F4;
}
.bg-sky300{
	background-color: #BBE0E3;
}
.bg-blue-white{
	background-color: #F3F9FA;
}

.mt16{
	margin-top: 16px;
}
.mt20{
	margin-top: 20px;
}
.mb12{
	margin-bottom: 12px;
}
.mb20{
	margin-bottom: 20px;
}
.mb40{
	margin-bottom: 40px !important;
}
.mb50{
	margin-bottom: 50px;
}
.mb80{
	margin-bottom: 80px !important;
}
.mb110{
	margin-bottom: 110px;
}
.mb120{
	margin-bottom: 120px !important;
}
.mr8{
	margin-right: 8px;
}
.mtb60{
	margin: 60px 0px;
}
.pt100{
	padding-top: 100px;
}

.font-24{
	font-size: 24px !important;
}
.font500{
	font-weight: 500;
}
.font600{
	font-weight: 600;
}
.w36p{
	width: 36%;
}
.w60p{
	width: 60%;
}
.w80p{
	width: 80% !important;
}
.w100{
	width: 100px;
}
.w160{
	width: 160px;
}
.w200{
	width: 200px !important;
}
.w320{
	width: 320px !important;
}

/********************** プライバシーポリシー **********************/
.privacy{
	padding: 100px 20%;
}
.privacy h2{
	border: none;
	font-size: 24px;
}
.privacy p{
	text-align: left;
}

/********************** トップ **********************/
.top-h1{
	color: #55afff;
    font-size: 42px;
    font-weight: 500;
}
.concept{
	color: #55afff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	text-align: center !important;
	display: block;
}
.top-message{
	font-size: 18px;
    font-weight: 600;
    margin: 48px 0 48px;
}
.con-concept{
	padding: 0 10%;
}
.solution-title{
	font-size: 20px;
	font-weight: 500;
	text-align: left;
}
.solution-text{
	text-align: left;
	margin-top: 8px;
}
.news-link{
	font-size: large;
	text-align: end;
	padding: 20px 0px;
    transition: .1s;
	color: #0284C7 !important;
	/* width: 200px; */
	/* background-color: #075985; */
}
.news-link:hover{
	color: #0369a1 !important;
	text-decoration: underline;
}
/********************** サステナビリティ **********************/
hr{
	border: #e5e7eb solid 0.5px;
	margin: 32px 0;
}
.sustainability-h1{
	font-size: 28px !important;
	font-weight:500 !important;
	color: #708090;
	text-align: left;
	margin-bottom: 24px;
}
.sustainability-con a{
	color: #007BB8;
	text-align: left;
	margin-bottom: 40px;
	text-decoration: underline;
}
.sustainability-con a:hover{
	color: #075985;
	transition: 0.1s;
}
.sustainability-con b{
	text-align: left;
	display: block;
}
.sustainability-con p{
	margin-bottom: 8px;
}
.sustainability-con-img img{
	width: 40%;
	height: fit-content;
	margin-left: 4%;
}
.sustainability-con-img h1{
	text-align: left;
	font-size: 20px;
	font-weight: 600;
}
.sustainability-con h2 , .sustainability-con-img h2{
	border: none;
	text-align: left;
	padding: 0;
	font-size: 20px;
}
.sustainability-con-img h3{
	font-size: 18px;
	font-weight: 500;
}
.ito-name{
	font-weight: 500;
	margin-top: 20px;
}
.sustainability-con-img > div{
	display: flex;
	margin-top: 24px;
}
.rights-h2{
	color: #0284C7;
}
/********************** 人事評価制度 **********************/
.evaluation-con{
	margin: 40px 0 80px;
}
.evaluation-con h2{
	border: none;
	text-align: left;
	padding: 0;
}
.evaluation-con p{
	margin-bottom: 64px;
}
.growth-support{
	display: flex;
	gap: 80px;
	margin-bottom: 80px;
}
.growth-support-img{
	width: 320px;
	text-align: left;
}
.growth-support-bg{
	background-color: #E7F3F4;
	text-align: left;
	padding: 20px 40px 12px;
}
.growth-support-bg p {
	margin-bottom: 8px;
}

/********************** ニュース本文 **********************/
.news-detail-h2{
	text-align: left;
	padding: 0;
	margin-bottom: 12px;
}
.graduated-2022{
	display: flex;
	gap: 40px;
	width: 100%;
	justify-content: center;
}
/********************** 商品選択 **********************/
.product-select{
	margin: 40px auto 120px;
	width: fit-content;
}
.product-select-con{
	display: flex;
	gap: 64px;
	margin: 64px;
}
.product-btn{
	background-color: #0055AA;
	width: 200px;
	height: 80px;
	color: #fff !important;
	border-radius: 10px;
	text-align:center;
	line-height: 80px;
	font-weight: 500;
	font-size: 18px;
	transition: 0.2s;
}
.product-btn:hover{
	transform: scale(1.1);
}

/********************** 技術情報 **********************/
.pre-badge{
	width: 60px;
}
.pre-badge-con{
	text-align: right;
}
/********************** コンポーネント **********************/
/* ボーダーテーブル */
.table-border td{ 
	border: #d1d5db 1px solid;
}
.table-border{
	border-collapse: collapse !important;
	width: 100%;
}
/* リストボックス（プロダクト一覧など） */
.link-box {
    position: relative;
	width: 36%;
}
.link-box a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.link-box :hover{
    opacity: 0.4;
    background-color: #fff;
	transition-duration: 0.2s;
}
/* バッジ */
.sky-badge{
	color: #fff;
	background-color: #38bdf8;
	font-size: 12px;
	border-radius: 4px;
	margin: 4px 8px 8px 0;
	padding: 6px 16px 5px;
	display: inline;
	line-height: normal;
}
.blue-badge{
	color: #fff;
	background-color: #0055AA;
	font-size: 12px;
	border-radius: 4px;
	margin: 4px 8px 8px 0;
	padding: 6px 16px 5px;
	display: inline;
}
.orange-badge{
	color: #fff;
	background-color: #f59e0b;
	font-size: 12px;
	border-radius: 4px;
	padding: 5px 16px 4px;
	display: inline;
	margin-right: 8px;
}
.green-badge{
	color: #fff;
	background-color: #10b981;
	font-size: 12px;
	border-radius: 4px;
	padding: 5px 16px 4px;
	display: inline;
	margin-right: 8px;
}
.red-badge{
	color: #fff;
	background-color: #E02838;
	font-size: 12px;
	border-radius: 4px;
	padding: 5px 16px 4px;
	display: inline;
	margin-right: 8px;
}
.navy-badge{
	color: #fff;
	background-color: #1e3a8a;
	font-size: 12px;
	border-radius: 4px;
	padding: 5px 16px 4px;
	display: inline;
	margin-right: 8px;
}
.indigo-badge{
	color: #fff;
	background-color: #4f46e5;
	font-size: 12px;
	border-radius: 4px;
	padding: 5px 16px 4px;
	display: inline;
	margin-right: 8px;
}
.lime-badge{
	color: #fff;
	background-color: #84cc16;
	font-size: 12px;
	border-radius: 4px;
	padding: 5px 16px 4px;
	display: inline;
	margin-right: 8px;
}

/* タイムライン */
.timeline_wrap .timeline {
	max-width: 1184px;
	margin: 0 auto 80px;
	display: block;
}
.timeline_wrap .timeline li {
	display: flex;
}
.timeline_wrap .timeline li .timeline_date {
	width: 190px;
	position: relative;
	padding: 1.56rem 0 2.5rem 0;
	position: relative;
	font-size: 20px;
	font-weight:500;
	font-style: normal;
}
.timeline_wrap .timeline li .timeline_date span {
	color: #e7153f;
}
.timeline_wrap .timeline li .timeline_date::before {
	content: "";
	width: 4px;
	height: 100%;
	background-color: rgba(43, 47, 56, 0.05);
	left: 0;
	top: 0;
	position: absolute;
}
.timeline_wrap .timeline li .timeline_date span::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	left: 0;
	top: 50%;
	background-color: #e7153f;
	margin-top: -1px;
}
.timeline_wrap .timeline li .timeline_content {
	padding: 1.56rem 0 2.5rem 0;
	width: calc(100% - 190px);
	border-top: solid 2px rgba(43, 47, 56, 0.05);
	font-size: 14px;
	line-height: 1.7em;
	text-align: left;
	font-weight:400;
}

/* ボタン */
.red-btn {
	color: #fff;
	background: #E02838;
	padding: 8px 40px;
	border-radius: 100px;
	transition: .1s;
	border: none;
}
.red-btn:hover {
	background: #ff6b77;
}
.red-btn-text{
	font-size: 16pt;
}
/* 青ボタン */
.btn-blue {
	color: #0055AA !important;
	font-size: 14px;
	font-weight: 600;
	background: transparent;
	padding: 4px;
	border: 2px solid #0055AA;
	position: relative;
	z-index: 1;
	transition: .2s;
	width: 160px;
	margin-bottom: 32px;
	border-radius: 100px;
	overflow: hidden;
}
.btn-blue::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #0055AA;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .2s;
}
.btn-blue:hover {
	color: #fff !important;
}
.btn-blue:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}
/* 新卒採用ボタン青 */
.freshman-btn{
	margin-bottom: 40px;
	gap: 20px;
	display: flex;
}
.freshman-btn-1 {
	color: #60a5fa;
	font-weight: 600;
	background: transparent;
	padding: 8px;
	border: 2px solid #60a5fa;
	position: relative;
	z-index: 1;
	width: 200px;
	/* margin-right: 20px; */
	border-radius: 100px;
	overflow: hidden;
}
.freshman-btn-1::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #60a5fa;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
.freshman-btn-1:hover {
	color: #fff;
}
.freshman-btn-1:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}
/* 新卒採用ボタングレー */
.freshman-btn-2 {
	color: #64748b;
	font-weight: 600;
	background: transparent;
	padding: 8px;
	border: 2px solid #64748b;
	position: relative;
	z-index: 1;
	width: 200px;
	border-radius: 100px;
	overflow: hidden;
}
.freshman-btn-2::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #64748b;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
.freshman-btn-2:hover {
	color: #fff;
}
.freshman-btn-2:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}
/* 赤ボタン */
.btn-red {
	color: #fff !important;
	font-size: 18px;
	font-weight: 600;
	background: transparent;
	background-color: #E02838;
	/* padding: 4px; */
	border: 2px solid #E02838;
	border-radius: 100px;
	position: relative;
	z-index: 1;
	transition: .2s;
	/* width: 200px; */
	overflow: hidden;
}
.btn-red::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #fff;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .2s;
}
.btn-red:hover {
	color: #E02838 !important;
}
.btn-red:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}
/* 定位置ボタン */
/* .fixed_btn{
	position: fixed;
	bottom: 100px; 
	right: 100px;
	padding: 8px;
	box-shadow: 0 2px 4px -1px rgba(68, 68, 68, 0.7)
} */
/* ニュースリスト */
.con-news :hover{
	background-color: #f9fafb;
}
.news-list{
	display: flex;
	padding: 24px 8px 18px;
	border-bottom: #e5e7eb 1px solid;
	align-items: center;
	gap: 40px;
}
.news-list .sky-badge{
	padding: 2px 0 4px;
	pointer-events: none;
	width: 100px;
}
.news-h2{
	text-align: left;
	margin-bottom: 20px;
	border: none;
	padding: 0;
	font-size: 28px;
}
/* 太字 */
.bold{
	display: block;
	text-align: left;
}
/* リンクテキスト */
.link-text{
	color:#0284C7 !important;
}
.link-text:hover{
	color: #0055AA !important;
	text-decoration: underline;
}
/********************** レスポンシブ対応 **********************/
@media screen and (max-width: 600px){
	/* カスタム */
	.mov-pt8{
		padding-top: 8px;
	}
	.mov-pb40{
		padding-bottom: 40px;
	}
	.mov-mt20{
		margin-top: 20px;
	}
	.mov-mb40{
		margin-bottom: 40px;
	}
	.mov-side-p{
		margin: 0 20px;
	}
	.mov-w50p{
		width: 50%;
	}
	.w80p, .w60p, .w160{
		width: 100%;
	}
	.mb50{
		margin-bottom: 20px;
	}
	.mb110, .mb80{
		margin-bottom: 40px !important;
	}
	.hid{
		display: none !important;
	}
	.mov-items-top{
		align-items: flex-start;
	}
	.member-list td{
		padding: 20px;
	}
	/* フッダー */
	.footer-product{
		display: none;
	}
	.footer-con{
		line-height: normal;
	}
	footer>.con02{
		align-items: center;
	}
	.mob-center{
		text-align: center;
	}
	.footer-rogo{
		margin-bottom: 16px;
	}
	/* トップ */
	.top-h1{
		font-size: 28px;
	}
	.top-message{
		font-size: 14px;
	}
	.main-movie{
		margin-top: 80px;
	}
	/* スマホ会社情報 */
	.top-title{
		margin-bottom: 0px;
	}
	.top-section{
		margin: 40px 8%;
	}
	.top-section .flex{	
		flex-direction: column-reverse;
	}
	.top-section img{
		margin: 4px 0 20px;
	}
	.top-list{
		width: 80%;
		margin: 20px auto;
	}
	.top-list td{
		display: block;
		border: none;
	}
	.top-office{
		display: block;
		width: auto;
	}
	.message-img{
		width: 100% !important;
	}
	.office-detail{
		width: 100%;
		margin-bottom: 40px;
	}
	.timeline_wrap{
		margin: 20px 40px;
	}
	.member-list td{
		height: auto;
	}
	/* .member-pic{
		display: flex;
		flex-direction: row-reverse;
	} */
	.member-td{
		padding-bottom: 0 !important;
	}

	/* 採用トップ */
	.pic-right, .pic-left{
		display: flex;
		margin: 40px 0px 40px 0px;
	}
	.pic-right img, .pic-left img{
		width: 100%;
		margin:0px 0px 20px;
	}
	.company-rogo{
		display: block;
		margin: 0;
	}
	.company-rogo img{
		display: none;
	}
	.recruit-container{
		padding: 40px 40px;
	}
	.gnavi__wrap{
		display: none;
	}
	.pic-right{
		flex-direction: column-reverse;
	}
	.pic-left{
		flex-direction: column;
	}
	td th{
		display: block;
		border: none;
	}

	/* 仕事と仲間 */
	.img-list{
		display: block;
	}
	.link-box{
		width: 100%;
		margin-bottom: 40px;
	}
	.solution-text{
		margin-top: 0;
	}
	.btn-group{
		justify-content: center;
	}
	.recruit-title h1{
		font-size: 24px;
	}
	.list-container{
		width: 100%;
		margin-bottom: 40px;
	}
	.list-container b{
		display: block;
		text-align: left;
	}
	.growth-support{
		display: block;
		text-align: center;
	}
	.evaluation-con p{
		margin-bottom: 20px;
	}
	.freshman-container{
		padding: 40px 8% 40px;
	}
	.line{
		border-bottom: #e5e7eb 1px solid;
		margin-bottom: 40px;
	}
	.item_lists>div{
		display: block;
	}
	/* 商品情報 */
	/* .con02{
		width: auto;
	} */
	.con02.contents{
		display: block;
		margin-top: 20px;
	}
	.contents>div{
		margin-bottom: 40px;
	}
	#main>.con02 {
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.con02 {
		width: 100%;
		flex-wrap: wrap;
	}
	.date {
		width: 100%;
		font-family: 'Roboto', 'Arial', 'Helvetica', 'Noto Sans JP', sans-serif;
	}
	.top01,.top02,.top03,.top04,.top05{
		padding: 0px 40px 200px 40px;
	}
	.slick01 div .con02{
		margin-top: 0px;
		height: 100px;
	}
	.slider-h1{
		margin: 8px 12px 20px;
		font-size: 20px;
	}
	.slider-h1-sg{
		margin: 8px 12px 20px;
		font-size: 15px;
	}
	.slider-text{
		margin: 153px -28px;
		/* margin-left: 0px; */
	}
	.mob-top-text{
		width: auto;
		height: 54px;
		margin-left: 12px;
	}
	.mob-top-icon{
		width: 100%;
		height: auto;
		margin-left: 0px;
	}
	.slick-dots{
		top: 260px;
	}
	.right{
		margin: 0;
	}
	.sg-h1{
		font-size: 17px !important;
	}
	.item_lists{
		margin:0 24px;
	}
	/* ニュース */
	.news-list{
		display: block;
	}
	.news-list .sky-badge{
		padding: 2px 4px 3px;
		display: block;
	}
	/* サステナビリティ */
	.sustainability-con-img > div{
		flex-direction: column-reverse;
	}
	.sustainability-con-img img{
		margin: 0 auto 20px;
		width: 100%;
	}
	.fixed_btn{
		position: fixed;
		bottom: 80px; 
		right: 20px;
	}
	.btn-blue{
		width: 140px;
	}
	.product-select{
		display: block;
	}
	.product-btn{
		margin: 32px auto;
	}
	.dl-box>div{
		width: 100%;
	}
	.pre-badge-con{
		text-align: left;
	}
	/* 問い合わせフォーム */
	.form-con{
		display: block !important;
	}
	.form-con a{
		display: none;
	}
	.form-con p{
		text-align: left !important;
	}
	.product-select-con{
		display: block;
	}
	/* その他 */
	.news-img{
		flex-direction:column;
	}
	.news-img img {
		margin-bottom: 20px;
	}
	.freshman-btn{
		display: grid;
	}
}
.footer-product{
	font-size: 16px;
	font-weight: 500;
	pointer-events: none;
}
.btn-group{
	display: flex;
	gap: 32px;
}
.border{
	margin: 0 8%;
}


/* スマホアコーディオンメニュー */
summary {
	/* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
	display: block;
}
summary::-webkit-details-marker {
	/* Safariで表示されるデフォルトの三角形アイコンを消します */
	display: none;
}
.accordion > a{
	font-size: 16px;
	text-align: right;
	margin: 8px 24px;
	text-decoration: underline;
	color: #fff;
}

.accordion-icon {
	display: block;
	position: relative;
	width: 20px;
	margin-left: 8px;
	flex-shrink: 0;
	transform-origin: center 43%;
	transition: transform 0.3s;
} 
/* アコーディオンが開いた時のスタイル */
details[open] .accordion-icon {
	transform: rotate(180deg);
}
/* アイコンのバーのスタイル */
.accordion-icon::before,
.accordion-icon::after {
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 2px;
	background-color: #ffffff;
} 
.accordion-icon::before {
	left: 0;
	transform: rotate(45deg);
}
.accordion-icon::after {
	right: 0;
	transform: rotate(-45deg);
}
.summary_inner{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	color: #fff;
	margin-bottom: 16px;
	font-size: 20px;
}
.form-con{
	display: flex;
	gap: 32px;
}
.form-right{
	width: 100%;
}
.form-right h1{
	font-size: 24px;
	margin-bottom: 20px;
}
.form-right p{
	text-align: center;
	margin-bottom: 20px;
}
.form-left{
	width: 100%;
}
.news-img img{
	width: 120px;
	margin-right: 20px;
}

/*ベース*/
.accordionーnone {
	display: none;
}
/*タイトル*/
.label {
	padding: 8px 20px;
	display: block;
	background:#CCE7FF;
	text-align: left;
	border-radius: 4px;
}
.label:hover{
	background:#EEF7FF;
}
/*タイトル横の矢印*/
.label::before{
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #60a5fa;
	border-right: 2px solid #60a5fa;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.2s;
}
/*本文*/
.content {
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
/*開閉時*/
.accordionーnone:checked + .label + .content {
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.accordionーnone:checked + .label::before {
	transform: rotate(-45deg) !important;
}
.w100p{
	width: 100%;
}
.ml0{
	margin-left: 0 !important;
}

/*  採用メニュー変更 2024-1022 */
.red-menu{
	color: #fff !important;
	background: #e02838;
}
.red-menu:hover{
	background: #ff4453 !important;
}
.items-end{
	align-items: flex-end;
}