@charset "UTF-8";

@import url("./css/reset.css");
@import url("./css/spmenu.css");

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mukta&family=Noto+Serif+JP:wght@200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@300;400;500&display=swap');
/********** カスタムプロパティ（変数） **********/
:root {
	--basebkcolor: #fff;
	--basebkcolor-text: #707070;

	--keycolor: #ecac9a;
	--keycolor-text: #fff;

	--keycolor-dark: #fff;
	--keycolor-pink: #F8CFBD;
	--keycolor-pink-light: #FFDDD3;

	--keycolor-light: #FFF6F4;
	--keycolor-light-text: #333;
	
	--sidebar-width: 260px;  /* サイドバーのwidthを固定幅とする */
}


/********** ページ内リンク位置調整 **********/
.page_scroll{
	padding-top: 300px;
	margin-top: -300px;
}

.serv_scroll{
	padding-top: 100px;
	margin-top: -100px;
}

/********** 共通タグ設定 **********/
html{
	scroll-behavior: smooth;
}

body {
	font-family: 'Noto Sans CJK JP', 'noto-sans-cjk-jp', 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color: #333;
	word-break: break-all;
	
	min-width: 360px;
}
@media screen and ( max-width:768px ) {
	body {
		font-size: 14px;
	}
}

body::before {
	content: "";
	display: block;
	/*width: 530px;*/
	width: 28%;
	height: 490px;
	background: var(--keycolor-light);
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: -1;
}

body::after {
	content: "";
	display: block;
	/*width: 530px;*/
	width: 28%;
	height: 1600px;
	background: var(--keycolor-light);
	position: absolute;
	top: 750px;
	left: 0px;
	z-index: -1;
}

a,
a:hover {
	color: var(--basebkcolor-text);
	text-decoration: none;
}

img {
	vertical-align: bottom;
	max-width: 100%;
}




h1 {}

h2 {}

h3 {}

h4 {}

ul {
	
}

ul li {
	
}

.pc { display: block; }
.sp { display: none; }
@media screen and ( max-width: 960px ) {
	.pc { display: none; }
	.sp { display: block; }
}

p, li, h3{
	line-break: normal;
}



/********** 共通クラス **********/
.inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.content{
    margin-bottom: 120px;
}

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

.nowrap {
	white-space: nowrap;
}

.h2_title, .title, .text, .faq_list dt, .faq_list dd{
	color: var(--basebkcolor-text);
}

.faq_list dt, .faq_list dd{
}

.top_link{
text-align: right;
padding-right: 20px;
position: fixed;
bottom: 80px;
right: 20px;
}

.top_link a{
	color: var(--keycolor);
	position: relative;
	padding: 80px 13px 20px;
}

.top_link a::before{
	content: "";
	width: 1px;
	height: 60px;
	background-color: var(--keycolor);
	position: absolute;
	bottom: 40px;
	right: 50%;

}

/* スクロールしたら動く */
.fade-out, .fade-down{
	opacity: 0;
}

.fade-left{
	animation-name: fadeLeft;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

@keyframes fadeLeft{
	from{
		opacity: 0;
		transform: translateX(-280px);
	}

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

.fade-up{
	animation-name: fadeUpAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;	
}

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

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

@media screen and ( max-width: 1300px){
	.inner{
		padding: 0 20px;
	}
}

@media screen and ( max-width: 768px){
	.content{
        margin-bottom: 80px;
    }
}

/********** ヘッダー（共通） **********/
header {
	background: var(--basecolor);
	color: var(--basebkcolor-text);
	padding: 40px 10px 20px;
	
	text-align: center;
}

header .h_logo{
	width: 240px;
	height: 40px;
	margin: 0 auto;
}

header .h_logo a {
	display: block;
}
@media screen and ( max-width: 960px ) {
	header {
		padding: 10px 10px 10px;
	}
	header .h_logo {
		width: 200px;
		margin: 0 0 0 0;
	}
}



/********** メインコンテンツ（共通） **********/
main {
	
}

#contents {
	width: 100%;
	/*background: var(--keycolor-light);*/
	/*color: var(--keycolor-light-text);*/
	margin: 0;
	/*padding: 20px;*/
	padding: 0;
}
main.col2 {
	display: flex;
	justify-content: space-between;
}

main.col2 #contents {
	width: 76%;
}



