@charset "utf-8";

html{
  overflow-y:scroll;
}

@font-face {
    font-family: 'mv_boliregular';
    src: url('../font/mvboli-webfont.eot');
    src: url('../font/mvboli-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/mvboli-webfont.woff2') format('woff2'),
         url('../font/mvboli-webfont.woff') format('woff'),
         url('../font/mvboli-webfont.ttf') format('truetype'),
         url('../font/mvboli-webfont.svg#mv_boliregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* ローカルのフォントを指定 */
@font-face {
    font-family: 'Noto Sans JP';
    src: url('../font/NotoSansJP-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900; /* 変動するウェイト範囲を指定 */
    font-style: normal;
    font-display: swap; /* フォントが読み込まれるまでシステムフォントを表示 */
}

/* body{font-family:'Courgette', cursive;} */



.loading{
    width:1080px;
    margin:120px auto 60px;
    display:none;
}

.loading span{
    display: block;
    width:130px;
    height:80px;
    background: url("../images/loading.gif")center center no-repeat;
    border:solid 1px #ddd;
    border-radius:3px;
    margin:0 auto;
}

@media all and (max-width: 767px) {
	
#maintenance {
    top: -7px;
}
    
.loading{
    width:100%;
    margin:35px auto 30px;
}

.loading span{
    display: block;
    width:130px;
    height:80px;
    background: url("../images/loading.gif")center center no-repeat;
    background-size: 70% auto;
    border:solid 1px #ddd;
    border-radius:3px;
    margin:0 auto;
}
    
}


.slideCourse{
  _display: none;
}
.slideCourse.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}



@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}

@keyframes rotate-anime_r {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(-360deg);}
}

/*------------------------------------------------------------
    デフォルトスタイル
------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
	box-sizing:border-box;
    font-size: 1em;
}

body {
    font-size: 62.5%;
}

body,
table,
input,
textarea,
select,
option {
    font-family: "Noto Sans JP","YakuHanJP", '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: 500;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

header{
background: #fff;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

img {
    vertical-align: top;
}

a,
a:link {
    color: #232323;
    text-decoration: none;
}

a:visited {
    color: #232323;
    text-decoration: none;
}

a:hover {
    color: #b12008;
    text-decoration: underline;
}

a:active {
    color: #232323;
    text-decoration: underline;
}

input[type="checkbox"],
label {
    cursor: pointer;
}

/*------------------------------------------------------------
    レイアウト
------------------------------------------------------------*/
body {
    min-width: 1080px;
    color: #232323;
    font-size: 15px;
    line-height: 1.5;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    _background-color: #fff;
    font-weight: 500;
    overflow: hidden;
}

#container {
    text-align: left;
}

body.single #container,
body.page-id-3950 #container,
body.post-type-archive-information #container{
background: #fafafa;
}

@media all and (max-width: 767px) {
  body.single #container{
background: #fff;
}  
}

a[href^='tel:'] {
    cursor: default;
    pointer-events: none;
}

input[type='submit'] {
    -webkit-appearance: none;
    border-radius: 0;
}

.sp {
    display: none !important;
}

.wrap.bgbk{
    background: #3c3c41 url(../../img/top/bg02.jpg) repeat left top;
    background-size: 70% auto;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (min-width: 768px) {
    .sp_only {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    body {
        min-width: inherit;
    }

    body.fixed {
        position: fixed !important;
        width: 100%;
        top: 0;
    }

    a:hover,
    a:hover img {
        opacity: 1 !important;
    }

    .sp {
        display: block !important;
    }

    .pc {
        display: none !important;
    }

    a[href^='tel:'] {
        cursor: pointer;
        pointer-events: auto;
    }

    .pc_only {
        display: none !important;
    }
}
/*------------------------------------------------------------
    main
------------------------------------------------------------*/

main{
margin-top:110px;/* margin-top:100px; */

}


/*------------------------------------------------------------
    ヘッダー
------------------------------------------------------------*/
#header{
	position:fixed;
	top:0;
	height:110px;	/* height:100px; */
	width:100%;
	background: rgba(255,255,255,0.8);
	z-index:100;
	
}
#header.topheader{
	background:#254055;
	
}
#header .headerLine{
	background:#DC0042;
	width:100%;
	height:30px;
}
#header .headerInner{
	position:relative;

}
#header .logo{
	position:absolute;
	top:0;
	left:15px;
	width:300px;
	padding-top:10px;	/* padding-top:5px; */
}
#header.topheader .logo{
	display:none;
}
#header .logo img{
	width:100%;
}
#header .logo img:hover{
	opacity:0.6;
}
#header .hSns{
	position:absolute;
	top:10px;
	right:15px;
}

#header .hSns div{
	display:inline-block;
	width:20px;
	margin-left:20px;
}
#header .hSns div img{
	width:100%;
}

#header .overlay-menu{
    position: fixed;
    top:68px;    /* top:58px; */
    right:15px;
	height:40px;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: right;
}

#header .overlay-menu .menu-user{
	font-size:14px;
	font-weight:bold;
	padding:0 20px;	
	display: inline-block;
	position: relative;
 	text-decoration: none;
}
#header.topheader .overlay-menu .menu-user{
	color:#fff;
}

#header .overlay-menu .menu-user:hover{
	color:#000;
}
#header.topheader .overlay-menu .menu-user:hover{
	color:#fff;
}
#header .overlay-menu .menu-user.active:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	background: #000;
	transform: scale(1);
	transition: 0.1s;
}
#header .overlay-menu .menu-user:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	background: #000;
	transform: scale(0, 1);
	transition: 0.4s;
	
}
#header.topheader .overlay-menu .menu-user.active:before{
	background: #fff;
}
#header.topheader .overlay-menu .menu-user:before{
	background: #fff;
	
}
#header .overlay-menu .menu-user.active,
#header .overlay-menu .menu-user:hover:before {
	transform: scale(1);
}
.menu-state{
	display:none;
}
.sp_btn{
	display:none;
}
.spnavigation{
    width: 0;
    height: 0;
    overflow: hidden;
}
#header .spnavigation .logo {
    display: none;
}
/*------------------------------------------------------------
    TitleBorder
------------------------------------------------------------*/
#TitleBorder{
	width:100%;
	margin:0 auto;
	padding:0 15px 0 15px;
	background:#DC0042;
}

#TitleBorder .BorderInner{
	max-width:1080px;
	margin:0 auto;
	padding:5px 15px 5px 15px;
	font-size:14px;
	line-height:1.5em;
	color:#fff;
}
#TitleBorder .BorderInner a{
	color:#fff;
}


/*------------------------------------------------------------
    PageImage
------------------------------------------------------------*/
#PageImage{
	height:280px;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

#PageImage.experience{background-image:image-set(url("../images/about_img.webp") type("image/webp"),url("../images/about_img.jpg") type("image/jpeg"))}
#PageImage.intro{background-image:image-set(url("../images/intro_img.webp") type("image/webp"),url("../images/intro_img.jpg") type("image/jpeg"))}

#PageImage .PageContents{
	height:100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    
flex-wrap:wrap;
}
#PageImage .PageContents div{
    width: 100%;
	font-size:40px;
	color:#000;
	font-family:'Courgette', cursive;
	text-align:center;
}
#PageImage .PageContents h3{
	padding-top:15px;
	font-size:16px;
	color:#000;
	font-family:'Courgette', cursive;
}


