@charset "utf-8";


*{margin:0;padding:0;}
body {	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;	font-size: 14px;}
p{	line-height: 200%;	font-size: 15px; color:#666666;}
a {	color: #000000;	text-decoration: none;}
.white {	color: #FFFFFF;	text-decoration: none;}
a:hover{opacity:0.8;	filter: alpha(opacity=80);	-ms-filter: "alpha( opacity=80 )";}
a:active, a:focus {outline: 0;}
.clear{clear:both;}
.clear2 {clear: both;	height: 10px;}
.clear3 {clear: both;	height: 20px;}
.clear4 {clear: both;	height: 30px;}
.clear5 {clear: both;	height: 5px;}
.clear6 {clear: both;	height: 40px;}
.text_black{color: #000000;}
.text_red{color: #F93D3D;}
.text_blue{	color: #0000FF;}
.text_big{	font-size: 150%;}
.t_small1{ font-size: 90%;}
.t_small2{	font-size: 80%;}
.t_small3{ font-size: 70%;}
.t_center{	text-align: center;}
.t_left{	text-align: left;}
.t_right{	text-align: right;}
.left{ float:left;}
.right{ float:right;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font17{ font-size: 17px;}
.font18{ font-size: 18px;}
.font19{ font-size: 19px;}
.font20{ font-size: 20px;}
.font21{ font-size: 21px;}
.font22{ font-size: 22px;}
.font23{ font-size: 23px;}
.font24{ font-size: 24px;}
.font25{ font-size: 25px;}
.font26{ font-size: 26px;}
.font80{ font-size: 80%;}
.margin10{	margin: 10px;}
.margin20{	margin: 20px;}
.margin30{	margin: 30px;}
.margin_b10{	margin-bottom: 10px;}
.margin_b20{	margin-bottom: 20px;}
.margin_b30{	margin-bottom: 30px;}
.margin_t10{	margin-top: 10px;}
.margin_t20{	margin-top: 20px;}
.margin_t30{	margin-top: 30px;}
.padding10{	padding:10px;}
.padding20{	padding:20px;}
.padding30{	padding:30px;}
.padding_b10{	padding-bottom: 10px;}
.padding_b20{	padding-bottom: 20px;}
.padding_b30{	padding-bottom: 30px;}
.padding_t10{	padding-top: 10px;}
.padding_t20{	padding-top: 20px;}
.padding_t30{	padding-top: 30px;}
.center {	text-align: center;}
table {margin: 0; padding: 0;}
ul{	list-style: none;	padding: 0;	margin:0;}
li{	list-style: none;	padding: 0;	margin:0;}
img {border-style:none;	padding: 0;	margin:0; vertical-align: bottom;}
.centered { margin: 0 auto; }
.box_l {float: left;width: 50%;}
.box_r {float: right;	width: 50%;}
table {	margin:0;	padding:0;}
.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;}
.box1280 {	max-width: 1280px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box992 {	max-width: 992px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box960 {	max-width: 960px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box880 {	height: auto;	max-width: 880px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box860 {	height: auto;	max-width: 860px;	width: 90%;	margin-right: auto;	margin-left: auto; padding-left:5%; padding-right:5%;}
.box820 {	height: auto;	max-width: 820px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box815 {	height: auto;	max-width: 815px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box800 {	height: auto;	max-width: 800px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box760 {	height: auto;	max-width: 760px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box690 {	height: auto;	max-width: 690px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box685 {	height: auto;	max-width: 685px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box580 {	height: auto;	max-width: 580px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box560 {	height: auto;	max-width: 560px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box430 {	height: auto;	max-width: 430px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.justify{text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;}

.relative { position:relative;}
.absolute { position:absolute;}

.ryumin{
	font-family: "a-otf-ryumin-pr6n", serif;
font-weight: 300;
font-style: normal;
}
.pc{ display:block;} .sp{ display:none;} 
@media screen and (max-width: 780px) {
.pc{ display:none;} .sp{ display:block;} 
}
.sp_clear{ display:none;}
@media screen and (max-width: 780px) {
.sp_clear{ display:block; clear:both;}
}

.fadein {
  animation: fadeIn 2.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadein2 {
  animation: fadeIn 1.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/**スクロールフェードイン（横スクロールと親和性OK）**/
.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}
.js-fadeBottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeTop {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeLeft {
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeRight {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fade.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.js-fadeBottom.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.js-fadeTop.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.js-fadeLeft.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}
.js-fadeRight.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}
/**スクロールフェードイン（横スクロールと親和性OK）/////**/






.ryo_m{
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.ryo_sb{
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
}	
.ryo_b{
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
}
.ryo_eb{
font-family: "ryo-display-plusn", serif;
font-weight: 800;
font-style: normal;
}
#link1 {margin-top:-100px;	padding-top:100px;}
#link2 {margin-top:-100px;	padding-top:100px;}
#link3 {margin-top:-100px;	padding-top:100px;}
#link4 {margin-top:-100px;	padding-top:100px;}
#link5 {margin-top:-100px;	padding-top:100px;}
#link6 {margin-top:-100px;	padding-top:100px;}
#link7 {margin-top:-100px;	padding-top:100px;}
#link8 {margin-top:-100px;	padding-top:100px;}
#link9 {margin-top:-100px;	padding-top:100px;}
#link10 {margin-top:-100px;	padding-top:100px;}
#manuals {margin-top:-100px;	padding-top:100px;}

.per90{
	width:100%;	
}



header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
}
.head_inner{
	width:90%;
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	z-index:10;
	position: relative;
}

.logo{
	width:120px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}
.menu_smart{
	display: block;
	width: 40px;
	float: right;
	z-index: 10000;
	padding-top:0px;
	margin-top:0px;
	padding-right:0px;
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
}

#my-menu{
	z-index:10000;
	
}
#my-menu li.sub1{
	background-color:#1D3076;
	color: #FFF;
}
#my-menu li.sub2{
	background-color: #1D3076;
	color: #FFF;
	text-align: center;
}	
.head_r{
	position: absolute;
	top: 25px;
	right: 0px;
	width: 222px;
	height: auto;
}
.head1{
	width: 132px;
	height: auto;
	float: left;
	margin-right: 12px;
}
.head2{
	width: 32px;
	height: auto;
	float: left;
	margin-right: 12px;
}
.head3{
	width: 32px;
	height: auto;
	float: left;
}
.topbg{
	width: 100%;
	max-width: 1500px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/topbg.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 80px;
	padding-bottom: 0%;
	position: relative;
	z-index: 0;
}
.box1{
	width: 100%;
	max-width: 750px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10;
}


@keyframes catchFadeIn {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.catch{
	width: 100%;
	max-width: 270px;
	height: auto;
	float: left;
	margin-top:18%;
	z-index: 10;
  /* ← 追加：初期状態を非表示にしておく */
  opacity: 0;
	transform: translateX(-20px);
  animation: catchFadeIn 0.8s ease-out forwards;
  animation-delay: 2s; /* 必要に応じて遅延調整 */
}
.woman{
	width: 100%;
	max-width: 400px;
	height: auto;
	float: right;
	margin-top:10%;
	z-index: 10;
}

.ma1_box{
	width: 92%;
	max-width: 1500px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: -5%;
	margin-bottom: 150px;
	z-index: 100;
	padding-left: 8%;
}
.ma1{
	width: 40%;
	max-width: 502px;
	height: auto;
	background-image: url("images/ma1.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center top;
	display: block;
}
.ma1_sp{
	display: none;
}


.top_f1{
	width: 90%;
	padding-bottom: 14%;
	padding-top: 5%;
	padding-left: 5%;
	padding-right: 5%;
	font-size: clamp(16px, 1.4vw, 22px);
	line-height: 180%;
	color: #FFF;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
}
@keyframes leafArcIn_ma2 {
  0% {
    transform: translate(-300px, -250px) rotate(40deg);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) rotate(-10deg);
    opacity: 1;
  }
}
.ma2{
	width: 27.4%;
	max-width: 412px;
	height: auto;
	position: absolute;
	top:0;
	left: 7%;
  opacity: 0;
  animation: leafArcIn_ma2 1.5s ease-in-out forwards;
animation-delay: 0.2s;
	display: block;
}

@keyframes leafArcIn_ma3 {
  0% {
    transform: translate(-200px, 200px) rotate(30deg);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) rotate(-10deg);
    opacity: 1;
  }
}
.ma3{
	width: 19%;
	max-width: 285px;
	height: auto;
	position: absolute;
	top:25%;
	left: 40%;
  opacity: 0;
  animation: leafArcIn_ma3 2.5s ease-in-out forwards;
animation-delay: 0.4s;
	display: block;
}

@keyframes leafArcIn {
  0% {
    transform: translate(300px, -250px) rotate(-60deg);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
}

.ma4{
	width: 16.6%;
	max-width: 249px;
	height: auto;
	position: absolute;
	top:0;
	right: 12%;
  opacity: 0;
  animation: leafArcIn 2s ease-in-out forwards;
animation-delay: 0.6s;
}
.ma_sp{
	display: none;	
}

.title1{
	width: 192px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	
}
.title1_2{
	width: 192px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
	margin-bottom: 20px;
	
}
.title_sub{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	line-height: 200%;
	text-align: center;
	color: #663300;
	margin-bottom: 40px;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
	
}
.about_box{
	width: 90%;
	max-width: 780px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 130px;
	position: relative;
	padding-left: 50px;
}

.p1{
	width: 100%;
	max-width: 315px;
	height: auto;
	float: left;
	display: block;
}

.p2{
	width: 100%;
	max-width: 194px;
	height: auto;
	padding-top: 5%;
	float: left;
	display: block;
}

.p3{
	width: 100%;
	max-width: 271px;
	height: auto;
	padding-top: 3%;
	float: right;
	display: block;
}
.p1sp{
	display: none;
}

.p2sp{
	display: none;
}

.p3sp{
	display: none;
}



.top_f2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 24px;
	line-height: 200%;
	text-align: center;
	color: #FF6440;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
	margin-bottom: 120px;
	
}
.about_box2{
	width: 90%;
	max-width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
	position: relative;
}
.p4{
	width: 70%;
	max-width: 570px;
	height: auto;
	float: right;
	position: relative;
	z-index: 2;
	display: block;
	
}
.p5{
	width: 70%;
	max-width: 604px;
	height: auto;
	float: left;
	margin-top: -27%;
	position: relative;
	z-index: 1;
	display: block;
	
}
.p4sp{
	display: none;
}
.p5{
	width: 70%;
	max-width: 604px;
	height: auto;
	float: left;
	margin-top: -27%;
	position: relative;
	z-index: 1;
	display: block;
	
}
.p5sp{
	display: none;
}
.p4_t{
	display: none;
}
.p5_t{
	display: none;
}

.yoyaku{
	width: 100%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.yoyaku_t{
	font-size: 18px;
	line-height: 200%;
	color: #663300;
	text-align: center;
	margin-bottom: 20px;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.yoyaku_t span{
	color: #FF6440;
}
.yoyaku_p{
	width: 100%;
	max-width: 340px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}

.yoyaku_tel{
	width: 100%;
	max-width: 250px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;
}


#bg2{
	width: 100%;
	height: auto;
	background-color: #FFF0B7;
	padding-top: 70px;
}

.voice_igo{
	width: 90%;
	max-width: 820px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 50px;
}
.igo_icon{
	width: 96px;
	height: auto;
	float: right;
	
}
.igo_box{
	width: 100%;
	height: auto;
	background-color: #FFF;
}
.igo_l{
	width: 32.2%;
	height: auto;
	float: left;
	margin-left: 6.09%;
	padding-top: 30px;
	padding-bottom: 30px;
	
}
.igo_l p{
	margin-top: 15px;
	font-size: 15px;
	line-height: 80%;
	color: #663300;
	text-align: center;
	margin-bottom: 0px;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
	
}
.igo_l p span{
	font-size: 20px;
	line-height: 0%;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
}
.igo_r{
	width: 56%;
	height: auto;
	float: right;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-right: 3%;
}
.igo_t1{
	font-size: 20px;
	line-height: 110%;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
	margin-bottom: 20px;
	
}
.igo_t2{
	font-size: 15px;
	line-height: 180%;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 20px;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
}
.igo_t2 span{
	font-size: 16px;
	color: #FF6440;	
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
}

.voice_area{
	width: 90%;
	max-width: 1100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	margin-bottom: 100px;
	
}
.voice_area ul{
	width: 100%;
	height: auto;
  	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
	align-items:  stretch;
    -webkit-box-align:stretch;/*--- Androidブラウザ用 ---*/
    -ms-flex-align:stretch;/*--- IE10 ---*/
    -webkit-align-items:stretch;/*--- safari（PC）用 ---*/		
	
}
.voice_area ul li{
	flex-basis: 30%;
	height: auto;
	float: left;
	margin-left: 1.515151515%;
	margin-right: 1.515151515%;
	margin-bottom: 35px;
}
.voice_face{
	max-width: 95px;
	height: auto;
	float: left;
	padding-left: 0px;
}
.voice_icon{
	width: 96px;
	height: auto;
	float: right;
	padding-top: 65px;
	
}
.voice_text{
	width: 92%;
	height: auto;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #FFF;
	font-size: 15px;
	line-height: 190%;
	color: #663300;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.voice_text p{
	font-size: 15px;
	line-height: 190%;
	color: #663300;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.voice_text span{
	font-size: 16px;
	color: #FF6440;	
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
}


.ggmap{
	margin-top: 40px;
	width: 90%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.gmap{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.gmap iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.access_box{
	width: 90%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.access_l{
	width: 50%;
	float: left;	
}
.access_r{
	width: 46%;
	float: right;
}
.access_t1{
	font-size: 13px;
	line-height: 150%;
	color: #663300;
	margin-bottom: 15px;
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
	padding-top: 10px;
}
.access_t1 span{
	font-size: 28px;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
}
.access_t2{
	font-size: 14px;
	line-height: 180%;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
#bg3{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/bg.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	overflow-x: hidden;
	margin-top: 70px;
	position: relative;
	z-index: 0;
	
}
.bg3_3{
	width: 100%;
	max-width: 750px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/ma3sp.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	overflow-x: hidden;
	position: relative;
	z-index: 0;
	
}
.sta{
	width: 287px;
	height: auto;
	position: absolute;
	left: 40%;
	top: 20%;
}
.rec_t{
	max-width: 690px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align:center;
	
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.rec_t p{
	font-size: 16px;
	line-height: 190%;
	color: #663300;
	text-align:center;
	
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.rec_t p strong{
	font-size: 16px;
	color: #FF6440;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
}
.name{
	max-width: 380px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	
}

footer{
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.copyright{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	font-size: 13px;
	line-height: 120%;
	color: #663300;
	text-align: center;	
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}

@media screen and (max-width: 780px) {
header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
}
.head_inner{
	width:90%;
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
	z-index:10;
	position: relative;
}

.logo{
	width:90px;
	height: auto;
	margin-left:0;
	margin-right:0;
}
.menu_smart{
	display: block;
	width: 40px;
	float: right;
	z-index: 10000;
	padding-top:0px;
	margin-top:0px;
	padding-right:0px;
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
}

#my-menu{
	z-index:10000;
	
}
#my-menu li.sub1{
	background-color:#1D3076;
	color: #FFF;
}
#my-menu li.sub2{
	background-color: #1D3076;
	color: #FFF;
	text-align: center;
}	
.head_r{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 52%;
	height: auto;
}
.head1{
	width: 132px;
	height: auto;
	float: left;
	margin-right: 10px;
}
.head2{
	width: 32px;
	height: auto;
	float: left;
	margin-right: 10px;
}
.head3{
	width: 32px;
	height: auto;
	float: left;
}
.topbg{
	width: 100%;
	max-width: 1500px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/topbg_sp.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 0px;
	padding-bottom: 10%;
	position: relative;
	z-index: 0;
}
.box1{
	width: 100%;
	max-width: 750px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10;
}


@keyframes catchFadeIn {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.catch{
	width:50%;
	max-width: 270px;
	height: auto;
	float: none;
	margin-top:18%;
	margin-left: 5%;
	z-index: 10;
  /* ← 追加：初期状態を非表示にしておく */
  opacity: 0;
	transform: translateX(-20px);
  animation: catchFadeIn 0.8s ease-out forwards;
  animation-delay: 1s; /* 必要に応じて遅延調整 */
}
.woman{
	width: 90%;
	max-width: 600px;
	height: auto;
	float: none;
	padding-left: 10%;
	margin-top:-9%;
	z-index: 12;
	position: relative;
}

.ma1_box{
	width: 80%;
	max-width: 1500px;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	margin-top: -12%;
	margin-bottom: 90px;
	z-index: 1;
	padding-left: 0;
}
.ma1{
	display:none;
}
.ma1_sp{
	width: 100%;
	height: auto;
	display: block;
}
.top_f1{
	width: 90%;
	padding-bottom: 14%;
	padding-top: 5%;
	padding-left: 5%;
	padding-right: 5%;
	font-size: clamp(16px, 1.4vw, 22px);
	line-height: 180%;
	color: #FFF;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
}
.ma2{
	display: none;
}
.ma3{
	display: none;
}

@keyframes leafArcIn {
  0% {
    transform: translate(300px, -250px) rotate(-60deg);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
}

.ma4{
	width: 360%;
	max-width: 400px;
	height: auto;
	position: absolute;
	top:40%;
	left: 0%;
  opacity: 0;
  animation: leafArcIn 1.5s ease-in-out forwards;
animation-delay: 0.6s;
}
	
@keyframes leafArcInsp {
  0% {
    transform: translate(300px, -250px) rotate(-60deg);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
}

.ma_sp{
	display: block;
	width: 40%;
	max-width: 400px;
	height: auto;
	position: absolute;
	top:5%;
	right: 0;
  opacity: 0;
  animation: leafArcIn 1s ease-in-out forwards;
animation-delay: 0.6s;
}
.title1{
	width: 192px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	
}
.title1_2{
	width: 192px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
	margin-bottom: 20px;
	
}
.title_sub{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	line-height: 200%;
	text-align: center;
	color: #663300;
	margin-bottom: 40px;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
	
}
.about_box{
	width: 90%;
	max-width: 780px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 130px;
	position: relative;
	padding-left: 50px;
}

.p1{
	display: none;
}

.p2{
	display: none;
}

.p3{
	display: none;
}
.p1sp{
	display: block;
	width: 100%;
	max-width: 780px;
	height: auto;
}

.p2sp{
	display: block;
	width: 44%;
	max-width: 500px;
	height: auto;
	float: left;
	margin-top: -5%;
}

.p3sp{
	display: block;
	width: 52%;
	max-width: 500px;
	height: auto;
	float: right;
	margin-top: -6%;
}



.top_f2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	line-height: 200%;
	text-align: center;
	color: #FF6440;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
	margin-bottom: 90px;
	
}
.about_box2{
	width: 100%;
	max-width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
	position: relative;
}
.p4{
	display: none;	
}
.p5{
	display: none;
}
.p4sp{
	display: block;
	width: 100%;
	max-width: 780px;
	height: auto;
	position: relative;
	z-index: 2;
}
.p5sp{
	display: block;
	width: 100%;
	max-width: 780px;
	height: auto;
	position: relative;
	z-index: 2;
	margin-top: -10%;
	
}
.p4_t{
	display: block;
	width: 47%;
	float: right;
	margin-top: -70%;
	position: relative;
	z-index: 5;
}
.p5_t{
	display: block;
	width: 48%;
	float: left;
	margin-top: -80%;
	position: relative;
	z-index: 5;
}
.yoyaku{
	width: 90%;
	max-width: 700px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.yoyaku_t{
	font-size: 18px;
	line-height: 180%;
	color: #663300;
	text-align: center;
	margin-bottom: 10px;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.yoyaku_t span{
	color: #FF6440;
}
.yoyaku_p{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}
.yoyaku_tel{
	width: 51%;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;
}
#bg2{
	width: 100%;
	height: auto;
	background-color: #FFF0B7;
	padding-top: 70px;
}

.voice_igo{
	width: 90%;
	max-width: 820px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 50px;
}
.igo_icon{
	width: 96px;
	height: auto;
	float: right;
	
}
.igo_box{
	width: 100%;
	height: auto;
	background-color: #FFF;
}
.igo_l{
	width: 90%;
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	
}
.igo_l p{
	margin-top: 15px;
	font-size: 15px;
	line-height: 80%;
	color: #663300;
	text-align: center;
	margin-bottom: 0px;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
	
}
.igo_l p span{
	font-size: 20px;
	line-height: 0%;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
}
.igo_r{
	width: 90%;
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 25px;
}
.igo_t1{
	font-size: 20px;
	line-height: 110%;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
	margin-bottom: 20px;
	
}
.igo_t2{
	font-size: 15px;
	line-height: 180%;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 0px;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
}
.igo_t2 span{
	font-size: 16px;
	color: #FF6440;	
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
}

.voice_area{
	width: 90%;
	max-width: 1100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	margin-bottom: 100px;
	
}
.voice_area ul{
	width: 100%;
	height: auto;
  	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
	align-items:  stretch;
    -webkit-box-align:stretch;/*--- Androidブラウザ用 ---*/
    -ms-flex-align:stretch;/*--- IE10 ---*/
    -webkit-align-items:stretch;/*--- safari（PC）用 ---*/		
	
}
.voice_area ul li{
	width: 100%;
	flex-basis: 100%;
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.voice_face{
	max-width: 95px;
	height: auto;
	float: left;
	padding-left: 0px;
}
.voice_icon{
	width: 96px;
	height: auto;
	float: right;
	padding-top: 65px;
	
}
.voice_text{
	width: 90%;
	height: auto;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #FFF;
	font-size: 15px;
	line-height: 190%;
	color: #663300;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.voice_text p{
	font-size: 15px;
	line-height: 190%;
	color: #663300;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.voice_text span{
	font-size: 16px;
	color: #FF6440;	
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
}


.ggmap{
	margin-top: 40px;
	width: 90%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.gmap{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.gmap iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.access_box{
	width: 90%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
.access_l{
	width: 90%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.access_r{
	width: 90%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.access_t1{
	font-size: 13px;
	line-height: 150%;
	color: #663300;
	margin-bottom: 15px;
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
	padding-top: 10px;
	text-align: center;
}
.access_t1 span{
	font-size: 23px;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 700;
font-style: normal;
}
.access_t2{
	font-size: 15px;
	line-height: 190%;
	color: #663300;
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
#bg3{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/bg_sp.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	overflow-x: hidden;
	margin-top: 60px;
	position: relative;
	z-index: 0;
	
}
.bg3_3{
	width: 100%;
	max-width: 750px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/ma3sp.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center top;
	overflow-x: hidden;
	position: relative;
	z-index: 0;
	
}
.sta{
	width: 60%;
	height: auto;
	position: absolute;
	left: 20%;
	top: 20%;
}
.rec_t{
	max-width: 690px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
	
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.rec_t p{
	font-size: 16px;
	line-height: 190%;
	color: #663300;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
	
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
.rec_t p strong{
	font-size: 16px;
	color: #FF6440;
font-family: "ryo-display-plusn", serif;
font-weight: 600;
font-style: normal;
}
.name{
	max-width: 380px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	
}

footer{
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.copyright{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	font-size: 13px;
	line-height: 120%;
	color: #663300;
	text-align: center;	
font-family: "ryo-display-plusn", serif;
font-weight: 500;
font-style: normal;
}
}