@charset "utf-8";
/*===========================
add
===========================*/

:root {
	--basic-color:#f7a124;
}


/*===========================
body
===========================*/
body.bodycolor01{
  background-color: #fffbf4;
}

body.bodycolor02{
  background-color: #fcfff9;
}

/*===========================
txtIconM
===========================*/
.txtIconM.txtIconMbg01{
  background-color: #7ab42c !important;
}

.txtIconM.txtIconMbg02{
  background-color: #488dc5 !important;
}


/*===========================
img
===========================*/
.shadow img {
  box-shadow: 5px 5px 5px rgba(112, 112, 112,0.5);
}


/*===========================
box01
===========================*/
.f-wrap.box01{
  justify-content: flex-start !important;
}


.f-wrap.box01 .f-item1-3{
  margin-right: 3.5%;
}
.f-wrap.box01 .f-item1-3:nth-child(3n){
  margin-right: 0;
}


.f-wrap.box01 .f-item1-4{
  margin-right: 2.66%;
}
.f-wrap.box01 .f-item1-4:nth-child(4n){
  margin-right: 0;
}

@media screen and (max-width: 600px){
  .f-wrap.box01 .f-item1-3,
  .f-wrap.box01 .f-item1-4{
    margin-right: 0 !important;
  }
}


/*===========================
box02
===========================*/
@media screen and (min-width: 769px){
  .box02 .f-item1-2-t1:first-of-type{
    width: 50%;
  }
}


/*===========================
box03
===========================*/
@media screen and (min-width: 601px) {
  .box03{
    background-image: url(../img/top/back_map.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .box03 .in01{
    width: 47%;
    margin: auto 0 auto auto;
    padding: 40px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  .box03 .in01{
    width: 48%;
    padding: 20px;
  }
  .box03 li{
    width: 47% !important;
  }
}


/*===========================
ul-box01
===========================*/
@media screen and (min-width: 601px) and (max-width: 768px) {
  .ul-box01 li{
    width: 31% !important;
  }

  .ul-box01 li:nth-child(3n){
    padding-right: 0px !important;
  }
}


/*===========================
cap01
===========================*/
.cap01{
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(10, 14, 51, 0.8);

  color: #fff;
  text-align: right;
  padding: 5px 12px;
  box-sizing: border-box;
  font-size: 1em;
}


/*===========================
f-arrow
===========================*/
/*f-item1-2*/
@media screen and (min-width: 769px) {
  .f-item1-2 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(59deg) * 59px / 2);
    width: 38px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 110%;
    transform: translate(-110%,-50%);
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  .f-item1-2 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(53deg) * 53px / 2);
    width: 25px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 110%;
    transform: translate(-110%,-50%);
  }
}
@media screen and (max-width: 600px) {
  .f-item1-2 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(39deg) * 39px / 2);
    width: 30px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    z-index: 2;
    
    bottom: -24px !important;
    left: 50%;
    transform: translate(-50%);
  }
}

/*f-item1-3*/
@media screen and (min-width: 769px) {
  .f-item1-3 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(56deg) * 56px / 2);
    width: 26px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 110%;
    transform: translate(-110%,-50%);
  }

  .f-item1-3 .f-arrow02{
    position: absolute;
    background: #f5972b;
    height: calc(tan(56deg) * 56px / 2);
    width: 26px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 110%;
    transform: translate(-110%,-50%);
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  .f-item1-3 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(49deg) * 49px / 2);
    width: 16px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 110%;
    transform: translate(-110%,-50%);
  }

  .f-item1-3 .f-arrow02{
    position: absolute;
    background: #f5972b;
    height: calc(tan(49deg) * 49px / 2);
    width: 16px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 105%;
    transform: translate(-105%,-50%);
  }
}
@media screen and (max-width: 600px) {
  .f-item1-3 .f-arrow,
  .f-item1-3 .f-arrow02{
    position: absolute;
    background: #f5972b;
    height: calc(tan(39deg) * 39px / 2);
    width: 30px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    z-index: 2;
    
    bottom: -24px !important;
    left: 50%;
    transform: translate(-50%);
  }
}

