@charset "utf-8";
/*WEBフォント*/
html {
	height: 100%;
	width: 100%;
	font-size: calc(100vw / 32);
}

  @media screen and (min-width: 575px) {
html {
	font-size:62.5%;
	width: 100%;
}

  }

body {
        font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/*リセットCSS
body, input, select, textarea,h1,h2,h3,h4,h5,h6 {
	color: #737373;
	margin: 0;
	padding: 0;
	font-size:1.4rem;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1rem;
}

p{
	font-size:1.4rem;
	text-align:justify;
}
*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

a {outline: none; text-decoration:none!important;}
a:link {color:#2977ad; text-decoration:none!important; transition: color 0.3s ease-out;}
a:visited {color: #2977ad; text-decoration:none!important;}
a:hover { text-decoration:none!important;}

ul{margin:0; padding:0;}
li{list-style:none;}

/*containerの隙間を無くす*/
.no-gutters {
  margin:0!important;
  padding:0!important;
}
 
.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
  margin:0!important;
  padding:0!important;
}

.no-padding{
	padding-left: 0!important;
	padding-right: 0!important;
}

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

/*文字のサイズ*/

@media (max-width: 767px) {
	
.font--x-Small{
	font-size: .6rem;
	
}

.font--Small{
	font-size: .8rem;
	
}

.font--Mid{
	font-size: 1.2rem;
	
}

.font--Large{
	font-size: 1.6rem;
	
}

.font--x-Large{
	font-size: 2.2rem;
}


}

@media (min-width: 768px) {

.font--x-Small{
	font-size: .8rem;
	
}

.font--Small{
	font-size: 1rem;
	
}

.font--Mid{
	font-size: 1.4rem;
	
}

.font--Large{
	font-size: 2rem;
	
}

.font--x-Large{
	font-size: 2.8rem;
}
}



/*文字の色*/

.font--Blue{
	color: #2977ad;
}

.font--Blue2{
	color: #4659A6;
}


.font--Gray{
	color: #5E6668;
}

.font--LightGray{
	color: #999;
}

.font--White{
	color: #fff;
}

.font--Green{
	color: #abcf54;
}

.font--Green2{
	color: #179d87;
}

.font--Green3{
	color: #179d87;
}

.font--Pink{
	color: #567730;
}




.font--Black{
	color: #231815;
}

.font--Orange{
	color: #e2962b;
}

.font--Red{
	color: #FF0000;
}

.font--Purple{
	color: #844d96;
}

.font--Navy{
	color: #2d3f51;
}




/*border*/
.bdr--btm--gray{
	border-bottom: 1px solid #838383;
	
}

.bdr--btm--white{
	border-bottom: 1px solid #fff;
	
}

.bdr--right--white2{
	
}

.bdr--btm--blue{
	border-bottom: 1px solid #2977ad;
	
}

.bdr--btm--blue3{
	border-bottom: 3px solid #2977ad;
	
}

.bdr--btm--green{
	border-bottom: 1px solid #abcf54;
	
}

.bdr--btm--green3-2{
	border-bottom: 3px solid #abcf54;
	
}

.bdr--btm--green3{
	border-bottom: 3px solid #567730;
	
}
.bdr--btm--green23{
	border-bottom: 3px solid #179d87;
	
}


.bdr--btm--white3{
	border-bottom: 3px solid #fff;
	
}

.bdr--btm--brown3{
	border-bottom: 3px solid #3e1f31 ;
	
}

.bdr--btm--pink3{
	border-bottom: 3px solid #c15988;
	
}

.bdr--btm--orange3{
	border-bottom: 3px solid #e2962b;
	
}

.bdr--btm--purple3{
	border-bottom: 3px solid #844d96;
	
}

.bdr--btm--navy3{
	border-bottom: 3px solid #2d3f51;
	
}




/*br*/

@media (max-width: 460px) {	
.sp__br{
	display: block;
	}
.sp__br--xs{
	display:block;
	}

.sp__br--none{
	display: none;
	
	}
	
.sp__br--xs--none{
	display: none;
	
	}
	
	
}


@media screen and (min-width: 461px) and (max-width: 767px) {
.sp__br{
	display: block;
	}
	
.sp__br--xs{
	display: none;
	}
.sp__br--none{
	display: none;
	}
.sp__br--xs--none{
	display: block;	
	}
	
	
.br--lg{
	display: none;
	}	
	
}
	
@media screen and (min-width: 768px) and (max-width: 989px) {
.sp__br{
	display: none;
	}
.sp__br--xs{
	display: none;
	}
.sp__br--xs--none{
	display: block;	
	}
	
	
.br--lg{
	display: none;
	}	
}


@media (min-width: 990px) {	

.sp__br{
	display: none;
	}
.sp__br--xs{
	display: none;
	}
.sp__br--xs--none{
	display: block;	
	}
	
	
.br--lg{
	display: block;
	}	

}



/*header*/
#header .container-fluid{
	padding-left: 0!important;
	padding-right: 0!important;
}

@media (max-width: 767px) {
header{
	z-index: 100;
	background-color:#dceaf1;
	height: 51px;
	position: fixed;
	top:0;
}

#header .header-inner h1 {
	margin: 0;
	padding: 0;
}

#header .header-inner h1 a{
	background-image:url(../img/logo@2x.webp);
	background-repeat:no-repeat;
	background-size: 194px 51px;
	width:230px;
	height:51px;
	text-indent:-9999px;
	float: left;
	border-left: 10px solid #2977ad;
}

.header__txt {
	float: right;
	margin-right: 10px;
	padding-top: 7.5px;
}

.header__txt p.txt{
	display: none;
}

.header__txt p.time{
	display: none;
}

.header__txt p.time img{
	display: none;
}

.header__txt a img{
	height:35px; 
}

.header__bn{
	background-color:#2977ad;
	float: right;
	width: 51px;
	height: 51px;
	display: block;
}

.header__logo{
	text-align: center;
}
	
#header { position: fixed; width: 100%; z-index: 1000; }
#header .buttonNav {
	line-height: 51px;
