@charset "UTF-8";
.rcol .tbl-r02{
	    border-top: solid #F79308 4px;
}
.content-box{
	margin-top: 50px;
}
.content-box .inner{
	max-width: 1100px;
	margin: auto;
	margin-top: 50px;
	padding: 0 5% 0 5%;
}

.s-tile01{
	    margin-top: 0;
    margin-bottom: 1em;
    text-align: left;
    font-size: 30px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-bottom: 3px solid #1E9BD2;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

@media (max-width: 767px) {
	
	.s-tile01{  font-size: 26px;
      font-size: 1.625rem; 
	}
}



.wrok ul{
	display: flex;
	gap:20px;
	justify-content: center;
}

.wrok ul li{
	text-align: center;
}


@media (max-width: 480px) {
.wrok ul{
display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
gap:10px;
}
	.wrok ul li{
    width: 40%;
    border: solid 2px #F79308;
    margin: auto;
    margin-top: 20px;
    padding: 2% 2% 5% 2%;
}
}



.s-tile02{
	    margin-top: 0;
    margin-bottom: 1em;
    text-align: left;
    font-size: 30px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;

	border-bottom: 3px solid #1E9BD2;
	padding-bottom: 10px;
	color: #1E9BD2;
	margin-bottom: 20px;
	margin-top: 20px;
}
@media (max-width: 767px) {
	
	.s-tile02{  font-size: 26px;
      font-size: 1.625rem; 
	}
}
.s-tile02sub{
	   font-size: 30px;
    font-size: 1.8rem;
}
@media (max-width: 767px) {
	
.s-tile02sub{  font-size: 26px;
      font-size: 1.625rem; 
	}
}
#zigyou_main
{
	margin-top: 100px;
}


/* mixin
========================================================= */
#zigyou_nav {
	margin: 100px 0 50px 0;
}
#zigyou_nav ul{
	display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    max-width: 1080px;
    margin: auto;
}

#zigyou_nav li{
	position: relative;
    box-sizing: border-box;
    width: calc(100% / 4.001);
    padding-left: 5px;
    margin-top: 5px;
	text-align: center;
}

#zigyou_nav ul> li {
    box-sizing: border-box;
    width: calc(100% / 4.001);
    padding-left: 5px;
    margin-top: 5px;
}
#zigyou_nav li .inner{
	    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 206px; box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateY(-50%);
    z-index: 1;
    padding: 0 15px 15px;
    text-align: center;

   
}
#zigyou_nav li a{
	display: block;
	background: #1E9BD2;
	padding: 5%;
padding-top: 83.1496062992%;
}
#zigyou_nav li a h2{
		color: #fff;
	     margin-top: 15px;
}




@media (max-width: 1270px) {

}
@media (max-width: 767px) {
	  #zigyou_nav ul  > li {
    width: 50%;
  }
  #zigyou_nav ul > li {
    margin-top: 2px;
    padding-left: 2px;
	      padding-right: 2px;
  }
	#zigyou_nav .inner img {
    transform: scale(0.6);
}
	#zigyou_nav li a h2 {
 
    margin-top: 0px;
}
	#zigyou_nav li a{
		padding-top: 59.149606%;
	}
	
	
}
@media (max-width: 480px) {
		#zigyou_nav li a{
		padding-top: 86.149606%;
	}
}

/* zigyou_tit
========================================================= */

#zigyou_main h2{
	  margin-bottom: 1em;
  text-align: center;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #122031;
}
#zigyou_main .icon{
	text-align: center;
}
#zigyou_main .bottom-box figure{
	position: absolute;
    left: 0px;
    top: -140px;
    z-index: -1;
}
#zigyou_main .bottom-box{
     position: relative;
    max-width: 1130px;
    padding: 1%;
    margin: 100px auto 0 auto;
}
#zigyou_main .bottom-box p{
	padding: 3%;
	background: #F8FDF8;
	border: solid 1px #529C62;
}

 @media (max-width: 767px) {
#zigyou_main h2{
      font-size: 26px;
      font-size: 1.625rem; 
	     margin-top: 20px;
	 }
	 
	#zigyou_main .bottom-box figure{
	width: 220px;
	left: 0px;
    top: -110px;
   
} 
	 
	 #zigyou_main .bottom-box{
    
    margin: 150px auto 0 auto;
}
	 
	 #com-01  #zigyou_main .bottom-box{
		  margin: 10px auto 0 auto;
	 }
}