/********** サイドバー（共通） **********/
aside {
	background: var(--keycolor-dark);
	color: var(--keycolor-pink);
	width: 24%;
	margin: 0;
	padding: 20px;
}
@media screen and ( max-width:960px ) {
	main.col2 {
		flex-direction: column;
	}
	main.col2 #contents {
		width: 100%;
	}
	aside {
		width: 100%;
	}
}
@media screen and ( max-width:768px ) {
	
}



/********** フッター（共通） **********/
footer {
	background: #f9f9f9;
	color: var(--basebkcolor-text);
	padding: 50px 0 0;
}
footer .ft_content {
	
}
footer .ft_content .ft_left {
	width: 40%;
}
footer .ft_content .ft_left .h_logo {
	margin-bottom: 20px;
	width: 240px;
	height: 50px;
}
footer .ft_content .ft_left .ft_text {
	
}

footer .ft_content .ft_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

footer .ft_content .ft_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}


footer .ft_content .ft_sns {
	width: 100%;
	margin-top: 20px;
	font-size: 14px;
	color: var(--basebkcolor-text);
	justify-content: flex-end;
}

footer .ft_content .ft_sns li a{
	color: var(--basebkcolor-text);
}

footer .ft_content .ft_sns span{
	display: inline-block;
}

footer .ft_content .ft_nav {
	display: flex;
	flex-direction: column;
	width: 60%;
}

footer .address {
    font-size: 14px;
	margin: 50px 0 10px 0;
}

.ft_nav_item {
    color: #555555;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

footer .ft_content .ft_nav_item {
	flex-wrap: wrap;
	justify-content: space-between;
}

footer .ft_content .ft_nav ul li {
	color: var(--keycolor-light-text);
	margin-bottom: 10px;
}

footer .ft_content .ft_nav ul li a {
	display: block;
	color: var(--basebkcolor-text);
}

footer .ft_content .ft_nav ul li a:hover {
	opacity: 0.6;
}

footer .copyright {
	font-size: 12px;
	text-align: center;
	padding: 10px 0 20px;
}

@media screen and ( max-width:960px ) {
	footer {
		padding-bottom: 10px;
		text-align: center;
	}
}
@media screen and ( max-width:768px ) {
	footer .ft_content {
		flex-wrap: wrap;
	}

	footer .h_logo{
		margin: 0 auto;
	}
	footer .ft_content .ft_left {
		width: 100%;
	}
	footer .ft_content .ft_left .ft_sns {
		justify-content: center;
	}
	footer .ft_content .ft_nav {
		width: 100%;
		flex-direction: column;
		
		/*display: none;*/
	}

	footer .address {
		font-size: 14px;
		margin: 0px 0 10px 0;
	}

	footer .ft_content .ft_nav ul{
		width: 100%;
		margin-top: 20px;
		flex-direction: column;
		
		/*display: none;*/
	}
}




/******************* ヘッダーナビゲーション ******************/
.h_nav { margin-top: 40px; letter-spacing: 0.1em; }
.h_nav ul { justify-content: space-around; }
.h_nav ul a:hover { opacity: 0.6; }




/******************* トップページ ******************/
/* ローディング画面 */
#splash{
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #fff;
	z-index: 9999;
	position: fixed;
    top: 0;
    left: 0;
	display: block;
}

.splash_logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}

