@charset "utf-8";
/******************************************************************
Theme Name: sanwa
------------------------------------------------------------------*/
.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */
.admin-bar header {top: 46px !important;}
.admin-bar .mean-container .mean-bar {top: 46px !important;}
@media screen and (min-width:1000px) {
.admin-bar header {top: 32px !important;}
}

html { font-size: 62.5% !important;overflow: auto;} /* 10px */
body {
	font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 400;
	font-size: 1.8rem;
	margin:0;
	padding: 0 0 0 0;
	color:#333;
	position: relative;
	font-feature-settings: "palt";
	overflow:hidden;
	overflow:clip; 
}

.noto_reg {
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.noto_med {
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.noto_bold {
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.din_reg {
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.din_demi {
	font-family: "din-2014", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.din_bold {
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.din_exbold {
	font-family: "din-2014", sans-serif;
	font-weight: 800;
	font-style: normal;
}

.marugothic_reg {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.marugothic_reg {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
}

a {
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	color:#333;
	text-decoration: none;
}
a:hover {opacity: 0.8;}
a.anc{
   display: block;
   margin-top:-120px;
   padding-top:120px;
}

img {max-width:100%; vertical-align: bottom;-webkit-backface-visibility: hidden;}
.disp_sp {display:none;}
.disp_pc {display:block;}

#loading {
  height: 100%;
  width: 100vw;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
    z-index:0;
    position:relative;
}

@media screen and (max-width:768px) {
	body {
		padding: 60px 0 0 0;
    	font-size: 1.4rem;
	}
	.disp_sp {display:block;}
	.disp_pc {display:none;}
}


ul.sp_footnav{
	display:none;
}

.bnt_to-contact {
	position:fixed;
	top:360px;
	right:0;
	width:100px;
	z-index:10;
}

.bnt_to-konnnakanzi {
	position:fixed;
	bottom:0;
	right:100px;
	width:510px;
	z-index:10;
	margin:0;
	padding:20px;
	background:#EBE9DE;
	border-radius:12px 12px 0 0;
}

@media screen and (max-width:768px) {
	ul.sp_footnav{
		display:block;
		background:#61864D;
		display:flex;
		flex-wrap:nowrap;
		justify-content:space-between;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
	}
	ul.sp_footnav li {
		width:50%;
	}
	ul.sp_footnav li a {
		display:block;
		background:#61864D;
		text-align:center;
		height:67px;
		padding:14px 0 0 0;
	}
	ul.sp_footnav li:last-of-type a {
		display:block;
		background:#B4A865;
	}
	ul.sp_footnav li img {
	}

	.bnt_to-contact {
		display:none;
	}

.bnt_to-konnnakanzi {
position:fixed;
	bottom:70px;
	right:auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width:310px;
	padding:0;
	background:none;
}

}


/***************/
/* header */
/***************/
#header {
	top:0;
	height:100px;
	z-index:999;
	width:100%;
	margin:0 0 0 0;
	transition: all .3s;
	background:rgb(255 255 255 / 80%);
	position:fixed
}

body.home #header {
	background:none;
}

header .header-inn {
	width:100%;
	height:100px;
	margin: auto;
	position: relative;
	transition: all .3s;
}

header .header-inn p.site__id-low {
	width:253px;
	padding: 0;
	position:absolute;
	top:50%;
	left: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

header .header-inn .site__id-sp {
	display:none;
}

 #wrapper h1.site__id{
	display:none;
}

body.home header .header-inn p.site__id-low{
	display:none;
}

.home #wrapper {
	position:relative;
}

h1.site__id-home {
	display:none;
}

.home #wrapper h1.site__id-home {
	width:50%;
	max-width:640px;
	padding: 0;
	position:absolute;
	top:300px;
	left: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display:initial;
	z-index:10;
}

header .header-inn h1 img,
	#wrapper h1.site__id img {
	width:100%;
}

header .header-inn .pcnav {
	display:flex;
	flex-wrap:nowrap;
	justify-content:right;
	
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	height:70px;
	background:#fff;
	border-radius:10px;
	padding:0 0 0 10px;
}

header .header-inn .pcnav li {
	margin:0 0 0 0;
	font-size:1.7rem;
	
    position: relative;
}

header .header-inn .pcnav li a {
	display: block;
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	padding:0 10px;
	position:relative;
}

header .header-inn .pcnav li a:hover {
	opacity:1;
}

header .header-inn .pcnav li a::before,
header .header-inn .pcnav li a::after{
	content: '';
	position: absolute;
	bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 1px solid #B8122A;
	border-right: 1px solid #B8122A;
	box-sizing: border-box;	
	transform:rotate(135deg);
}

header .header-inn .pcnav li a span {
	display:block;
	font-size:1.1rem;
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	font-style: normal;
}

header .header-inn .pcnav li.nav02,
header .header-inn .pcnav li.nav03 {
	width: 150px;
}

header .header-inn .pcnav li.nav02 a {
	background:#F2546B;
	color:#fff;
}

header .header-inn .pcnav li.nav03 a {
	background:#B8122A;
	color:#fff;
	border-radius:0 10px 10px 0;
}

header .header-inn .pcnav li.nav02 a::before,
header .header-inn .pcnav li.nav02 a::after,
header .header-inn .pcnav li.nav03 a::before,
header .header-inn .pcnav li.nav03 a::after{
	display:none;
}


header .header-inn .pcnav li ul.menu__second-level {
    position: absolute;
    top: 70px;
    width: 200px;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

header .header-inn .pcnav li:hover ul.menu__second-level {
    visibility: visible;
    opacity: 1;
	
}

header .header-inn .pcnav li ul.menu__second-level a {
	display: block;
	width: 100%;
	height: auto;
	line-height:1.7em;
	text-align: left;
	padding:8px 0 8px 26px;
	position:relative;
	font-size:1.5rem;
}

header .header-inn .pcnav li ul.menu__second-level a:hover {
	background:#efefef;
}

header .header-inn .pcnav li ul.menu__second-level a::before,
header .header-inn .pcnav li ul.menu__second-level a::after{
	content: '';
	position: absolute;
	bottom: 14px;
	left: 8px;
	transform:inherit;
	-webkit-transform:inherit;
	-ms-transform:inherit;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 1px solid #B8122A;
	border-right: 1px solid #B8122A;
	box-sizing: border-box;	
	transform:rotate(45deg);
}





@media screen and (max-width:1450px) {
	header .header-inn p.site__id-low {
		width:180px;
	}
	header .header-inn .pcnav li {
		margin:0 0 0 0;
		font-size:1.4rem;
	}

	header .header-inn .pcnav li.nav02,
	header .header-inn .pcnav li.nav03 {
		width: 130px;
	}
}

@media screen and (max-width:1250px) {
	header .header-inn p.site__id-low {
		width:140px;
	}
	header .header-inn .pcnav li {
		margin:0 0 0 0;
		font-size:1.3rem;
	}

	header .header-inn .pcnav li.nav02,
	header .header-inn .pcnav li.nav03 {
		width: 100px;
	}
}


@media screen and (max-width:1000px) {
	#header {
		height:60px;
		background:#fff;
	
	}
	
	body.home #header {
		background:#fff;
	}
	
	header .header-inn {
		width:100%;
		height:60px;
		margin: auto;
		position: relative;
		transition: all .3s;
	}
	
	#wrapper h1.site__id{
		display:none;
	}
	
	body.home header .header-inn p.site__id{
		display:none;
	}
	
	
	.home #wrapper h1.site__id-home {
		display:none;
	}
	
	body.home #wrapper header .header-inn h1.site__id-sp,
	header .header-inn p.site__id-low {
		display:block;
		width:160px;
		height:auto;
		padding: 0;
		position:absolute;
		top:10px;
		left: 10px;
		transform:initial;
		-webkit-transform:initial;
		-ms-transform:initial;
	}

	body.home #wrapper header .header-inn h1.site__id img,
	header .header-inn p.site__id img {
		width:100%;
		height:auto;
	}



	header .header-inn .pcnav {
		display:none;
	}
}

.low_header01 {
	background-image: url("./img/low_head-bg.jpg");
	background-position:0;
	background-repeat:no-repeat;
	background-size:cover;
	height:240px;
	width:100%;
	position:relative;
	margin:100px 0 0 0;
}

.low_header01::after {
	content: url(./img/low_head-icon.svg);
	width:370px;
	display:block;
	position:absolute;
	bottom:10px;
	right:10px;
}

.low_header01 .low_header-inn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color:#fff;
	text-align:center;
}