/* スライダー
========================================================= */
#gigyou-slider{
	padding: 20px 0;
    max-width: 900px;
    margin: auto;
}

 #gigyou-slider .slick-slide {
    overflow: hidden; }
 #gigyou-slider .slick-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
     #gigyou-slider .slick-dots {
        bottom: 0px; } }
   #gigyou-slider .slick-dots li {
      width: 38px;
      height: 9px;
      margin: 0 4px 0 5px;
      border: #707070 1px solid;
      transition: .2s; }
      @media (max-width: 767px) {
       #gigyou-slider .slick-dots li {
          width: 30px;
          height: 6px; } }
     #gigyou-slider .slick-dots li button {
        display: none; }
     #gigyou-slider .slick-dots li.slick-active {
        background: #1E9BD2; }

/* 矢印用スタイル */
.prev-arrow,
.next-arrow {
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  font-weight: bold;
}

.prev-arrow {
  left: -50px;
}

.next-arrow {
  right: -50px;
}
@media (max-width: 1020px) {
	.prev-arrow,.next-arrow  {
		display: none!important;
	}
	
}
/* ここまで */

/* title
========================================================= */
.fr{
	margin-bottom: 50px!important;
}
.tittype1{
	 position: relative;

  margin: 0em 0;
  padding: 0px 0px;

  color:#FFAF00;
 
	text-align: center;
	
	font-size: 30px;
    font-size: 1.87999rem;
  font-weight: bold;
}
.subtit{
		text-align: center;
	font-size: 30px;
    font-size: 1.87999rem;
  font-weight: bold;
}

@media (max-width: 767px) {
	.tittype1{
	font-size: 18px;
    font-size: 1.125rem;
	}
	.tittype1>br{
		display: none;
	}
	
	.subtit{
	font-size: 18px;
    font-size: 1.125rem;
}
}



.tittype2{
	 position: relative;
  display: inline-block;
     margin: 0 0 40px 0;
  padding: 30px 0px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #1E9BD2;
width: 100%;
	text-align: center;
	color: #fff;
	font-size: 30px;
    font-size: 1.87999rem;
  font-weight: bold;
}


@media (max-width: 767px) {
	.tittype2{
	font-size: 18px;
    font-size: 1.125rem;
	}
	.tittype2>br{
		display: none;
	}
}



/* ブロック
========================================================= */
.left_con{
	    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    box-sizing: content-box;
    margin-right: auto;
    margin-left: auto;

    
}
.typ1 section{
	 -webkit-order: -1;
    order: -1;
}


/* nav
========================================================= */

.nav-contet{        overflow-x: auto; /* 横スクロールを有効にする */
            overflow-y: hidden; /* 縦スクロールを非表示にする */
            white-space: nowrap; /* 要素を折り返さないようにする */
            display: flex;
	margin-top: 50px;}

.nav-contet ul{

	
      list-style-type: none;
            padding: 0;
            margin: 0;
            display: flex;
            margin: auto; /* 左右中央揃え */
}
.nav-contet li{
	 margin-right: 15px; /* 適宜調整 */
	padding: 0px 20px 20px 20px;
}
.nav-contet li:first-child{
	border-left: solid 1px #000;
}
.nav-contet li {
	border-right: solid 1px #000;
}
.nav-contet li a{
   font-size: 26px;
      font-size: 1.625rem;
	padding-bottom: 20px;
	padding-top: 0px;
	font-weight: bold;
	background-image:url("../img/com/yazirushi.svg");
	background-position: center bottom;
	 background-repeat: no-repeat;
}

 @media (max-width: 767px) {
	 .nav-contet li a{
	    font-size: 18px;
    font-size: 1.125rem;
		 }
	 

}



.p__title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p__list li{
	margin-bottom: 20px;
}
.p__subtitle {
  font-weight: 700;
  line-height: 1;
  font-size: min(11.7708333333vw, 113px);
}
@media (min-width: 1024px) {
  .p__subtitle {
    font-size: min(6.8072289157vw, 113px);
  }
}

.p__main {
  display: grid;
  grid-gap: 0.5em;
  padding: 40px 0;
}
@media (min-width: 1024px) {
  .p__main {
    grid-template-columns: 1fr 1fr;
    padding: 90px 0;
  }
}

.p__list {

}
.p__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
   
   
    padding: 0.5em 0.5em 0.5em 2.9em;

    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    line-height: 1.2;
     font-size: min(6.8072289157vw, 18px);
}
@media (min-width: 1024px) {
  .p__list {
    font-size: min(1.686746988vw, 20px);
  }
}
.p__list li::before {
  position: absolute;
  left: 1em;
  width: 1.33em;
  height: 1.33em;
  background: #FFF;
  border: 0.35em solid #C82323;
  border-radius: 100%;
  content: "";
  box-sizing: border-box;
}
.prace{
	margin: 20px 0 20px 0;
}