/***************************************************
 * Generated by SVG Artista on 9/21/2023, 12:43:01 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
	0% {
	  stroke-dashoffset: 33.59926223754883px;
	  stroke-dasharray: 33.59926223754883px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 33.59926223754883px;
	}
  }
  
  @keyframes animate-svg-stroke-1 {
	0% {
	  stroke-dashoffset: 33.59926223754883px;
	  stroke-dasharray: 33.59926223754883px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 33.59926223754883px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-1 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-1 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-1 {
	-webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
						 animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
			animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
				 animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2 {
	0% {
	  stroke-dashoffset: 98.01953125px;
	  stroke-dasharray: 98.01953125px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 98.01953125px;
	}
  }
  
  @keyframes animate-svg-stroke-2 {
	0% {
	  stroke-dashoffset: 98.01953125px;
	  stroke-dasharray: 98.01953125px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 98.01953125px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-2 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-2 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-2 {
	-webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
						 animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
			animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
				 animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3 {
	0% {
	  stroke-dashoffset: 143.23741149902344px;
	  stroke-dasharray: 143.23741149902344px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 143.23741149902344px;
	}
  }
  
  @keyframes animate-svg-stroke-3 {
	0% {
	  stroke-dashoffset: 143.23741149902344px;
	  stroke-dasharray: 143.23741149902344px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 143.23741149902344px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-3 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-3 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-3 {
	-webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
						 animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
			animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
				 animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4 {
	0% {
	  stroke-dashoffset: 128.84618377685547px;
	  stroke-dasharray: 128.84618377685547px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 128.84618377685547px;
	}
  }
  
  @keyframes animate-svg-stroke-4 {
	0% {
	  stroke-dashoffset: 128.84618377685547px;
	  stroke-dasharray: 128.84618377685547px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 128.84618377685547px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-4 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-4 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-4 {
	-webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
						 animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
			animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
				 animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5 {
	0% {
	  stroke-dashoffset: 137.18792724609375px;
	  stroke-dasharray: 137.18792724609375px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 137.18792724609375px;
	}
  }
  
  @keyframes animate-svg-stroke-5 {
	0% {
	  stroke-dashoffset: 137.18792724609375px;
	  stroke-dasharray: 137.18792724609375px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 137.18792724609375px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-5 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-5 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-5 {
	-webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
						 animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
			animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
				 animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6 {
	0% {
	  stroke-dashoffset: 157.80001831054688px;
	  stroke-dasharray: 157.80001831054688px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 157.80001831054688px;
	}
  }
  
  @keyframes animate-svg-stroke-6 {
	0% {
	  stroke-dashoffset: 157.80001831054688px;
	  stroke-dasharray: 157.80001831054688px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 157.80001831054688px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-6 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-6 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-6 {
	-webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
						 animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
			animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
				 animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-7 {
	0% {
	  stroke-dashoffset: 181.42193603515625px;
	  stroke-dasharray: 181.42193603515625px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 181.42193603515625px;
	}
  }
  
  @keyframes animate-svg-stroke-7 {
	0% {
	  stroke-dashoffset: 181.42193603515625px;
	  stroke-dasharray: 181.42193603515625px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 181.42193603515625px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-7 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-7 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-7 {
	-webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
						 animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
			animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
				 animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-8 {
	0% {
	  stroke-dashoffset: 256.9951629638672px;
	  stroke-dasharray: 256.9951629638672px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 256.9951629638672px;
	}
  }
  
  @keyframes animate-svg-stroke-8 {
	0% {
	  stroke-dashoffset: 256.9951629638672px;
	  stroke-dasharray: 256.9951629638672px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 256.9951629638672px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-8 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-8 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-8 {
	-webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
						 animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
			animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
				 animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-9 {
	0% {
	  stroke-dashoffset: 33.59926223754883px;
	  stroke-dasharray: 33.59926223754883px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 33.59926223754883px;
	}
  }
  
  @keyframes animate-svg-stroke-9 {
	0% {
	  stroke-dashoffset: 33.59926223754883px;
	  stroke-dasharray: 33.59926223754883px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 33.59926223754883px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-9 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-9 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-9 {
	-webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
						 animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
			animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
				 animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-10 {
	0% {
	  stroke-dashoffset: 98.01953125px;
	  stroke-dasharray: 98.01953125px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 98.01953125px;
	}
  }
  
  @keyframes animate-svg-stroke-10 {
	0% {
	  stroke-dashoffset: 98.01953125px;
	  stroke-dasharray: 98.01953125px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 98.01953125px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-10 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-10 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-10 {
	-webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
						 animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
			animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
				 animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-11 {
	0% {
	  stroke-dashoffset: 143.23741149902344px;
	  stroke-dasharray: 143.23741149902344px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 143.23741149902344px;
	}
  }
  
  @keyframes animate-svg-stroke-11 {
	0% {
	  stroke-dashoffset: 143.23741149902344px;
	  stroke-dasharray: 143.23741149902344px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 143.23741149902344px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-11 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-11 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-11 {
	-webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
						 animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
			animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
				 animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-12 {
	0% {
	  stroke-dashoffset: 128.84618377685547px;
	  stroke-dasharray: 128.84618377685547px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 128.84618377685547px;
	}
  }
  
  @keyframes animate-svg-stroke-12 {
	0% {
	  stroke-dashoffset: 128.84618377685547px;
	  stroke-dasharray: 128.84618377685547px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 128.84618377685547px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-12 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-12 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-12 {
	-webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
						 animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
			animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
				 animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-13 {
	0% {
	  stroke-dashoffset: 137.18792724609375px;
	  stroke-dasharray: 137.18792724609375px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 137.18792724609375px;
	}
  }
  
  @keyframes animate-svg-stroke-13 {
	0% {
	  stroke-dashoffset: 137.18792724609375px;
	  stroke-dasharray: 137.18792724609375px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 137.18792724609375px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-13 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-13 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-13 {
	-webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
						 animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
			animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
				 animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-14 {
	0% {
	  stroke-dashoffset: 157.80001831054688px;
	  stroke-dasharray: 157.80001831054688px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 157.80001831054688px;
	}
  }
  
  @keyframes animate-svg-stroke-14 {
	0% {
	  stroke-dashoffset: 157.80001831054688px;
	  stroke-dasharray: 157.80001831054688px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 157.80001831054688px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-14 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-14 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-14 {
	-webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
						 animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
			animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
				 animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-15 {
	0% {
	  stroke-dashoffset: 181.42193603515625px;
	  stroke-dasharray: 181.42193603515625px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 181.42193603515625px;
	}
  }
  
  @keyframes animate-svg-stroke-15 {
	0% {
	  stroke-dashoffset: 181.42193603515625px;
	  stroke-dasharray: 181.42193603515625px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 181.42193603515625px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-15 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-15 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-15 {
	-webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
						 animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
			animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
				 animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-16 {
	0% {
	  stroke-dashoffset: 256.9951629638672px;
	  stroke-dasharray: 256.9951629638672px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 256.9951629638672px;
	}
  }
  
  @keyframes animate-svg-stroke-16 {
	0% {
	  stroke-dashoffset: 256.9951629638672px;
	  stroke-dasharray: 256.9951629638672px;
	}
  
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 256.9951629638672px;
	}
  }
  
  @-webkit-keyframes animate-svg-fill-16 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  @keyframes animate-svg-fill-16 {
	0% {
	  fill: transparent;
	}
  
	100% {
	  fill: rgb(239, 186, 171);
	}
  }
  
  .svg-elem-16 {
	-webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
						 animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
			animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
				 animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
  }
  

/* メインビジュアル */
#eye_top {
	position: relative;
}