cursor: pointer; display: none; height: 42px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 42px; margin-top:5px; }
#header .buttonNav.open { width:51px; height: 51px;  background: url("../img/nav_bn01@2x.webp") no-repeat top; background-size: 30px 30px; background-position: center;}
#header .buttonNav.close { width:51px; height: 51px;  background: url("../img/nav_bn02@2x.webp") no-repeat top; background-size:  30px 30px; opacity: 1; background-position: center; }
#header .buttonNav { display: block;  }
#header .nav_wrap2 { float: none; right: -100%; position: absolute; top: 51px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 100%; z-index: 100; }
#header .nav_wrap2 ul.gNavi_ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li {  float: none; margin-bottom:1px; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li > a { background: #000; color: #FFF; opacity:0.8; border-bottom: none; display: block; font-size: 14px; font-weight: 600; padding: 16px 0 16px 20px; }
#header .nav_wrap2 ul.gNavi_ul li a:hover { background-color: #000;  opacity:0.9; color: #dceaf1; text-decoration:none; }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
header{
	z-index: 100;
	background-color:#dceaf1;
	height: 51px;
	position: fixed;
	top:0;
}

#header .header-inner h1 {
	margin: 0;
	padding: 0;
}

#header .header-inner h1 a{
	background-image:url(../img/logo@2x.webp);
	background-repeat:no-repeat;
	background-size: 194px 51px;
	width:230px;
	height:51px;
	text-indent:-9999px;
	float: left;
	border-left: 10px solid #2977ad;
}

.header__txt {
	background-image: url("../img/head_txt.svg");
	background-repeat: no-repeat;
	background-position:center top ;
	background-size: 280px;
	float: right;
	margin-right: 10px;
	padding-top: 25px;
}

.header__txt p.txt{
	float: right;
	color: #2977ad;
}

.header__txt p.time{
	float: left;
}

.header__txt p.time img{
	height:25px; 
}

.header__txt a img{
	width:133px;
	height:25px; 
}

.header__bn{
	background-color:#2977ad;
	float: right;
	width: 51px;
	height: 51px;
	display: block;
}

.header__logo{
	text-align: center;
}
	
#header { position: fixed; width: 100%; z-index: 1000; }
#header .buttonNav {
	line-height: 51px;
cursor: pointer; display: none; height: 42px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 42px; margin-top:5px; }
#header .buttonNav.open { width:51px; height: 51px;  background: url("../img/nav_bn01@2x.webp") no-repeat top; background-size: 30px 30px; background-position: center;}
#header .buttonNav.close { width:51px; height: 51px;  background: url("../img/nav_bn02@2x.webp") no-repeat top; background-size:  30px 30px; opacity: 1; background-position: center; }
#header .buttonNav { display: block;  }
#header .nav_wrap2 { float: none; right: -100%; position: absolute; top: 51px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 100%; z-index: 100; }
#header .nav_wrap2 ul.gNavi_ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li {  float: none; margin-bottom:1px; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li > a { background: #000; color: #FFF; opacity:0.8; border-bottom: none; display: block; font-size: 14px; font-weight: 600; padding: 16px 0 16px 20px; }
#header .nav_wrap2 ul.gNavi_ul li a:hover { background-color: #000;  opacity:0.9; color: #dceaf1; text-decoration:none; }

}

@media (min-width: 992px) {
header{
	z-index: 100;
	background-color:#dceaf1;
	height: 100px;
	position: fixed;
	top:0;
}

#header .header-inner h1 {
	margin: 0;
	padding: 0;
}

#header .header-inner h1 a{
	background-image:url(../img/logo@2x.webp);
	background-repeat:no-repeat;
	background-size: 360px 100px;
	width:380px;
	height: 100px;
	text-indent:-9999px;
	float: left;
	border-left: 10px solid #2977ad;
}

.header__txt {
	background-image: url("../img/head_txt.svg");
	background-repeat: no-repeat;
	background-position:center top 20px;
	float: right;
	margin-right: 30px;
	padding-top: 50px;
}

.header__txt p.txt{
	float: right;
	color: #2977ad;
}

.header__txt p.time{
	float: left;
	color: #2977ad;
	font-size: 1.4rem;
	padding-right: 2rem;
}

.header__txt a img{
	width:133px;
	height:34px; 
}

.header__bn{
	background-color:#2977ad;
	float: right;
	width: 103px;
	height: 100px;
	display: block;
}

.header__logo{
	text-align: center;
}
	
#header { position: fixed; width: 100%; z-index: 1000; }
#header .buttonNav {
	line-height: 100px;
cursor: pointer; display: none; height: 42px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 42px; margin-top:5px; }
#header .buttonNav.open { width:103px; height: 103px;  background: url("../img/nav_bn01@2x.webp") no-repeat top; background-size: 60px 60px; background-position: center;}
#header .buttonNav.close { width:103px; height: 103px;  background: url("../img/nav_bn02@2x.webp") no-repeat top; background-size:  60px 60px; opacity: 1; background-position: center; }
#header .buttonNav { display: block;  }
#header .nav_wrap2 { float: none; right: -100%; position: absolute; top: 100px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 100%; z-index: 100; }
#header .nav_wrap2 ul.gNavi_ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li {  float: none; margin-bottom:1px; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li > a { background: #000; color: #FFF; opacity:0.8; border-bottom: none; display: block; font-size: 14px; font-weight: 600; padding: 16px 0 16px 20px; }
#header .nav_wrap2 ul.gNavi_ul li a:hover { background-color: #000;  opacity:0.9; color: #ffd92f; text-decoration:none; }

}

/* header_nav
-------------------------------------------------*/
@media  (max-width: 767px) {
.breadcrumb--extend{
	background-color: transparent !important ;
	color: #231815 !important;
	padding-top: 5px !important;
	font-size: .8rem;
	height: 24px;
	line-height: 24px;
	margin-top: 0px;
}

.breadcrumb-item+.breadcrumb-item::before {
  /* 記号 */
  content: ">" !important;
	color: #231815 !important;
}

.breadcrumb--extend li a:link, .breadcrumb--extend li a:visited, .breadcrumb--extend li{
	color: #231815 !important;
	text-decoration: none;
}
}

	
@media screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb--extend{
	background-color: transparent !important ;
	color: #231815 !important;
	padding-top: 5px !important;
	font-size: 1rem;
	height: 24px;
	line-height: 24px;
}

.breadcrumb-item+.breadcrumb-item::before {
  /* 記号 */
  content: ">" !important;
	color: #231815 !important;
}

.breadcrumb--extend li a:link, .breadcrumb--extend li a:visited, .breadcrumb--extend li{
	color: #231815 !important;
	text-decoration: none;
}
}