.low_header01 .low_header-inn h1 {
	font-size:2.3rem;
	font-weight:bold;
	letter-spacing:0.1em;
}

.low_header01 .low_header-inn .h-sub {
	margin:0 0 0 0;
	padding:04px 20px;
	font-size:6.0rem;
	display:inline-block;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing:0.1em;
	line-height:1;
}


@media screen and (max-width: 768px) {
	.low_header01 {
		background-image: url("./img/low_head-bg-sp.jpg");
		height:140px;
		margin:0 0 0 0;
	}
	
	.low_header01::after {
	  content: "";
	  display: block;
	  position: absolute;
	  bottom: 0px;
	  right: 10px;
	  width: 200px;
	  height: 40px;
	  background: url(./img/low_head-icon.svg) no-repeat center/contain;
	}
	
	.low_header01 .low_header-inn {
		top: auto;
		bottom:10px;
		left: 10px;
		transform:initial;
		-webkit-transform:initial;
		-ms-transform:initial;
		text-align:left;
		width:100%;
	}
	
	.low_header01 .low_header-inn h1 {
		font-size:1.6rem;
	}
	
	.low_header01 .low_header-inn .h-sub {
		margin:0 0 0 0;
		padding:4px 0px;
		font-size:3.0rem;
		width:100%;
	}
}



.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
transition: opacity .5s;
}

.overlay.open {
/*width: 100%;
height: 100vh;
opacity: 1;
position: fixed;*/
}

.menu-trigger {
/*display: inline-block;*/
display: none;
width: 68px;
height: 68px;
vertical-align: middle;
cursor: pointer;
position: fixed;
top: 0px;
right: 0px;
z-index: 9999;
	background-color: #000;
}

.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);

width: 50%;
height: 2px;
background-color: #fff;
transition: all .5s;
}

.menu-trigger.active span {
background-color: #fff;
}
.menu-trigger p {
display:none;
/*		top: 26px;
left:2px;
margin:auto;
position: absolute;
font-size: 1.2rem;
color:#fff;*/
}
.menu-trigger.active p {
display:none;
}
.menu-trigger.active span {
}	
.menu-trigger span:nth-of-type(1) {
	top: 20px;
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(9px) translateX(-16px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
	top: 29px;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 20px;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-9px) translateX(-16px) rotate(45deg);
}

.nav_top {
display:none;
}

nav {
	display: block;
	width: 100%;
	height: 200px;
	padding: 0px 0 0 0;
	background-color: #b9162d;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	transition: transform 0.5s ease;
	z-index: 900;
	text-align: center;
}

nav.open {
	transform: translateY(0);
	-webkit-overflow-scrolling: touch;
}

nav .menu_id {
	margin:10px 0 30px 0;
}

nav .menu_id img {
}

nav ul.mainnav {
	margin:0 0 0 0;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;	
}

nav ul.mainnav li {
	margin:0 0 0 0;
	padding:0 0;
}

nav ul.mainnav li a {
	font-size:1.6rem;
	padding: 0px 0 4px 0;
	display:block;
	color:#333;
	letter-spacing:0.1em;
}

nav ul.mainnav li a span {
	font-size:1.4rem;
	display:block;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
}

nav .note {
	font-size:1.8rem;
	color:#fff;
}

nav .note img {
	margin:0 0 30px 0;
}

nav .note p {
}

@media screen and (max-width:1000px) {
	.menu-trigger {
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	cursor: pointer;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
	background-color: #b9162d;
	}
	
	nav {
		position: fixed;     /* 画面に固定 */
		inset: 0;            /* top/right/bottom/left:0 と同義 */
		width: 100%;
		height: 100dvh;      /* 100vhより実機に強い。fallbackも下で指定 */
		height: 100vh;       /* フォールバック */
		background: #b9162d; /* お好みの背景色 */
		transition: transform .3s ease;
		overflow-y: auto;                 /* ← 中身をスクロール可能にする */
		-webkit-overflow-scrolling: touch;/* ← iOS慣性スクロール */
		overscroll-behavior: contain;     /* 背景にバウンドしない */
	}

	nav.open {
		transform: translateY(0);
	}
	
	nav ul.mainnav {
		flex-wrap:wrap;
		padding:60px 0 100px 0;
		width:80%;
		margin:auto;
	}
	
	nav ul.mainnav li {
		width:100%;
		margin: 0px 0 10px 0;
		text-align:left;
	}
	
	nav ul.mainnav li a {
		color:#fff;
		display:block;
		font-weight:bold;
		font-size:1.4rem;
		border-bottom:solid 1px #fff;
		padding:6px 10px;
	}
	
	nav ul.mainnav li ul{
		padding:10px 0 20px 10px;
	}
	
	nav ul.mainnav li ul li {
		width:100%;
		margin: 0;
		text-align:left;
	}
	
	nav ul.mainnav li ul li a {
		font-weight:normal;
		font-size:1.4rem;
		border-bottom:none;
		padding:8px 10px;
	}
	
	nav ul.mainnav li ul li a::before {
		content:"●";
		color:#fff;
		margin:0 6px 0 0;
	}
}