.eye_bk img{
	border-radius: 30px;
}

#eye_top .eye_layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	
	flex-direction: column;
}

#eye_top .eye_copy {
	align-self: flex-start;
	margin: 25% 0 0 60px;
	color: var(--basebkcolor);
	font-size: 42px;
	font-family: 'Kiwi Maru', serif;
	font-weight: normal;

	display: flex;
	flex-direction: column;
	row-gap: 16px;
	
}

#eye_top .eye_copy span{
	font-size: 28px;
}

#eye_top .eye_box_bottom {
	align-items: flex-end;
	color: #fff;
}
#eye_top .eye_box_bottom {
	width: 100%;
	padding-right: 50px;
	padding-bottom: 30px;
	display: flex;
	justify-content: flex-end;
}
#eye_top .eye_box_bottom p{
	width: 183px;
	height: 183px;
	border-radius: 50%;
	background: var(--keycolor);
	color: var(--keycolor-text);
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#eye_top .eye_box_bottom .eye_photo {
	width: 30%;
	position: relative;
	padding: 0 20px;
}
#eye_top .eye_box_bottom .eye_photo_text {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	background: var(--keycolor);
	color: var(--keycolor-text);
	padding: 10px 10px;
	border-radius: 20px;
	text-align: center;
}

@media screen and ( max-width:960px ) {
	
}
@media screen and ( max-width:768px ) {
	
	#eye_top .eye_layer {
	    justify-content: space-evenly;
	}
	.eye_bk > img {
		height: 50vh;
		object-fit: cover;
		object-position: 70%;
	}

	#eye_top .eye_copy {
		align-self: flex-start;
		margin: 25% 0 0 40px;
		color: var(--basebkcolor);
		font-size: 40px;
		font-weight: normal;
	
		display: flex;
		flex-direction: column;
		row-gap: 10px;
	}

	#eye_top .eye_copy span{
		font-size: 70%;
	}

	#eye_top .eye_box_bottom {
		padding-bottom: 0;
		/*display: none;*/
	}
	 .eye_list {
		/*flex-direction: column;*/

		width: 100%;
		justify-content: center;
	}
	#eye_top .eye_box_bottom .eye_list li {
		width: 80px;
		height: 80px;
		font-size: 14px;
		/*margin-right: 10px;*/
		margin-top: 10px;
	}
	#eye_top .eye_box_bottom .eye_photo {
		width: 50%;
		padding: 0;
		margin-bottom: 20px;
	}
	#eye_top .eye_box_bottom .eye_photo_text {
		font-size: 12px;
		bottom: -40px;
		padding: 2px 2px;
		border-radius: 5px;
	}
}