@media (min-width: 992px) {
.breadcrumb--extend{
	background-color: transparent !important ;
	color: #231815 !important;
	font-size: 1.4rem;
	height: 42px;
	line-height: 42px;
	margin-left: 0!important;
}

.breadcrumb-item+.breadcrumb-item::before {
  /* 記号 */
  content: ">" !important;
	color: #231815 !important;
}

.breadcrumb--extend li a:link, .breadcrumb--extend li a:visited, .breadcrumb--extend li{
	color: #231815 !important;
	text-decoration: none;
}
}


.anchor{
	padding-top: 450px;
	margin-top: -450px;
}
.box__alert{
	border: 1px solid #000;
	text-align: center;
	font-size: 1.4rem;

}


@media screen and  (max-width: 991px) {
.main__contents{
	padding-top: 50px;

}
}

@media screen and (min-width: 992px)  {
.main__contents{
	padding-top: 100px;

}
}
	

/*見出し2　その1*/
@media (max-width: 767px) {
div.midashi--red{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--red h3{
	font-size:1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #e21913;
}
div.midashi--red h4{
	font-size:1.2rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #e21913;
}
div.midashi--black{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--black h2{
	font-size:1.4rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #000;
	}

div.midashi--white--box{
	width:100%;
	text-align:left;
	position:relative;
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
	
	}
div.midashi--white--box h3{
	font-size:1.2rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #000;
	}

	
div.midashi--blue{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--blue h2{
	font-size: 1.6rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #2977ad;
	}

div.midashi--blue .bdr--btm {
	border-bottom: 1px solid #2977ad ;
	margin: 20px -15px 20px -15px;
	}

div.midashi--blue h3{
	font-size: 1.6rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:bold;
	color: #2977ad;
	}
div.midashi--blue h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #2977ad;
	border-right: 1px solid #2977ad;

}

div.midashi--green{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--green h2{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #abcf54;
	}

div.midashi--green .bdr--btm {
	border-bottom: 1px solid #abcf54;
	margin: 20px -15px 20px -15px;
	}

div.midashi--green h3{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #abcf54;
	}
div.midashi--green h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;

}

div.midashi--green2{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--green2 h2{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #179d87;
	}

div.midashi--green2 .bdr--btm {
	border-bottom: 1px solid #179d87;
	margin: 20px -15px 20px -15px;
	}

div.midashi--green2 h3{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #179d87;
	}
div.midashi--green2 h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #179d87;
	border-right: 1px solid #179d87;

}

div.midashi--green3{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--green3 h2{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #567730;
	}

div.midashi--green3 .bdr--btm {
	border-bottom: 1px solid #567730;
	margin: 20px -15px 20px -15px;
	}

div.midashi--green3 h3{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #567730;
	}
div.midashi--green3 h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #567730;
	border-right: 1px solid #567730;

}

div.midashi--pink{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--pink h2{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #cd5c8f;
	}

div.midashi--pink .bdr--btm {
	border-bottom: 1px solid #cd5c8f;
	margin: 20px -15px 20px -15px;
	}

div.midashi--pink h3{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #cd5c8f;
	}
div.midashi--pink h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;

}

div.midashi--orange{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--orange h2{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #e2962b;
	}

div.midashi--orange .bdr--btm {
	border-bottom: 1px solid #e2962b;
	margin: 20px -15px 20px -15px;
	}

div.midashi--orange h3{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #e2962b;
	}
div.midashi--orange h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;

}

div.midashi--purple{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--purple h2{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #844d96;
	}

div.midashi--purple .bdr--btm {
	border-bottom: 1px solid #844d96;
	margin: 20px -15px 20px -15px;
	}

div.midashi--purple h3{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #844d96;
	}
div.midashi--purple h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;

}

div.midashi--navy{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--navy h2{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #2d3f51;
	}

div.midashi--navy .bdr--btm {
	border-bottom: 1px solid #2d3f51;
	margin: 20px -15px 20px -15px;
	}

div.midashi--navy h3{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #2d3f51;
	}
div.midashi--navy h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;

}

	
div.midashi--white{
	width:100%;
	position:relative;
	
	}

div.midashi--white h2{
	font-size: 2rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #fff;
}
div.midashi--white h3{
	font-size: 2rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #fff;
	}
div.midashi--white h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	letter-spacing: .5rem;

}
	
div.midashi--bar{
	text-align:left;
	position:relative;
	margin-left: -15px;
	margin-right: -15px;

	}

div.midashi--bar h3{
	font-size: 1.6rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #fff;
	padding: 5px 15px;
	background-color: #2977ad;
	border-radius: 3px;
	width:100%;
	
	}
	
	.komidashi--blk{
		font-size: 1.4rem;
		font-weight: bold;
		color: #000;
	}
	
	.komidashi--bdr--blue{
		font-size: 1.4rem;
		font-weight: bold;
		color: #ff0000;
		border-left: 3px solid #2977ad;
		margin-bottom: 10px;
	}
	
	

}

@media (min-width: 768px) {
div.midashi--red{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--red h3{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #e21913;
}

div.midashi--red h4{
	font-size:2.2rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #e21913;
}

div.midashi--black{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--black h2{
	font-size:2.4rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #000;
}


div.midashi--white--box{
	width:100%;
	text-align:left;
	position:relative;
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
	
	}
div.midashi--white--box h3{
	font-size:2rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #000;
	}

	
div.midashi--blue{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--blue h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #2977ad;
}

div.midashi--blue .bdr--btm {
	border-bottom: 1px solid #2977ad ;
	margin: 50px -15px 50px -15px;
	}

div.midashi--blue h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #2977ad;
	}
div.midashi--blue h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #2977ad;
	border-right: 1px solid #2977ad;
	letter-spacing: .5rem;

}

div.midashi--green{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--green h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #abcf54;
}

div.midashi--green .bdr--btm {
	border-bottom: 1px solid #abcf54 ;
	margin: 50px -15px 50px -15px;
	}

div.midashi--green h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #abcf54;
	}
div.midashi--green h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;
	letter-spacing: .5rem;

}
	
div.midashi--green2{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--green2 h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #179d87;
}

div.midashi--green2 .bdr--btm {
	border-bottom: 1px solid #abcf54 ;
	margin: 50px -15px 50px -15px;
	}

div.midashi--green2 h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #179d87;
	}
div.midashi--green2 h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #179d87;
	border-right: 1px solid #179d87;
	letter-spacing: .5rem;

}
	
div.midashi--green3{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--green3 h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #567730;
}

div.midashi--green3 .bdr--btm {
	border-bottom: 1px solid #abcf54 ;
	margin: 50px -15px 50px -15px;
	}