/*------------------------------------------------------------
    PageTitle
------------------------------------------------------------*/
.PageTitle{
	width:100%;
	background:#fff;
}
.PageTitle .PageTitleInner{
	max-width:850px;
	margin:0 auto;
	padding:30px 15px 60px 0;
}



.PageTitle .PageTitleInner .PIcon{
	display:block;
	width:70px;
	height:77px;
	background: url(../images/svg/page_icon_01.svg) no-repeat center center;
	background-size:70px auto;
	margin:0 auto 70px auto;
}

.PageTitle .PageTitleInner .PIcon2{
	width:400px;
	display:block;
	height:77px;
	background: url(../images/svg/page_icon_02.svg) no-repeat left center;
	background-size:70px auto;
	margin:0 auto 70px auto;
	padding:0 0 0 70px;
	font-size:40px;
	line-height:77px;
	font-family:'Courgette', cursive;
	text-align:center;
}
.PageTitle .PageTitleInner .PTitle{
	font-size:40px;
	line-height:50px;
	padding:0 15px 50px 15px;
	font-weight:bold;
	text-align:center;
}
.PageTitle .PageTitleInner .PSubtitle{
	font-size:18px;
	line-height:28px;
	padding:0 15px 50px 15px;
	text-align:center;
}
.PageTitle .PageTitleInner .PText{
	font-size:16px;
	line-height:28px;
	padding:0 15px 60px 0;
}




/*------------------------------------------------------------
    Pagetop
------------------------------------------------------------*/
.Pagetop{
	display:none;
	position:fixed;
	bottom: 0;
	right: 0;
}
.Pagetop p{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	padding: 10px 0;
	font-family: 'Courgette', cursive;
	
	font-size: 24px;
	width: 50px;
	height: 50px;
	text-align:right;
	cursor:pointer;
	background:#000 url(../images/svg/top_arrow.svg) no-repeat center center;
	background-size:30px auto;
	
}
.Pagetop p:hover{
	color:#004988
}

/*------------------------------------------------------------
    Topsec
------------------------------------------------------------*/

#Topsec{
	position:relative;
	background: url(../images/top_img.jpg) no-repeat center center;
	background-size:cover;
	
	width:100%;
		height:calc(100vh - 57px);
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.webp #Topsec{background-image:url(../images/top_img.webp)}

#Topsec .TopInner{
	width:50vw;
	max-width:800px;
	text-align:center:

}
#Topsec .TopText{
text-align:center;
padding:20px 0 40px 0;
color:#fff;
font-size:3vw;
  position: relative;
  text-shadow:
    0 1px 2px rgba(0,0,0,.7),
    0 0 8px rgba(0,0,0,.35);
}



#Topsec .Anc{
	position:absolute;
	left:50%;
	bottom:80px;
	margin-left:-20px;
	width:40px;
	height:40px;
}
#Topsec .Anc p{
	display:block;
	position:relative;
	background-size:40px auto;
	width:40px;
	height:40px;
	animation: rotate-anime 5s linear infinite;
}
#Topsec .Anc a{
	display:block;
	position:absolute;
	left:0 ;
	top:0;
	background-size:40px auto;
	width:40px;
	height:40px;
	animation: rotate-anime_r 5s linear infinite;
}
#Topsec .Anc a:hover{
	opacity:0.8;
}



/*------------------------------------------------------------
    ServiceContents
------------------------------------------------------------*/
.ServiceContents{
	width:100%;
	background:#DC0042;
	padding:100px 0 0 0;
	
}
.ServiceContents .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 15px 80px 15px;
}
.ServiceContents .ContentsInner .IconImg{
	max-width:150px;
	margin:0 auto;
	padding:0 15px 25px 15px;
}
.ServiceContents .ContentsInner .IconImg img{
	width:100%;
}
.ServiceContents .ContentsInner .CTitle{
	font-size:30px;
	line-height:45px;
	padding:0 0 30px 0;
	color:#fff;
	text-align:center;
}
.ServiceContents .ContentsInner .CText{
	font-size:16px;
	line-height:18px;
	padding:0 0 50px 0;
	text-align:center;
	color:#fff;
    font-weight: 600;
    line-height: 1.8;
}

.ServiceContents .ContentsInner .CBtn{
	width:450px;
	margin:0 auto;
}
.ServiceContents .ContentsInner .CBtn a{
	display:block;
	width:100%;
	color:#DC0042;
	background:#fff;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	line-height:1.4;
	padding:15px 10px;
	text-decoration:none;
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
}
.ServiceContents .ContentsInner .CBtn a span{
	background:#fff url(../images/svg/icon_cart.svg) no-repeat left center;
	background-size:20px auto;
	padding: 0 0 0 35px;
}

.ServiceContents .ContentsInner .CBtn a:hover{
	opacity:0.6;
}

.ServiceContents .InformationArea{
	width:100%;
	background:#FF5D8D;
	padding:10px 0 10px 0;
	
}
.ServiceContents .InformationArea .InformationInner{
	max-width:780px;
	margin:0 auto;
	padding:0 15px 0 15px;
	position:relative;
	
}
.ServiceContents .InformationArea .InformationInner dl{
	width:100%;
	display:table;
}

.ServiceContents .InformationArea .InformationInner dl dt{
	width:150px;
	display:table-cell;
	color:#fff;
}
.ServiceContents .InformationArea .InformationInner dl dd{
	display:table-cell;
	color:#fff;
}

.ServiceContents .InformationArea .InformationInner dl dd a{
	color:#fff;
}

.ServiceContents .InformationArea .InformationInner .informationLink{
	display:block;
	display:none;
	position:absolute;
	top:0;
	right:0;
	background: url(../images/svg/list_link.svg) no-repeat center center;
	background-size:20px auto;
	width:20px;
	height:20px;
}
.ServiceContents .InformationArea .InformationInner .informationLink a{
	display:block;
	width:20px;
	height:20px;
}

.ServiceContents .InformationArea .InformationInner .informationIcon{
	display:block;
	position:absolute;
	top: -40px;
	left: -100px;
	background: url(../images/svg/link_new.svg) no-repeat center center;
	background-size:100px auto;
	width:100px;
	height:100px;
}




/*------------------------------------------------------------
    ProdutcsContents
------------------------------------------------------------*/
.ProdutcsContents{
	width:100%;
	background:#fff url(../images/fl_right_bg.png) no-repeat right top 50px;
            background-image: image-set(
            url("../images/fl_right_bg.webp") type("image/webp"),
            url("../images/fl_right_bg.png") type("image/png")
        );
	background-size:300px auto;
	padding:100px 0 100px 0;
	
}
.ProdutcsContents .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 15px 0 15px;
}
.ProdutcsContents .ContentsInner .CTitle{
	font-size:40px;
	line-height:40px;
	padding:0 0 15px 0;
	font-family:'Courgette', cursive;
	color:#DC0042;
}
.ProdutcsContents .ContentsInner .SubTitle{
	font-size:18px;
	line-height:26px;
	padding:0 0 30px 0;
	position:relative;
	margin:0 auto;
}
.ProdutcsContents .ContentsInner .SubTitle span{
	padding:0 25px 0 25px;
	position:relative;
}