/*f-item1-4*/
@media screen and (min-width: 769px) {
  .f-item1-4 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(50deg) * 50px / 2);
    width: 20px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 110%;
    transform: translate(-110%,-50%);
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  .f-item1-4 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(40deg) * 40px / 2);
    width: 12px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 110%;
    transform: translate(-110%,-50%);
  }
}
@media screen and (max-width: 600px) {
  .f-item1-4 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(39deg) * 39px / 2);
    width: 30px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    z-index: 2;
    
    bottom: -24px !important;
    left: 50%;
    transform: translate(-50%);
  }
}

/*f-item1-5*/
@media screen and (min-width: 769px) {
  .f-item1-5 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(44deg) * 44px / 2);
    width: 11px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 106%;
    transform: translate(-106%,-50%);
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  .f-item1-5 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(34deg) * 34px / 2);
    width: 6px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    z-index: 2;
    
    top: 50%;
    left: 106%;
    transform: translate(-106%,-50%);
  }
}
@media screen and (max-width: 600px) {
  .f-item1-5 .f-arrow{
    position: absolute;
    background: #f5972b;
    height: calc(tan(39deg) * 39px / 2);
    width: 30px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    z-index: 2;
    
    bottom: -24px !important;
    left: 50%;
    transform: translate(-50%);
  }
}


/*===========================
circle-d
===========================*/

/*circle-d01-f-item1-3---------------------------------------*/

.circle-d01-f-item1-3 .f-item1-3{
  background-color: var(--basic-color);
  display: inline-block;
  width: 31%;
  border-radius: 50%;
  

  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.35);
}
 
.circle_height {
position: relative;
padding-top: 100%;
height: 0;
}
 
.circle-d01-f-item1-3 .f-item1-3 p {
  position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 150%;
}
@media screen and (max-width: 600px) {
  .circle-d01-f-item1-3 .f-item1-3 p {
    font-size: 0.9rem;
  }
}








/*===========================
txtInd-n01
===========================*/
@media screen and (min-width: 769px) {
  .txtInd-n01{
    padding-left: 4.3em;
    text-indent: -4.3em;
  }
}


/*===========================
title-af-none
===========================*/
.title-af-none{
	text-shadow: none;
}
.title-af-none:after{
	content: none;
}


/*===========================
ol li
===========================*/
ol li{
	list-style-type: decimal;
  margin: 0 0  0 1.8em;
}


/*===========================
width
===========================*/
@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

  .w100Tablet-a a{
		width: 100% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 600px) {
  .w100Sp-a a{
		width: 100% !important;
		box-sizing: border-box;
	}
}

/*===========================
wf
===========================*/
.wf-t-all{
	width: fit-content;
	margin: auto;
}

@media screen and (min-width: 769px) {
	ul.wf-t,	ol.wf-t,	.wf-t {
		width: fit-content;
		margin: auto;
	}
}


@media screen and (min-width: 601px) {
	.wf-t-tab,
  ul.wf-pcONtabletONspOFF {
		width: fit-content !important;
		margin: auto !important;
	}
}





/*===========================
onOff
===========================*/
.pcOFFtabletONspOFF{display: none !important;}
.pcOFFtabletOFFspON{display: none;}

@media screen and (min-width: 769px) {
	.pcOFFtabletONspON{display: none !important;}
}

@media screen and (max-width: 768px) {
	.pcOFFtabletONspOFF{display: block !important;}
	.pcOFFtabletOFFspON{display: none;}
	.pcONtabletOFFspOFF{display: none !important;}
	.pcONtabletOFFspON{display: none;}
}

@media screen and (max-width: 600px) {
	.pcOFFtabletONspOFF{display: none !important;}
	.pcOFFtabletOFFspON{display: block;}
	.pcONtabletONspOFF{display: none;}
	.pcONtabletOFFspON{display: block;}
}


/*===========================
btn-d01
===========================*/