div.midashi--green3 h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #567730;
	}
div.midashi--green3 h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #567730;
	border-right: 1px solid #567730;
	letter-spacing: .5rem;

}
	


div.midashi--pink{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--pink h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #cd5c8f;
}

div.midashi--pink .bdr--btm {
	border-bottom: 1px solid #cd5c8f ;
	margin: 50px -15px 50px -15px;
	}

div.midashi--pink h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #cd5c8f;
	}
div.midashi--pink h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;
	letter-spacing: .5rem;

}

div.midashi--orange{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--orange h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #e2962b;
}

div.midashi--orange .bdr--btm {
	border-bottom: 1px solid #e2962bf ;
	margin: 50px -15px 50px -15px;
	}

div.midashi--orange h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #e2962b;
	}
div.midashi--orange h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;
	letter-spacing: .5rem;

}

div.midashi--purple{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--purple h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #844d96;
}

div.midashi--purple .bdr--btm {
	border-bottom: 1px solid #844d96 ;
	margin: 50px -15px 50px -15px;
	}

div.midashi--purple h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #844d96;
	}
div.midashi--purple h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;
	letter-spacing: .5rem;

}

div.midashi--navy{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--navy h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	color: #2d3f51;
	}

div.midashi--navy .bdr--btm {
	border-bottom: 1px solid #2d3f51;
	margin: 50px -15px 50px -15px;
	}

div.midashi--navy h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #2d3f51;
	}
div.midashi--navy h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #abcf54;
	border-right: 1px solid #abcf54;
	letter-spacing: .5rem;

}

	
div.midashi--white{
	width:100%;
	position:relative;
	
	}

div.midashi--white h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #fff;
}
div.midashi--white h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #fff;
	}
div.midashi--white h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	letter-spacing: .5rem;

}

div.midashi--bar{
	text-align:left;
	position:relative;
	}

div.midashi--bar h3{
	font-size: 2rem;
	display:inline-block;
	z-index:0;
	font-family: 'M PLUS 1p', sans-serif;
	color: #fff;
	padding: 5px 15px;
	background-color: #2977ad;
	border-radius: 3px;
	width:100%;
	
	}
	
	.komidashi--blk{
		font-size: 1.8rem;
		font-weight: bold;
		color: #000;
	}
	
	.komidashi--bdr--blue{
		font-size: 1.8rem;
		font-weight: bold;
		color: #ff0000;
		border-left: 3px solid #2977ad;
		margin-bottom: 10px;
	}
}

