@charset "utf-8";

/* CSS Document */

/*-------------------------
- sec_seminar
- mv
- sec_intro
- sec_service
- sec_company
-------------------------*/

.banner_area {
    padding: 10px 0;
}
.banner_area img{
    display: block;
	margin: auto;
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
    max-width: 800px;
    width: 100%;
}
.banner_area .description{
	text-align: right;
    margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	padding-right: 20px;
}
.banner_area a{
	color: blue;
	text-decoration: underline;
}
@media only screen and (max-width: 768px){
	.banner_area {
		margin: 80px auto 15px;
	}
	.banner_area img{
		width: 100%;
	}
	.banner_area .description{
		font-size: 12px;
		padding-right: 0px;
	}
}


/*=======================================
　sec_seminar
=======================================*/
.sec_seminar {
	background: linear-gradient(90deg, #29C0FF 0%, #5E4CFF 100%);
	position: relative;
	z-index: 1;
}
.sec_seminar .inner {
	position: relative;
	padding: 40px 0;
}
.sec_seminar .img_area {
	/* width: 41.14%; */
	width: 44%;
	position: absolute;
	bottom: -5px;
	left: 0;
}
.sec_seminar .txt_area {
	width: 60%;
	margin-left: 40%;
}
.sec_seminar .txt_area > span {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin: 0 auto 10px;
	display: block;
	position: relative;
	padding: 0 1.5em;
	width: fit-content;
}
.sec_seminar .txt_area > span::before,
.sec_seminar .txt_area > span::after {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 18.6836px;
    height: 19.6444px;
}
.sec_seminar .txt_area > span::before {
    background: url(../images/common/c_img_left.png) no-repeat;
    background-size: cover;
    left: 0;
}
.sec_seminar .txt_area > span::after {
    background: url(../images/common/c_img_right.png) no-repeat;
    background-size: cover;
    right: 0;
}
.sec_seminar .txt_area .txt {
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	/*letter-spacing: 0.04em;*/
	letter-spacing: 0.1em;
	margin-bottom: 25px;
	text-align: center;
}
.seminar_buttons {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.seminar_buttons .btn01 {
    margin: 0;
    height: 55.2949px;
    position: relative;
    width: 250px;
}
.seminar_buttons .btn01 a {
	display: flex;
    justify-content: center;
    padding: 0 15px 0 0;
}
.seminar_buttons .btn01 a::after{
	right: 15px;
}
@media only screen and (max-width: 768px){
.sec_seminar {
	background: var(--main_color);
	padding: 50px 0 0;
}
.sec_seminar .inner {
	position: relative;
	padding: 0;
	display: flex;
	flex-direction: column-reverse;
}
.sec_seminar .img_area {
	/* width: 65.85%; */
	width: 75%;
	position: relative;
	margin: 50px auto 0;
}
.sec_seminar .txt_area {
	width: 100%;
	margin-left: 0;
}
.sec_seminar .txt_area > span {
	font-size: 16.5px;
}
.sec_seminar .txt_area > span::before,
.sec_seminar .txt_area > span::after {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 18.6836px;
    height: 19.6444px;
}
.sec_seminar .txt_area > span::before {
    background: url(../images/common/c_img_left.png) no-repeat;
    background-size: cover;
    left: 0;
}
.sec_seminar .txt_area > span::after {
    background: url(../images/common/c_img_right.png) no-repeat;
    background-size: cover;
    right: 0;
}
.sec_seminar .txt_area .txt {
	font-size: 19.5px;
	margin-bottom: 20px;
}
}



/*=======================================
　mv
=======================================*/
.mv {
	margin: 120px auto 110px;
}
.mv .flex_area {
	position: relative;
	max-width: 1110px;
	width: 90%;
	margin: 0 auto;
}
.mv .txt_area {
	width: 50%;
}
.mv .txt_area h2 {
	font-size: calc(68/1440*100vw);
	line-height: 1.3209;
	color: var(--main_color);
	margin-bottom: 50px;
}
.mv .txt_area .copy {
	font-size: calc(33/1440*100vw);
	font-weight: 700;
	line-height: 1.727;
}
.mv .img_area {
	position: relative;
	width: 50%;
}
.mv .img_area .img {
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	/* width: 86.89%; */
	width: 77.74%;
}
@media only screen and (min-width: 1440px){
.mv .txt_area h2 {
	font-size: 68px;
}
.mv .txt_area .copy {
	font-size: 33px;
}
}
@media only screen and (max-width: 768px){
.mv {
	margin: 100px auto 55px;
}	
.mv .flex_area {
	position: relative;
	max-width: 1110px;
	width: 90%;
	margin: 0 auto;
}
.mv .txt_area {
	width: 100%;
}
.mv .txt_area h2 {
	font-size: 40px;
	margin-bottom: 25px;
}
.mv .txt_area .copy {
	font-size: 17.5px;
	margin-bottom: 10px;
}
.mv .img_area {
	width: 100%;
}
.mv .img_area .img {
	width: 77.74%;
	top: 50%;
}
}



/* fluid アニメーション */
.fluid {
    width: 100%;
    height: 115%;
    background: linear-gradient(35deg, #29C0FF 0%, #5E4CFF 100%);
    animation: fluidrotate 30s ease 0s infinite;
}
.sec_company .fluid {
    animation: fluidrotate 25s ease 0s infinite;
}
@media only screen and (max-width: 768px){
.fluid {
    width: 100%;
    height: 90vw;
}
}
@keyframes fluidrotate {    
0%, 100% {
    border-radius: 100%/100%;
}
14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
}



.sec_company .fluid {
	/* width: 439px; */
	width: 30.49vw;
	/* height: 439px; */
	height: 30.49vw;
	position: absolute;
	z-index: -1;
}
.sec_company .fluid:nth-child(1) {
	right: -8%;
	/* right: -25%; */
	top: 40px;
}
.sec_company .fluid:nth-child(2) {
	left: -10.41%;
	/* left: -25%; */
	top: 63vw;
	background: linear-gradient(35deg, #00F7FF 0%, #F580FF 80%);
}
@media only screen and (max-width: 768px){
.sec_company .fluid {
	width: 40vw;
	height: 40vw;
}
.sec_company .fluid:nth-child(1) {
	right: -3%;
	top: 55px;
}
.sec_company .fluid:nth-child(2) {
	left: -5%;
	top: 340vw;
}
}



/*=======================================
　sec_intro
=======================================*/
.sec_intro > .img {
	margin-bottom: 150px;
	display: block;
}
.sec_intro .item {
	justify-content: space-between;
}
.sec_intro .item:nth-child(1) {
	margin-bottom: 125px;
}
.sec_intro .item:nth-child(2) {
	margin-bottom: 100px;
	display: block;
}
.sec_intro .item:nth-child(3) {
	margin-bottom: 200px;
}
.sec_intro .item .img_area {
	width: 50%;
}
.sec_intro .item .txt_area {
	width: 41.52%;
}
.sec_intro .item .txt_area .txt_big {
	font-size: 35px;
	font-weight: 700;
	line-height: 1.714;
	letter-spacing: 0.04em;
	margin-bottom: 50px;
}
.sec_intro .item .txt_area .txt {
	font-size: 18px;
	line-height: 2;
	margin-bottom: 50px;
	text-align: justify;
}
.sec_intro .item:nth-child(3) .txt_big {
	font-size: 40px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 40px;
	line-height: 1.6;
}
.sec_intro .item:nth-child(3) ul {
	gap: 2.5%;
	flex-flow: wrap;
}
.sec_intro .item:nth-child(3) ul li {
	width: 48.54%;
	-webkit-filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
	filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
	will-change: filter;
	border-radius: 20px;
	background: #fff;
	padding: 50px 4.5% 40px;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	/* justify-content: space-between; */
}
.sec_intro .item:nth-child(3) ul li .copy {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.333;
	color: var(--main_color);
	margin: 0 auto;
	border-bottom: 3px solid var(--main_color);
	position: relative;
	width: fit-content;
	padding: 0 2em 20px;
}
.sec_intro .item:nth-child(3) ul li .copy::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform : translateX(-50%);
  border: 6px solid transparent;
  border-top: 10px solid #FFF;
  z-index: 2;
}
.sec_intro .item:nth-child(3) ul li .copy::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform : translateX(-50%);
  border: 10px solid transparent;
  z-index: 1;
  border-top: 16px solid var(--main_color);
}
.sec_intro .item:nth-child(3) ul li .img {
	margin: 0 auto;
	min-height: 310px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sec_intro .item:nth-child(3) ul li:nth-child(1) .img {
	max-width: 301.6483px;
}
.sec_intro .item:nth-child(3) ul li:nth-child(2) .img {
	max-width: 202.0863px;
}
.sec_intro .item:nth-child(3) ul li:nth-child(3) .img {
	max-width: 348.8233px;
}
.sec_intro .item:nth-child(3) ul li:nth-child(4) .img {
	max-width: 315.7913px;
}
.sec_intro .item:nth-child(3) ul li:nth-child(5) .img {
	max-width: 276.7441px;
}
.sec_intro .item:nth-child(3) ul li:nth-child(6) .img {
	max-width: 267.209px;
}
.sec_intro .item:nth-child(3) ul li .txt {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}


@media only screen and (max-width: 768px){
.sec_intro {
	/* background: var(--main_color); */
}
.sec_intro > .img {
	margin-bottom: 75px;
}
.sec_intro .item {
	justify-content: space-between;
}
.sec_intro .item:nth-child(1) {
	margin-bottom: 62.5px;
}
.sec_intro .item:nth-child(2) {
	margin-bottom: 50px;
	width: calc(100% + 11%);
	left: -5.5%;
	display: block;
	position: relative;
}
.sec_intro .item:nth-child(3) {
	margin-bottom: 0;
	background: var(--main_color);
	width: calc(100% + 11%);
	position: relative;
	left: -5.5%;
	padding: 50px 5% 1px;
}
.sec_intro .item .img_area {
	width: 100%;
	margin-bottom: 25px;
}
.sec_intro .item .txt_area {
	width: 100%;
}
.sec_intro .item .txt_area .txt_big {
	font-size: 25px;
	/* margin-bottom: 25px; */
	text-align: center;
}
.sec_intro .item .txt_area .txt {
	font-size: 13.5px;
}
.sec_intro .item:nth-child(3) .txt_big {
	font-size: 26px;
	color: #fff;
}
.sec_intro .item:nth-child(3) ul {
	gap: 2.5%;
	flex-flow: wrap;
}
.sec_intro .item:nth-child(3) ul li {
	width: 100%;
	border-radius: 15px;
	padding: 30px 4.5%;
	margin-bottom: 20px;
}
.sec_intro .item:nth-child(3) ul li .copy {
	font-size: 16.8px;
	padding-bottom: 10px;
	margin-bottom: 50px;
}
.sec_intro .item:nth-child(3) ul li .copy::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform : translateX(-50%);
  border: 6px solid transparent;
  border-top: 10px solid #FFF;
  z-index: 2;
}
.sec_intro .item:nth-child(3) ul li .copy::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform : translateX(-50%);
  border: 10px solid transparent;
  z-index: 1;
  border-top: 16px solid var(--main_color);
}
.sec_intro .item:nth-child(3) ul li .img {
	min-height: auto;
	display: block;
	margin-bottom: 20px;
}
.sec_intro .item:nth-child(3) ul li:nth-child(1) .img {width: 69.03%;}
.sec_intro .item:nth-child(3) ul li:nth-child(2) .img {width: 46.25%;}
.sec_intro .item:nth-child(3) ul li:nth-child(3) .img {width: 79.83%;}
.sec_intro .item:nth-child(3) ul li:nth-child(4) .img {width: 72.27%;}
.sec_intro .item:nth-child(3) ul li:nth-child(5) .img {width: 63.33%;}
.sec_intro .item:nth-child(3) ul li:nth-child(6) .img {width: 61.15%;}
.sec_intro .item:nth-child(3) ul li .txt {
	font-size: 14px;
}
}

#youtube{
	padding-top: 120px;
	text-align: center;
}
#youtube iframe{
	width: 560px;
	height: 315px;
}
#youtube a{
	color: #0000FF;
}
#youtube a:hover{
	color: #CC0000;
}
@media only screen and (max-width: 768px){
	#youtube iframe{
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}
}