.ProdutcsContents .ContentsInner .SubTitle span:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/svg/titleline.svg) no-repeat left center;
	background-size:19px auto;
	height:26px;
	width:20px;
}

.ProdutcsContents .ContentsInner .SubTitle span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/svg/titleline.svg) no-repeat right center;
	background-size:19px auto;
	height:26px;
	width:20px;
}
.ProdutcsContents .ContentsInner .CText{
	font-size:16px;
	line-height:20px;
	padding:0 0 75px 0;
}

.ProdutcsContents .ContentsInner .PDetail{
	display:table;
	width:100%;
	background:#DC0042;
	padding:6px;
}
.PDetail + .PDetail { margin-top: 30px;}


.ProdutcsContents .ContentsInner .PDLeft
,.ProdutcsContents .ContentsInner .PDRight
{
	display:table-cell;
	width:60%;
	color:#fff;
	padding:15px 45px 15px 45px;
	vertical-align:top;
}

.ProdutcsContents .ContentsInner .PDTitle{
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	padding:0  0 15px 0;
}
.ProdutcsContents .ContentsInner .PDsubTitle{
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	padding:0  0 15px 0;
}

.ProdutcsContents .ContentsInner .PDText{
	font-size:16px;
	line-height:1.6;
	padding:0  0 35px 0;
}

.ProdutcsContents .ContentsInner .PDImg{
	display:table-cell;
	/* background:#fff; */
	vertical-align:middle;
	text-align:center;
}
.ProdutcsContents .ContentsInner .PDImg img{
	width:100%;
	max-width:385px;
}
.ProdutcsContents .ContentsInner .PDImg img.jam{max-width:400px;width:auto;height:100%}
.ProdutcsContents .ContentsInner .PDBtn{
	width:350px;
	margin:0 auto;
}
.ProdutcsContents .ContentsInner .PDBtn a{
	display:block;
	width:100%;
	color:#DC0042;
	background:#fff;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	line-height:1.4;
	padding:10px 10px;
	text-decoration:none;
}

.ProdutcsContents .ContentsInner .PDBtn a:hover{
	opacity:0.6;
}


/*------------------------------------------------------------
    TopExperienceContents
------------------------------------------------------------*/
.TopExperienceContents{width:100%;padding:100px 0 100px 0}
.TopExperienceContents .ContentsInner{max-width:980px;margin:0 auto;padding:0 0 0 0}
.TopExperienceContents .ContentsInner .CTitle{font-size:40px;line-height:40px;padding:0 0 10px 0;font-family:'Courgette',cursive;text-align:center;color:#DC0042}
.TopExperienceContents .ContentsInner .SubTitle{font-size:18px;line-height:26px;padding:0 0 60px 0;text-align:center;position:relative;margin:0 auto}
.TopExperienceContents .ContentsInner .SubTitle span{padding:0 25px 0 25px;position:relative}
.TopExperienceContents .ContentsInner .SubTitle span:before{content:"";position:absolute;left:0;top:0;background:url(../images/svg/titleline.svg) no-repeat left center;background-size:19px auto;height:26px;width:20px}
.TopExperienceContents .ContentsInner .SubTitle span:after{content:"";position:absolute;right:0;top:0;background:url(../images/svg/titleline.svg) no-repeat right center;background-size:19px auto;height:26px;width:20px}
.TopExperienceContents .topExperience{
    background:url(../images/topExpBg.jpg) no-repeat top center;
    background-size: cover;
    /* background-attachment: fixed; */
    padding:90px 0 150px}
.webp .TopExperienceContents .topExperience{background-image:url(../images/topExpBg.webp)}

.TopExperienceContents .topExperience .CTitle{font-size:30px;padding:0 0 10px 0;text-align:center;color:#000}
.TopExperienceContents .topExperience .ObiTitle{font-size:40px;padding:10px 0;text-align:center;color:#DC0042;background-color:rgba(255,255,255,.87)}
.TopExperienceContents .topExperience .CBtn{max-width:450px;margin:80px auto 0; width:calc(100% - 40px); }
.TopExperienceContents .topExperience .CBtn a{display:block;width:100%;color:#fff;border-radius:30px;text-align:center;font-weight:bold;text-decoration:none;box-shadow:0 3px 4px 2px rgba(0,0,0,.2);transition:filter .35s ease,transform .35s ease;overflow:hidden;background:#DC0042;font-size:24px;padding:20px 20px 20px 23%;background:#DC0042 url(../images/svg/ico_calendar.svg) no-repeat left 10% center;background-size:auto 60%}
.TopExperienceContents .topExperience .CBtn a img { display: block; width: 100%; height: auto;}

.CBtn .sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;overflow:hidden;}

.TopExperienceContents .topExperience .CBtn a:hover{ filter: brightness(1.08); transform: scale(1.01);}

.TopExperienceContents .topExperience .note{line-height:1.5;color:#fff;font-size:16px;text-align:center;margin-top:1em;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.35); padding: 0.5em 1em;}


/*------------------------------------------------------------
    PickupContents
------------------------------------------------------------*/
.PickupContents{
	width:100%;
	background:#F8F9F9;
	padding:100px 0 100px 0;
	
}
.PickupContents .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 0 0 0;
}
.PickupContents .ContentsInner .CTitle{
	font-size:40px;
	line-height:40px;
	padding:0 0 10px 0;
	font-family:'Courgette', cursive;
	text-align:center;
	color:#DC0042;
}
.PickupContents .ContentsInner .SubTitle{
	font-size:18px;
	line-height:26px;
	padding:0 0 60px 0;
	text-align:center;
	position:relative;
	margin:0 auto;
}
.PickupContents .ContentsInner .SubTitle span{
	padding:0 25px 0 25px;
	position:relative;
}

.PickupContents .ContentsInner .SubTitle span:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/svg/titleline.svg) no-repeat left center;
	background-size:19px auto;
	height:26px;
	width:20px;
}

.PickupContents .ContentsInner .SubTitle span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/svg/titleline.svg) no-repeat right center;
	background-size:19px auto;
	height:26px;
	width:20px;
}


.PickupContents ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom:45px;
}
.PickupContents li{
	padding:0 10px 20px 10px;
	width:320px;
}
.PickupContents li .PicContInner{
	width:100%;
	background:#fff;
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
	height:100%;
}
.PickupContents li .PicContInner .PicContImg{
	width:100%;
}
.PickupContents li .PicContInner .PicContImg img{
	width:100%;
}

.PickupContents li .PicContInner .PicContText{
	width:100%;
	padding:15px 20px;
	font-size:14px;
	line-height:1.8;
	height:100%;
}



/*------------------------------------------------------------
    ShopContents
------------------------------------------------------------*/
.ShopContents{
	width:100%;
	background:#fff url(../images/shop_bg.jpg) no-repeat center center;
	background-size:cover;
	background-attachment: fixed;
	padding:100px 0 100px 0;
	
}
.ShopContents .ContentsInner{
	max-width:1010px;
	margin:0 auto;
	padding:0 0 0 0;
}
.ShopContents .ContentsInner .CTitle{
	font-size:30px;
	line-height:40px;
	padding:0 15px 20px 15px;
	font-family:'Courgette', cursive;
}
.ShopContents .ContentsInner .CText{
	font-size:16px;
	line-height:18px;
	padding:0 15px 40px 15px;
}