/*見出し2　その1*/
@media (max-width: 575px) {	
.midashi__e-j{
	clear: both;
	text-align: center;
}


.midashi__e-j h2.midashi--eng{
	clear: both;
	display: inline-block;
	font-size:2rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2rem;
	padding: 0 10px 5px;
	
}

.midashi__e-j p{
	clear: both;
	font-size:.8rem;
	line-height: 100%;
	letter-spacing: 0.2rem;
	text-align: center;
}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
.midashi__e-j{
	clear: both;
	text-align: center;
}


.midashi__e-j h2.midashi--eng{
	clear: both;
	display: inline-block;
	font-size:2.6rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2rem;
	padding: 0 10px 5px;
}

.midashi__e-j p{
	clear: both;
	font-size:1rem;
	line-height: 100%;
	letter-spacing: 0.2rem;
	text-align: center;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.midashi__e-j{
	clear: both;
	text-align: center;
}


.midashi__e-j h2.midashi--eng{
	clear: both;
	display: inline-block;
	font-size:3rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2rem;
	padding: 0 10px 5px;
	
}

.midashi__e-j p{
	clear: both;
	font-size:1rem;
	line-height: 100%;
	letter-spacing: 0.2rem;
	text-align: center;
}
}

@media (min-width: 992px) {	
.midashi__e-j{
	clear: both;
	text-align: center;

}


.midashi__e-j h2.midashi--eng{
	clear: both;
	display: inline-block;
	font-size:3.3rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2rem;
	padding: 0 10px 5px;
	
	
}

.midashi__e-j p{
	clear: both;
	font-size:1rem;
	line-height: 100%;
	letter-spacing: 0.2rem;
	text-align: center;
}
}

/*背景カラーボックス*/
.box__bg--blue{
	background-color: #2977ad;
	clear: both;
	overflow: hidden;

}

.box__bg--blue2{
	background-color: #ecf6fb;
	clear: both;
	overflow: hidden;

}

.box__bg--blue3{
	background-color: #4B8BC8;
	clear: both;
}

.box__bg--green{
	background-color: #abcf54;
	clear: both;
}

.box__bg--green2{
	background-color: #179d87;
	clear: both;
}

.box__bg--green3{
	background-color: #567730;
	clear: both;
}

.box__bg--pink{
	background-color: #cd5c8f;
	clear: both;
}


.box__bg--gray{
	background-color: #f4f4f4;
	clear: both;
}

.box__bg--gray2{
	background-color: #e2e4ea;
	color: #144d9e;
	overflow: hidden;
	clear: both;
}
.box__bg--gray3{
	background-color: #E9E9E9;
	clear: both;
}

.box__bg--gray4{
	background-color: #D5D5D5;
	clear: both;

}

.box__bg--gray5{
	background-color: #454547;
	clear: both;
}

.box__bg--white{
	background-color: #fff;
	color: #666;
	clear: both;
}
.box__bg--orange{
	background-color: #f19033;
	clear: both;
}

.box__bg--purple{
	background-color: #844d96;
	clear: both;
}

.box__bg--navy{
	background-color: #2d3f51;
	clear: both;
}

/*ボタン*/
@media (max-width: 479px) {
.bn--blue a:link,.bn--blue a:visited{
	background-color: #144d9e;
	color: #fff;
	display: block;
	font-size: 1rem;
	width: 240px;
	height: 40px;
	margin-top: 30px 0;
	line-height: 40px;
	text-align: center;
	
}

.bn--blue a:hover{
	background-color: #144d9e;
	color: #fff;
	display: block;
	font-size: 1rem;
	width: 240px;
	height: 40px;
	margin: 30px 0;
	line-height: 40px;
	text-align: center;
	
}

}

@media (min-width: 480px) {
.bn--blue a:link,.bn--blue a:visited{
	background-color: #144d9e;
	clear: both;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	width: 240px;
	height: 40px;
	margin: 30px 0;
	line-height: 40px;
	text-align: center;
	
}

.bn--blue a:hover{
	background-color: #144d9e;
	clear: both;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	width: 240px;
	height: 40px;
	margin: 30px 0;
	line-height: 40px;
	text-align: center;
	
}

}

@media (max-width: 575px) {
.box__company{
	background-color: #6a6f72;
	color: #fff;
	font-size: 1rem;

}

.box__company h3 a{
	background-image: url(../img/footer_logo@2x.webp);
	background-size: 280px 70px;
	background-repeat: no-repeat;
	width:280px;
	height:70px;
	text-indent: -9999px;
	display: block;

}


.box__company .box__add{
	margin-bottom: 10px;
}

.box__company .box__tel{
	background-image: url( ../img/tel.svg);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 10px;

}

.box__company .box__tel .tel{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}

.box__company .box__tel .tel a{
	color: #fff;

}

.box__company .box__tel2{
	background-image: url(../img/free_call.svg);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	margin-bottom: 60px;
}
	
.box__company .box__tel2 .tel{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}

.box__company .box__tel2 .tel a{
	color: #fff;

}
	
.box__company .box__shikaku{
}
	
.box__company .box__bana{
	margin-top: 10px;
}

.box__company .box__bana img{
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.box__company .box__card{
	margin-top: 10px;
}
	
.box__company .box__card  h4{
	font-size: 1.2rem;
	font-weight: bold;

}

.box__company .box__card img{
	width: 100%;
	margin-bottom: 2%;
}

.box__company .footer__card{
	overflow: hidden;
	margin: 10px 0;
}

.box__company .box__line{
	border-top: 1px solid #fff;
	padding: 10px 5px;
	line-height: 150%;
	margin: 30px 0;
}


.box__company .box__txt{
	line-height: 150%;
	margin-bottom: 10px;

}
	
.box__company .foot__nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
	
.box__company .foot__nav li a{
   	padding:0 5px;
	border-right: 1px solid #fff;
	color: #fff;
}
.box__company .foot__nav li:last-child a{
   	padding:0 10px;
	border-right:none;
}
	
.footer__box--blue{
	background-color: #2977ad;
	display: block;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
	overflow: hidden;
	color: #fff;
}

.footer__box--blue p{
	color: #fff;
	font-size: .8rem;
	text-align: center;
}	
}
	
@media screen and (min-width: 576px) and (max-width: 767px) {
.box__company{
	background-color: #6a6f72;
	color: #fff;
	font-size: 1rem;

}

.box__company h3 a{
	background-image: url(../img/footer_logo@2x.webp);
	background-size: 280px 70px;
	background-repeat: no-repeat;
	width:280px;
	height:70px;
	text-indent: -9999px;
	display: block;

}


.box__company .box__add{
	margin-bottom: 10px;
}

.box__company .box__tel{
	background-image: url( ../img/tel.svg);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 10px;

}

.box__company .box__tel .tel{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}

.box__company .box__tel .tel a{
	color: #fff;

}

.box__company .box__tel2{
	background-image: url(../img/free_call.svg);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	margin-bottom: 60px;
}
	
.box__company .box__tel2 .tel{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}

.box__company .box__tel2 .tel a{
	color: #fff;

}
	
.box__company .box__shikaku{
}
	
.box__company .box__bana{
	margin-top: 10px;
}

.box__company .box__bana img{
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.box__company .box__card{
	margin-top: 10px;
}
	
.box__company .box__card  h4{
	font-size: 1.8rem;
	font-weight: bold;

}

.box__company .box__card img{
	width: 100%;
	margin-bottom: 2%;
}

.box__company .footer__card{
	overflow: hidden;
	margin: 10px 0;
}

.box__company .box__line{
	border-top: 1px solid #fff;
	padding: 10px 5px;
	line-height: 150%;
	margin: 30px 0;
}


.box__company .box__txt{
	line-height: 150%;
	margin-bottom: 10px;

}
	
.box__company .foot__nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
	
	
.box__company .foot__nav li a{
   	padding:0 5px;
	color: #fff;
	border-right: 1px solid #fff;
}
.box__company .foot__nav li:last-child a{
   	padding:0 10px;
	border-right:none;
}
	
.footer__box--blue{
	background-color: #2977ad;
	display: block;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
	overflow: hidden;
	color: #fff;
}

.footer__box--blue p{
	color: #fff;
	font-size: 1rem;
	text-align: center;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.box__company{
	background-color: #6a6f72;
	color: #fff;
	font-size: 1.2rem;

}

.box__company h3 a{
	background-image: url(../img/footer_logo@2x.webp);
	background-size: 280px 70px;
	background-repeat: no-repeat;
	width:280px;
	height:70px;
	text-indent: -9999px;
	display: block;

}


.box__company .box__add{
	margin-bottom: 10px;
}

.box__company .box__tel{
	background-image: url( ../img/tel.svg);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 10px;

}

.box__company .box__tel .tel{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}

.box__company .box__tel .tel a{
	color: #fff;

}

.box__company .box__tel2{
	background-image: url(../img/free_call.svg);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	margin-bottom: 60px;
}
	
.box__company .box__tel2 .tel{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}

.box__company .box__tel2 .tel a{
	color: #fff;

}
	
.box__company .box__shikaku{
}
	
.box__company .box__bana{
	margin-top: 10px;
}

.box__company .box__bana img{
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.box__company .box__card{
	margin-top: 10px;
}
	
.box__company .box__card  h4{
	font-size: 1.8rem;
	font-weight: bold;

}

.box__company .box__card img{
	width: 100%;
	margin-bottom: 2%;
}

.box__company .footer__card{
	overflow: hidden;
	margin: 10px 0;
}

.box__company .box__line{
	border-left: 1px solid #fff;
	padding: 10px 0 10px 30px;
	line-height: 150%;
	margin: 30px 0;
}


.box__company .box__txt{
	line-height: 150%;
	margin-bottom: 10px;

}
	
.box__company .foot__nav {
	display: flex;
	justify-content: center;
}
	
.box__company .foot__nav li a{
   	padding:0 10px;
	color: #fff;
	border-right: 1px solid #fff;
}
.box__company .foot__nav li:last-child a{
   	padding:0 10px;
	border-right:none;
}
	
.footer__box--blue{
	background-color: #2977ad;
	display: block;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
	overflow: hidden;
	color: #fff;
}

.footer__box--blue p{
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}
}

@media (min-width: 992px) {
.box__company{
	background-color: #6a6f72;
	color: #fff;
	font-size: 1.4rem;

}

.box__company h3 a{
	background-image: url(../img/footer_logo@2x.webp);
	background-size: 360px 90px;
	background-repeat: no-repeat;
	width:360px;
	height:90px;
	text-indent: -9999px;
	display: block;

}


.box__company .box__add{
	margin-bottom: 10px;
}

.box__company .box__tel{
	background-image: url( ../img/tel.svg);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 10px;

}

.box__company .box__tel .tel{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}

.box__company .box__tel .tel a{
	color: #fff;

}

.box__company .box__tel2{
	background-image: url(../img/free_call.svg);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	margin-bottom: 60px;
}
	
.box__company .box__tel2 .tel{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}

.box__company .box__tel2 .tel a{
	color: #fff;

}
	
.box__company .box__shikaku{
	font-size: 1.4rem;
}
	

.box__company .box__bana{
	margin-top: 10px;
}

.box__company .box__bana img{
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.box__company .box__card{
	margin-top: 10px;
}
	
.box__company .box__card  h4{
	font-size: 2.2rem;
	font-weight: bold;

}

.box__company .box__card img{
	width: 80%;
	margin-bottom: 2%;
}

.box__company .footer__card{
	overflow: hidden;
	margin: 10px 0;
}

.box__company .box__line{
	border-left: 1px solid #fff;
	padding: 10px 0 10px 30px;
	line-height: 150%;
	margin: 30px 0;
}


.box__company .box__txt{
	line-height: 150%;
	margin-bottom: 10px;
}
	
	
.box__company .foot__nav {
	display: flex;
	justify-content: center;
}
	
.box__company .foot__nav li a{
   	padding:0 10px;
	color: #fff;
	border-right: 1px solid #fff;
}
.box__company .foot__nav li:last-child a{
   	padding:0 10px;
	border-right:none;
}
	
.footer__box--blue{
	background-color: #2977ad;
	display: block;
	text-align: center;
	padding-bottom:110px;
	overflow: hidden;
	color: #fff;
}

.footer__box--blue p{
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}

}
/*電話番号リンクをかけない*/
a[href*="tel:"] {
	pointer-events: none;
}
@media only screen and (max-width: 1024px) {
	a[href*="tel:"] {
		pointer-events: initial;
	}
}
.map iframe{
   width: 100%;
   height: 300px;
 }
/*電話番号リンクをかけない*/


/*
iframe{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
*/

.service__guide{
	text-align:center;
	padding:20px 50px;
	
}


.box__service{
	text-align:center;
	padding:0px 10px;
	
}

.box__service img{
	width:100%;
	
}


.box__service img{
	margin-bottom:5px;
}


@media (max-width: 575px) {
.box__contact{
	background-image: url("../img/contact_girl.webp");
	background-position: 100% bottom;
	background-repeat: no-repeat;
	background-size: 220px 185px;
	padding-top: 50px;

}
	
.box__contact h3{
	background-image: url("../img/contact_fukidasi01.webp"), url("../img/contact_fukidasi03.webp");
	background-position: center top, center bottom;
	background-repeat: no-repeat,  no-repeat;
	background-size:100% auto;
	background-color: #f4d43a;
	display: inline-block;
	font-family: 'M PLUS 1p', sans-serif;
	padding: 15px 30px 30px;
	margin-bottom: 70px;
}
	
.box__contact .bn{
	width: 50%;
}
	
.box__contact .bn img{
	width: 100%;
}
	
}

@media screen and (min-width: 576px) and (max-width: 767px) {
.box__contact{
	background-image: url("../img/contact_girl.webp");
	background-position: 100% bottom;
	background-repeat: no-repeat;
	background-size: 280px 236px;
	padding-top: 50px;

}
	
.box__contact h3{
	background-image: url("../img/contact_fukidasi01.webp"), url("../img/contact_fukidasi03.webp");
	background-position: center top, center bottom;
	background-repeat: no-repeat,  no-repeat;
	background-size:100% auto;
	background-color: #f4d43a;
	display: inline-block;
	font-family: 'M PLUS 1p', sans-serif;
	padding: 15px 30px 30px;
	margin-bottom: 70px;
}
	
.box__contact .bn{
	width: 50%;
}
	
.box__contact .bn img{
	width: 100%;
}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.box__contact{
	background-image: url("../img/contact_girl.webp");
	background-position: 100% bottom;
	background-repeat: no-repeat;
	background-size: 315px 265px;
	padding-top: 50px;

}
	
.box__contact h3{
	background-image: url("../img/contact_fukidasi01.webp"), url("../img/contact_fukidasi02.webp");
	background-position: center top, center bottom;
	background-repeat: no-repeat,  no-repeat;
	background-size: 100% auto;
	background-color: #f4d43a;
	display: inline-block;
	font-family: 'M PLUS 1p', sans-serif;
	padding: 15px 30px 30px;
}
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.box__contact{
	background-image: url("../img/contact_girl.webp");
	background-position: 100% bottom;
	background-repeat: no-repeat;
	background-size: 315px 265px;
	padding-top: 50px;

}
	
.box__contact h3{
	background-image: url("../img/contact_fukidasi01.webp"), url("../img/contact_fukidasi02.webp");
	background-position: center top, center bottom;
	background-repeat: no-repeat,  no-repeat;
	background-size: 100% auto;
	background-color: #f4d43a;
	display: inline-block;
	font-family: 'M PLUS 1p', sans-serif;
	padding: 15px 30px 30px;
}
	
	
}

@media (min-width: 1200px) {
.box__contact{
	background-image: url("../img/contact_girl.webp");
	background-position: 100% bottom;
	background-repeat: no-repeat;
	background-size: 315px 265px;
	padding-top: 50px;

}
	
.box__contact h3{
	background-image: url("../img/contact_fukidasi01.webp"), url("../img/contact_fukidasi02.webp");
	background-position: center top, center bottom;
	background-repeat: no-repeat,  no-repeat;
	background-size: 100% auto;
	background-color: #f4d43a;
	display: inline-block;
	font-family: 'M PLUS 1p', sans-serif;
	padding: 15px 30px 30px;
}
	
	
}



.access__box{
	font-size: 1.2rem;
	margin-bottom: 30px;
	line-height: 150%;

}

@media (max-width: 767px) {


.btn--yellow a:link, .btn--yellow a:visited{
	font-weight: bold;
	font-size: 1.2rem;
	color: #000;
	background-color: #f4d43a;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0 auto;
}

.btn--yellow a:hover{
	font-weight: bold;
	font-size: 1.2rem;
	color: #000;
	background-color: #f4d43a;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0 auto;
}
	
.btn--blue a:link, .btn--blue a:visited{
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	background-color: #2977ad;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
}

.btn--blue a:hover{
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	background-color: #2977ad;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
}
	
.btn--blue2 a:link, .btn--blue2 a:visited{
	border-radius: 12px;
	font-size: 1.2rem;
	color: #fff;
	background-color: #2977ad;
	text-align: center;
	width: 180px;
	height: 24px;
	line-height: 24px;
	display: block;
}

.btn--blue2 a:hover{
	border-radius: 12px;
	font-size: 1.2rem;
	color: #fff;
	background-color: #2977ad;
	text-align: center;
	width: 180px;
	height: 24px;
	line-height: 24px;
	display: block;
}
	
.btn--green a:link, .btn--green a:visited{
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	background-color: #abcf54;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
}

.btn--green a:hover{
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	background-color: #abcf54;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
}
	
.btn--green2 a:link, .btn--green2 a:visited{
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	background-color: #179d87;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
}

.btn--green2 a:hover{
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	background-color: #179d87;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
}
	
.btn--green3 a:link, .btn--green3 a:visited{
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	background-color: #567730;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
}

.btn--green3 a:hover{
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	background-color: #567730;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
}
	
}

@media (min-width: 768px) {


.btn--yellow a:link, .btn--yellow a:visited{
	font-weight: bold;
	font-size: 2rem;
	color: #000;
	background-color: #f4d43a;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
	margin: 0 auto;
}

.btn--yellow a:hover{
	font-weight: bold;
	font-size: 2rem;
	color: #000;
	background-color: #f4d43a;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
	margin: 0 auto;
}
	
.btn--blue a:link, .btn--blue a:visited{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #2977ad;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
}

.btn--blue a:hover{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #2977ad;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
}
	
.btn--blue2 a:link, .btn--blue2 a:visited{
	border-radius: 12px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #2977ad;
	text-align: center;
	width: 180px;
	height: 24px;
	line-height: 24px;
	display: block;
}

.btn--blue2 a:hover{
	border-radius: 12px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #2977ad;
	text-align: center;
	width: 180px;
	height: 24px;
	line-height: 24px;
	display: block;
}
	
.btn--green a:link, .btn--green a:visited{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #abcf54;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
}

.btn--green a:hover{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #abcf54;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
}
	
.btn--green2 a:link, .btn--green2 a:visited{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #179d87;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
}

.btn--green2 a:hover{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #179d87;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
}
	
	
.btn--green3 a:link, .btn--green3 a:visited{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #567730;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
}

.btn--green3 a:hover{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #567730;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: block;
}
	
}

/*検索ボックス１*/
#form4{
position:relative;
max-width:100%;	
margin-bottom:20px;
}
#sbox4{
height:25px;
padding:0 10px; 
position:absolute; 
right:0;
top:0; 
border-radius:25px;
outline:0;
background:#eee;
border:none!important;
}
#sbtn4{
height:25px;
width:30px;	
position:absolute; 
right:0; 
top:0;
background:#eee;
color:#727171;
border:none;
border-radius:0 25px 25px 0;
}
#sbtn4 .fa-search{
font-size:14px;	
position:absolute;
top:20%;
left:10%;	
}
#sbtn4:hover{
color:#888;
}

/*検索ボックス２*/
#form5{
position:relative;
max-width:90%;	
margin: 0 auto;
}
#sbox5{
height:25px;
padding:0 10px; 
position:absolute; 
width:90%;	
top:30px; 
border-radius:25px 0px 0px 25px;
outline:0;
background:#eee;
border:none!important;
}
#sbtn5{
height:25px;
width:10%;	
position:absolute; 
right:0; 
top:30px; 
background:#eee;
color:#727171;
border:none;
border-radius:0 25px 25px 0;
}
#sbtn5 .fa-search{
font-size:14px;	
position:absolute;
top:20%;
left:10%;	
}
#sbtn5:hover{
color:#888;
}