/* main_slide */
.mainhead {
	position: relative;
	width: 100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

.mainslide {
	overflow:hidden;
	width: 100%;
	height:auto;
	/*max-width: 1680px;*/
	/*max-height:1030px;*/
	margin: 0 auto;
}

.mainslide img{
	width: 100%;
	height:auto;
	/*max-width: 1680px;*/
	/*max-height:1030px;*/
	object-fit: cover;
}

.mainhead .mainhead_id-sp{
	display:none;
}


.slide{
	z-index:-1;
	position:relative;
}

.slide ul {
}

.slide ul li img {
	width:100%;
}

@media screen and (max-width: 768px) {
	.mainhead {
		height:auto;
	}
	
	.mainslide {
		height:auto;
	}
	
	.mainslide img{
		height:auto;
	}	
	
	.mainslide img:last-of-type {
		margin:20px 0 0 0;
	}

	.mainhead .mainhead_id-sp{
		display:initial;
		position:absolute;
		top:200px;
		left:0;
		width:50%;
	}
}

@media screen and (max-width: 425px) {
	.mainhead .mainhead_id-sp{
		top:160px;
	}
}


/***************/
/* footer */
/***************/
.contact__box {
	padding:100px 0;
	background: repeating-linear-gradient(-45deg, #B8122A, #B8122A 15px, #BF2E44 15px, #BF2E44 30px);
	position:relative;
}

.contact__box .bl_inn {
	width:96%;
	max-width:1100px;
	margin:0 auto;
	color:#fff;
}

.contact__box .bl_inn .chara {
	position:absolute;
	bottom:0;
	right:10px;
	z-index:0;
}

.contact__box .bl_inn .h2-box {
	text-align:center;
	margin:0 0 40px 0;
}

.contact__box .bl_inn .h2-box .h-sub {
	font-family: "din-2014", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size:6.0rem;
	margin:0;
	line-height:1;
}

.contact__box .bl_inn .h2-box h2 {
	font-size:2.3rem;
    font-weight: 700;
    font-style: normal;
	letter-spacing:0.2em;
}

.contact__box .bl_inn ul.nav01 {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;

	border-bottom:solid 1px #fff;
	padding:0 0 40px 0;
	margin:0 0 40px 0;
	position:relative;
	z-index:1;
}

.contact__box .bl_inn ul.nav01 li {
	width:48%;
}

.contact__box .bl_inn ul.nav01 li a {
	display:block;
	background:#fff;
	text-align:center;
	padding:40px 0;
	border-radius:10px;
	color:#B8122A;
	font-size:3.5rem;
    font-weight: 700;
	letter-spacing:0.04em;
	line-height:1;
}

.contact__box .bl_inn ul.nav01 li a:before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 36px;
	background: url(./img/contact_nav01a.png) no-repeat;
	background-size: contain;
	margin-right: 10px;
}

.contact__box .bl_inn ul.nav01 li:last-of-type a:before {
	content: "";
	display: inline-block;
	width: 34px;
	height: 27px;
	background: url(./img/contact_nav01b.png) no-repeat;
	background-size: contain;
	margin-right: 10px;
}

.contact__box .bl_inn ul.nav02 {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position:relative;
	z-index:1;
}

.contact__box .bl_inn ul.nav02 li {
	width:48%;
	text-align:center;
}

.contact__box .bl_inn ul.nav02 li a {
	font-size:3.4rem;
    font-weight: 700;
	color:#fff;
	letter-spacing:0.04em;
}

.contact__box .bl_inn ul.nav02 li:first-of-type a:before {
	content: "";
	display: inline-block;
	width: 54px;
	height: 54px;
	background: url(./img/contact_nav02a.png) no-repeat;
	background-size: contain;
	margin-right: 10px;
	vertical-align: middle;
}


footer {
	padding:60px 0 0 0;
	background-image: url(./img/footer_bg.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center top;
}

footer .footer-inn {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
	min-height:800px;
}

footer .footer-inn .foot-info {
	width:34%;

}

footer .footer-inn .foot-info .foot_id {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:solid 1px #b8122a;
	max-width:200px;
}

footer .footer-inn .foot-info .txt01 {
	font-size:1.5rem;
}

footer .footer-inn .foot-info02 {
	width:66%;
	position:relative;
	padding:0 170px 0 0;
}

footer .footer-inn .foot-info02 .foot_nav1 {
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
	margin:0 0 30px 0;
}

footer .footer-inn .foot-info02 .foot_nav1 li {
	width:33%;
	font-size:1.7rem;
}

footer .footer-inn .foot-info02 .foot_nav1 li a {
	color:#B8122A;
	font-weight:bold;
}

footer .footer-inn .foot-info02 .foot_nav1 li ul {
	width:100%;
	margin:10px 0 0 0;
}

footer .footer-inn .foot-info02 .foot_nav1 li ul li {
	font-size:1.4rem;
	width:100%;
	margin:0 0 10px 0;
}

footer .footer-inn .foot-info02 .foot_nav1 li ul li::before {
	content:"\30FB";
	margin:0 6px 0 0;
}


footer .footer-inn .foot-info02 .foot_nav1 li ul li a {
	color:#333;
	font-weight:normal;
}



footer .footer-inn .foot-info02 .foot_nav2 {
	position:absolute;
	top:0;
	right:0;
}

footer .footer-inn .foot-info02 .foot_nav2 li {
	margin:0 0 10px 0;
}

footer .footer-inn .foot-info02 .foot_nav2 li a {
	display:block;
	background:#b8122a;
	color:#fff;
	text-align:center;
	width:160px;
	padding:14px 0;
	font-size:1.8rem;
	font-weight:bold;
}

footer .footer-inn .foot-info02 .foot_nav2 li.nav01 a {
	margin:0 0 40px 0;
	background:#E4C97F;
	color:#333;
}

footer .footer-inn .foot-info02 .foot_nav2 li.nav02 a {
	background:#F2546B;
}

footer .footer-inn .foot-info02 .foot_nav2 li.nav03 {}

footer .copy{
	background:#333333;
	text-align:center;
	padding:40px;
}

footer .copy p {
	margin:0;
	color:#fff;
	font-size:1.6rem;
}

@media screen and (max-width:768px) {
	.contact__box {
		padding:60px 0 20px 0 ;
	}
	
	.contact__box .bl_inn .chara {
		top:6px;
		width:140px;
	}
	
	.contact__box .bl_inn .h2-box {
		text-align:left;
		margin:0 0 20px 0;
	}
	
	.contact__box .bl_inn .h2-box .h-sub {
		font-weight: 700;
		font-size:5.0rem;
	}
	
	.contact__box .bl_inn .h2-box h2 {
		font-size:1.8rem;
	}
	
	.contact__box .bl_inn ul.nav01 {
		padding:0 0 30px 0;
		margin:0 0 30px 0;
	}
	
	.contact__box .bl_inn ul.nav01 li {
		width:100%;
		margin:0 0 10px 0;
	}
	
	.contact__box .bl_inn ul.nav01 li a {
		text-align:center;
		padding:20px 20px;
		font-size:2.2rem;
	}
	
	.contact__box .bl_inn ul.nav01 li a:before {
		width: 22px;
		height: 22px;
	}
	
	.contact__box .bl_inn ul.nav01 li:last-of-type a:before {
		width: 24px;
		height: 20px;
	}
	
	.contact__box .bl_inn ul.nav02 li {
		width:100%;
		margin:0 0 20px 0;
	}
	
	.contact__box .bl_inn ul.nav02 li a {
		font-size:2.4rem;
	}
	
	.contact__box .bl_inn ul.nav02 li img {
		width:280px;
	}
	
	.contact__box .bl_inn ul.nav02 li:first-of-type a:before {
		width: 34px;
		height: 34px;
	}

	footer {
		padding:60px 0 0 0;
		background-position:center bottom;
	}
	
	footer .footer-inn {
		min-height:auto;
		padding:0 0 100px 0;
	}
	
	footer .footer-inn .foot-info {
		width:100%;
		text-align:center;
	}
	
	footer .footer-inn .foot-info .foot_id {
		margin:0 auto 20px auto;
		padding:0 0 20px 0;
		border-bottom:solid 1px #b8122a;
		max-width:160px;
	}
	
	footer .footer-inn .foot-info02 {
		display:none;
	}
	
	footer .copy{
		padding:20px;
	}
	
	footer .copy p {
		font-size:1.1rem;
	}
}




/* to TOP */
.topBtn {
	position:fixed;
	bottom:130px;
	right:20px;
	display:block;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:22px;
	border-radius:30px;
	padding-top:22px;
	box-sizing:border-box;
	display:none;
}
.topBtn:before {
	content:'\25B2';
	position:absolute;
	top:6px;
	left:0;
	width:100%;
	text-align:center;
	font-size:14px;
}
.topBtn:hover {opacity:0.7;}


.floating {
	display:none;
}

.floating .foot_nav {
	position:fixed;
	bottom:0;
	right: 20px;
	display:flex;
	justify-content: space-between;
	flex-wrap:nowrap;
}

.floating .foot_nav li {
	width:310px;
	margin:0 0 0 20px; 0
}

.floating .foot_nav li a {
	display:block;
	width:100%;
	text-align:center;
	height:116px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	border-radius:10px 10px 0 0;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
}

.floating .foot_nav li a img{
	width:230px;
	margin:auto;
}

.floating .foot_nav li:first-of-type a {
	background: #908872;
}

.floating .foot_nav li:last-of-type a {
	background: #4890be;
}

.floating .foot_nav li.tel a.tel01 {
	display: grid;
}

.floating .foot_nav li.tel a.tel02 {
	display:none;
}

.parent-pageid-9 .floating .foot_nav li.tel a.tel01 {
	display: none;
}

.parent-pageid-9 .floating .foot_nav li.tel a.tel02 {
	display:grid;
}



@media screen and (max-width:768px) {
	.topBtn {
		display:none;
    	bottom:60px;
    	font-size:10px;
		width:40px;
		height:40px;
    	padding-top:16px;
	}

	.topBtn:before {
		top:2px;
		font-size:10px;
	}

	.floating.visible {
		display:block;
	}
	.floating .foot_nav {
		width:100%;
		bottom:0;
		right: 0;
	}
	
	.floating .foot_nav li {
		width:50%;
		margin:0 0 0 0px; 0
	}
	
	.floating .foot_nav li a {
		height:60px;
		border-radius:0;
		border:solid 1px #fff;
	}
	
	.floating .foot_nav li a img{
		width: 130px;
	}
}



/***************/
/* common */
/**************/
#content .bl_inn {
	max-width: 1100px;
	width:96%;
	margin:0 auto;
}

#content .bl_inn.w1300 {
	max-width: 1300px;
}

#content .bl_inn.w1100 {
	max-width: 1100px;
}

#content .bl_inn.w800 {
	max-width: 800px;
}

#content .bl_inn.w700 {
	max-width: 700px;
}

.sec_read {
	margin:0 0 40px 0;
	text-align:center;
}

p {
	margin:0 0 20px 0;
	line-height:1.75em;
}
.float-l {float: left;}
.float-r {float: right;}

.w400 {width: 400px;}
.b-r8 {border-radius: 8px;}

