html{
	font-size: min(16px, 2.76vw);
}

body{
	max-width: 580px;
	margin: 0 auto;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.6;
}

img {
	width: 100%;
}

a {
	color: #040000;
	text-decoration: none;
}

a:hover {
	color: #A80E78;
	text-decoration: none;
}

a:hover img {
	  opacity: 0.8;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}


.container-center {
	width: 100%;
	text-align: center;
}

.center {
	margin: 0 auto;
}

.row{
	display: flex;
}

.footer-row {
	display: flex;
	margin-left: 5%;
	margin-right: 5%;
}

.footer-row > div {
	font-size: 0.9rem;
}

.footer-left {
	width: 49%;
	margin-right: 2%;
}

.footer-right {
	width: 49%;
}

.footer-left,
.footer-right {
	border-bottom: 1px solid #C2C3C3;
	border-left: 1px solid #C2C3C3;
	padding-bottom: 10px;
}


.left60 {
	width: 61%;
	margin-right: 2%;
}

.right40 {
	width: 37%;
}

.left50 {
	width: 49%;
	margin-right: 2%;
}

.right50 {
	width: 49%;
}

.left40 {
	width: 40%;
	margin-right: 2%;
}

.right60 {
	width: 58%;
}



.bdt{border-top:3px solid #A80E78;}

footer .arrow{
	position: relative;
	display: inline-block;
}

footer .arrow::before{
	content: '';
	transform: rotate(45deg);
    position: absolute;
    top: 16%;
    left: 0;
    width: 0.9rem;
    height: 0.9rem;
    border-top: 0.08rem solid #A80E78;
    border-right: 0.08rem solid #A80E78;
}

.flex {
	display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	flex: 0 0 100%;
}


ul.frex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    border-bottom: #A50E78 solid 4px;
    padding-bottom: 1vw;
    margin: 0 2%;

}