#text01{
height:25px;
width:85%;	
background:#eee;
color:#727171;
border:none;
border-radius:25px;
margin-bottom: 10px;
padding: 0 !important;
}


#text02{
height:25px;
width:30%;	
background:#eee;
color:#727171;
border:none;
border-radius:25px;
margin-bottom: 30px;
padding: 0 !important;
}




@media (max-width:575px) {
#pageTop{
	background-image:url(../img/arrow_up-2.svg);
	background-size: 60px 60px;
	text-indent:-9999px;
	width:60px;
	height:60px;
	position:fixed;
	right: 0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	}
	

#TelLink{
	background-image:url("../img/footer_nav01-2.svg");
	background-size: 60px 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f19033;
	text-indent:-9999px;
	width:60px;
	height:60px;
	position:fixed;
	left: 0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	display: block;
	}
	
#MailLink{
	background-image:url("../img/footer_nav02.svg");
	background-size: 90% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #636463;
	text-indent:-9999px;
	width:calc(100vw - 120px);
	height:60px;
	position:fixed;
	left: 60px;
	bottom:0;
	z-index:999;
	overflow:hidden;
	display: block;
	}
	
	}
@media screen and (min-width: 576px) and (max-width: 767px) {
#pageTop{
	background-image:url(../img/arrow_up-2.svg);
	background-size: 90px 90px;
	text-indent:-9999px;
	width:90px;
	height:90px;
	position:fixed;
	right: 0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	}
	