.b_01 {font-weight: bold;}
.txt_center {text-align: center;}
.txt_bold {font-weight: bold;}
.txt_red {color: #e84114;}
.txt_pink {color: #f373aa;}

.color-purple {color: #7E3380;}
.color-blown {color: #6A3906;}
.color-green {color: #3C965A;}
.color-orange {color: #C85513;}
.color-blue {color: #2C80BA;}

.mt-0 {margin-top: 0 !important;}
.pt-0 {padding-top: 0 !important;}
.mt-20 {margin-top: 20px;}
.mr-20 {margin-right: 20px;}
.ml-20 {margin-left: 20px;}
.mb-20 {margin-bottom: 20px;}

.mb-60 {margin-bottom: 60px;}
.ptb-40 {padding: 40px 0;}
.ptb-60 {padding: 60px 0;}
.ptb-80 {padding: 80px 0;}
.ptb-100 {padding: 100px 0;}
.fs-20{font-size: 2.0rem;}
.fs-22{font-size: 2.2rem;}
.fs-24{font-size: 2.4rem;}
.txt_note{
	background:#F8F8FA;
	padding: 20px;
}

.more {
	margin: 0;
	width: 100%;
}

.more a {
	display:block;
	text-align:center;
	text-decoration:none;
	background:#4891BE;
	border: 1px solid #4891BE;
	color:#fff;
	padding:40px 0px;
	position:relative;
	font-size:1.6rem;
	font-weight:bold;
}

.more a::after {
	position: absolute;
	right: 40px;
	top: 50%;
	content: "";
	width: 40px;
	height: 8px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: skew(45deg) translateY(-50%);
}

.more:hover a {
	opacity:1;
}


.btn_01 a {
	display:block;
	background:#5396A8;
	color:#fff;
	border:none;
	text-align:center;
	border-radius:4px;
	padding:6px;
	font-size:1.6rem;
	border:solid 1px #5396A8;
}

.btn_01 a:hover {
	background:#fff;
	color:#5396A8;
	opacity:1;
}

.btn_02 {
}

.btn_02 a {
	display:block;
	background:#B8122A;
	color:#fff;
	border:none;
	text-align:center;
	border-radius:4px;
	padding:20px;
	font-size:2.2rem;
	border:solid 1px #B8122A;
	letter-spacing:0.1em;
}

.btn_02 a:hover {
	background:#fff;
	color:#B8122A;
	opacity:1;
}


.ankr {
	background:#fff;
	color:#5396A8;
	opacity:1;
}

.access_map {
	height: 600px;
}

.access_map iframe {
}

@media screen and (max-width:768px) {
#content .bl_inn {
max-width: 1400px;
width:94%;
margin:0 auto;
}

#content .bl_inn.w1480 {
max-width: 1480px;
}

.sec_read {
margin:0 0 40px 0;
text-align:center;
}

p {
margin:0 0 20px 0;
line-height:1.75em;
}

.more {
margin: 0;
max-width: 500px;
width: 100%;
}

.more a {
display:block;
text-align:center;
text-decoration:none;
background:#B4A865;
border: 1px solid #B4A865;
color:#fff;
padding:20px 0px;
position:relative;
font-size:1.6rem;
font-weight:bold;
}

.more a::after {
position: absolute;
right: 40px;
top: 50%;
content: "";
width: 40px;
height: 8px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: skew(45deg) translateY(-50%);
}

.more:hover a {
opacity:1;
}



.btn_03 {
}

.btn_03 a {
display:block;
text-align:center;
text-decoration:none;
border: 1px solid #005FA3;
background:#005FA3;
color:#fff;
padding:16px 0;
position:relative;
width: 600px;
font-size:1.7rem;
margin:90px auto 0;
}

.btn_03 a:hover {
background:#005FA3;
color:#fff;
}


}


/***** common_foot *****/
.common02 {}
.common02 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.common02 ul li {
	width:50%;
}

.common02 ul li a {
	display:block;
	height:510px;
	width:100%;
	position:relative;
	
}

.common02 ul li.common_bnr01 a {
	background-image: url(./img/common02_bg01.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
}

.common02 ul li.common_bnr02 a {
	background-image: url(./img/common02_bg02.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
}

.common02 ul li a span {
	color:#fff;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:7.6rem;
	position:absolute;
	bottom:100px;
	left:40px;
}

.common02 ul li a h2 {
	color:#fff;
	font-size:3.6rem;
	font-weight: 700;
	position:absolute;
	bottom:50px;
	left:40px;
}

@media screen and (max-width:768px) {
	.common02 ul li {
		width:100%;
	}
	
	.common02 ul li a {
		height:220px;
		width:100%;
	}

	.common02 ul li.common_bnr01 a {
		background-position:top;
	}
	
	.common02 ul li.common_bnr02 a {
		background-position:top;
	}

	.common02 ul li a span {
		font-size:4.6rem;
		bottom:50px;
		left:20px;
	}
	
	.common02 ul li a h2 {
		font-size:2.6rem;
		bottom:20px;
		left:20px;
	}
}




/***************/
/* content */
/**************/
#content {
	padding:0;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing:0.1em
}

@media screen and (max-width:768px) {
	#content {
		padding:0 0 0 0;
	}
}

/* top_item01 */
#content section.top_item01 {
	margin:0 auto;
	padding:200px 0 100px 0;

	position: relative;
	z-index: 0;
}

#content section.top_item01::after {
	content: '';
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 60%;
	background-image: url(./img/top_item01_bg.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	transform: skewY(6deg);
	transform-origin:center center;
	min-height:1000px;
}

#content section.top_item01::before {
	content: '';
	position: absolute;
	left:0;
	top: -230px;
	z-index: 0;
	width: 100%;
	height: auto;
	background-image: url(./img/top_item01_head.svg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:bottom;
	transform: skewY(6deg);
	transform-origin:center center;
	min-height: 230px;
}

#content section.top_item01 .bl_inn {}

#content section.top_item01 .inn__01 {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	margin:0 0 60px 0;
}

#content section.top_item01 .inn__01 p {
	width:calc(100% - 379px);
	color:#fff;
	font-size:3.1rem;
    font-weight: 700;
	letter-spacing:0.1em;
	line-height:2.0em;
}

#content section.top_item01 .inn__01 figure {
	width:379px;
}

#content section.top_item01 .inn__01 figure img {
	border:solid 10px #fff;
	border-radius:30px;
}

#content section.top_item01 .inn__02 {
	position:relative;
	background:#F9F3E1;
	padding:30px 0 30px 290px;
	border-radius:10px;
}

#content section.top_item01 .inn__02 p {
	color:#333;
	font-size:2.1rem;
	letter-spacing:0.1em;
	line-height:1.7em;
	margin:0;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
}

#content section.top_item01 .inn__02 figure {
	position:absolute;
	top:-50px;
	left:-30px;
}

@media screen and (max-width:768px) {
	#content section.top_item01 {
		padding:100px 0 60px 0;
	}
	
	#content section.top_item01::after {
		min-height:840px;
	}
	
	#content section.top_item01 .inn__01 {
		flex-wrap:wrap;
	}
	
	#content section.top_item01 .inn__01 p {
		width:100%;
		font-size:1.8rem;
		letter-spacing:0.0em;
		line-height:1.7em;
		text-align:center;
		order:1;
	}
	
	#content section.top_item01 .inn__01 figure {
		width:80%;
		margin:0 auto 20px auto;
	}

	#content section.top_item01 .inn__01 figure img {
		border:none;
		border-radius:30px;
	}

	#content section.top_item01 .inn__02 {
		padding:30px 10px 20px 10px;
	}
	
	#content section.top_item01 .inn__02 p {
		font-size:1.5rem;
		text-align:center;
		letter-spacing:0.0em;
	}
	
	#content section.top_item01 .inn__02 figure {
		top:-50px;
		left:10px;
		width:80px;
	}
}


/* top_item02 */
#content section.top_item02 {
	padding:340px 0 150px 0;
	background: repeating-linear-gradient(-45deg, #F7F7FB, #F7F7FB 20px, #fff 20px, #fff 40px);
}

#content section.top_item02 .bl_inn {
	position:relative;
	z-index:1;
}

#content section.top_item02 .bl_inn .chara01 {
	position:absolute;
	z-index:0;
	bottom:-230px;
	right:-500px;
}

#content section.top_item02 .bl_inn .h2-box {
	display:flex;
	flex-wrap:nowrap;
	justify-content:start;
	align-items:center;
	margin:0 0 20px 0;
}

#content section.top_item02 .bl_inn .h2-box .h-sub {
	color:#b8122a;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:7.0rem;
	letter-spacing:0.1em;
	line-height:1;
}

#content section.top_item02 .bl_inn .h2-box h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1;
	font-size:2.3rem;
	margin:0 0 0 30px;
}

#content section.top_item02 .bl_inn .read {
	margin:0 0 60px 0;
}

#content section.top_item02 .bl_inn .inn1 {
	position:relative;
	margin:0 0 80px 0;
}

#content section.top_item02 .bl_inn .inn1 .chara02 {
	position:absolute;
	top:-240px;
	right:0;
	z-index:0;
}