@media screen and ( max-width:390px ){
	.eye_bk > img {
		object-position: 69%;
	}

	#eye_top .eye_copy {
		align-self: flex-start;
		margin: 40% 0 0 40px;
		color: var(--basebkcolor);
		font-size: 30px;
		font-weight: normal;
	
		display: flex;
		flex-direction: column;
	}

	#eye_top .eye_box_bottom{
		padding-right: 0;
	}

	#eye_top .eye_box_bottom p{
		width: 140px;
		height: 140px;
		border-radius: 50%;
		background: var(--keycolor);
		color: var(--keycolor-text);
		font-size: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
}


.scroll {
	position: relative;
	margin: -50px 0 210px;
	text-align: center;
	color: var(--keycolor-pink-light);
	font-weight: normal;
}
@media screen and ( max-height:1000px ) {

	@media screen and ( min-width:769px ) {
		#eye_top {
			margin-bottom: 220px;
		}
		.scroll {
			margin: 0;
			position: absolute;
			left: 50%;
			bottom: 80px;
			transform: translateX(-50%);
		}
	}
}
@media screen and ( max-width:768px ) {
	.scroll {
		margin: -50px 0 100px;
	}
}
.scroll a {
	color: var(--keycolor-pink);
	font-weight: normal;
	font-size: 20px;
}

@media screen and ( max-width:390px ) {
	.scroll {
		margin: -50px 0 80px;
	}
}

/* 線の描写 */
.scroll::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
	left: 50%;
    /*線の形状*/
	width: 1px;
	height: 60px;
	background: var(--keycolor-pink);
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 2s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:20px;
		opacity: 0;
	}
	30%{
		height:60px;
		opacity: 1;
	}
	100%{
		height:0;
		top:96px;
		opacity: 0;
	}
}