.ShopContents ul {
	width:100%;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0 0 50px 0;
}
.ShopContents li {
    width: 33.3%;
    text-align: center;
    padding: 0 15px 30px 15px;
}
.ShopContents li div{
    width: 100%;
    text-align: center;
    background:#fff;
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
	padding:15px 5px;
	line-height:30px;
	border-radius:5px;
	
    
    
}
.ShopContents .ContentsInner .CCText{
	font-size:16px;
	line-height:18px;
	padding:0 0 40px 0;
	text-align:center;
}
.ShopContents .ContentsInner .CBtn{
	width:450px;
	margin:0 auto;
}
.ShopContents .ContentsInner .CBtn a{
	display:block;
	width:100%;
	color:#fff;
	background:#DC0042;
	border-radius:10px;
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
	text-align:center;
	font-weight:bold;
	font-size:24px;
	line-height:1.8;
	padding:15px 10px;
	text-decoration:none;
}

.ShopContents .ContentsInner .CBtn a:hover{
	background:#F82665;
}

/*------------------------------------------------------------
    SnsContents
------------------------------------------------------------*/
.SnsContents{
	width:100%;
	/* background:#fff url(../images/fl_left_bg.png) no-repeat left top 50px; */
	background-size:300px auto;
	padding:100px 0 100px 0;

	background-color: #fff;
    position: relative;
}
.SnsContents::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 1. フォールバック（image-set自体が解釈できない超古いブラウザ用） */
    background: url(../images/fl_left_bg.png) no-repeat left top 50px;
    /* 2. モダンブラウザ用：WebPがあればWebP、なければPNGを採用 */
    background-image: image-set(
        url("../images/fl_left_bg.webp") type("image/webp"),
        url("../images/fl_left_bg.png") type("image/png")
    );
    background-size: 300px auto;
    z-index: 10; 
    pointer-events: none;
}


.SnsContents .ContentsInner{
	max-width:1200px;
	margin:0 auto;
	padding:0 0 0 0;
}
.SnsContents .ContentsInner .CTitle{
	font-size:30px;
	line-height:40px;
	padding:60px 0 70px 0;
	font-family:'Courgette', cursive;
	text-align:center;
	background: url(../images/icon_b_insta.png) no-repeat center top;
	background-size:48px auto;
}

.SnsContents .ContentsInner .snsImg{
	max-width:800px;
	margin:0 auto;

}
.SnsContents .ContentsInner .snsImg img{
	width:100%;

}

/*------------------------------------------------------------
    AboutContents
------------------------------------------------------------*/
.AboutContents{
	width:100%;
	background:#fff;
	padding:100px 0 100px 0;
}
.AboutContents .ContentsInner{
	max-width:1200px;
	margin:0 auto;
	padding:0 0 0 0;
}
.AboutContents .ContentsInner .CTitle{
	font-size:30px;
	line-height:40px;
	padding:0 0 70px 0;
	font-family:'Courgette', cursive;
	text-align:center;
}
.AboutContents .ContentsInner h3{
	display:inline-block;
}
.AboutContents .ContentsInner .CTitle div{
	display:inline-block;
	font-size:18px;
	padding:0 0 0 15px;
}
.AboutContents .ContentsInner .CImg{
	width:100%;
	padding:0 0 20px 0;
	margin:0 auto;
}

.AboutContents .ContentsInner .CImg img{
	width:100%;
}
.AboutContents .ContentsInner .CText{
	font-size:16px;
	line-height:28px;
	padding:0 0 30px 0;
	text-align:center;
}