#benefit{
    text-align: center;
    margin: 80px auto 20px;
    font-size: 24px;
    font-weight: bold;
}
#benefit a{
	position: relative;
    border-bottom: 1px solid #00f;
    padding: 5px;
}
#benefit a i{
    color: #00f;
}
#benefit a:hover{
	color: #FF0000;
}
@media only screen and (max-width: 768px){
	#benefit a{
		color: #fff;
		font-size: 18px;
		border-bottom: 1px solid #fff;
	}
	#benefit a i{
		color: #fff;
	}
}


/*=======================================
　sec_service
=======================================*/
.sec_service {
	position: relative;
	/* margin-bottom: 140px; */
}
.sec_service .bg_g {
	background: #EEEEEF;
	padding: 110px 0 50px;
}
.sec_service h3 {
	/* font-size: 172px; */
	font-size: calc(172/1440*100vw);
	text-align: center;
	margin-bottom: 35px;
	line-height: 1;
}
.sec_service .apj_area h3,
.sec_service .it_area h3 {
	color: #fff;
}
.sec_service .ismile_area h3 {
	color: #EEEEEF;
}
.sec_service h3 span {
	font-size: 20px;
	color: var(--main_color);
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	border-bottom: 1px solid var(--main_color);
	padding-bottom: 8px;
	margin: 0 auto 30px;
	display: block;
	width: fit-content;
}
.sec_service .lead_txt {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 60px;
}
.sec_service .inner > .img {
	max-width: 939.8885px;
	margin: 0 auto 125px;
	display: block;
}
.sec_service .item {
	margin-bottom: 80px;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.sec_service .item04 {
	margin-bottom: 180px;
}
@media only screen and (min-width: 1440px){
.sec_service h3 {
	font-size: 172px;
}
}
@media only screen and (max-width: 768px){
.sec_service {
	position: relative;
	/* margin-bottom: 140px; */
}
.sec_service .bg_g {

	padding: 50px 0 1px;
}
.sec_service h3 {
	font-size: calc(120/750*100vw);
	margin-bottom: 35px;
}
.sec_service .apj_area h3,
.sec_service .it_area h3 {
}
.sec_service .ismile_area h3 {
	color: #EEEEEF;
}
.sec_service h3 span {
	font-size: 20px;
	color: var(--main_color);
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	border-bottom: 1px solid var(--main_color);
	padding-bottom: 8px;
	margin: 0 auto 30px;
	display: block;
	width: fit-content;
}
.sec_service .lead_txt {
	font-size: 20px;
	margin-bottom: 30px;
}
.sec_service .inner > .img {
	margin-bottom: 50px;
}
.sec_service .item {
	margin-bottom: 50px;
	display: flex;
	flex-direction: column-reverse;
}
.sec_service .item04 {
	margin-bottom: 90px;
}
.sec_service .item_r {
	flex-direction: column;
}
}



/* apj_area */
.sec_service .apj_area {
	margin-bottom: 140px;
	padding-bottom: 0;
}
.sec_service .item .txt_area .num {
	position: absolute;
	z-index: 0;
	/*max-height: 125.0908px;*/
}
.sec_service .item01 .txt_area .num {
	right: 2em;
	bottom: -50px;
}
.sec_service .item02 .txt_area .num {
	left: 0;
	bottom: -75px;
}
.sec_service .item03 .txt_area .num {
	right: 2em;
	bottom: -60px;
}
.sec_service .item04 .txt_area .num {
	left: 0;
	bottom: -120px;
}
.sec_service .item .txt_area .num img {
	max-height: 125.0908px;
	max-width: inherit;
	width: auto;
}
.sec_service .img_bg {
	background: linear-gradient(90deg, #29C0FF 60%, #5E4CFF 100%);
	position: absolute;
	left: -83%;
	bottom: -2vw;
	z-index: 0;
	width: 100%;
	height: 277px;
}
.sec_service .item .img_area {
	z-index: 1;
}
.sec_service .item01 .img_area {
	width: 47.65%;
}
.sec_service .item01 .img_area img {
	z-index: 1;
	position: relative;
}
.sec_service .item02 .img_area {
	width: 55.39%;
}
.sec_service .item01 .txt_area {
	width: 40.49%;
	position: relative;
}
.sec_service .item02 .txt_area {
	width: 40%;
	position: relative;
}
.sec_service .item03 .img_area {
	width: 48.4%;
}
.sec_service .item04 .img_area {
	width: 53.1%;
}
.sec_service .item03 .txt_area {
	width: 40.4%;
	position: relative;
}
.sec_service .item04 .txt_area {
	width: 39.78%;
	position: relative;
}
.sec_service .item .txt_area .copy,
.sec_service .item .txt_area .txt,
.sec_service .item .txt_area .notes {
	position: relative;
	z-index: 1
}
.sec_service .item .txt_area .copy {
	font-size: 35px;
	font-weight: 700;
	background: #fff;
	display: inline;
	line-height: 1.714;
	padding: 0 10px;
}
.sec_service .item .txt_area .txt {
	font-size: 18px;
	line-height: 2;
	text-align: justify;
	margin: 25px 0 10px;
}
.sec_service .item .txt_area .notes {
	font-size: 14px;
	padding-left: 0.9em;
    text-indent: -0.9em;
	line-height: 1.428;
}
.sec_service .box_w {
	margin-bottom: 130px;
}
.sec_service .box_w .txt_big {
	font-size: 30px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-bottom: 25px;
}
.sec_service .box_w .img {
	display: block;
}
@media only screen and (max-width: 768px){
.sec_service .apj_area {
	margin-bottom: 50px;
}
.sec_service .item .txt_area .num {
}
.sec_service .item01 .txt_area .num {
	right: 5em;
	bottom: 0;
	max-width: 39.48805px;
	width: 11.7%;
}
.sec_service .item02 .txt_area .num {
	bottom: -15px;
	/* width: 19.21%; */
	max-width: 64.86645px;
	width: 19.21%;
}
.sec_service .item03 .txt_area .num {
	bottom: -40px;
	max-width: 69.03px;
	width: 20.45%;
}
.sec_service .item04 .txt_area .num {
	bottom: -65px;
	width: 21.62%;
	max-width: 72.97485px;
}
.sec_service .item .txt_area .num img {
}
.sec_service .img_bg {
	background: linear-gradient(90deg, #29C0FF 0%, #5E4CFF 100%);
	left: -5.5%;
	bottom: -11vw;
	width: 100%;
	height: 207.75px;
}
.sec_service .apj_area .item01 .img_area img {
	width: 85%;
}
.sec_service .item01 .img_area {
	width: 100%;
}
.sec_service .item01 .img_area img {
	z-index: 1;
	position: relative;
}
.sec_service .item02 .img_area {
	width: 100%;
}
.sec_service .item01 .txt_area {
	width: 100%;
	margin-bottom: 60px;
}
.sec_service .item02 .txt_area {
	width: 100%;
	margin-bottom: 40px;
}
.sec_service .item03 .img_area {
	width: 100%;
}
.sec_service .item04 .img_area {
	width: 100%;
}
.sec_service .item03 .txt_area {
	width: 100%;
}
.sec_service .item04 .txt_area {
	width: 100%;
	margin-bottom: 70px;
}
.sec_service .item_r .txt_area {
	margin-left: 15%;
}
.sec_service .item .txt_area .copy,
.sec_service .item .txt_area .txt,
.sec_service .item .txt_area .notes {
	position: relative;
	z-index: 1
}
.sec_service .item .txt_area .copy {
	font-size: 26.25px;
}
.sec_service .item .txt_area .txt {
	font-size: 13.5px;
	margin: 20px 0 10px;
	width: 90%;
}	
.sec_service .item_r .txt_area .txt {
	margin: 20px 0 10px;
}
.sec_service .item03 .txt_area {
	margin-bottom: 70px
}
.sec_service .item .txt_area .notes {
	font-size: 10.5px;
}
.sec_service .box_w {
	margin-bottom: 65px;
}
.sec_service .box_w .txt_big {
	font-size: 22.5px;
	line-height: 1.2;
}
.sec_service .apj_area .item01 {
	margin-bottom: 20vw;
}
}



/* option_area */
.option_area h4 {
	font-size: 45px;
	font-weight: 700;
	color: var(--main_color);
	text-align: center;
	margin-bottom: 100px;
}
.option_area h4 span {
	font-size: 29px;
	color: #363636;
	display: block;
	border-bottom: 1px solid var(--main_color);
	width: fit-content;
	margin: 0 auto 15px;
	padding: 0 0.2em 2px;
}
.option_area .item01 .img_area {
	width: 44.4%;
}
.option_area .item01 .txt_area {
	width: 44.94%;
}
.option_area .item02 .img_area {
	width: 36.7%;
}
.option_area .item02 .txt_area {
	width: 48.63%;
}
.option_area .item03 .img_area {
	width: 46.56%;
}
.option_area .item03 .txt_area {
	width: 44.94%;
}
@media only screen and (max-width: 768px){
.option_area h4 {
	font-size: 33.5px;
	margin-bottom: 50px;
}
.option_area h4 span {
	font-size: 21.75px;
}
.option_area .item01 .img_area {
	width: 100%;
}
.option_area .item01 .txt_area {
	width: 100%;
	margin-bottom: 0;
}
.option_area .item .img_area {
	width: 100%;
}
.option_area .item .txt_area {
	width: 100%;
	margin-bottom: 0;
}
.sec_service .option_area .item .img_area img {
	width: 100%;
}
.sec_service .option_area .item {
	margin-bottom: 50px;
}
.sec_service .option_area .item .txt {
	margin-top: 10px;
}
.sec_service .option_area .item02 .img_area {
	width: 80%;
}
}



/* ismile_area */
.ismile_area .inner > .txt {
	font-size: 18px;
    line-height: 2;
    font-weight: 700;
    margin: 0 0 60px 5%;
}
.ismile_area .flex_area {
	justify-content: space-between;
}
.ismile_area .flex_area:not(:last-of-type) {
	margin-bottom: 100px;
}
.ismile_area ul {
	margin-left: 5%;
	width: calc(50.07% - 5%);
}
.ismile_area ul li {
	border-bottom: 1px dotted var(--main_color);
	padding-bottom: 15px;
}
.ismile_area ul li:not(:last-child) {
	margin-bottom: 15px;
}
.ismile_area ul li .hd_txt {
	position: relative;
	padding-left: 1em;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.ismile_area ul li .hd_txt::before {
    content:  "";
    width:  16.2002px;
    height:  16.2002px;
    display:  inline-block;
    background-color: var(--main_color);
    border-radius:  50%;
	position: absolute;
	left: 0;
	top: 0.35em;
	/*-webkit-transform : translateY(-50%);
	transform : translateY(-50%);*/
}
.ismile_area ul li p {
	padding-left: 1em;
	font-size: 18px;
	line-height: 2;
}
.ismile_area .flex_area:last-child {
	margin-bottom: 200px;
}
.ismile_area .flex_area .img_area {
	width: 36.94%;

	margin-right: 3.4%;
}
.ismile_area .flex_area .img:nth-child(1) {
	width: 34.22%;
	position: relative;
	left: -3%;
}
.ismile_area .flex_area .img:nth-child(2) {
	width: 60%;
}
@media only screen and (max-width: 768px){
.ismile_area .inner > .txt {
	font-size: 13.5px;
	margin: 0 auto 50px;
}
.ismile_area .flex_area {
	justify-content: space-between;
}
.ismile_area .flex_area:not(:last-of-type) {
	margin-bottom: 50px;
	display: flex;
	flex-direction: column-reverse;
}
.ismile_area ul {
	margin-left: 0;
	width: 100%;
}
.ismile_area ul li {
	padding-bottom: 10px;
}
.ismile_area ul li:not(:last-child) {
	margin-bottom: 10px;
}
.ismile_area ul li .hd_txt {
	font-size: 13.5px;
	margin-bottom: 5px;
}
.ismile_area ul li .hd_txt::before {
    width: 12px;
    height: 12px;
    /*-webkit-transform : translateY(-50%);
	transform : translateY(-50%);*/
}
.ismile_area ul li p {
	font-size: 13.5px;
}
.ismile_area .flex_area:last-child {
	margin-bottom: 80px;
	display: flex;
	flex-direction: column-reverse;
}
.ismile_area .flex_area .img_area {
	width: 81.9%;
	margin: 0 auto 40px;
}
.ismile_area .flex_area .img:nth-child(1) {
	width: 76.06%;
	left: 0;
	margin: 0 auto;
}
.ismile_area .flex_area .img:nth-child(2) {
	width: 100%;
	margin-bottom: 50px;
}
}



/* it_area */
.sec_service .it_area {
	padding-bottom: 0px;
}
.it_area .inner {
	max-width: 906px;
}
.it_area .lead_txt02 {
	background: linear-gradient(90deg, #29C0FF 0%, #5E4CFF 100%);
	text-align: center;
	color: #fff;
	font-size: 27px;
	font-weight: 700;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: fit-content;
	margin: 0 auto 80px;
	padding: 0 2em;
	border-radius: 100px;
	line-height: 1;
}
.it_area ul {
	margin-bottom: 55px;
}
.it_area ul li .hd_txt {
	position: relative;
	padding-left: 1em;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.it_area ul li .hd_txt::before {
    content:  "";
    width:  16.2002px;
    height:  16.2002px;
    display:  inline-block;
    background-color: var(--main_color);
    border-radius:  50%;
	position: absolute;
	left: 0;
	top: 0.35em;
}
.it_area ul li p {
	padding-left: 1em;
	font-size: 18px;
	line-height: 2;
}
.it_area .notice {
	padding-left: 20px;
	position: relative;
}
.it_area .notice::before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
.it_area .description p{
	font-size: 28px;
	position: relative;
	padding-left: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: left;
}
.it_area .description p > span{
	display: inline-block;
	white-space: nowrap;
}
.it_area .description p:nth-child(1)::before{
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
}
.it_area .description ul{
	font-size: 20px;
	padding-left: 60px;
	margin-top: 20px;
}
.it_area .description ul li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 6px;
}
.it_area .description ul li sup{
	margin-bottom: 6px;
	position: absolute;
	left: 0;
	top: 0;
}
.it_area .description span.small{
	font-size: 70%;
}
.it_area .description span.large{
	font-size: 120%;
    margin: auto 5px;
}
.it_area .description sup{
	vertical-align: top;
	font-size: 16px;
    display: inline-block;
    position: relative;
}
.it_area .description sup::before{
	content: "※";
	vertical-align: super;
	font-size: 50%;
}    
.it_area .description p sup{
	top: 10px;
	margin-left: 4px;
	margin-right: 4px;
}
.wrap_scroll_table:not(:last-of-type) {
    margin-bottom: 85px;
}
@media only screen and (max-width: 768px){
.sec_service .it_area {
	padding-bottom: 30px;
}
.it_area .inner {
	max-width: 906px;
}
.it_area .lead_txt02 {
	font-size: calc(36/750*100vw);
	height: 32.3755px;
	height: auto;
	margin-bottom: 40px;
	padding: 0.4em 1.5em;
}
.it_area ul {
	margin-bottom: 30px;
}
.it_area ul li .hd_txt {
	font-size: 13.5px;
	margin-bottom: 5px;
}
.it_area ul li .hd_txt::before {
    width: 12px;
    height: 12px;
}
.it_area ul li p {
	font-size: 13.5px;
}
.wrap_scroll_table:not(:last-of-type) {
    margin-bottom: 30px;
}

.it_area .description {
}
.it_area .description p{
	font-size: 18px;
	position: relative;
	padding-left: 20px;
}
.it_area .description p:nth-child(1)::before{
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
}
.it_area .description ul{
	font-size: 14px;
	padding-left: 20px;
	margin-top: 20px;
}
.it_area .description ul li{
	margin-bottom: 6px;
}
.it_area .description span.small{
	font-size: 70%;
}
.it_area .description span.large{
	font-size: 120%;
    margin: auto 5px;
}
.it_area .description sup{
	vertical-align: top;
	font-size: 12px;
    display: inline-block;
    position: relative;
}
.it_area .description sup::before{
	content: "※";
	vertical-align: super;
	font-size: 50%;
}    
.it_area .description p sup{
	top: 6px;
	margin-left: 4px;
	margin-right: 4px;
}
}



/*tableスクロール*/
@media only screen and (max-width: 768px){
.wrap_scroll_table {
    width: 100%;
    overflow-x: scroll;
}
.wrap_scroll_table .table,
.wrap_scroll_table .img {
    min-width: 680px;
    margin: 0 auto;
}
}



/*=======================================
　sec_company
=======================================*/
/* 会社概要 */
.sec_company {
	margin: 150px 0;
	position: relative;
}
.sec_company h3 {
	font-size: 58px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1;
	margin-bottom: 100px;
}
.sec_company h3 span {
	font-size: 26px;
	font-weight: 700;
	margin-top: 30px;
	display: block;
}
.sec_company .inner > .flex_area {
	gap: 2.5%;
	margin-bottom: 100px;
}
.sec_company .item {
	background: #fff;
	border-radius: 20px;
	width: 48.54%;
	padding: 45px 2.5% 40px;
}
.sec_company .item h4 {
	text-align: center;
	font-size: 26px;
	margin-bottom: 40px;
}
.sec_company .item dl {
	font-size: 16px;
	display: flex;
	/*justify-content: space-between;*/
	gap: 25px;
	margin-bottom: 15px;
}
.sec_company .item dl dt {
	color: var(--main_color);
	font-weight: 700;
	/* width: 15.93%; */
	width: 19%;
	border-bottom: 1px dotted var(--main_color);
	padding-bottom: 15px;
}
.sec_company .item dl dd {
	/* width: 70.57%; */
	width: 75%;
	border-bottom: 1px dotted #AFAFAF;
	padding-bottom: 15px;
}
.sec_company .item dl dd ul li {
	text-indent: -0.6em;
	padding-left: 0.6em;
}
.sec_company .item .flex_area {
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 45px - 40px);
}
.sec_company .item:nth-child(1) .map {
	position: relative;top: 10px;
}
.sec_company .item .map .hd_txt,
.sec_company .item .map a {
	color: var(--main_color);
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px;
}
.sec_company .item .map a {
	text-align: right;
	display: block;
	margin-bottom: 0;
}
.sec_company .item .map iframe {
	max-width: 100%;
	height: 325px;
}
.sec_company .item:nth-child(1) dl.w100 {
	display: block;
}
.sec_company .item:nth-child(1) dl.w100 dt,
.sec_company .item:nth-child(1) dl.w100 dd {
	width: 100%;
	border-bottom: none;
}
.sec_company .item:nth-child(1) dl.w100 dd {
	padding-bottom: 0;
}
.sec_company .item:nth-child(1) dl.w100 dd .notes {
	font-size: 14px;
	margin: 5px 0;
	padding-left: 1em;
    text-indent: -1em;
}
.sec_company .item:nth-child(1) dl:last-child dt,
.sec_company .item:nth-child(1) dl:last-child dd {
	border-bottom: none;
	padding: 15px 0 0;
}
.sec_company .item:nth-child(1) dl:last-child dt {
	border-top: 1px dotted var(--main_color);
}
.sec_company .item:nth-child(1) dl:last-child dd {
	border-top: 1px dotted #AFAFAF;
}
.sec_company .item:nth-child(2) dl dd ul li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
.sec_company .item:nth-child(2) dl:last-child dt,
.sec_company .item:nth-child(2) dl:last-child dd {
	border-bottom: none;
}
.sec_company .item:nth-child(2) dl dd ul:not(:last-child) {
	margin-bottom: 10px;
}
.sec_company .capital{
	display: flex;
	flex-wrap: wrap;
}
.sec_company .capital span.updated{
	flex-grow: 1;
	text-align: right;
    font-size: 11px;
}
.sec_company .capital span:last-child{
	flex-grow: 1;
	text-align: left;
	width: 100%;
}
@media only screen and (max-width: 768px){
.sec_company {margin: 50px 0;}
.sec_company h3 {
	font-size: 30px;
	margin-bottom: 50px;
}
.sec_company h3 span {
	font-size: 19.5px;
	margin-top: 25px;
}
.sec_company .inner > .flex_area {
	margin-bottom: 50px;
}
.sec_company .item {
	border-radius: 15px;
	width: 100%;
	padding: 30px 2.5%;
}
.sec_company .item:not(:last-child) {
	margin-bottom: 40px;
}
.sec_company .item h4 {
	font-size: 19.5px;
	margin-bottom: 30px;
}
.sec_company .item dl {
	font-size: 12px;
	gap: 18px;
	margin-bottom: 10px;
}
.sec_company .item dl dt {
	padding-bottom: 10px;
}
.sec_company .item dl dd {
	width: 75%;
	padding-bottom: 10px;
}
.sec_company .item .flex_area {
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 45px - 40px);
}
.sec_company .item .map iframe {
	/* width: 100%; */
}
.sec_company .item:nth-child(1) .map {
	top: 0;
	/* width: 95%; */
	margin: 0 auto;
}
.sec_company .item .map .hd_txt,
.sec_company .item .map a {
	font-size: 12px;
	margin-bottom: 10px;
}
.sec_company .item .map a {
	text-align: right;
	display: block;
	margin-bottom: 0;
}
.sec_company .item .map iframe {
	height: 500px;
}
.sec_company .item:nth-child(1) dl:last-child dt,
.sec_company .item:nth-child(1) dl:last-child dd {
	padding: 10px 0;
}
.sec_company .item:nth-child(1) dl:last-child dt {
	/* border-bottom: 1px dotted var(--main_color); */
}
.sec_company .item:nth-child(1) dl:last-child dd {
	/* border-bottom: 1px dotted #AFAFAF; */
}
.sec_company .item:nth-child(1) dl.w100 dd .notes {
	font-size: 10px;
}
.sec_company .item:nth-child(2) dl:last-child dd ul li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
.sec_company .item:nth-child(2) dl:last-child dd ul:not(:last-child) {
	margin-bottom: 10px;
}
}



/* アイ・シンクレント　取引先一覧 */
.sec_company h3.balloon {
	font-size: 35px;
	text-align: center;
	font-weight: 700;
	margin: 0 auto 60px;
	border-bottom: 3px solid var(--main_color);
	position: relative;
	width: fit-content;
	padding: 0 0 20px;
}
.sec_company h3.balloon span {
	display: inline-block!important;
}
.sec_company h3.balloon::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform : translateX(-50%);
  border: 6px solid transparent;
  border-top: 10px solid #FFF;
  z-index: 2;
}
.sec_company h3.balloon::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform : translateX(-50%);
  border: 10px solid transparent;
  z-index: 1;
  border-top: 16px solid var(--main_color);
}
.sec_company .img {
	max-width: 841.0591px;
	margin: 0 0 50px 2%;
}
.sec_company .inner > .img {
	max-width: 841.0591px;
	margin: 0 0 50px 2%;
	display: block;
}
.sec_company .inner > ul {
	max-width: 905px;
	margin: 0 auto;
	flex-flow: wrap;
	gap: 0!important;
}
.sec_company .inner > ul > li {
	width: calc(100%/3);
	padding: 0 1% 20px;
}
.sec_company .inner > ul > li:nth-child(-n+3) {
	border-bottom: 1px dotted #8C8C8C;
}
.sec_company .inner > ul > li:not(:nth-child(3n)) {
	border-right: 1px dotted #8C8C8C;
}
.sec_company .inner > ul > li:nth-last-child(-n+3) {
	padding-bottom: 0;
	padding-top: 20px;
}
.sec_company .inner > ul > li .hd_txt {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	border-radius: 100px;
	width: fit-content;
	padding: 0 0.5em;
}
.sec_company .inner > ul > li .hd_txt.hokkaido {
	color: #5E4CFF;
	border: 1px solid #5E4CFF;
}
.sec_company .inner > ul > li .hd_txt.kanto {
	color: #00DCC8;
	border: 1px solid #00DCC8;
}
.sec_company .inner > ul > li .hd_txt.tokai {
	color: #93FF00;
	border: 1px solid #93FF00;
}
.sec_company .inner > ul > li .hd_txt.kansai {
	color: #FBAD00;
	border: 1px solid #FBAD00;
}
.sec_company .inner > ul > li .hd_txt.chugoku {
	color: #FF0000;
	border: 1px solid #FF0000;
}
.sec_company .inner > ul > li .hd_txt.kyushu {
	color: #F580FF;
	border: 1px solid #F580FF;
}
.sec_company .inner > ul > li ul {
	margin-left: 0.5em;
}
.sec_company .inner > ul > li ul li {
	font-size: 15px;
}
.sec_company .inner > ul > li ul li:not(:last-child) {
	margin-bottom: 2px;
}
@media only screen and (max-width: 768px){
.sec_company h3.balloon {
	font-size: 25px;
	margin-bottom: 50px;
	line-height: 1.4;
	padding-bottom: 15px;
}
.sec_company h3.balloon span {
	display: none!important;
}
.sec_company h3.balloon::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform : translateX(-50%);
  border: 6px solid transparent;
  border-top: 10px solid #FFF;
  z-index: 2;
}
.sec_company h3.balloon::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform : translateX(-50%);
  border: 10px solid transparent;
  z-index: 1;
  border-top: 16px solid var(--main_color);
}
.sec_company .img {
	max-width: 841.0591px;
	margin: 0 0 50px 2%;
}
.sec_company .inner > .img {
	margin: 0 auto 25px;
}
.sec_company .inner > ul > li {
	width: 100%;
	padding: 0;
	border: none!important;
}
.sec_company .inner > ul > li:not(:last-child) {
	margin-bottom: 40px;
}
.sec_company .inner > ul > li .hd_txt {
	font-size: 15px;
	margin-bottom: 10px;
	padding: 0 0.5em;
}
.sec_company .inner > ul > li ul {
	margin-left: 0.5em;
	display: flex;
	flex-flow: wrap;
}
.sec_company .inner > ul > li ul li {
	font-size: 12px;
	width: 50%;
}
.sec_company .inner > ul > li ul li:not(:last-child) {
	margin-bottom: 2px;
}
.sec_company .inner > ul > li ul li.w100 {
	width: 100%;
}
}