/*btn-d01---------------------------------------*/
.btn-d01{
  margin-top: 35px;
}
.btn-d01 a{
  color: #fff;
  text-decoration: none;
  padding: 15px 40px 15px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.1em;
  transition: 0.3s;
  position: relative;
}
.btn-d01 a{
  background:linear-gradient(168deg, #2b3691 50%, #212b73 50%);
}

.btn-d01 a:hover{
  opacity: 0.8;
}

.btn-d01 a::after{
  content: "\025b6";
  font-size: 0.5em;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .btn-d01 a{
    padding: 12px 30px;
    font-size: 1em;
    transition: 0.3s;
  }
}


/*btn-t3d02---------------------------------------*/
.btn-t3d02{
  margin-top: 35px;
}
.btn-t3d02 a{
  color: #fff;
  text-decoration: none;
  padding: 15px 40px 15px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 1.1em;
  transition: 0.3s;
  position: relative;
}
.btn-t3d02 a{
  background:linear-gradient(168deg, #0870cc 50%, #0870cc 50%);
}

.btn-t3d02 a:hover{
  opacity: 0.8;
}

.btn-t3d02 a::after{
  content: "\025b6";
  font-size: 0.5em;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .btn-t3d02 a{
    padding: 12px 30px;
    font-size: 1em;
    transition: 0.3s;
  }
}


/*btn-d02---------------------------------------*/
.btn-d02{

}

.btn-d02 a{
  color: #fff;
  text-decoration: none;
  padding: 12px 40px 12px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 1.1em;
  transition: 0.3s;
  position: relative;
  background-color: var(--basic-color);
}
.btn-d02 a{
  
}

.btn-d02.c02 a{
  background-color: #488dc5 !important;
}
.btn-d02.c03 a{
  background-color: #7ab42c !important;
}



.btn-d02 a:hover{
  opacity: 0.8;
}

.btn-d02 a::after{
  content: "\025b6";
  font-size: 0.5em;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .btn-d02 a{
    padding: 12px 30px;
    font-size: 1em;
    transition: 0.3s;
    display: block;
    width: 60%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
}


/*===========================
.ts-white
===========================*/
.ts-white{
  text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff,0 0 10px #fff,0 0 12px #fff,0 0 14px #fff;
}



/*===========================
btn-d-pdf
===========================*/
.btn-d-pdf,
.btn-d-pdf02{
  margin-top: 35px;
}
.btn-d-pdf a{
  background:linear-gradient(168deg, #f7a124 50%, #da860a 50%);
  color: #fff;
  text-decoration: none;
  padding: 15px 40px 15px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.1em;
  transition: 0.3s;
  position: relative;
}
.btn-d-pdf02 a{
  color: #fff;
  text-decoration: none;
  padding: 12px 40px 12px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 1.1em;
  transition: 0.3s;
  position: relative;
  background-color: var(--basic-color);
}
.btn-d-pdf a:hover,
.btn-d-pdf02 a:hover{
  opacity: 0.8;
}

.btn-d-pdf a::before,
.btn-d-pdf02 a::before{
font-family: "Font Awesome 5 Free";
content: "\f1c1";
margin-right: 10px;
font-weight: 900;
}

.btn-d-pdf a::after,
.btn-d-pdf02 a::after{
  content: "\025b6";
  font-size: 0.5em;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .btn-d-pdf a,
  .btn-d-pdf02 a{
    padding: 12px 30px;
    font-size: 1em;
    transition: 0.3s;
  }
}



/*===========================
href
===========================*/
.hv-a a:hover{
  text-decoration: none;
}



/*===========================
font
===========================*/
.fw-b{font-weight: bold;}


/*===========================
txt
===========================*/

.txt01::before{
  content: "\02192";

}

/*===========================
font-size
===========================*/
.fonts-12{
  font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  .fonts-12{
    font-size: 1em;
  }
}


/*===========================
tellink
===========================*/
@media screen and (min-width: 769px) {
	.tellink a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
  color: #000;
  text-decoration: none;
 }
}

@media screen and (min-width: 769px) {
  .liInline2Div.list01{
    width: 470px;
    margin: 0 auto;
  }
  .liInline2Div.list01 li:nth-child(odd){
    width: 230px;
  }
  .liInline2Div.list01 li:nth-child(even){
    width: 230px;
  }
}