/*------------------------------------------------------------
    ExperienceContents
------------------------------------------------------------*/
.ExperienceContents{width:100%;background:#fff;padding:100px 0 100px 0}
.ExperienceContents .ContentsInner{max-width:1200px;margin:0 auto;padding:0 0 0 0}
.ExperienceContents .ContentsInner .CTitle{padding:0 0 20px 0;font-family:'Courgette',cursive;text-align:center;margin:0 auto;font-size: 30px;}
.ExperienceContents .ContentsInner .CTitle.mtm30{ margin-top: -30px;max-width:500px;width:calc(100% - 20px); }
 .ExperienceContents .ContentsInner h3{color:#ff1e1e;display:inline-block; width: 100%;}
 .ExperienceContents .ContentsInner h3 img{display:block;width:100%}
.ExperienceContents .ContentsInner .CTitle span { font-size: 20px; color: #000; padding-left: 0.25em; }
.ExperienceContents .ContentsInner .CImg{width:100%;padding:0 0 20px 0;margin:0 auto}
.ExperienceContents .ContentsInner .CImg img{display:block;width:calc(100% - 40px);margin:0 auto;height:auto}
.ExperienceContents .ContentsInner .CText{font-size:16px;line-height:1.5; text-align:center}

.CBtn.Experience {width:450px;margin:60px auto 0}
.CBtn.Experience  a{
    display:block;width:100%;color:#fff;border-radius:16px;text-align:center;font-weight:bold;text-decoration:none;box-shadow:0 3px 4px 2px rgba(0,0,0,.2);transition:filter .35s ease,transform .35s ease; overflow: hidden;
    font-size: 24px;
    padding: 20px 20px 20px 17%;
    background: #DC0042 url(../images/svg/ico_calendar.svg) no-repeat left 7% center;
    background-size:  auto 60%;
}
.CBtn.Experience  a:hover{ filter: brightness(1.08); transform: scale(1.01);}
.CBtn.Experience  a img { display: block; width: 100%; height: auto;}
.note.Experience{line-height:1.5;color:#000;font-size:16px;text-align:center; padding: 1em;font-weight: 300;  }
/*------------------------------------------------------------
    ExFeatures
------------------------------------------------------------*/
 .ExFeatures{background:#c42021}
.ExFeatures .ContentsInner { max-width: 1200px; margin: 0 auto; padding: 120px 0; }
.ExFeatures .ContentsInner .features{margin:0 auto;width:calc(100% - 40px);padding:40px;display:flex;flex-wrap:wrap;row-gap:80px}
.ExFeatures .ContentsInner .features li{display:flex;overflow:hidden;gap:20px}
.ExFeatures .ContentsInner .features li:nth-child(even)  .Img{ order: -1;}
.ExFeatures .ContentsInner .features .Tx{flex:1 1 50%}
.ExFeatures .ContentsInner .features .Tx .fTitle{color:#fff;font-weight:600;font-size:32px;line-height:1.3;margin-bottom:20px;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between}
.ExFeatures .ContentsInner .features .Tx .fTitle .num{ display: block; width: 30%; align-self: center; flex-shrink: 0; }
.ExFeatures .ContentsInner .features .Tx .fTxt{color:#fff;font-size:18px;line-height:1.8}
.ExFeatures .ContentsInner .features .Img{flex:1 1 50%}
.ExFeatures .ContentsInner .features li img { width: 100%; display: block; height: auto; }
/*------------------------------------------------------------
    IntroSt
------------------------------------------------------------*/
 .IntroSt{background:#dc0042; margin-top: 120px; padding: 80px 0 120px;}
 .IntroSt .ContentsInner { width: calc(100% - 40px); margin-left: auto; margin-right: auto;}
.IntroSt .ichigo-list {
   overflow: hidden;
    display: grid; grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 100px 20px;  margin: auto;
    max-width: 950px;
}
.IntroSt .ichigo-list .ichigo-card {
    background-color: #fff;
    width: 100%;
    max-width: 390px;
    border-radius: 15px;
    padding: 20px 45px 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.IntroSt .ichigo-list .ichigo-img { width: 100%; }
.IntroSt .ichigo-list .ichigo-img img { display: block; width: 100%; height: auto;}
.IntroSt .ichigo-list .ichigo-name { margin-bottom: 0.5em; font-weight: 700; font-size: 16px;}
.IntroSt .ichigo-list .ichigo-desc { margin-top: 1.5em; font-size: 14px;}


/*------------------------------------------------------------
    ConceptContents
------------------------------------------------------------*/
.ConceptContents{
	width:100%;
	background:#F8F9F9;
	padding:100px 0 100px 0;
}
.ConceptContents .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 0 0 0;
}
.ConceptContents .ContentsInner .CTitle{
	font-size:40px;
	line-height:40px;
	padding:0 0 10px 0;
	font-family:'Courgette', cursive;
	text-align:center;
}
.ConceptContents .ContentsInner .SubTitle{
	font-size:18px;
	line-height:26px;
	padding:0 0 60px 0;
	text-align:center;
	position:relative;
	margin:0 auto;
}
.ConceptContents .ContentsInner .SubTitle span{
	padding:0 25px 0 25px;
	position:relative;
}

.ConceptContents .ContentsInner .SubTitle span:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/svg/titleline.svg) no-repeat left center;
	background-size:19px auto;
	height:26px;
	width:20px;
}

.ConceptContents .ContentsInner .SubTitle span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/svg/titleline.svg) no-repeat right center;
	background-size:19px auto;
	height:26px;
	width:20px;
}


.ConceptContents .ContentsInner .CFloat{
}
.ConceptContents .ContentsInner .CTable{
	display:table;
	width:100%;
	
}
.ConceptContents .ContentsInner .CTable .Cleft{
	display:table-cell;
	vertical-align:top;
	
}

.ConceptContents .ContentsInner .CTable .Cright{
	display:table-cell;
	vertical-align:top;
	width:40%;
	padding:0 0 0 80px;
}
.ConceptContents .ContentsInner .CTable .Cright img{
	width:100%;
}

.ConceptContents .ContentsInner .CTable dt{
	width:100%;
}

.ConceptContents .ContentsInner .CTable dd{
	width:100%;
	font-size:16px;
	line-height:24px;
	padding:0 0 40px 0;
}

.ConceptContents .ContentsInner .CTable .dtTitle{
	width:100%;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	padding:0 0 5px 0;
	color:#D8422B;
}



.ConceptContents .ContentsInner .dlLine{
	position:relative;
	border:1px solid #D9D9D9;
	margin:0 0 5px 0;
}

.ConceptContents .ContentsInner .dlLine:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 239px;
	height: 2px;
	background: #DC0042;
	transform: scale(0.2,1);
    transform-origin: left bottom;/*左上基点*/
	transition: 1s ! important;
	
}
.ConceptContents .ContentsInner .dlLine.show:before{
	transform: scale(1,1);
}


/*------------------------------------------------------------
    StaffContents
------------------------------------------------------------*/
.StaffContents{
	width:100%;
	background:#fff;
	padding:100px 0 100px 0;
}
.StaffContents .ContentsInner{
	margin:0 auto;
	padding:0 0 0 0;
}
.StaffContents .ContentsInner .CTitle{
	font-size:40px;
	line-height:40px;
	padding:0 0 10px 0;
	font-family:'Courgette', cursive;
	text-align:center;
}
.StaffContents .ContentsInner .SubTitle{
	font-size:18px;
	line-height:26px;
	padding:0 0 60px 0;
	text-align:center;
	position:relative;
	margin:0 auto;
}
.StaffContents .ContentsInner .SubTitle span{
	padding:0 25px 0 25px;
	position:relative;
}

.StaffContents .ContentsInner .SubTitle span:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/svg/titleline.svg) no-repeat left center;
	background-size:19px auto;
	height:26px;
	width:20px;
}

.StaffContents .ContentsInner .SubTitle span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/svg/titleline.svg) no-repeat right center;
	background-size:19px auto;
	height:26px;
	width:20px;
}

.StaffContents .ContentsInner .StaffDetail{
	background: url(../images/staff_bg.png) repeat-y center center;
	background-size:100% auto;
}
.StaffContents .ContentsInner .StaffDetail .StaffDInner{
	max-width:1130px;
	margin:0 auto;
	padding:70px 15px;
}

.StaffContents .ContentsInner .StaffDetail .StaffDInner .StaffDTable{
	display:table;
	width:100%;
}

.StaffContents .ContentsInner .StaffDetail .StaffDInner .StaffDTable .StaffLeft{
	display:table-cell;
	width:50%;
	padding:0 60px 0 40px;
	vertical-align:middle;
}
.StaffContents .ContentsInner .StaffDetail .StaffDInner .StaffDTable .StaffRight{
	display:table-cell;
	width:50%;
	vertical-align:top;
}
.StaffContents .ContentsInner .StaffDetail .StaffDInner .StaffDTable .StaffLeft img{
	width:100%;
}
.StaffContents .ContentsInner .StaffDetail .StaffDInner .StaffDTable .StaffRight .StaffText{
	background:#fff;
	padding:30px 35px;
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
	font-size:14px;
	line-height:1.8;
	min-height:250px;
}


/*------------------------------------------------------------
    NotesForVisitors
------------------------------------------------------------*/
.NotesForVisitors{
	width:100%;
    padding-bottom: 100px;
}
.NotesForVisitors .ContentsInner{
	max-width:800px;
	margin:0 auto;
	padding:0 0 0 0;
    width: calc(100% - 40px);
}
.NotesForVisitors .ContentsInner .Ctitle {
    padding:0 0 10px 0;
    margin:  100px auto 70px;
}
.NotesForVisitors .ContentsInner .Ctitle h3 {
    background-color: #dc0042;
    color: #fff; font-weight: 700;
    border-radius: 10px;
    display: inline-block; width: fit-content;
    margin:  0 auto;
    display: flex; justify-content: center; align-items: center;
    /* width: 195px; height: 54px; */
    /* height: 54px; */
    padding: 8px 30px;
    font-size: 26px;
}
.NotesForVisitors .ContentsInner .NotesLine {
    display: flex;
    flex-wrap: nowrap;
}
.NotesForVisitors .ContentsInner .NotesLine  + .NotesLine { margin-top: 20px; }

.NotesForVisitors .ContentsInner .NoteNum {
    font-size: 20px; font-weight: bold;
    color:#D8422B;
    flex: 0 0 3em;
    border-bottom: 2px solid #DC0042;
}

.NotesForVisitors .ContentsInner .NoteTxt {
    font-size: 16px; line-height: 1.5;
    padding-left: 0.5em;
    padding-bottom: 0.25em;
    border-bottom: 2px solid #D9D9D9;
    flex-grow: 1;
}

/*------------------------------------------------------------
    Schedule
------------------------------------------------------------*/
.Schedule {    
    padding-top: 80px;
    width: 100%; padding-bottom: 100px; }