.link_btn {
	text-align: center;
}
.link_btn a {
	display: inline-block;
	background: var(--keycolor);
	border: 1px solid var(--keycolor);
	font-size: 16px;
	color: var(--keycolor-text);
	padding: 20px 70px 20px 50px;
	transition : all 0.5s;
	position: relative;
	min-width: 240px;
	box-sizing: border-box;
	border-radius: 50px;
}
.link_btn a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 24px;
	height: 4px;
	border-bottom: 1px solid var(--keycolor-text);
	transition : all 0.5s;
}
.link_btn a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 18px;
	width: 10px;
	height: 1px;
	border-bottom: 1px solid var(--keycolor-text);
	transform: rotate(45deg);
	transition : all 0.5s;
}
.link_btn a:hover {
	background: var(--keycolor-text);
	color: var(--keycolor);
	transition : all 0.5s;
}
.link_btn a:hover::before,
.link_btn a:hover::after {
	border-color: var(--keycolor);
	transition : all 0.5s;
}
@media screen and ( max-width:768px ) {
	
}

.h2_title {
	font-size: 30px;
	text-align: center;
	position: relative;
	margin-bottom: 80px;
	font-family: 'Kiwi Maru', serif;
	font-weight: normal;
}

.h2_title::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50px;
	height: 3px;
	background: var(--keycolor);
}

.h2_title.left::before {
	left: 5px;
	right: initial;
}
@media screen and ( max-width:768px ) {
	.h2_title {
		font-size: 24px;
	}

	.h2_title {
		font-size: 30px;
		text-align: center;
		position: relative;
		margin-bottom: 40px;
		font-family: 'Kiwi Maru', serif;
		font-weight: normal;
	}
}

@media screen and ( max-width:510px ) {
	.h2_title {
		margin-bottom: 60px;
	}
}

@media screen and ( max-width:390px ) {
	.h2_title {
		font-size: 24px;
	}

	.h2_title {
		font-size: 30px;
		text-align: center;
		position: relative;
		margin-bottom: 80px;
		font-family: 'Kiwi Maru', serif;
		font-weight: normal;
	}
}

#top_news {
	position: relative;
}


#top_news .h2_title {
	width: 20%;
	text-align: left;
	align-self: flex-start;
}
#top_news .news_list {
	width: 70%;
}
#top_news .news_btn {
	width: 30%;
	text-align: right;
	align-self: flex-end;
}

#top_news .news_list li {
	padding: 10px 0;
}
#top_news .news_list li {
	display: flex;
	justify-content: space-between;
	line-height: 1.4em;
}
#top_news .news_list li a {
	color: var(--keycolor);
	border-bottom: 1px solid var(--keycolor);
}
#top_news .news_list li span {
	display: block;
}
#top_news .news_list li span.date {
	width: 18%;
}
#top_news .news_list li  span.title {
	width: 80%;
}
@media screen and ( max-width:960px ) {
	
}
@media screen and ( max-width:768px ) {
	#top_news .flex {
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px;
	}
	#top_news .h2_title {
		width: 100%;
	}
	#top_news .news_list {
		width: 100%;
		margin: 20px 0 40px;
		border-top: 1px solid #f5f5f5;
	}
	
	#top_news .news_list li {
		border-bottom: 1px solid #f5f5f5;
	}
	#top_news .news_list li {
		flex-wrap: wrap;
		padding: 10px 0;
	}
	#top_news .news_list li span.date {
		width: 100%;
		margin-bottom: 5px;
	}
	#top_news .news_list li span.title {
		width: 100%;
	}
	#top_news .news_btn {
		text-align: center;
		width: 100%;
	}

}





#top_suport {
	max-width: 800px;
}

#top_suport .box_img {
	margin: 80px 0;
}

#top_suport p.text {
	line-height: 3.0em;
	margin-bottom: 50px;
	text-align: left;
}


.home_top_txt{
	color: var(--keycolor);
}

.home_top_txt{}

@media screen and ( max-width:768px ) {
	#top_suport p.text {
		line-height: 2.4em;
		text-align: left;
	}
}

.top_about_ul li{
	display: flex;
	flex-direction: column;
	column-gap: 20px;
	padding-left: 20px;
	text-indent: -16px;
}

.top_about_ul li:not(:last-of-type){
	margin-bottom: 16px;
}

#top_jirei {
	text-align: center;
}
#top_jirei p.text {
	line-height: 2.0em;
	margin: 50px 0;
}
#top_jirei .jirei_list {
	margin-bottom: 50px;
}