#content section.top_item02 .bl_inn .inn1 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	z-index:1;
	position:relative;
}

#content section.top_item02 .bl_inn .inn1 ul::after{
  content:"";
  display: block;
  width:33%;
}

#content section.top_item02 .bl_inn .inn1 ul li {
	border-radius: 10px;
	width:32%;
	margin:0 0 20px 0;
}

#content section.top_item02 .bl_inn .inn1 ul li:nth-child(2) {
	margin-top:30px;
}

#content section.top_item02 .bl_inn .inn1 ul li:nth-child(3) {
	margin-top:60px;
}

#content section.top_item02 .bl_inn .inn1 ul li:nth-child(5) {
	margin-top:30px;
}

#content section.top_item02 .bl_inn .inn1 ul li:nth-child(6) {
	margin-top:60px;
}

#content section.top_item02 .bl_inn .inn1 ul li:nth-child(8) {
	margin-top:30px;
}

#content section.top_item02 .bl_inn .inn1 ul li a {
	display:block;
}

#content section.top_item02 .bl_inn .inn1 ul li a:hover {
	opacity:1;
}

#content section.top_item02 .bl_inn .inn1 ul li figure {}

#content section.top_item02 .bl_inn .inn1 ul li figure img {
	border-radius:10px 10px 0 0;
}

#content section.top_item02 .bl_inn .inn1 ul li .txt {
	background: #fff;
	padding:20px;
	border-radius:0 0 10px 10px;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
}

#content section.top_item02 .bl_inn .inn1 ul li .txt h3 {
	color:#B8122A;
	font-size:1.8rem;
	font-weight: 600;
}

#content section.top_item02 .bl_inn .inn1 ul li .txt p {
	font-size:1.6rem;
	margin:0;
	font-weight: 400;
}

#content section.top_item02 .bl_inn .inn1 ul li .txt p.btn_01 {
	margin:10px 0 0 0;
	display:block;
	background:#b8122a;
	color:#fff;
	border:none;
	text-align:center;
	border-radius:4px;
	padding:6px;
	font-size:1.6rem;
	border:solid 1px #b8122a;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

#content section.top_item02 .bl_inn .inn1 ul li a:hover p.btn_01 {
	background:#fff;
	color:#b8122a;
	opacity:1;
}

#content section.top_item02 .bl_inn .inn2 {
	position:relative;
	z-index:1;
	background:#F9F3E1;
	border-radius:10px;
	padding:50px 30px;
}

#content section.top_item02 .bl_inn .inn2 h3 {
	text-align:center;
	margin:0 0 40px 0;
}

#content section.top_item02 .bl_inn .inn2 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#content section.top_item02 .bl_inn .inn2 ul li {
	width:50%;
	text-align:center;
}

@media screen and (max-width:768px) {
	#content section.top_item02 {
		padding:140px 0 40px 0;
	}
	
	#content section.top_item02 .bl_inn {
	position:relative;
	z-index:1;
	}
	
	#content section.top_item02 .bl_inn .chara01 {
		bottom:-180px;
		right:-10px;
		width:110%;
	}
	
	#content section.top_item02 .bl_inn .h2-box {
		flex-wrap:wrap;
	}
	
	#content section.top_item02 .bl_inn .h2-box .h-sub {
		font-size:4.0rem;
	}
	
	#content section.top_item02 .bl_inn .h2-box h2 {
		font-size:1.8rem;
		margin:0 0 0 0px;
	}
	
	#content section.top_item02 .bl_inn .read {
		margin:0 0 40px 0;
	}
	
	#content section.top_item02 .bl_inn .inn1 {
		margin:0 0 140px 0;
	}
	
	#content section.top_item02 .bl_inn .inn1 .chara02 {
		top:-290px;
		width:100px;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li {
		width:49%;
		margin:0 0 30px 0;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li:nth-child(2),
	#content section.top_item02 .bl_inn .inn1 ul li:nth-child(3),
	#content section.top_item02 .bl_inn .inn1 ul li:nth-child(5),
	#content section.top_item02 .bl_inn .inn1 ul li:nth-child(6),
	#content section.top_item02 .bl_inn .inn1 ul li:nth-child(8) {
		margin-top:0;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li a {
	display:block;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li a:hover {
	opacity:1;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li figure {}
	
	#content section.top_item02 .bl_inn .inn1 ul li figure img {
	border-radius:10px 10px 0 0;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li .txt {
		padding:6px;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li .txt h3 {
		font-size:1.5rem;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li .txt p {
		font-size:1.3rem;
		line-height:1.5;
	}
	
	#content section.top_item02 .bl_inn .inn1 ul li .txt p.btn_01 {
		padding:4px;
		font-size:1.5rem;
	}
	
	#content section.top_item02 .bl_inn .inn2 {
		padding:20px 10px;
	}
	
	#content section.top_item02 .bl_inn .inn2 h3 {
		margin:0 0 20px 0;
	}
	
	#content section.top_item02 .bl_inn .inn2 ul li {
		width:100%;
		margin:0 0 20px 0;
	}
	
	#content section.top_item02 .bl_inn .inn2 ul li:last-of-type {
		margin:0 0 0 0;
	}
}


/* top_sub01 */
#content section.top_sub01 {
	background-image: url("./img/top_sub01_bg.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:600px;
}
#content section.top_sub01 p {
	display:none;
}
@media screen and (max-width:768px) {
	#content section.top_sub01 {
		background-image: url("./img/top_sub01_bg.jpg");
		background-position:center;
		background-size:cover;
		min-height:160px;
	}
}

/* top_item03 */
.top_item03 {
	display: flex;
	justify-content: center; /* 中央寄せ */
	background: #fff;
	padding:0 0 100px 0;
	position:relative;
}

.top_item03 .top_item03_chara01 {
	position:absolute;
	top:0;
	left:0;
}

/* ピンクのボックス（右いっぱいに伸ばす） */
.top_item03_bg {
	position: relative;
	background: #fce6ea;
	max-width: 1300px;
	width: 100%;
	border-radius: 30px 0 0 30px;
	display: flex;
	justify-content: center;
	padding:60px 0;
	margin:-100px 0 0 0;
	position:relative;
}

/* ピンクを右端まで伸ばすトリック */
.top_item03_bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 100vw;  /* 画面幅ぶん右に伸ばす */
  height: 100%;
  background: #fce6ea;
  overflow: visible;
}

.top_item03 .top_item03_bg .top_item03_chara02 {
	position:absolute;
	top:0;
	right: calc(-1 * ((100vw - 1100px) / 2));
}

/* グレーのボックス（コンテンツエリア） */
.top_item03 .top_item03_bg .bl_inn {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 40px;
	box-sizing: border-box;
	z-index:1;
}

#content section.top_item03 .bl_inn .h2-box {
	display:flex;
	flex-wrap:nowrap;
	justify-content:start;
	align-items:center;
	margin:0 0 20px 0;
}

#content section.top_item03 .bl_inn .h2-box .h-sub {
	color:#b8122a;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:7.0rem;
	letter-spacing:0.1em;
	line-height:1;
}

#content section.top_item03 .bl_inn .h2-box h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1;
	font-size:2.3rem;
	margin:0 0 0 30px;
}

#content section.top_item03 .bl_inn .read {
	margin:0 0 60px 0;
}

#content section.top_item03 .bl_inn .inn1 {
}

#content section.top_item03 .bl_inn .inn1 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 40px 0;
}

#content section.top_item03 .bl_inn .inn1 ul li {
	background: #fff url("./img/top_item03_icon01.png") no-repeat right bottom;
	width:32%;
	margin:0 0 60px 0;
	text-align:center;
	padding:30px 0;
	border-radius:10px;
  box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.15);
}

#content section.top_item03 .bl_inn .inn1 ul li .numb {
	color:#CBA12F;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:2.0rem;
	position:relative;
	margin:0 0 60px 0;
}

#content section.top_item03 .bl_inn .inn1 ul li .numb span {
	font-size:6.0rem;
	display:block;
}

#content section.top_item03 .bl_inn .inn1 ul li .numb:before {
    content: '';
    position: absolute;
    bottom: -40px;
    display: inline-block;
    width: 60px;
    height: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #CBA12F;
}


#content section.top_item03 .bl_inn .inn1 ul li h3 {
	font-size:2.4rem;
	line-height:1.5em;
}

#content section.top_item03 .bl_inn .inn1 .btn_02 {}
#content section.top_item03 .bl_inn .inn1 .btn_02 a {
	max-width:420px;
	margin:auto;
}