#TelLink{
	background-image:url("../img/footer_nav01-2.svg");
	background-size: 90% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f19033;
	text-indent:-9999px;
	width:90px;
	height:90px;
	position:fixed;
	left: 0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	display: block;
	}
	
#MailLink{
	background-image:url("../img/footer_nav02.svg");
	background-size: 90% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #636463;
	text-indent:-9999px;
	width:calc(100vw - 180px);
	height:90px;
	position:fixed;
	left: 90px;
	bottom:0;
	z-index:999;
	overflow:hidden;
	display: block;
	}
	
	}

@media (min-width:768px) {
#pageTop{
	background-image:url(../img/arrow_up.svg);
	background-size: 54px 54px;
	text-indent:-9999px;
	width:54px;
	height:54px;
	position:fixed;
	right:10px;
	bottom:110px;
	z-index:999;
	overflow:hidden;
	float:left;
	}
	

#TelLink{
	background-image:url("../img/footer_nav01.svg");
	background-size: 300px 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #2977ad;
	text-indent:-9999px;
	width:50%;
	height:100px;
	position:fixed;
	left: 0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	float:left;
	display: block;
	}
#TelLink:hover{
	background-image:url("../img/footer_nav01.svg");
	background-size: 300px 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f19033;
	text-indent:-9999px;
	width:50%;
	height:100px;
	position:fixed;
	left: 0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	float:left;
	display: block;
	}
	