.Schedule .ContentsInner {
    max-width: 710px; margin: 0 auto; padding: 0; width: calc(100% - 40px);
}
.Schedule .ContentsInner .Ctitle {   /*max-width: 280px;*/  margin: 0 auto 30px; 
    font-size: 32px; font-weight: 700; text-align: center;
}
.Schedule .ContentsInner .Ctitle h3 img { display: block; width: 100%; height: auto;   }

.Schedule .ContentsInner .ScheTxt {
    margin: 20px auto; 
}
.Schedule .ContentsInner .ScheTxt  li{ display: flex; flex-wrap: nowrap; gap:  20px; align-items: center; }
.Schedule .ContentsInner .ScheTxt  li + li { margin-top: 20px; }
.Schedule .ContentsInner .ScheTxtTtl {
    background-color: #dc0042; border-radius: 10px; color: #fff;
    display: flex; justify-content: center; align-items: center;
    flex: 0 0 150px;
    /* width: 150px; height: 42px;  */
    padding: 10px;
    line-height: 1.2;
}
.Schedule .ContentsInner .ScheTxtTx {
    font-size: 18px; color: #000; line-height: 1.5;
}

/*------------------------------------------------------------
    GroupBooking
------------------------------------------------------------*/
.GroupBooking {  background-color: #dc0042; width: 100%; padding: 50px 0;}
.GroupBooking .ContentsInner { max-width: 670px; margin: 0 auto; width: calc(100% - 40px); }

.GroupBooking .ContentsInner .Ctitle {  
     max-width: 520px; 
     margin: 0 auto 30px; 
     color: #fff; font-weight: 700; font-size: 32px;
     text-align: center;
    
    }
.GroupBooking .ContentsInner .Ctitle h3 img { display: block; width: 100%; height: auto;   }
.GroupBooking .ContentsInner .gbTxt{ color: #fff; font-size: 16px; line-height: 1.8;}
.GroupBooking .ContentsInner a
{ 
    display: flex; margin:  20px auto; justify-content: center; align-items: center;
    background-color: #fff; 
    padding: 7px 0;
    border-radius: 16px;  max-width: 300px;
    font-size: 24px; font-weight: 700;
 }
.conBtn { max-width: 340px; background-color: #fff; padding: 20px 70px; display: flex; align-items: center; justify-content: center; margin: 30px auto; border-radius: 16px;    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, .5);}
.conBtn img { display: block;  height: auto;}


/*------------------------------------------------------------
    MapContents
------------------------------------------------------------*/
.MapContents{
	width:100%;
	background:#fff;
	padding:70px 0 80px 0;
}
.MapContents iframe{
	width:100%;
	height:400px;
}
.MapContents .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 0 0 0;
}
.MapContents .ContentsInner .CTitle{
	font-size:40px;
	line-height:40px;
	padding:0 0 10px 0;
	font-family:'Courgette', cursive;
}
.MapContents .ContentsInner h3{
	display:inline-block;
}
.MapContents .ContentsInner .Ctitle2 h3{
	display:block; margin: 0 auto 20px; max-width: 240px; width: calc(100% - 40px);

    font-weight: 700;
    font-size: 32px;
    text-align: center;
}
.MapContents .ContentsInner .CTitle div{
	display:inline-block;
	font-size:18px;
	padding:0 0 0 15px;
}
.MapContents .mapTitle { margin-top: 2em; font-size: 24px; font-weight: 700;}
.MapContents .mapAddress { margin: 0.5em 0; font-size: 16px; font-weight: 500;}

.MapContents .mapTransport { margin: 30px 0;}
.MapContents .mapTransport .mapTransportTitle {  
    display: flex; align-items: center; flex-wrap: nowrap;
    /* display:block;   */
    color: #DC0042; font-weight: 700; font-size: 26px;
    width: 100%; border-bottom: 2px solid #dc0042; padding-bottom: 5px;
}
.MapContents .mapTransport .mapTransportTitle img {  
    display: inline-block;
    width: auto; height: 50px; margin-right: 5px;
     /* max-width: 230px; */
}
.MapContents .mapTransport p {  color: #000; font-size: 16px; margin-top: 0.5em; }

.GroupBooking + .MapContents { margin-top: 100px;}

/*------------------------------------------------------------
    CompanyContents
------------------------------------------------------------*/
.CompanyContents{
	width:100%;
	background:#fff;
	padding:70px 15px 50px 15px;
}
.CompanyContents .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 0 0 0;
}
.CompanyContents .ContentsInner .CTitle{
	font-size:40px;
	line-height:40px;
	padding:0 0 10px 0;
	font-family:'Courgette', cursive;
}
.CompanyContents .ContentsInner h3{
	display:inline-block;
}
.CompanyContents .ContentsInner .CTitle div{
	display:inline-block;
	font-size:18px;
	padding:0 0 0 15px;
}

.CompanyContents .ContentsInner dl{
	display:table;
	width:100%;
	background:#F0F0F0;
}

.CompanyContents .ContentsInner dl:nth-child(odd){
	background:#fff;
}

.CompanyContents .ContentsInner dt{
	display:table-cell;
	vertical-align:top;
	width:180px;
	font-size:14px;
	line-height:1.6em;
	padding:10px 10px 10px 15px;
}
.CompanyContents .ContentsInner dd{
	display:table-cell;
	vertical-align:top;
	padding:10px 15px 10px 5px;
	font-size:14px;
	line-height:1.6em;

}

/*------------------------------------------------------------
    LogoContents
------------------------------------------------------------*/
.LogoContents{
	width:100%;
	background:#fff;
	padding:30px 15px 100px 15px;
}

.LogoContents .farmlogo{
	width:180px;
	margin:0 auto;
}

.LogoContents .farmlogo img{
	width:100%;
}



/*------------------------------------------------------------
    PrivacyContents
------------------------------------------------------------*/
.PrivacyContents{
	width:100%;
	background:#fff;
	padding:50px 15px 50px 15px;
}
.PrivacyContents .ContentsInner{
	max-width:920px;
	margin:0 auto;
	padding:70px 90px 90px 90px;
	background:#fff;
}



.PrivacyContents .ContentsInner dt{
	font-size:16px;
	line-height:28px;
	padding:0 0 25px 0;
}
.PrivacyContents .ContentsInner dd{
	font-size:14px;
	line-height:28px;
	padding:0 0 30px 25px;
}
.PrivacyContents .ContentsInner .dlLine{
	position:relative;
	border:1px solid #D9D9D9;
	margin:0 0 35px 0;
}

.PrivacyContents .ContentsInner .dlLine:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 239px;
	height: 2px;
	background: #DC0042;
	transform: scale(0.2,1);
    transform-origin: left bottom;/*左上基点*/
	transition: 1s ! important;
	
}
.PrivacyContents .ContentsInner .dlLine.show:before{
	transform: scale(1,1);
	
}


/*------------------------------------------------------------
    ContactContents
------------------------------------------------------------*/
.ContactContents{
	width:100%;
	background:#fff;
	padding:50px 0 50px 0;
}
.ContactContents .ContentsInner{
	max-width:920px;
	margin:0 auto;
	padding:70px 90px 90px 90px;
	background:#fff;
}


#contacttel{
	width:100%;
	background:#F1F1F1;
	padding:70px 15px 40px 15px;
}
#contacttel h3{
	font-size:18px;
	text-align:center;
	padding:0 0 25px 0;

}
#contacttel .tel{
	font-size:24px;
	line-height:40px;
	text-align:center;
	padding:0 0 25px 0;
}
#contacttel .tel span{
	font-size:40px;
	font-weight:bold;
	padding:0 0 0 10px;
	
}
#contacttel .subText{
	font-size:16px;
	text-align:center;
	padding:0 0 25px 0;

}