li.frex1{
	width: 60%;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
li.frex2{
	width: 40%;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


/* 汎用 */
.sans-serif{
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.dsn { display: none; }
.fwb { font-weight: bold; }
.fcw { color: #fff; }
.fcp { color: #a35393; }
.fco { color: #EF8200; }
.fcr {color: #DE1F19;}
.bcbl { background-color: #111; }
.bcwh { background-color: #fff;opacity: 0.95; }
.vam { vertical-align: middle; }
.tbl{display: block;}

.fss {font-size: 0.6rem;}
.fsm {font-size: 1rem;}
.fsl {font-size: 1.8rem;}

.ftr05 { font-size: 0.5rem; transform: scale(1, 2); }
.ftr06 { font-size: 0.6rem; transform: scale(1, 1.6667); }
.ftr07 { font-size: 0.7rem; transform: scale(1, 1.4286); }
.ftr08 { font-size: 0.8rem; transform: scale(1, 1.25); }
.ftr09 { font-size: 0.9rem; transform: scale(1, 1.1111); }

.mb10 { margin-bottom: 1vw; }
.mb20 { margin-bottom: 2vw; }
.mb30 { margin-bottom: 3vw; }
.mb40 { margin-bottom: 4vw; }
.mb50 { margin-bottom: 5vw; }
.mb60 { margin-bottom: 6vw; }
.mb70 { margin-bottom: 7vw; }
.mb80 { margin-bottom: 8vw; }
.mb100 { margin-bottom: 10vw; }
.mr10 { margin-right: 1vw; }

.pt10 { padding-top: 1vw; }
.pt20 { padding-top: 2vw; }
.pt30 { padding-top: 3vw; }
.pt50 { padding-top: 5vw; }
.pb10 { padding-bottom: 1vw; }
.pb20 { padding-bottom: 2vw; }
.pb30 { padding-bottom: 3vw; }
.pb40 { padding-bottom: 4vw; }
.pb50 { padding-bottom: 5vw; }
.pr10 { padding-right: 1vw; }
.pr20 { padding-right: 2vw; }
.pr30 { padding-right: 3vw; }
.pr50 { padding-right: 5vw; }
.pr60 { padding-right: 6vw; }
.pr80 { padding-right: 8vw; }
.pl10 { padding-left: 1vw; }
.pl20 { padding-left: 2vw; }
.pl30 { padding-left: 3vw; }
.pl50 { padding-left: 5vw; }
.pl60 { padding-left: 6vw; }
.pl80 { padding-left: 8vw; }

@media (min-width: 1160px) {


	.mb10 { margin-bottom: calc(1160px / 100 * 1); }
	.mb20 { margin-bottom: calc(1160px / 100 * 2); }
	.mb30 { margin-bottom: calc(1160px / 100 * 3); }
	.mb40 { margin-bottom: calc(1160px / 100 * 4); }
	.mb50 { margin-bottom: calc(1160px / 100 * 5); }
	.mb60 { margin-bottom: calc(1160px / 100 * 6); }
	.mb70 { margin-bottom: calc(1160px / 100 * 7); }
	.mb80 { margin-bottom: calc(1160px / 100 * 8); }
	.mb100 { margin-bottom: calc(1160px / 100 * 10); }
	.mr10 { margin-right: calc(1160px / 100 * 1); }

	.pt10 { padding-top: calc(1160px / 100 * 1); }
	.pt20 { padding-top: calc(1160px / 100 * 2); }
	.pt30 { padding-top: calc(1160px / 100 * 3); }
	.pt50 { padding-top: calc(1160px / 100 * 5); }
	.pb10 { padding-bottom: calc(1160px / 100 * 1); }
	.pb20 { padding-bottom: calc(1160px / 100 * 2); }
	.pb30 {	padding-bottom: calc(1160px / 100 * 3);	}
	.pb40 {	padding-bottom: calc(1160px / 100 * 4);	}
	.pb50 {	padding-bottom: calc(1160px / 100 * 5);	}
	.pr10 { padding-right: calc(1160px / 100 * 1); }
	.pr20 { padding-right: calc(1160px / 100 * 2); }
	.pr30 {	padding-right: calc(1160px / 100 * 3); }
	.pr50 {	padding-right: calc(1160px / 100 * 5); }
	.pr60 {	padding-right: calc(1160px / 100 * 6); }
	.pr80 {	padding-right: calc(1160px / 100 * 8); }
	.pl10 { padding-left: calc(1160px / 100 * 1); }
	.pl20 { padding-left: calc(1160px / 100 * 2); }
	.pl30 {	padding-left: calc(1160px / 100 * 3); }
	.pl50 {	padding-left: calc(1160px / 100 * 5); }
	.pl60 {	padding-left: calc(1160px / 100 * 6); }
	.pl80 {	padding-left: calc(1160px / 100 * 8); }
}

@media (max-width: 1160px) {
	.arrow::before{
		width: calc(1160px / 100 * 3);
		height: calc(1160px / 100 * 3);
	}
}


@media (max-width: 480px) {
	.container-qa {
		width: 96%;
	}
}


/* header */
header {
	background-color: #fff;
	padding-top: 0px;
	position: fixed;
	top: 0px;
	z-index: 100;
	background: rgba(255, 255, 255, 0.7);
	max-width: 580px;
	width: 100%;
}

#header-ul {
	padding-left: 5%;
	align-items: center;
}

#logo {
	width: 45%;
	height: auto;
}

#menu-bt {
	width: 20%;
	padding-right: 3%;
}

/* 		下部固定メニュー */
#menu {
	position: fixed;
	bottom: 0;
	max-width: 580px;
	width: 100%;
	
	background: rgba(26, 11, 8, 0.7);
	z-index: 999;
	padding-top: 10px;
}

#menu ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#menu ul li {
	width: 40%;
	max-width: 40%;
	text-align: center;
}


@media screen and (min-width:1160px) {
	#menu .menu-box {
		margin: auto;
	}

}


span.click-open {
	/*background-color: #A10E78;*/
	color: #fff;
	width: 100%;
	display: block;
	margin: 0 auto;
	font-size: 20px;
}

.opener {
	display: none;
	width: 100%;
	margin: 0 auto;
}


/* ナビ */
nav.globalMenuSp {
	position: fixed;
	z-index: 200;
	top: 0px;
	right: 0;
	background: #fff;
	color: #000;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 60%;
}

nav.globalMenuSp ul {
	background: #231815;
	margin: 0 auto;
	padding: 0;
	padding-top: 2.2rem;
	width: 100%;
}

nav.globalMenuSp ul li {
	font-size: 1.1em;
	list-style-type: none;
	padding: 0;
	width: 90%;
	margin-left: 5%;
	border-bottom: 1px solid #9FA0A0;
	text-align: left;
}

/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

nav.globalMenuSp ul li a {
	display: block;
	color: #fff;
	padding: 1em 0;
	text-decoration: none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
}

.navToggle {
	display: block;
	/*  position: fixed;    /* bodyに対しての絶対位置指定 */
	/*  right: 13px;
top: 12px;
width: 42px;
height: 51px;*/
	cursor: pointer;
	z-index: 300;
	text-align: center;
}

.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 107%;
	position: relative;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 95%;
	width: 100%;
}



.bgc-1,
.bgc-4 {
/*			background-color: #fccf00;
	background-image: url(../img/bg.png); */
	background-position: top center;
	background-size: contain;
}

.bgc-4 {
	background-color: #ffed00;
}

.bgc-2,
.bgc-5,
.bgc-7 {
	background-color: #e5f0ea;
}

.bgc-3,
.bgc-6 {
	background-color: #00a272;
}

footer {
	padding-bottom: 15%;
}

.wd90 {
	width: 90%;
}

.wd80 {
	width: 80%;
}

.wd70 {
	width: 70%;
}

.wd60 {
	width: 60%;
}

.wd50 {
	width: 50%;
}

.wd40 {
	width: 40%;
}

.wd95 {
	width: 96%;
}

.wd30 {
	width: 30%;
}

.pt50 {
	padding-top: 50px;
}

.pt30 {
	padding-top: 30px;
}

.pb50 {
	padding-bottom: 50px;
}

.pt120 {
	padding-top: 120px;
}

.mt-100 {
	margin-top: -100px;
}

.pb70 {
	padding-bottom: 70px;
}

.pb100 {
	padding-bottom: 100px;
}

.mb-50 {
	margin-bottom: -30px;
}

.mb-20 {
	margin-bottom: -20px;
}

.mb0 {
	margin-bottom: 0px;
}

.mb-100 {
	margin-bottom: -100px;
}

.none-naname {
	transform: skew(0deg, 5deg);
}

.bc-1 {
	background-color: #EC8000;
}

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

#con10 {
	background-color: #00a272;
}

form#mail_form p#form_submit {
	display: none;
}

#form_submit_img:hover {
	opacity: 0.8;
	transition: 0.5s;
	pointer-events: painted;
}


.bd-p {
	border: 1px solid #A50E78;
	color: #A50E78;
	font-weight: bold;
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 35px;
}


html {
	font-size: min(16px, 2.76vw);
}

footer .arrow {
	position: relative;
	display: inline-block;
	padding-left: 1.5rem;
}

footer .arrow::before {
	content: "";
	transform: rotate(45deg);
	position: absolute;
	top: 0.55rem;
	left: 0;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.08rem solid #A80E78;
	border-right: 0.08rem solid #A80E78;
}

.footer-list {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin-left: 5%;
	border-top: #990e78 2px solid;
	font-size: 1.2rem;
	padding-top: 0.5rem;
	list-style: none;
	margin-bottom: 3rem;
}

.footer-list__item {
	width: 50%;
	padding-top: 0.8rem;
}

.footer-list__item a {
	color: #040000;
	text-decoration: none;
}