.prace{
	
		margin: 50px auto 20px auto;
	max-width: 1000px;
	text-align: center;
	
	display: block;
}

.contactbnr{
	margin: 50px auto 20px auto;
	max-width: 600px;
	text-align: center;
	
	display: block;
}

.zsblu{
	color: #1E9BD2;
	padding-left: 20px;
	  font-size: min(6.8072289157vw, 18px);
}
@media (min-width: 1024px) {
 .zsblu{
    font-size: min(1.686746988vw, 20px);
  }
}
.zisseki{
	margin-top: 50px;
	position: relative;
	background: #EFF9FE;
}


.zimg{
	
    position: absolute;
    top: -27px;
    right: -60px;
    max-width: 250px;
	
}

 @media (min-width: 767px) {
.zimg{
	
    position: absolute;
    top: -27px;
    right: -20px;
    max-width: 280px;
	
}
}

@media (min-width: 1024px) {
.zimg{
	
	position: absolute;
    top: -60px;
    right: 10px;
    max-width: 400px;
	
}
}

.zpick{
		margin: 20px auto 20px auto;
	max-width: 1000px;
}


.frow{
	display: flex;
	gap:60px;
}
.frow li{
 position: relative;
	width: 30%;
}
.frow li h3{
	margin-top: 10px;
	text-align: center;
	color: #F6AB5F;
	 font-size: min(6.8072289157vw, 18px);
}
@media (min-width: 1024px) {
.frow li h3{
    font-size: min(1.686746988vw, 20px);
  }
}
.frow li::after {
position: absolute;
    right: -55%;
    top: 15%;
    width: 100%;
    height: 100%;
    background-size: 40%;
    content: "";
    background-image: url(../img/service/yz.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.frow li:last-child::after{
	 background-image: none;
}

@media (max-width: 767px) {
	.frow{
	 flex-wrap: wrap;
	
}
	
	
	.frow li{
     width: 37%;	
}
}

.merit{
background: #FDFCF8;
    border: solid 2px #515151;
    padding: 2% 5% 2% 5%;
}

.merit h3{
	color: #F6AB5F;
	font-size: min(6.8072289157vw, 48px);
}

.merit h3 span{
	font-size: min(6.8072289157vw, 28px);
}
.merit p{
	margin-top: 20px;
	font-size: min(6.8072289157vw, 20px);
}
@media (min-width: 1024px) {
.merit h3{
	font-size: min(6.8072289157vw, 68px);
}
	.merit h3 span{
	font-size: min(6.8072289157vw, 38px);
}
.merit p{
	
	font-size: min(6.8072289157vw, 28px);
}
}





.block2 {
   display: -webkit-flex;
    display: flex;
	max-width: 1100px;
	margin: 0 auto 50px auto;
	gap:20px;
}
.block2 li{
	width: 50%;
}
.block2 p{
	text-align: left;
}

@media (max-width: 767px) {
	.block2 {
		width: 90%;
		display: block;
	}
	.block2  li{
		width: 100%;
		margin-bottom: 10px;
	}
	.block2 p{
		width: 90%;
		margin: auto;
	}
}


.spbox{

    display: flex;
    background: #DFFBFF;
    border: solid 2px #707070;
    padding: 2% 5% 0% 5%;
    margin: auto;
}
.spbox li{
margin-top: 20px;	
margin-bottom: 20px;
}



.spbox ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
   
   
    padding: 0.5em 0.5em 0.5em 2.9em;

    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    line-height: 1.2;
     font-size: min(6.8072289157vw, 18px);
}
@media (min-width: 1024px) {
  .spbox ul {
    font-size: min(1.686746988vw, 20px);
  }
}
.spbox ul li::before {
  position: absolute;
  left: 1em;
  width: 1.33em;
  height: 1.33em;

  content: "";
  box-sizing: border-box;
	   background-image: url(../img/service/yz.png);
    background-position: center top;
    background-repeat: no-repeat;
	background-size: 100%;
}
@media screen and (max-width: 575px) {
	.spbox {
    display: block;
    flex-direction: column;
    justify-content: center;
    position: relative;
}}

.spick{
	 font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
    line-height: 1.2;
     font-size: min(6.8072289157vw, 58px);
	  text-align: center;
    margin-top: 45px;
	 margin-bottom: 45px;
}
@media (min-width: 1024px) {
  .spick{
       font-size: min(5.686747vw, 100px);
  
  }
}