#contact h3 {
	font-size:24px;
	text-align:center;
	padding:0 0 30px 0;
}
#contact .Ttext {
	font-size:16px;
	padding:0 0 25px 0;
}

#contact .text {
	padding:0 0 30px 0;
}

#contact .form_inner {
    text-align: left;
    padding:30px 0 0 0;;
    font-size: 1rem;
    line-height: 1.6; }
    #contact .form_inner .timearea2 + .bikou_wrap {
      margin-top: 1em; }
    #contact .form_inner .bikou_wrap {
      display: inline;
      padding-left: 1em; }
      #contact .form_inner .bikou_wrap .bikounote {
        font-size: 0.8125rem; }
        #contact .form_inner .bikou_wrap .bikounote a {
          color: #C94642; }
    #contact .form_inner .settlement {
      margin: 2em 0;
      font-size: 0.8125rem; }
      #contact .form_inner .settlement .bullets {
        padding-left: 1em; }
        #contact .form_inner .settlement .bullets li {
          font-size: 0.75rem;
          padding-left: 1em;
          text-indent: -1em; }
      #contact .form_inner .settlement .mop {
        padding: 0.5em 0 0 1em; }
      #contact .form_inner .settlement .method {
        padding: 0.5em 0 0; }
    #contact .form_inner .form_item {
      padding-bottom: 30px; }
      #contact .form_inner .form_item .head {
        padding-bottom: 10px; }
        #contact .form_inner .form_item .head span {
          font-size: 0.875rem;
          color: white;
          background-color: #FF6868;
          padding: 0 5px;
          margin-left: 10px;
          border-radius: 3px; }
      #contact .form_inner .form_item .body {}
        #contact .form_inner .form_item .body input,
        #contact .form_inner .form_item .body textarea {
          border: 1px solid #95989a;
          padding: 1em;
          max-width: 100%; }
          #contact .form_inner .form_item .body input[type="text"], #contact .form_inner .form_item .body input[type="tel"],
          #contact .form_inner .form_item .body textarea[type="text"],
          #contact .form_inner .form_item .body textarea[type="tel"] {
            width: 300px; }
          #contact .form_inner .form_item .body input[type="email"],
          #contact .form_inner .form_item .body textarea[type="email"] {
            max-width: 360px;
            width: 100%; }
          #contact .form_inner .form_item .body input.p-region,
          #contact .form_inner .form_item .body textarea.p-region {
            width: 8em; }
          #contact .form_inner .form_item .body input.zip,
          #contact .form_inner .form_item .body textarea.zip {
            width: 8em; }
          #contact .form_inner .form_item .body input[name="muni"],
          #contact .form_inner .form_item .body textarea[name="muni"] {
            width: 8em; }
        #contact .form_inner .form_item .body textarea {
          width: 100%; }
        #contact .form_inner .form_item .body select {
          border: 1px solid #95989a;
          padding-top: 11px;
          padding-bottom: 11px;
          padding-left: 5px; }
          #contact .form_inner .form_item .body select[name="timearea1"].wpcf7-not-valid, #contact .form_inner .form_item .body select[name="timearea2"].wpcf7-not-valid {
            position: relative;
            margin-bottom: 3em; }
          #contact .form_inner .form_item .body select[name="timearea1"] + span.wpcf7-not-valid-tip,
          #contact .form_inner .form_item .body select[name="timearea2"] + span.wpcf7-not-valid-tip {
            position: absolute;
            left: 0;
            bottom: -4.5em; }
        #contact .form_inner .form_item .body .wpcf7-list-item {
          display: block;
          padding: 0.5em 0 0; }
    #contact .form_inner .btn_area {
      text-align: center; }
    #contact .form_inner .btn_area p{
      text-align: center; }
      #contact .form_inner .btn_area input {
        background-color: #DC0042;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        margin: 0 2% 10px 2%;
        max-width: 330px; 
        font-size:20px;
   box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, .5);
   }
        #contact .form_inner .btn_area input[type="reset"] {
          width: 45%; }
        #contact .form_inner .btn_area input[type="submit"] {
          width: 40%;
          max-width: 250px;
          min-width: 150px; }
        #contact .form_inner .btn_area input:hover {
          background-color: #FB9482;
          cursor: pointer; }
    #contact .form_inner .reCAPTCHA_branding {
      padding: 3em 0;
      font-size: 0.75rem; }
      #contact .form_inner .reCAPTCHA_branding a {
        text-decoration: underline; }
  #contact .form_inner .wpcf7c-conf {
    background-color: white; }
  #contact .form_inner input:-webkit-autofill,
  #contact .form_inner .input:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px white inset; }
  #contact span.wpcf7-not-valid-tip {
    font-size: 12px; }
  #contact input[type=checkbox].wpcf7c-conf:checked {
    border-color: #ff6798; }
  #contact .callTel {
    margin: 30px auto 10px;
    max-width: 860px;
    width: calc(100% - 50px); }
    #contact .callTel a {
      display: block;
      padding: 20px;
      color: #936f30;
      border: 2px solid #936f30;
      border-radius: 5px;
      font-size: 1.875rem;
      font-weight: bolder;
      width: 100%;
      height: 100%;
      -webkit-transition: 0.25s;
      transition: 0.25s; }
      #contact .callTel a:hover, #contact .callTel a:focus {
        -webkit-box-shadow: 0 0.5em 0.5em -0.4em #936f30;
                box-shadow: 0 0.5em 0.5em -0.4em #936f30;
        -webkit-transform: translateY(-0.25em);
                transform: translateY(-0.25em); }
  #contact p.description {
    padding-left: 20px;
    color: #936f30;
    font-weight: bold;
    font-size: 0.75rem;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: left;
    display: none; }

/*------------------------------------------------------------
    パンクズリスト
------------------------------------------------------------*/
/*------------------------------------------------------------
    conts
------------------------------------------------------------*/

/*------------------------------------------------------------
    sideBar
------------------------------------------------------------*/
/*------------------------------------------------------------
    フッター
------------------------------------------------------------*/
.footer{
	background: url(../images/footer_img.jpg) no-repeat center center;
	background-size:cover;
}
.webp .footer { background-image: url(../images/footer_img.webp);}
.footer .fOuter{
	max-width:1080px;
	margin:0 auto;
	padding:30px 15px 5px 15px;
}

.footer .f_flLogo{
	text-align:center;
	padding-bottom:60px;
}
.footer .f_flLogo img{
	width:150px;
}

