/*===============================
  Base
===============================*/
html {
	height: 100%;
}
body {
	line-height: 1;
	font-family: 'Noto Sans JP', sans-serif;
	height: 100%;
}
a {
	text-decoration: none;
}

a,
a::before,
a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .4s;
  transition: all .4s;
}

a:hover {
  opacity: 0.7;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 769px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

img{
	width: 100%;
	height: auto;
}

/*===============================
  Clear
===============================*/
img {
	border: 0;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	image-rendering: -webkit-optimize-contrast;
}
ol, ul {
	list-style: none!important;
}
* {
	margin: 0;
	padding: 0;
}

/*===============================
  Wrapper
===============================*/

.bg{
	background-image: url(../img/bg-pc.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

.wrap {
	width: 90%;
	margin: 0 auto;
	box-sizing: content-box;
	padding: 80px 0;
}


/*===============================
  content
===============================*/

.mv{
}
.mv img{
	width: 100%;
}

/*===============================
footer
===============================*/
.footer {
	width: 100%;
	color: #000;
	height : auto;
	text-align: center;
	font-size: 1.2rem;
}
.footer > p{
	color: #fff;
	background-color: #000000;
	font-size: 35px;
	padding: 30px 0;
	margin-bottom: 20px;
}
.footer .inner {
	width:1024px;
	margin: 0 auto
}

.f-info .wrap{
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	margin-bottom: 60px;
}

.f-info .wrap a{
	position: absolute;
    bottom: 0;
    left: 27%;
    width: 20%;
}

.footer .inner .foot-logo {
   width: 80%;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   margin-bottom: 60px;
}

.footer .inner .foot-logo .foot-img:last-child{
	margin-top: -29px;
}

.footer .inner .foot-logo .foot-img img {
	width:90%;
	margin-left:50px;
   justify-content: center;
}
.footer .inner .foot-tel-img {
   width:45%;
   margin: 0 auto;  
   margin-bottom: 25px;
}
/*===============================
copyright
===============================*/
.copyright {
    width: 100%;
}
.footer_copy {
	background-color: #FDD23E;
	color: #01388D;
	font-size: 15px;
	text-align: center;
	padding: 20px 0;
}

/*===============================
contents
===============================*/

.w-80{
	width: 80%;
	margin: auto;
}

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

.yoyaku img{
	width: 70%;
}

section{
	margin-bottom: 80px;
	background-color: #fff;
	text-align: center;
}

.item img{
	width: 30%;
}

#sec01 img{
	margin-bottom: 50px;
}

#sec02 .flex{
	padding: 25px;
}

#sec02 .flex div{
	width: 32%;
}

.se01 img{
	margin-bottom: 10px;
}

.se02 img{
	margin-bottom: 10px;
}
.se03 img{
	margin-bottom: 10px;
}


#sec03{
	padding-bottom: 50px;
	margin-bottom: 100px;
}

#sec04 > div > img{
	margin-top: -50px;
	margin-bottom: 30px;
}

#sec04{
	padding-bottom: 50px;
}

#sec05{
	background: unset;
}

#sec06{
	margin-bottom: 20px;
}

#sec06 .flex{
	padding: 50px;
	margin-bottom: 10px;
}

#sec06 .flex > div{
	width: 47%;
	position: relative;
}

#sec06 .flex > div a{
	position: absolute;
    top: 76%;
    left: 5%;
    width: 40%;
}

#sec08{
	position: relative;
	background: unset;
}

#sec08 a{
	position: absolute;
    top: 82.5%;
    right: 13%;
    width: 19%;
}

#sec09{
	padding-bottom: 50px;
	background: unset;
}

.w-bg{
	background-color: #fff;
	padding: 50px 0;
}



/*===============================
 固定アンカーボタン
===============================*/
/*メニューをページ下部に固定*/
.fixed_banner {
	display: none; 
	position: fixed; 
	z-index: 99999; 
	bottom:0; 
	right: 0px;
	width: 30%;
}
.floating-banner:hover {
	opacity: .8; 
}

.fixed_banner img{
	width: 100%;
}

#page-top {
    position: fixed;
    bottom: 50px;
    right: 0;
    z-index: 99;
    width: 90px;
    height: auto;
}