#content section.top_item03 .bl_inn .inn1 .top_item03_chara03 {
	position:absolute;
	right: calc(-1 * ((100vw - 1300px) / 2));
	bottom:0;
	z-index:-1;
}

@media screen and (max-width:768px) {
#content section.top_item03 {
display: flex;
justify-content: center; /* 中央寄せ */
background: #fff;
padding:0 0 100px 0;
position:relative;
}

#content section.top_item03 .top_item03_chara01 {
position:absolute;
	top:auto;
	bottom:-20px;
	left:0;
	width:120%;
}

/* ピンクのボックス（右いっぱいに伸ばす） */
#content section.top_item03 .top_item03_bg {
position: relative;
background: #fce6ea;
max-width: 1300px;
	width: 96%;
border-radius: 30px 0 0 30px;
display: flex;
justify-content: center;
	padding:40px 0 140px 0 ;
	margin:0px 0 0 0;
position:relative;
}

/* ピンクを右端まで伸ばすトリック */
#content section.top_item03 .top_item03_bg::before {
content: "";
position: absolute;
top: 0;
left: 100%;
width: 100vw;  /* 画面幅ぶん右に伸ばす */
height: 100%;
background: #fce6ea;
overflow: visible;
}

#content section.top_item03 .top_item03_bg .top_item03_chara02 {
	position:absolute;
	top:0;
	right:-10px;
	width:200px;
}

/* グレーのボックス（コンテンツエリア） */
#content section.top_item03 .top_item03_bg .bl_inn {
	width: 100%;
	padding: 0px 10px 0px 14px;
}

#content section.top_item03 .bl_inn .h2-box {
	flex-wrap:wrap;
}

#content section.top_item03 .bl_inn .h2-box .h-sub {
	font-size:4.0rem;
	text-align:center;
	width:100%;
	margin:0 0 10px 0;
	text-shadow: 0px 0px 2px #fff;
	text-shadow: 0px 0px 10px #fff;
}

#content section.top_item03 .bl_inn .h2-box h2 {
	font-size:1.8rem;
	text-align:center;
	width:100%;
	text-shadow: 0px 0px 2px #fff;
	text-shadow: 0px 0px 10px #fff;
}

#content section.top_item03 .bl_inn .read {
	margin:0 0 20px 0;
}

#content section.top_item03 .bl_inn .inn1 ul li {
	background-size:40px auto;
	width:49%;
	margin:0 0 20px 0;
	padding:10px 10px 30px 10px;
}

#content section.top_item03 .bl_inn .inn1 ul li .numb {
	margin:0 0 20px 0;
}

#content section.top_item03 .bl_inn .inn1 ul li .numb span {
	font-size:4.0rem;
}

#content section.top_item03 .bl_inn .inn1 ul li .numb:before {
	bottom: -10px;
}


#content section.top_item03 .bl_inn .inn1 ul li h3 {
	font-size:1.4rem;
	letter-spacing:0;
}

#content section.top_item03 .bl_inn .inn1 .top_item03_chara03 {
	right: -20px;
	bottom:0;
	width:300px;
}
}


/* top_item04 */
#content section.top_item04 {
	position:relative;
	padding:80px 0 300px 0;
}

#content section.top_item04::after {
	content: '';
	position: absolute;
	left:0;
	bottom: 0px;
	z-index: -1;
	width: 100%;
	height: 80%;
	transform: skewY(6deg);
	transform-origin:center center;
	min-height:1000px;
	background-image: linear-gradient(90deg, #9ccdda, #6bc4a5a3);
}

#content section.top_item04 .top_item04_chara01 {
	position:absolute;
	bottom:100px;
	left:20px;
}

#content section.top_item04 .top_item04_chara02 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#content section.top_item04 .top_item04_chara02 img {
	width:100%;
}

#content section.top_item04 .bl_inn {
	position:relative;
}

#content section.top_item04 .bl_inn .inn__01 {
}

#content section.top_item04 .bl_inn .inn__01 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 140px 0;
}

#content section.top_item04 .bl_inn .inn__01 ul li {
	width:33%;
}

#content section.top_item04 .bl_inn .inn__01 ul li:nth-child(2) {
	margin-top:60px;
}

#content section.top_item04 .bl_inn .inn__01 ul li:nth-child(3) {
	margin-top:120px;
}

#content section.top_item04 .bl_inn .inn__01 ul li img {
}

#content section.top_item04 .bl_inn .inn__02 {
}

#content section.top_item04 .bl_inn .inn__02 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:0 0 40px 0;
}

#content section.top_item04 .bl_inn .inn__02 ul li {
	width:31%;
	text-align:center;
	background:#fff;
	margin:0 1% 120px;
	border-radius:10px;
}

#content section.top_item04 .bl_inn .inn__02 ul li a {
	display:block;
	padding:0 0 20px 0;
}

#content section.top_item04 .bl_inn .inn__02 ul li a:hover {
	opacity:1;
	color:#56A3B8;
}

#content section.top_item04 .bl_inn .inn__02 ul li a .icon {
	margin:-50px 0 0 0;
}

#content section.top_item04 .bl_inn .inn__02 ul li a h2 {
	font-size:2.8rem;
	line-height:1.5em;
}

#content section.top_item04 .bl_inn .inn__02 ul li a .sub {
	font-size:2.0rem;
	color:#56A3B8;
	margin:0;
}


@media screen and (max-width:768px) {
	#content section.top_item04 {
		padding:60px 0 100px 0;
	}
	
	#content section.top_item04 .top_item04_chara01 {
		bottom:140px;
		left:auto;
		right:0;
		width:160px;
	}
	
	#content section.top_item04 .bl_inn .inn__01 ul {
		margin:0 0 80px 0;
	}
		
	#content section.top_item04 .bl_inn .inn__01 ul li:nth-child(2) {
		margin-top:40px;
	}
	
	#content section.top_item04 .bl_inn .inn__01 ul li:nth-child(3) {
		margin-top:80px;
	}
	
	#content section.top_item04 .bl_inn .inn__02 ul {
		justify-content:space-between;
	}
	
	#content section.top_item04 .bl_inn .inn__02 ul li {
		width:48%;
		margin:0 1% 80px;
	}
	
	#content section.top_item04 .bl_inn .inn__02 ul li a {
		padding:0 0 20px 0;
	}
	
	#content section.top_item04 .bl_inn .inn__02 ul li a .icon {
		margin:-40px auto 0 auto;
		width:80px;
	}
	
	#content section.top_item04 .bl_inn .inn__02 ul li a h2 {
		font-size:1.8rem;
		font-weight:bold;
	}
	
	#content section.top_item04 .bl_inn .inn__02 ul li a .sub {
		font-size:1.8rem;
	}
}


/* top_item05 */
#content section.top_item05 {
	padding:160px 0;
	background:#fff;
}

#content section.top_item05 .bl_inn {
	position:relative;
}

#content section.top_item05 .bl_inn .h2-box {
	margin:0 0 60px 0;
}

#content section.top_item05 .bl_inn .h2-box .h-sub {
	color:#5396A8;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:8.0rem;
	letter-spacing:0.1em;
	line-height:1;
}

#content section.top_item05 .bl_inn .h2-box h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1;
	font-size:2.0rem;
	color:#5396A8;
}

#content section.top_item05 .bl_inn .read {
	margin:0 0 40px 0;
}

#content section.top_item05 .bl_inn .chara01 {
	position:absolute;
	top:-240px;
	right:-200px;
  animation: chara01 3s ease-in-out infinite; /* 3秒かけて上下に繰り返し */
}
@keyframes chara01 {
  0% {
    transform: translateY(0); /* 開始時の位置 */
  }
  50% {
    transform: translateY(-20px); /* 上に10px移動 */
  }
  100% {
    transform: translateY(0); /* 終了時の位置 */
  }
}




#content section.top_item05 .bl_inn .accordion {
	border-bottom:solid 1px #ccc;
	margin:0 0 60px 0;
}

#content section.top_item05 .bl_inn .accordion-content {
  display: none;
}

#content section.top_item05 .bl_inn .accordion-header {
	background-color: #F9F3E1;
	padding: 12px 45px 12px 20px;
	transition: background .3s ease;
	cursor: pointer;
	position: relative;
	border-top:solid 1px #ccc;
}

#content section.top_item05 .bl_inn .accordion-header::before,
#content section.top_item05 .bl_inn .accordion-header::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #B8122A;
	border-right: 2px solid #B8122A;
	box-sizing: border-box;	
	transform:rotate(135deg);
}