#top_jirei .jirei_list .jirei_box {
	width: 32%;
	display: block;
	padding: 40px;
	background: #fffef8;
	border: 1px solid var(--keycolor);
	border-radius: 20px;
	transition : all 0.5s;
	position: relative;
}

#top_jirei .jirei_list li a:hover {
	opacity: 0.6;
	transition : all 0.5s;
}


#top_jirei .box_img{
	margin: 0 auto;
	width: 80px;
	height: 80px;
}

#top_jirei .box_img img{
	width: 100%;
}

#top_jirei .jirei_list li a h3 {
	margin: 40px 0 20px;
}

#top_jirei .jirei_list .jirei_item h3{
	margin-top: 32px;
	font-size: 20px;
	font-weight: normal;
	color: var(--keycolor);
}

#top_jirei .jirei_list p {
	margin-top: 24px;
	text-align: left;
	line-height: 1.8em;
	font-size: 16px;
}

#top_jirei a{
	transition : all 0.5s;
}
/*
.jirei_list a:hover::before,
.jirei_list a:hover::after {
	border-color: var(--keycolor);
}
*/

@media screen and ( max-width:960px ) {
	
}
@media screen and ( max-width:768px ) {
	
	#top_jirei .jirei_list .jirei_box {
		width: 48%;
	}

	#top_jirei .jirei_list {
		flex-wrap: wrap;
		row-gap: 20px;
	}
	#top_jirei .jirei_list li {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
}

@media screen and ( max-width:510px ) {
	#top_jirei .jirei_list .jirei_box {
		width: 100%;
	}
}

@media screen and ( max-width:390px ) {
	#top_jirei p.text {
		text-align: left;
	}
}


#top_about {
	position: relative;
}

#top_about::before {
	content: "";
	display: block;
	/*width: 620px;*/
	width: 32%;
	height: 280px;
	background: var(--keycolor-light);
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: -1;
}

#top_about .box_img {
	width: 50%;
}
#top_about .box_text {
	width: 46%;
}
#top_about .box_text .title {
	font-size: 30px;
	font-family: 'Kiwi Maru', serif;
	/*text-indent: 0.5em;*/
	margin-bottom: 1em;
}
#top_about .box_text .text {
	line-height: 3em;
}
#top_about .box_text .suport_btn {
	
}

@media screen and ( max-width:960px ) {
	
}
@media screen and ( max-width:768px ) {
	#top_about .inner {
		flex-wrap: wrap;
	}
	#top_about .box_img {
		width: 100%;
	}
	#top_about .box_text {
		width: 100%;
	}
	#top_about .box_text .title {
		font-size: 20px;
		text-align: center;
		margin-top: 30px;
	}
	#top_about .box_text .text {
		line-height: 2em;
	}
}


#top_faq {
	position: relative;
}
#top_faq::before {
	content: "";
	display: block;
	/*width: 620px;*/
	width: 22%;
	height: 630px;
	background: var(--keycolor-light);
	position: absolute;
	top: -150px;
	left: 0px;
	z-index: -1;
}
#top_faq .faq_list {
	border-top: 1px solid var(--keycolor);
	width: 80%;
	margin: 80px auto;
}
#top_faq .faq_list dt {
	/*border-top: 1px solid var(--keycolor);*/
	border-bottom: 1px solid var(--keycolor);
	padding: 20px 10px 20px 120px;
	line-height: 1.8em;
	position: relative;
}
#top_faq .faq_list dt:hover {
	cursor: pointer;
	opacity: 0.6;
}
#top_faq .faq_list dt::before,
#top_faq .faq_list dt::after {
	content: "";
	display: block;
	width: 20px;
	height: 0px;
	border-bottom: 1px solid var(--keycolor);
	position: absolute;
	top: 32px;
	left: 50px;
}
#top_faq .faq_list dt::after {
	transform: rotate(-270deg);
	transition : all 0.5s;
}
#top_faq .faq_list dt.open {
	border-bottom: none;
}
#top_faq .faq_list dt.open::after {
	transform: rotate(0deg);
	transition : all 0.5s;
}
#top_faq .faq_list dd {
	padding: 20px 10px 20px 120px;
	line-height: 1.8em;
	display: none;
}
#top_faq .faq_list dd,
#top_faq .faq_list dd.open {
	border-top: 1px dotted #fde4c7;
	border-bottom: 1px solid var(--keycolor);

}
@media screen and ( max-width:768px ) {
	#top_faq .faq_list {
		width: 100%;
	}
	#top_faq .faq_list dt {
		padding: 20px 10px 20px 50px;
	}
	
	#top_faq .faq_list dt::before,
	#top_faq .faq_list dt::after {
		left: 15px;
	}
	#top_faq .faq_list dd {
		padding: 20px 10px 20px 50px;
	}
}