.footer .fMenu{
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-bottom:45px;
    gap: 0 10px;
}
.footer .fMenu div{
    flex: 1 1 15%;
}
.footer .fMenu a{
    height: 100%;
	display:inline-flex; align-items: center; justify-content: center;
	border:1px solid #fff;
	background:#E94646;
	color:#fff;
	/* width:180px; */
    /* min-width: 150px; */
    width: 100%;
	/* line-height:45px; */
    line-height: 1.2;
    padding: 5px 0;
    min-height: 45px;
	text-align:center;
}
.footer .fMenu a:hover{
	text-decoration:none;
	background:#DC0042;
}
.footer .fSns{
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom:45px;
}
.footer .fSns div{
	padding:0 15px;
}
.footer .fSns img{
	width:48px;
}
.footer .fSns a:hover{
	opacity:0.6;
}

.footer .fInner{
	
}

.footer .fCopy{
	height:40px;
	line-height:40px;
	font-size:12px;
	width:100%;
	background:#000;
	color:#fff;
	text-align:center;
	font-family:'Courgette', cursive;
}

/***************************************************
 * Generated by SVG Artista on 4/1/2022, 6:00:23 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 0.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 0.8s}svg.active .svg-elem-1{fill:rgb(255,255,255)}svg .svg-elem-2{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 0.9s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 0.9s}svg.active .svg-elem-2{fill:rgb(255,255,255)}svg .svg-elem-3{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1s}svg.active .svg-elem-3{fill:rgb(255,255,255)}svg .svg-elem-4{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.1s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.1s}svg.active .svg-elem-4{fill:rgb(255,255,255)}svg .svg-elem-5{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.2000000000000002s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.2000000000000002s}svg.active .svg-elem-5{fill:rgb(255,255,255)}svg .svg-elem-6{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.3s}svg.active .svg-elem-6{fill:rgb(255,255,255)}svg .svg-elem-7{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.4000000000000001s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.4000000000000001s}svg.active .svg-elem-7{fill:rgb(255,255,255)}svg .svg-elem-8{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.5s}svg.active .svg-elem-8{fill:rgb(255,255,255)}svg .svg-elem-9{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.6s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.6s}svg.active .svg-elem-9{fill:rgb(255,255,255)}svg .svg-elem-10{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.7000000000000002s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.7000000000000002s}svg.active .svg-elem-10{fill:rgb(255,255,255)}svg .svg-elem-11{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.8s}svg.active .svg-elem-11{fill:rgb(255,255,255)}svg .svg-elem-12{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.9000000000000001s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.9000000000000001s}svg.active .svg-elem-12{fill:rgb(255,255,255)}svg .svg-elem-13{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2s}svg.active .svg-elem-13{fill:rgb(255,255,255)}svg .svg-elem-14{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.1s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.1s}svg.active .svg-elem-14{fill:rgb(255,255,255)}svg .svg-elem-15{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.2s}svg.active .svg-elem-15{fill:rgb(255,255,255)}svg .svg-elem-16{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.3s}svg.active .svg-elem-16{fill:rgb(255,255,255)}svg .svg-elem-17{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.4000000000000004s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.4000000000000004s}svg.active .svg-elem-17{fill:rgb(255,255,255)}svg .svg-elem-18{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.5s}svg.active .svg-elem-18{fill:rgb(255,255,255)}svg .svg-elem-19{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.6s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.6s}svg.active .svg-elem-19{fill:rgb(255,255,255)}svg .svg-elem-20{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.7s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.7s}svg.active .svg-elem-20{fill:rgb(255,255,255)}svg .svg-elem-21{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.8s}svg.active .svg-elem-21{fill:rgb(255,255,255)}svg .svg-elem-22{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.9000000000000004s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.9000000000000004s}svg.active .svg-elem-22{fill:rgb(255,255,255)}svg .svg-elem-23{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3s}svg.active .svg-elem-23{fill:rgb(255,255,255)}svg .svg-elem-24{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.1000000000000005s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.1000000000000005s}svg.active .svg-elem-24{fill:rgb(255,255,255)}svg .svg-elem-25{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.2s}svg.active .svg-elem-25{fill:rgb(255,255,255)}svg .svg-elem-26{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.3s}svg.active .svg-elem-26{fill:rgb(255,255,255)}svg .svg-elem-27{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.4000000000000004s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.4000000000000004s}svg.active .svg-elem-27{fill:rgb(255,255,255)}svg .svg-elem-28{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.5s}svg.active .svg-elem-28{fill:rgb(255,255,255)}svg .svg-elem-29{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.6000000000000005s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.6000000000000005s}svg.active .svg-elem-29{fill:rgb(255,255,255)}svg .svg-elem-30{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.7s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.7s}svg.active .svg-elem-30{fill:rgb(255,255,255)}svg .svg-elem-31{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.8s}svg.active .svg-elem-31{fill:rgb(255,255,255)}svg .svg-elem-32{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.9000000000000004s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.9000000000000004s}svg.active .svg-elem-32{fill:rgb(255,255,255)}svg .svg-elem-33{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4s}svg.active .svg-elem-33{fill:rgb(255,255,255)}svg .svg-elem-34{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.1000000000000005s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.1000000000000005s}svg.active .svg-elem-34{fill:rgb(255,255,255)}svg .svg-elem-35{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.2s}svg.active .svg-elem-35{fill:rgb(255,255,255)}svg .svg-elem-36{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.3s}svg.active .svg-elem-36{fill:rgb(255,255,255)}svg .svg-elem-37{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.4s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.4s}svg.active .svg-elem-37{fill:rgb(255,255,255)}svg .svg-elem-38{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.5s}svg.active .svg-elem-38{fill:rgb(255,255,255)}svg .svg-elem-39{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.6000000000000005s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.6000000000000005s}svg.active .svg-elem-39{fill:rgb(255,255,255)}svg .svg-elem-40{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.7s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.7s}svg.active .svg-elem-40{fill:rgb(255,255,255)}svg .svg-elem-41{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.8s}svg.active .svg-elem-41{fill:rgb(255,255,255)}svg .svg-elem-42{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.9s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.9s}svg.active .svg-elem-42{fill:rgb(255,255,255)}svg .svg-elem-43{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5s}svg.active .svg-elem-43{fill:rgb(255,255,255)}svg .svg-elem-44{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.1s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.1s}svg.active .svg-elem-44{fill:rgb(255,255,255)}svg .svg-elem-45{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.2s}svg.active .svg-elem-45{fill:rgb(255,255,255)}svg .svg-elem-46{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.3s}svg.active .svg-elem-46{fill:rgb(255,255,255)}




/* ローディングの背景部分のCSS */
.loader{
  background:#DC0042;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:101;
  
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader-animation:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader-animation:after {
  background: #DC0042;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.sa {
opacity: 0;
transition: all 1.5s ease;
}
.sa.show {
opacity: 1;
transform: none;
}
.sa--lr {
transform: translate(-100px, 0);
}
.sa--rl {
transform: translate(100px, 0);
}
.sa--up {
transform: translate(0, 100px);
}
.sa--down {
transform: translate(0, -100px);
}
.sa--scaleUp {
transform: scale(.8);
}
.sa--scaleDown {
transform: scale(1.5);
}
.sa--rotateL {
transform: rotate(180deg);
}
.sa--rotateR {
transform: rotate(-180deg);
}


#gt_float_wrapper{
 right:0 ! important;
 top:0 ! important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
  padding: 3px 15px ! important;
}
.gt_float_switcher .gt_options a {
  padding: 8px 15px ! important;
  font-size: 0.8em ! important;
  }