#content section.top_item05 .bl_inn .accordion-header.active::before,
#content section.top_item05 .bl_inn .accordion-header.active::after{
	transform: rotate(-45deg);
}

#content section.top_item05 .bl_inn .accordion-content {
  background-color: #FFF;
  padding:20px 20px 20px 20px;
}

#content section.top_item05 .bl_inn .accordion-header span,
#content section.top_item05 .bl_inn .accordion-content span{
	padding-left: 40px;
	position: relative;
	font-size: 1.8rem;
	font-weight:bold;
	display:block;
}

#content section.top_item05 .bl_inn .accordion-header span::before{
	position: absolute;
	content:"Q";
	top: 0px;
	left: 0px;
	color: #B8122A;
	font-size: 3.5rem;
	line-height:1;
	
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
}

#content section.top_item05 .bl_inn .accordion-content span::before{
	position: absolute;
	content:"A";
	top: 0px;
	left: 0;
	color: #45B5B8;
	font-size: 3.5rem;
	line-height:1;
	
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
}

#content section.top_item05 .bl_inn .accordion-header:hover {
	opacity:0.8;
}

#content section.top_item05 .bl_inn .btn_01 {
	max-width:420px;
	margin:auto;
	font-size: 2.0rem;
	letter-spacing:0.15em;
	padding:10px;
}

@media screen and (max-width:768px) {
	#content section.top_item05 {
		padding:60px 0;
	}
	
	#content section.top_item05 .bl_inn .h2-box {
		margin:0 0 40px 0;
	}
	
	#content section.top_item05 .bl_inn .h2-box .h-sub {
		font-size:6.0rem;
		margin:0 0 10px 0;
	}
	
	#content section.top_item05 .bl_inn .h2-box h2 {
		font-size:1.8rem;
	}
	
	#content section.top_item05 .bl_inn .read {
		margin:0 0 30px 0;
	}
	
	#content section.top_item05 .bl_inn .chara01 {
	position:absolute;
		top:-60px;
		right:-20%;
		width:70%;
	}
		@keyframes chara01 {
		0% {
		transform: translateY(0); /* 開始時の位置 */
		}
		50% {
		transform: translateY(-20px); /* 上に10px移動 */
		}
		100% {
		transform: translateY(0); /* 終了時の位置 */
		}
	}

	#content section.top_item05 .bl_inn .accordion {
		margin:0 0 30px 0;
	}
	
	#content section.top_item05 .bl_inn .accordion-header {
		padding: 10px 30px 10px 10px;
	}
	
	#content section.top_item05 .bl_inn .accordion-header::before,
	#content section.top_item05 .bl_inn .accordion-header::after{
		right: 10px;
	}
	
	#content section.top_item05 .bl_inn .accordion-content {
		padding:10px 10px 10px 10px;
	}
	
	#content section.top_item05 .bl_inn .accordion-header span,
	#content section.top_item05 .bl_inn .accordion-content span{
		font-size: 1.4rem;
	}
	
	#content section.top_item05 .bl_inn .accordion-header span::before{
		font-size: 2.6rem;
	}
	
	#content section.top_item05 .bl_inn .accordion-content span::before{
		font-size: 2.6rem;
	}

}



/* top_sub02 */
#content section.top_sub02 {
}
#content section.top_sub02 ul {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
#content section.top_sub02 ul li img {
	width:100%;
}

@media screen and (max-width:768px) {
#content section.top_sub02 {
}
#content section.top_sub02 ul {
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
}
#content section.top_sub02 ul li img {
width:100%;
}
}


/* top_item06 */
#content section.top_item06 {
	padding:140px 0 150px 0;
	background: repeating-linear-gradient(-45deg, #F7F7FB, #F7F7FB 20px, #fff 20px, #fff 40px);
}

#content section.top_item06 .bl_inn {
	position:relative;
}

#content section.top_item06 .bl_inn .h2-box {
	margin:0 0 60px 0;
	position:relative;
	text-align:center;
}

#content section.top_item06 .bl_inn .h2-box .h-sub {
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:7.0rem;
	letter-spacing:0.1em;
	line-height:1;
}

#content section.top_item06 .bl_inn .h2-box h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1;
	font-size:2.3rem;
}

#content section.top_item06 .bl_inn .read {
	text-align:center;
}

#content section.top_item06 .bl_inn .chara_01 {
	position:absolute;
	top:0;
	left:-200px;
}

#content section.top_item06 .bl_inn .chara_02 {
	position:absolute;
	top:0;
	right:-200px;
}

#content section.top_item06 .bl_inn .chara_03 {
	position:absolute;
	top:340px;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align:center;
}

#content section.top_item06 .bl_inn .inn__01 {
	margin: 460px calc(50% - 50vw) 0;
	width: 100vw;
	background:#F7E2E5;
	padding:40px 0 60px 0;
}

#content section.top_item06 .bl_inn .inn__01 .voice-loop {
	margin:-140px 0 40px 0;
}

#content section.top_item06 .bl_inn .inn__01 .voice-loop li {
	margin:0 20px;
	background:#fff;
	border-radius:20px;
	border:solid 1px #707070;
}

#content section.top_item06 .bl_inn .inn__01 .voice-loop li:nth-child(2n) {
	margin:50px 0 0 0 ;
	
}

#content section.top_item06 .bl_inn .inn__01 .voice-loop li h3 {
	background:#FCF595;
	padding:20px;
	border-radius:20px 20px 0 0 ;
	text-align:center;
	font-size:1.6rem;
}

#content section.top_item06 .bl_inn .inn__01 .voice-loop li p {
	margin:0;
	padding:20px;
	font-size:1.5rem;
	font-weight:normal;
}

#content section.top_item06 .bl_inn .inn__01 .btn_02 {
	max-width:420px;
	margin:auto;
}

#content section.top_item06 .bl_inn .inn__01 .btn_02 a {
	display:block;
	background:#5396A8;
	color:#fff;
	border:none;
	text-align:center;
	border-radius:4px;
	padding:6px;
	font-size:1.6rem;
	border:solid 1px #5396A8;
}

#content section.top_item06 .bl_inn .inn__01 .btn_02 a:hover {
	background:#fff;
	color:#5396A8;
	opacity:1;
}

@media screen and (max-width:768px) {
	#content section.top_item06 {
		padding:180px 0 0px 0;
	}
	
	#content section.top_item06 .bl_inn .h2-box .h-sub {
		font-size:5.0rem;
	}
	
	#content section.top_item06 .bl_inn .h2-box h2 {
		font-size:1.8rem;
	}

	#content section.top_item06 .bl_inn .read {
		font-size:1.6rem;
	}
	
	#content section.top_item06 .bl_inn .chara_01 {
		top:-10px;
		left:-20px;
		width:100px;
	}
	
	#content section.top_item06 .bl_inn .chara_02 {
		top:-10px;
		right:-20px;
		width:100px;
	}
	
	#content section.top_item06 .bl_inn .chara_03 {
		top:-140px;
	}
	
	#content section.top_item06 .bl_inn .inn__01 {
		margin: 40px calc(50% - 50vw) 0;
		padding:40px 0 40px 0;
	}
	
	#content section.top_item06 .bl_inn .inn__01 .voice-loop {
		margin:0px 0 40px 0;
	}
	
	#content section.top_item06 .bl_inn .inn__01 .voice-loop li {
		margin:0 auto 20px;
		width:80%;
	}
	
	#content section.top_item06 .bl_inn .inn__01 .voice-loop li:nth-child(4),
	#content section.top_item06 .bl_inn .inn__01 .voice-loop li:nth-child(5) {
		display:none;
	}
	
	#content section.top_item06 .bl_inn .inn__01 .voice-loop li:nth-child(2n) {
		margin:0 auto 20px;
	}
	
	#content section.top_item06 .bl_inn .inn__01 .voice-loop li h3 {
		padding:10px;
	}
	
	#content section.top_item06 .bl_inn .inn__01 .voice-loop li p {
		padding:10px 14px;
	}
	
	#content section.top_item06 .bl_inn .inn__01 .btn_02 {
		width:80%;
	}
	
	#content section.top_item06 .bl_inn .inn__01 .btn_02 a {
		border-radius:50px;
		padding:10px;
	}

}


/* top_item07 */
#content section.top_item07 {
	background-image: url("./img/top_item07_bg.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:160px 0;
	margin:0 0 200px 0;
	position:relative;
}

#content section.top_item07::after {
	content: '';
	position: absolute;
	left:-100px;
	bottom: -50px;
	z-index: -1;
	width: 100%;
	height: 80%;
	transform-origin:center center;
	background:#3E86C5;
}