#top_contact {
	margin-top: 150px;
	background: url(./img/common/ft_bk.jpg) no-repeat center top;
	background-size: cover;
	padding: 130px 0;
	text-align: center;
}

#top_contact .h2_title{
	color: var(--basebkcolor);
}

#top_contact .text {
	margin: 80px 0 20px;
	line-height: 2.0em;
	color: var(--basebkcolor);
}

#top_contact .contact_list {
	justify-content: space-evenly;
}
#top_contact .contact_list li {
	width: 48%;
	max-width: 400px;
	font-weight: normal;
	
}
#top_contact .contact_list li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 80px;
	background: var(--keycolor);
	font-size: 22px;
	color: var(--keycolor-text);
	transition : all 0.5s;
	box-shadow: 0 3px 6px #00000040;
	border-radius: 5px;
	position: relative;
	transition : all 0.5s;
}
#top_contact .contact_list li a h3 {
	font-size: 24px;
	font-weight: normal;
	padding-left: 20px;
}

#top_contact .contact_list li a::before{
	content: "";
	width: 30px;
	height: 30px;
	background: url(img/common/sample_logo_icon_white.svg) no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	transition : all 0.5s;
}

#top_contact .contact_list li a p {
	margin-top: 10px;
}

#top_contact .contact_list li a:hover {
	color: var(--keycolor);
	background: var(--keycolor-text);
	transition : all 0.5s;
}

#top_contact .contact_list li a:hover::before{
	content: "";
	width: 30px;
	height: 30px;
	background: url(img/common/sample_logo_icon.svg) no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	transition : all 0.5s;
}

@media screen and ( max-width:768px ) {
	#top_contact {
		margin-top: 80px;
	}

	#top_contact .inner{
	}

	#top_contact .contact_list {
		flex-wrap: wrap;
	}
	#top_contact .contact_list li {
		width: 100%;
		margin-bottom: 40px;
	}
	#top_contact .contact_list li a {
		min-height: 70px;
		width: 70%;
		padding-left: 20px;
		margin-inline: auto;
		font-size: 18px;
	}
	#top_contact .contact_list li a h3 {
		font-size: 18px;
		padding-left: 30px;
	}

	#top_contact .contact_list li a::before{
		content: "";
		width: 30px;
		height: 30px;
		background: url(img/common/sample_logo_icon_white.svg) no-repeat;
		background-position: center center;
		background-size: cover;
		position: absolute;
		top: 50%;
		left: 16px;
		transform: translateY(-50%);
		transition : all 0.5s;
	}
}

@media screen and ( max-width:390px ){
	#top_contact{
		margin-top: 20px;
		padding: 70px 0;
	}

	#top_contact .inner{
		padding-top: 40px;
	}

	#top_contact .contact_list li a {
		font-size: 16px;
	}

	#top_faq{
		margin-bottom: 100px;
	}

	.top_link{
		text-align: right;
		padding-right: 20px;
		position: fixed;
		bottom: 80px;
		right: -8px;
	}

	#top_contact .text {
		margin: 50px 0 20px;
	}

}





@media screen and ( max-width:768px ) {
	#top_suport,
	#top_jirei,
	#top_about,
	#top_faq{
		margin-bottom: 80px;
		padding: 0 14px;
	}
}