#MailLink{
	background-image:url("../img/footer_nav02.svg");
	background-size: 300px 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #636463;
	text-indent:-9999px;
	width:50%;
	height:100px;
	position:fixed;
	right: 0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	float:left;
	display: block;
	}
	
#MailLink:hover{
	background-image:url("../img/footer_nav02.svg");
	background-size: 300px 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f19033;
	text-indent:-9999px;
	width:50%;
	height:100px;
	position:fixed;
	right: 0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	float:left;
	display: block;
	}
	
	}
/*
@media (max-width:767px) {

#Tel{
	background-image:url("../img/side_tel.svg");
	background-size: 54px 54px;
	text-indent:-9999px;
	width:54px;
	height:54px;
	position:fixed;
	right:10px;
	bottom:74px;
	z-index:999;
	overflow:hidden;
	float:left;
	}
	
#Tel:hover{
	background-image:url("../img/side_tel.svg");
	background-size: 54px 54px;
	text-indent:-9999px;
	width:54px;
	height:54px;
	position:fixed;
	right:10px;
	bottom:74px;
	z-index:999;
	overflow:hidden;
	float:left;
	}
	}

@media (min-width:768px) {

#Tel{
	display: none!important;
	}
	
#Tel:hover{
	display: none!important;
	}
	}
*/


@media (max-width:767px) {
.bg_area01{
	min-height:200px;
	text-align:center;
	
}

.bg_area02{
	min-height:200px;
	text-align:center;
	
}

	
#trans1 {
  background: url(../img/bg_area01.webp) no-repeat; 
  background-size:100% auto;      
  background-attachment: scroll;
}

#trans2 {
  background: url(../img/bg_area02.webp) no-repeat fixed;
  background-size:100% auto;
  background-attachment: scroll;
}

}

@media (min-width: 768px) {

.bg_area01{
	min-height:350px;
	text-align:center;
	
}

.bg_area02{
	min-height:360px;
	text-align:center;
	
}

#trans1 {
  background: url(../img/bg_area01.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#trans2 {
  background: url(../img/bg_area02.webp) no-repeat fixed;
  background-size:cover;
}

}



loopslider*/
#loopslider {
    margin:0 auto 0;
    width:100%;
    height: 187px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 187px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 280px;
    height: 187px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

/*loopslider*/

/*swiper*/
@media (max-width: 575px) {

.swiper-container{
	width:100%;
	height:395px;

	}
	
.swiper-container .swiper-slide{
	font-size:18px;
	background:#2ea7e0;
	width: 100% !important;
	height: 85px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
         box-sizing: border-box;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	box-shadow: 2px 2px #cdcdcd;
		}        
		
.swiper-container .swiper-slide .box--date{
	overflow:hidden;
	color:#fff;
	width:20%;
	height: 85px;
	float: left;
	padding:0 ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
         box-sizing: border-box;

	display:block;
}

.swiper-container .swiper-slide .box--date p{
	padding: 0px 5px 0px 0px;
	margin: 10px 0;
	border-right: 2px solid #d3d3d3;
	text-align:right;
	font-size: 1.8rem;
	line-height: 1.8rem;
	height: 65px;
	
}

.swiper-container .swiper-slide .box--date p span.y{
	font-size: 1.0rem;
	display: block;
}

.swiper-container .swiper-slide .box--txt{
	overflow:hidden;
	color:#fff;
	width:80%;
	height: 85px;
	float: left;
	padding:0;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
         box-sizing: border-box;

	display:block;
}


.swiper-container .swiper-slide .box--txt p{
	padding: 0px 5px 0px 10px;
	margin: 10px 0;
	font-size: 1.2rem;

}
}


@media (min-width: 576px) {

.swiper-container{
	width:380px;
	height:395px;

	}
	
.swiper-container .swiper-slide{
	font-size:18px;
	background:#2ea7e0;
	width: 380px !important;
	height: 85px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
         box-sizing: border-box;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	box-shadow: 2px 2px #cdcdcd;
		}        
		
.swiper-container .swiper-slide .box--date{
	overflow:hidden;
	color:#fff;
	width:80px;
	height: 85px;
	float: left;
	padding:0 ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
         box-sizing: border-box;

	display:block;
}

.swiper-container .swiper-slide .box--date p{
	padding: 5px 5px 10px 0px;
	margin: 10px 0;
	border-right: 2px solid #d3d3d3;
	text-align:right;
	font-size: 2.4rem;
	line-height: 2.4rem;
	
}

.swiper-container .swiper-slide .box--date p span.y{
	font-size: 1.2rem;
	display: block;
}

.swiper-container .swiper-slide .box--txt{
	overflow:hidden;
	color:#fff;
	width:280px;
	height: 85px;
	float: left;
	padding:0;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
         box-sizing: border-box;

	display:block;
}


.swiper-container .swiper-slide .box--txt p{
	padding: 0px 5px 0px 10px;
	margin: 10px 0;
	font-size: 1.4rem;

}
}



button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow{
	left: -40px;
	width: 40px;
	height: 40px;
	background-image: url("../img/prev_bn.webp");
}
.next-arrow{
  right: -40px;
	width: 40px;
	height: 40px;
	background-image: url("../img/next_bn.webp");
}

.slide-dots {
  text-align: center;
  margin-bottom:50px;
}
.slide-dots li {
  display: inline-block;
  margin: 0 15px;
}
.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
.slide-dots li button:before {
  	content: '●';
  	font-size: 12px;
  	text-indent: 0px;
 	position: absolute;
	color: #fff;
  	top: 0;
  	left: 0;
  	margin-left:-4px;
}
.slide-dots li.slick-active button:before {
  	content: '●';
	color: #a7a5bd;
}

.view a{
	margin: 20px auto;
	width: 180px;
	height: 24px;
	display: block;
	color: #fff;
	font-size: 1.2rem;
	line-height: 24px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 12px;        /* CSS3草案 */  
    -webkit-border-radius: 12px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 12px;   /* Firefox用 */  
}
	
.view a:link, .view a:hover, .view a:visited{
	text-decoration: none;
	color: #fff;
}

	
/*swiper*/

/*youtube*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}