#content section.top_item07 .bl_inn {
	background:#fff;
	max-width:860px;
	position:relative;
	padding:40px;
	text-align:center;
}

#content section.top_item07 .bl_inn .h2-box {
	margin:0 0 60px 0;
	position:relative;
}

#content section.top_item07 .bl_inn .h2-box:before {
    content: '';
    position: absolute;
    bottom: -30px;
    display: inline-block;
    width: 140px;
    height: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #3E86C5;
}

#content section.top_item07 .bl_inn .h2-box .h-sub {
	color:#3E86C5;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:7.0rem;
	letter-spacing:0.1em;
	line-height:1;
}

#content section.top_item07 .bl_inn .h2-box h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1;
	font-size:2.3rem;
}

#content section.top_item07 .bl_inn .read {
	margin:0 0 40px 0;
}

#content section.top_item07 .bl_inn .btn_01 a {
	max-width:500px;
	margin:auto;
	background:#B8122A;
	border-radius:50px;
	border:solid 1px #B8122A;
	padding:20px 0;
	font-size:2.3rem;
}

#content section.top_item07 .bl_inn .btn_01 a:hover {
	background:#fff;
	color:#B8122A;
}

#content section.top_item07 .bl_inn figure {
	position:absolute;
	bottom:-100px;
	left:-120px;
}

@media screen and (max-width:768px) {
	#content section.top_item07 {
		padding:40px 0;
		margin:0 0 100px 0;
	}
	
	#content section.top_item07::after {
		left:-40px;
		bottom: -20px;
	}
	
	#content section.top_item07 .bl_inn {
		padding:20px;
	}
	
	#content section.top_item07 .bl_inn .h2-box {
		margin:0 0 40px 0;
	}
	
	#content section.top_item07 .bl_inn .h2-box:before {
		bottom: -20px;
	}
	
	#content section.top_item07 .bl_inn .h2-box .h-sub {
		font-size:6.0rem;
	}
	
	#content section.top_item07 .bl_inn .h2-box h2 {
		font-size:1.8rem;
	}
	
	#content section.top_item07 .bl_inn .read {
		margin:0 0 20px 0;
	}
	
	#content section.top_item07 .bl_inn .btn_01 a {
		font-size:1.8rem;
	}
	
	#content section.top_item07 .bl_inn .btn_01 a:hover {
	background:#fff;
	color:#B8122A;
	}
	
	#content section.top_item07 .bl_inn figure {
		position:absolute;
		bottom:-100px;
		left:-10px;
		width:120px;
	}
}
    

/* top_item08 */
#content section.top_item08 {
	background-image: url("./img/top_item08_bg.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:160px 0;
}

#content section.top_item08 .bl_inn {
	background:#ffffffed;
	max-width:1300px;
	position:relative;
	padding:60px 100px;
	text-align:center;
	border-radius:30px 0 0 30px;
}

#content section.top_item08 .bl_inn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 100vw;  /* 画面幅ぶん右に伸ばす */
  height: 100%;
  background: #ffffffed;
  overflow: visible;
}

#content section.top_item08 .bl_inn .h2-box {
	margin:0 0 40px 0;
	position:relative;
}

#content section.top_item08 .bl_inn .h2-box .h-sub {
	color:#B8122A;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:6.0rem;
	letter-spacing:0.1em;
	line-height:1;
	margin:0 0 10px 0;
}

#content section.top_item08 .bl_inn .h2-box h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height:1;
	font-size:2.3rem;
}

#content section.top_item08 .bl_inn iframe {
	width:100%;
	height:580px;
}

#content section.top_item08 .bl_inn .note {
	text-align:left;
}

#content section.top_item08 .bl_inn .note h3 {
	color:#B8122A;
	font-size:2.3rem;
	font-weight:bold;
}

#content section.top_item08 .bl_inn .note p {
	font-size:2.0rem;
}

@media screen and (max-width:768px) {
	#content section.top_item08 {
		padding:40px 0;
	}
	
	#content section.top_item08 .bl_inn {
		padding:40px 10px 40px 20px ;
	}
	
	#content section.top_item08 .bl_inn .h2-box {
		margin:0 0 30px 0;
	}
	
	#content section.top_item08 .bl_inn .h2-box .h-sub {
		font-size:5.0rem;
	}
	
	#content section.top_item08 .bl_inn .h2-box h2 {
		font-size:1.6rem;
	}
	
	#content section.top_item08 .bl_inn iframe {
		height:300px;
	}
	
	#content section.top_item08 .bl_inn .note h3 {
		font-size:2.0rem;
	}
	
	#content section.top_item08 .bl_inn .note p {
		font-size:1.6rem;
		margin:0;
	}
}





/* top_news */
#content section.top_news {
	margin:0 auto;
	padding:100px 0 260px 0;

	background-image: url(./img/news_bg.png);
	background-size: auto;
	background-repeat:no-repeat;
		background-position:right -150px top 60px;
	
}

#content section.top_news .bl_inn {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}

#content section.top_news .h2-box {
	width:260px;
}

#content section.top_news .h2-box .h2-sub {
	font-size:8.0rem;
	font-family: "din-2014", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin:0;
	line-height:1;
}

#content section.top_news .h2-box h2 {
	font-size:1.8rem;
    font-weight: 500;
	letter-spacing:0.1em;
	margin:0 0 20px 0;
}

#content section.top_news .h2-box .btn_01 a {
	max-width:170px;
	font-size:1.5rem;
	padding:4px 10px;
	border-radius:50px;
}

#content section.top_news .inn1 {
	width:calc(100% - 260px);
	padding:24px 0 0 0;
}

#content section.top_news .inn1 ul {
	margin:0;
}
#content section.top_news .inn1 ul li {}

#content section.top_news .inn1 ul li a {
	display:flex;
	flex-wrap:nowrap;
	justify-content:start;
	padding:10px 20px;

	background:#D9F1F8;
}

#content section.top_news .inn1 ul li:nth-child(2n) a {
	background:none;
}

#content section.top_news .inn1 ul li a .date {
	margin:0;
	color:#b8122a;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin:0 20px 0 0;
}

#content section.top_news .inn1 ul li a .cap {
	margin:0;
}

@media screen and (max-width:768px) {
	#content section.top_news {
		padding:40px 0 60px 0;
	
	background-image: url(./img/news_bg.png);
		background-size: 200px auto;
		background-position:right -40px top 20px;
	}
	
	#content section.top_news .bl_inn {
		flex-wrap:wrap;
	}
	
	#content section.top_news .h2-box {
		width:100%;
	}
	
	#content section.top_news .h2-box .h2-sub {
		font-size:6.0rem;
	}
	
	#content section.top_news .h2-box h2 {
		font-size:1.6rem;
		margin:0 0 0px 0;
	}
	
	#content section.top_news .inn1 {
		width:100%;
		padding:20px 0 0 0;
	}
	
	#content section.top_news .inn1 ul {
		margin:0 0 30px 0;
	}
	
	#content section.top_news .inn1 ul li a {
		flex-wrap:wrap;
		padding:4px 10px;
	}
	
	#content section.top_news .inn1 ul li a .date {
		width:100%;
		font-size:1.6rem;
	}
	
	#content section.top_news .inn1 ul li a .cap {
		margin:0;
		width:100%;
	}
	
	#content section.top_news .inn1 .btn_01 a {
		max-width:200px;
		font-size:1.5rem;
		padding:8px 10px;
		border-radius:50px;
		margin:auto;
	}
	
}






/***********/
/* input */
/***********/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
checkbox
/*,.field*/ {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 20px 12px;
  margin-bottom: 14px;
  font-size: 14px;
  color: #5c6b80;
  border-radius: 3px;
  border:solid 1px #bebebe;
  vertical-align: middle;
  box-shadow: none;
  width: 100%;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;

	background:#fff;
}
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #f7f8fa; }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    color: #fbe3e4;
    border-color: #fbe3e4;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #fbe3e4; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #d5edf8; }

input[type="password"] {
  letter-spacing: 0.3em; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }



/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.fadeUpTrigger{
    opacity: 0;
}


/**********************/
/*wp-pagenavi*/
/**********************/
#content .wp-pagenavi {
	text-align:center;
}

#content .wp-pagenavi a,
#content .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
#content .wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
}

#content .wp-pagenavi span.current{
	color: #FFF;
	background-color: #66cccc;
	border-color: #66cccc;
	font-weight: bold;
}