@charset "utf-8";

body {
	width: 100%;
	min-width: 375px;
	font-size: .16em;
	line-height: 1.5;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	color: #333;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-webkit-appearance: none;
	overflow-x: hidden;
}

#VietNam_body {
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	font-family: Arial, Helvetica, "sans-serif", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width:780px) {
	body {
		font-size: .14em;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

/********** リンク **********/
a,
a:visited {
	color: #2E95C7;
	text-decoration: none;
	transition: all 0.2s;
}

a:hover {}

/********** テキストアウト **********/
.textOut {
	line-height: 0;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}

/********** ホバーアクション **********/

.hoverAct:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha(opacity=50);
	opacity: 0.5;
}


/*===================================================
影 角丸
===================================================*/
.shadow_gr {
	filter: drop-shadow(4px 4px 4px rgba(118, 114, 27, 0.7));
	transform: translateZ(0);
}

.shadow_pn {
	filter: drop-shadow(4px 4px 4px rgba(113, 69, 57, 0.7));
	transform: translateZ(0);
}

#con02 img,
#con05 img,
#con06 img {
	border-radius: 30px;
}

#con04 img,
#con07 img,
#con11 img {
	border-radius: 10px;
}


@media screen and (max-width:768px) {

	#con02 img,
	#con05 img,
	#con06 img {
		border-radius: 10px;
	}

	#con04 img,
	#con07 img,
	#con11 img {
		border-radius: 5px;
	}
}

/*===================================================
枠
===================================================*/
#wrapper {
	position: relative;
}

#pattern00 {
	overflow: hidden;
}

.inner {
	width: 100%;
	max-width: 1080px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

svg {
	position: relative;
	z-index: 1;
}

/*===================================================
ヘッダー
===================================================*/

header {
	position: relative;
}

#head_nav {
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	z-index: 999;
	position: fixed;
	background: #fefefb;
	padding: 12px 10px 12px 10px;
}

header a.logo {
	max-width: 200px;
	width: 100%;
	height: 60px;
	background: url("../images/belc_logo.png")no-repeat center / contain;
	display: inline-block;
	line-height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}
header ul {
	position: absolute;
	right: 80px;
    top: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transform: translateY(-50%);
}
header ul li + li {
	margin-left: 12px;
}
header .lang {
	background: #f9adb1;
	white-space: nowrap;
	color: #fff;
	padding: 10px;
	/* position: absolute; */
	/* top: 50%;
	right: 80px; */
	border-radius: 5px;
	transform: translate(0, -50%);
	font-family: Arial, Helvetica, "sans-serif";
}
@media screen and (max-width:900px) {
	header ul li {
		font-size: 12px;
	}
}
@media screen and (max-width:768px) {
	#head_nav {
		height: 50px;
	}

	header a.logo {
		width: 70px;
		height: 18px;
	}
	header ul {
		right: 40px;
	}

	header .lang {
		padding: 5px;
		right: 40px;
		font-size: 12px;
	}
}


/********** 背景波 **********/
#con01,
#con02,
#con03,
#con04,
#con05,
#con06,
#con07,
#con08,
#con09,
#con10,
#con11 {
	position: relative;
}

.wave01,
.wave02,
.wave03 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}

.wave01 {
	height: 100px;
}

.wave02 {
	height: 100px;
}

.wave03 {
	height: 130px;
}

@media screen and (max-width:768px) {
	.wave01 {
		height: 30px;
	}

	.wave02 {
		height: 60px;
	}

	.wave03 {
		height: 80px;
	}
}

/*===================================================
基本レイアウト
===================================================*/
.ly_baseLayout {
	padding: 150px 0 100px 0;
	text-align: center;
}

.con_odd {
	background: #fefefb;
}

.con_even {
	background: rgba(228, 234, 178, .5);
}

@media screen and (max-width:768px) {
	.ly_baseLayout {
		padding: 70px 0 30px 0;
	}
}



/*===================================================
タイトル
===================================================*/
.ly_baseLayout>h2 {
	width: 100%;
	height: 200px;
	font-size: 40px;
	color: #714539;
	display: inline-block;
	position: relative;
	background: no-repeat center / contain;
}

.ly_baseLayout>.Japan_font {
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-weight: 900;
}

.ly_baseLayout>h2 p {
	/* position: absolute; */
	top: 50%;
	/* left: 50%; */
	display: inline-block;
	text-align: center;
	/* transform: translate(-50%, -50%); */
	transform: translateY(-50%);
}

.ly_baseLayout>h2 p span {
	border-bottom: dashed 2px #714539;
	padding-bottom: 10px;
	font-weight: 600;
	line-height: 2;
}

#con02 h2 {
	background-image: url("../images/title02.png");
}

#con03 h2 {
	background-image: url("../images/title03.png");
}

#con04 h2 {
	background-image: url("../images/title04.png");
}

#con05 h2 {
	background-image: url("../images/title05.png");
}

#con06 h2 {
	background-image: url("../images/title06.png");
}

#con07 h2 {
	background-image: url("../images/title07.png");
}

#con08 h2 {
	background-image: url("../images/title08.png");
}

#con09 h2 {
	background-image: url("../images/title09.png");
}

#con10 h2 {
	background-image: url("../images/title10.png");
}

#con11 h2 {
	background-image: url("../images/title11.png");
}

@media screen and (min-width:769px) {
	.ly_baseLayout>h2 p span.V_font {
		padding-bottom: 3px;
		white-space: nowrap;
		letter-spacing: -0.01em;
	}
}

@media screen and (max-width:768px) {
	.ly_baseLayout>h2 {
		font-size: 20px;
		height: 85px;
	}

	.ly_baseLayout>h2 p span.V_font {
		padding-bottom: 3px;
	}
}

/********** 説明 **********/
.ly_baseLayout>p {
	font-size: 20px;
	/*margin-top: 60px;*/
	display: block;
	line-height: 2.5;
}

@media screen and (max-width:768px) {
	.ly_baseLayout>p {
		font-size: 14px;
		line-height: 2;
	}
}

/*===================================================
メイン画像
===================================================*/
#mainImgBox {
	width: 100%;
	height: 100%;
	line-height: 0;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
}

.mainImg {
	width: 100%;
	height: 65vw;
	max-height: 1000px;
	position: relative;
}

.mainImg img {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.mainImg img:first-of-type {
	object-position: center top;
}

.mainImg img:nth-of-type(2) {
	object-position: center 25%;
}

.toptext01 {
	position: absolute;
	top: 0;
	left: 0;
}

.toptext01 {
	width: 600px;
	position: absolute;
	top: 65%;
	left: -90px;
}

.VietNam_copy {
	width: 100%;
	max-width: 1100px;
}
.IDN_copy {
	width: 100%;
	max-width: 1620px;
}

.PageHeader_wave {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 15%;
}

@media screen and (max-width:768px) {
	#mainImgBox {
		padding-top: 50px;
	}

	.mainImg {
		height: 330px;
	}

	.toptext01 {
		width: 500px;
		position: absolute;
		top: 60%;
		left: -100px;
	}

	.VietNam_copy {
		max-width: 600px;
		width: 100%;
		top: 70%;
		left: -40px;
	}
	.IDN_copy {
		max-width: 600px;
		width: 100%;
		top: 70%;
		left: -40px;
	}
}

/*===================================================
con01
===================================================*/
#con01 {
	font-size: 18px;
	padding-top: 20px;
}

#mainCopy {
	text-align: center;
	margin: 0 auto 50px auto;
	line-height: 2.5;
}

#mainCopy2 {
	max-width: 1000px;
	width: 100%;
	height: 140px;
	background: url("../images/copy.png")no-repeat center / contain;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

#VietNam_mainCopy {
	max-width: 1000px;
	width: 100%;
	height: 140px;
	background: url("../images/copy_viet.png")no-repeat center / contain;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}
#IDN_mainCopy {
	max-width: 1000px;
	width: 100%;
	height: 140px;
	background: url("../images/copy_IDN.png")no-repeat center / contain;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

#mainCopy3 {
	text-align: center;
	margin: 50px auto 0 auto;
	line-height: 2.5;
}

#mainCopy3>span:first-of-type {
	font-size: 26px;
	font-weight: bold;
}

#mainCopy3>span:last-of-type {
	font-size: 22px;
	font-weight: bold;
}

#mainCopy3>span>span {
	color: #FF3641;
}

@media screen and (min-width:769px) {
	#mainCopy3 {
		text-align: center;
		margin: 50px auto 0 auto;
		line-height: 2.5;
	}
}

@media screen and (max-width:768px) {
	#mainCopy {
		margin: 0 auto 30px auto;
		font-size: 14px;
		line-height: 2;
	}

	#mainCopy2 {
		max-width: 350px;
		height: 60px;
		margin: 0 auto;
	}

	#VietNam_mainCopy {
		max-width: 350px;
		height: 60px;
		margin: 0 auto;
	}
	#IDN_mainCopy {
		max-width: 350px;
		height: 60px;
		margin: 0 auto;
	}

	#mainCopy3 {
		font-size: 14px;
		margin: 30px auto 0 auto;
		line-height: 2;
	}

	#mainCopy3>span:first-of-type,
	#mainCopy3>span:last-of-type,
	#mainCopy3>span>span {
		font-size: 14px;
	}
}

/*===================================================
con02
===================================================*/
#con02>p {
	letter-spacing: -0.01em;
}

.con02_Itembox {
	max-width: 960px;
	width: 100%;
	margin: 0 auto 120px;
}

.con02_Itembox.con02_Itembox--last {
	margin-bottom: 0px;
}

.con02_photo {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
}

.con02_text,
.con02_text02,
.con02_text0V,
.con02_text02V {
	position: absolute;
	z-index: 1;
}


@media screen and (min-width:769px) {
	.con02_photo {
		margin-top: 100px;
		align-items: flex-end;
	}

	.con02_photo li {
		margin-right: 60px;
	}

	.con02_photo li:last-of-type {
		margin-right: 0;
	}

	.con02_photo:nth-of-type(odd) {
		margin-left: 50px;
	}

	.con02_photo:nth-of-type(2) {
		margin-right: 0px;
	}

	.con02_text {
		top: -90px;
		left: -70px;
	}

	.con02_text02 {
		top: -85px;
		right: 30px;
	}

	.con02_textV {
		top: -80px;
		left: -70px;
	}

	.con02_text02V {
		top: -75px;
		right: 30px;
	}

	.reverse.con02_photo:nth-of-type(odd) {
		margin-left: 0px;
		margin-right: 0px;
	}

	.reverse.con02_photo:nth-of-type(2) {
		margin-right: 0px;
		margin-left: 50px;
	}

	.reverse .con02_text {
		top: -90px;
		left: -30px;
	}
}

@media screen and (max-width:768px) {
	.con02_photo {
		margin-top: 90px;
		align-items: flex-start;
	}

	.con02_photo li {
		margin-right: 10px;
	}

	.con02_photo li:last-of-type {
		margin-right: 0;
	}

	.con02_text {
		width: 200px;
		top: -55px;
		left: 10px;
	}

	.con02_text02 {
		width: 200px;
		top: -55px;
		right: 0;
	}

	.spOnly .con02_textV {
		top: -60px;
		left: 5px;
	}

	.spOnly .con02_text2V {
		top: -60px;
		left: 157px;
	}

	_::-webkit-full-page-media,
	_:future,
	:root .con02_text,
	.con02_text02 {
		top: -65px;
	}

	_::-webkit-full-page-media,
	_:future,
	:root .con02_photo {
		margin-top: 90px;
		align-items: flex-start;
	}
}

/*===================================================
con03
===================================================*/
.con03_text {
	align-items: center;
	position: relative;
	justify-content: center;
}

.con03_text li {
	background: no-repeat center 0;
	text-align: center;
	font-weight: bold;
}

.con03_text li:first-of-type {
	margin-right: 100px;
	padding: 20px 70px;
	display: inline-block;
	background: #fefefb;
	border: 2px solid #9EA962;
	border-radius: 10px;
	line-height: 2.5;
}

.con03_textV li:first-of-type {
	padding: 20px 120px 20px 30px;
}

.con03_text li:last-of-type {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}

.support__img {
	width: 90%;
	max-width: 700px;
	margin: auto;
	padding-top: 40px;
}

.support__img img {
	width: 100%;
	border-radius: 30px;
}

.support__ttl {
	padding: 12px 40px;
	display: inline-block;
	background: #ef858b;
	border-radius: 10px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-top: -12px;
	position: relative;
	z-index: 1;
}

.support__text {
	padding: 20px 40px;
	display: inline-block;
	background: #fefefb;
	border: 2px solid #9EA962;
	border-radius: 10px;
	line-height: 2.5;
	max-width: 600px;
	display: block;
	margin: -12px auto 0;
}

.ly_serviceList li {
	background: no-repeat center 0;
	text-align: center;
	font-weight: bold;
}

@media screen and (min-width:769px) {
	.con03_text {
		width: 700px;
		margin: 60px auto 0 auto;
	}
}

@media screen and (max-width:768px) {
	.con03_text {
		width: 340px;
		margin: 30px auto 0 auto;
	}

	.con03_text li:first-of-type {
		margin-right: 80px;
		padding: 10px 25px 10px 10px;
		line-height: 2;
		font-size: 11px;
		letter-spacing: -0.01em;
	}

	.con03_text li:last-of-type {
		width: 110px;
	}
	.support__ttl{
		font-size: 16px;
	}
}


/*===================================================
con04
===================================================*/

.con04_item {
	justify-content: center;
	margin: 0 auto;
}

.con04_item li {
	background: #fff;
	border-radius: 10px;
	padding: 25px;
}

.con04_text span {
	font-weight: bold;
	font-size: 20px;
}

.con04_text {
	color: #5A2D00;
	margin-top: 20px;
}


@media screen and (min-width:769px) {
	.con04_item {
		display: flex;
		flex-wrap: wrap;
	}

	.con04_item li {
		width: calc((100% - 80px) / 2);
		margin: 60px 40px 0 0;
	}

	.con04_item li:nth-of-type(even) {
		margin-right: 0;
	}

	.con04_item li:nth-of-type(n+3) {
		margin-top: 20px;
	}

	.con04_text {
		font-size: 18px;
	}
}

@media screen and (max-width:768px) {
	.con04_item {
		margin: 30px 20px 0 20px;
	}

	.con04_item li:not(:first-of-type) {
		margin-top: 20px;
	}

	.con04_text span {
		font-size: 14px;
		letter-spacing: -0.01em;
	}

	.con04_text {
		font-size: 12px;
	}
}


/*===================================================
con05
===================================================*/

.con05_item {
	height: 750px;
	justify-content: center;
	margin-top: 60px;
	position: relative;
}

.con05_item li {
	border-radius: 10px;
	position: absolute;
}

.con05_item li:first-of-type {
	top: 0;
	right: 50px;
}

.con05_item li:nth-of-type(2) {
	top: 230px;
	left: 50px;
	z-index: 1;
}

.con05_item li:last-of-type {
	bottom: 0;
	right: 160px;
}

@media screen and (min-width:769px) {}

@media screen and (max-width:768px) {
	.con05_item {
		height: 550px;
		margin-top: 30px;
	}

	.con05_item li {
		width: 300px;
	}

	.con05_item li:first-of-type {
		top: 0;
		right: 0;
	}

	.con05_item li:nth-of-type(2) {
		top: 192px;
		left: 0;
	}

	.con05_item li:last-of-type {
		bottom: 0;
		right: 20px;
	}
}


/*===================================================
con06
===================================================*/
.con06_itemBox {
	justify-content: center;
}

.con06_text {
	background: #fefefb;
	padding: 15px 5px;
	border-radius: 10px;
}

.con06_text span {
	font-weight: bold;
}

@media screen and (min-width:769px) {
	.con06_itemBox {
		margin-top: 60px;
		display: flex;
		flex-wrap: wrap;
	}

	.con06_item {
		width: calc((100% - 120px) / 2);
		display: flex;
		font-size: 17px;
		margin-right: 60px;
	}

	.con06_item:nth-of-type(even) {
		margin-right: 0;
	}

	.con06_item:nth-of-type(n+3) {
		margin-top: 80px;
	}

	.con06_text {
		margin: 20px 0;
	}
}

@media screen and (max-width:768px) {
	.con06_itemBox {
		margin-top: 30px;
		text-align: start;
	}

	.con06_item {
		margin: 30px 20px 0 20px;
		font-size: 12px;
	}

	.con06_item:nth-of-type(odd) ul {
		display: flex;
		flex-direction: column-reverse;
	}

	.con06_text {
		margin-top: 10px;
		padding: 10px;
	}
}


/*===================================================
con07
===================================================*/
.con07_itemBox {
	width: 100%;
	background: #fefefb;
	border-radius: 10px;
}

.con07_item {
	display: flex;
	flex-wrap: wrap;
}

.con07_item .con07_text {
	text-align: start;
}

.con07_text span {
	background: #F2E4F0;
	display: inline-block;
	border-radius: 5px;
	padding: 10px;
}

@media screen and (min-width:769px) {
	.con07_itemBox {
		max-width: 850px;
		margin-top: 60px;
		padding: 60px 0;
	}

	.con07_item {
		width: 100%;
		margin-top: 60px;
		padding: 0 100px;
	}

	.con07_item:first-of-type {
		margin-top: 0;
	}

	.con07_item li {
		margin-right: 30px;
	}

	.con07_item .con07_text {
		width: calc(100% - 250px);
		margin-right: 0;
		font-size: 20px;
	}

	.con07_text span {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.con07_photo {
		max-width: 220px;
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	.con07_itemBox {
		max-width: 330px;
		margin-top: 10px;
		padding: 20px 20px;
	}

	.con07_item {
		margin-top: 20px;
	}

	.con07_item:first-of-type {
		margin-top: 0;
	}

	.con07_item .con07_text {
		font-size: 14px;
	}

	.con07_photo {
		width: 100px;
		margin-right: 10px;
	}

	.con07_text {
		width: calc(100% - 110px);
		align-items: baseline;
	}

	.con07_photo span {
		background: #F2E4F0;
		display: inline-block;
		font-size: 12px;
		margin-top: 10px;
		padding: 5px;
		border-radius: 5px;
	}

	.con07_photoV span {
		letter-spacing: -0.01em
	}
}


/*===================================================
con08
===================================================*/
.con08_itemBox {
	justify-content: center;
}

.con08_text {
	background: #fefefb;
	text-align: left;
}


@media screen and (min-width:769px) {
	.con08_itemBox {
		max-width: 850px;
		width: 100%;
		margin-top: 60px;
		justify-content: center;
		border-radius: 10px;
	}

	.con08_item {
		width: 100%;
		margin-top: 60px;
		display: flex;
	}

	.con08_item:nth-of-type(odd) {
		justify-content: flex-end;
	}

	.con08_photo img {
		border-radius: 10px 0 0 10px;
	}

	.con08_text {
		width: 350px;
		border-radius: 0 10px 10px 0;
		padding: 0 20px;
		display: table;
	}

	.con08_text p {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.8;
		font-size: 20px;
		letter-spacing: -0.001em;
	}

	.con08_text p:not(:first-of-type) {
		margin-top: 5px;
	}
}


@media screen and (max-width:768px) {
	.con08_itemBox {
		/*max-width: 850px;*/
		width: 100%;
		margin-top: 30px;
	}

	.con08_item {
		margin: 0 20px;
	}

	.con08_item:not(:last-child) {
		margin-bottom: 30px;
	}

	.con08_text p {
		font-size: 14px;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.con08_photo {
		height: 120px;
	}

	.con08_photo img {
		border-radius: 10px;
	}

	.con08_text {
		margin-top: 10px;
		border-radius: 10px;
	}
}


/*===================================================
con09
===================================================*/

.con09_item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.con09_item li {
	background: #FEFEFB;
	border-radius: 10px;
}

@media screen and (min-width:769px) {
	.con09_itemBox {
		justify-content: center;
		max-width: 1080px;
	}

	.con09_item {
		margin-top: 60px;
	}

	.con09_item li {
		width: calc((100% - 90px) / 4);
		margin: 0 30PX 30px 0;
		padding: 15px 10px;
	}

	.con09_item li:nth-of-type(4n) {
		margin-right: 0;
	}

	.con09_item li:nth-of-type(5),
	.con09_item li:nth-of-type(6),
	.con09_item li:nth-of-type(7),
	.con09_item li:nth-of-type(8) {
		margin-bottom: 0;
	}

	.con09_icon {
		width: 120px;
		margin: 0 auto;
	}

	.con09_text p {
		font-size: 20px;
	}

	.con09_text p span {
		font-weight: bold;
	}

	.con09_text p:last-of-type {
		margin-top: 10px;
		font-size: 16px;
	}
}


@media screen and (max-width:768px) {
	.con09_item {
		width: 320px;
		margin: 30px auto 0 auto;
		align-content: flex-end;
		justify-content: center;
	}

	.con09_item li {
		width: calc((100% - 40px) / 2);
		margin: 0 20PX 20px 0;
		padding: 10px 5px;
	}

	.con09_item li:nth-of-type(2n) {
		margin-right: 0;
	}

	.con09_item li:nth-of-type(7),
	.con09_item li:nth-of-type(8) {
		margin-bottom: 0;
	}

	.con09_icon {
		width: 65px;
		margin: 0 auto;
	}

	.con09_text p {
		font-size: 14px;
	}

	.con09_text p span {
		font-weight: bold;
	}

	.con09_text p:last-of-type {
		margin-top: 5px;
		font-size: 12px;
	}
}


/*===================================================
con10
===================================================*/
.con10_itemBox {
	display: block;
	text-align: left;
	background: #fefefb;
	border-radius: 10px;
}

.con10_text p {
	display: block;
	padding-bottom: 5px;
}

.con10_text span:first-of-type {
	width: 20%;
	display: inline-block;
}

.con10_text span:last-of-type {
	width: 80%;
	display: inline-block;
}

.con10_text:last-of-type {
	margin-bottom: 0;
}

.con10_textV p {
	display: block;
	padding-bottom: 5px;
}

.con10_textV:last-of-type {
	margin-bottom: 0;
}
.h2_contact {
	margin-top: 60px;
}

@media screen and (min-width:769px) {
	.con10_itemBox {
		max-width: 700px;
		width: 100%;
		margin: 60px auto 0 auto;
		padding: 50px;
	}

	.con10_text {
		margin-bottom: 40px;
		font-size: 20px;
		border-bottom: dashed 2px #9C9C9C;
	}

	.con10_textV {
		margin-bottom: 40px;
		font-size: 20px;
		border-bottom: dashed 2px #9C9C9C;
	}
}


@media screen and (max-width:768px) {
	.con10_itemBox {
		padding: 30px 20px;
	}

	.con10_text {
		margin-bottom: 20px;
		font-size: 11px;
		border-bottom: dashed 1px #9C9C9C;
	}

	.con10_textV {
		margin-bottom: 20px;
		font-size: 12px;
		border-bottom: dashed 1px #9C9C9C;
	}
	.h2_contact {
		margin-top: 20px;
	}
}


/*===================================================
con11
===================================================*/
@media screen and (min-width:769px) {
	.con11_itemBox {
		justify-content: center;
		max-width: 1080px;
	}

	.con11_item {
		width: 100%;
		margin-top: 60px;
		display: flex;
		flex-wrap: wrap;
	}

	.con11_item li {
		width: calc((100% - 90px) / 4);
		box-sizing: border-box;
		border-radius: 10px;
		margin: 0 30PX 30px 0;
	}

	.con11_item li:nth-of-type(4n) {
		margin-right: 0;
	}

	.con11_item li:nth-of-type(5),
	.con11_item li:nth-of-type(6),
	.con11_item li:nth-of-type(7),
	.con11_item li:nth-of-type(8) {
		margin-bottom: 0;
	}
}

/*==================================================
con11 Sp
===================================*/

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

	.slider img {
		width: 60vw;
		height: auto;
	}

	.slider .slick-slide {
		transform: scale(0.8);
		transition: all .5s;
		opacity: 0.5;
	}

	.slider .slick-slide.slick-center {
		transform: scale(1);
		opacity: 1;
	}


	/*矢印の設定*/
	.slick-prev,
	.slick-next {
		position: absolute;
		top: 42%;
		cursor: pointer;
		outline: none;
		border-top: 2px solid #666;
		border-right: 2px solid #666;
		height: 15px;
		width: 15px;
	}

	.slick-prev {
		left: -1.5%;
		transform: rotate(-135deg);
	}

	.slick-next {
		right: -1.5%;
		transform: rotate(45deg);
	}
}

/********** リンクボタン **********/
.linkBt {
	width: 80%;
	max-width: 480px;
	margin: 40px auto 0 auto;
}

.linkBtV {
	max-width: 100%;
	width: 60%;
}

.linkBt a {
	display: block;
	width: 100%;
	line-height: 70px;
	text-align: center;
	background: linear-gradient(90deg, rgba(252, 245, 210, 1) 0%, rgba(246, 208, 203, 1) 100%);
	;
	border-radius: 10px;
	color: #714539;
	font-size: 25px;
	-webkit-box-shadow: 10px 10px 0 #E4EAB2;
	box-shadow: 10px 10px 0 #E4EAB2;
}

.linkBtV a {
	line-height: 45px;
	padding: 10px;
}

.linkBt a:hover {
	-webkit-box-shadow: -10px -10px 0 #E4EAB2;
	box-shadow: -10px -10px 0 #E4EAB2;
}

.linkBt a span {
	margin-left: 15px;
	background: url("../images/inst.png")no-repeat 100% 50% / contain;
	padding: 10px 65px 10px 0;
}


@media screen and (max-width:768px) {
	.linkBtV {
		max-width: 90%;
		width: 320px;
	}

	.linkBt a {
		font-size: 14px;
		line-height: 30px;
		border-radius: 5px;
		padding: 5px;
	}

	.linkBtV a {
		line-height: 25px;
	}

	.linkBt a:hover {
		-webkit-box-shadow: -3px -3px 0 #E4EAB2;
		box-shadow: -3px -3px 0 #E4EAB2;
	}

	.linkBt a span {
		margin-left: 15px;
		padding: 3px 30px 3px 0;
	}
}

/*===================================================
 ナビゲーション
===================================================*/
#g-nav {
	position: fixed;
	z-index: 999;
	top: -120%;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgb(254, 254, 251, 0.95);
	transition: all 0.6s;
}

#g-nav.panelactive {
	top: 0;
}

#g-nav.panelactive #g-nav-list {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
	position: absolute;
	z-index: 999;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*リストのレイアウト設定*/
#g-nav li {
	list-style: none;
	text-align: center;
	font-size: 18px;
}

#g-nav li:not(:first-of-type) {
	padding-top: 20px;
}

#g-nav li a {
	color: #333;
	letter-spacing: -0.01em;
	font-weight: bold;
	white-space: nowrap;
}



@media screen and (max-width:768px) {
	#g-nav li:not(:first-of-type) {
		padding-top: 15px;
	}
}

/*========= ハンバーガーボタン ===============*/
.openbtn {
	position: fixed;
	z-index: 9999;
	top: 15px;
	right: 10px;
	cursor: pointer;
	width: 50px;
	height: 50px;
}

/*×に変化*/
.openbtn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 14px;
	height: 3px;
	border-radius: 2px;
	background-color: #666;
	width: 45%;
}

.openbtn span:nth-of-type(1) {
	top: 15px;
}

.openbtn span:nth-of-type(2) {
	top: 23px;
}

.openbtn span:nth-of-type(3) {
	top: 31px;
}

.openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}


@media screen and (max-width:768px) {
	.openbtn {
		top: 0;
		right: -5px;
	}
}


/********** ページトップ **********/
#toTopBox {
	position: sticky;
	bottom: 0;
	left: 0;
	height: 85px;
	pointer-events: none;
	z-index: 5;
	margin: -85px auto 0;
}

#toTop {
	position: relative;
	display: none;
	width: 60px;
	height: 60px;
	line-height: 0;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 20px 0 auto;
	overflow: hidden;
	cursor: pointer;
	pointer-events: all;
	background: url("../images/pagetop.png")no-repeat center / contain;
}

@media screen and (max-width:1500px) {
	#toTop {
		width: 60px;
		height: 60px;
	}
}

@media screen and (min-width:769px) and (max-width:1500px) {
	#toTop {
		display: block !important;
		opacity: 1 !important;
	}
}

@media screen and (max-width:768px) {
	#toTopBox {
		height: 50px;
		bottom: 44px;
		margin-top: -40px;
	}

	#toTop {
		width: 40px;
		height: 40px;
	}
}

/*===================================================
フッター
===================================================*/
footer {
	font-size: 14px;
	background-color: #F9FBED;
	padding: 45px 0;
}

footer p {
	text-align: center;
	color: #9c9c9c;
	margin-bottom: 5px;
	letter-spacing: -0.04em;
}

footer p:first-of-type {
	max-width: 120px;
	width: 100%;
	height: 60px;
	background: url("../images/belc_logo.png")no-repeat center / contain;
	line-height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}

@media screen and (max-width:768px) {
	footer {
		font-size: 8px;
		padding: 30px 0;
	}

	footer p:first-of-type {
		height: 20px;
		margin-bottom: 10px;
	}
}

/*===================================================
アニメーション
===================================================*/
.fadeInPre {
	visibility: hidden;
}

.fadeInPre.fadeIn {
	visibility: visible;
}


/*===================================================
画像調整
===================================================*/
body .ofi_con {
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-family: "object-fit: contain;";
}

body .ofi_cov {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}
/*===================================================
動画
===================================================*/
.videoBox {
	width: 96%;
	max-width: 1080px;
	margin: auto;
	position: relative;
    z-index: 3;
}
.videoBox video {
	width: 100%;
}
.videoBox img {
	border-radius: 0!important;
}
.video_ttl {
	text-align: center;
	background-color: #f9adb1;
	width: 96%;
    max-width: 1080px;
    padding: 0 10px;
    margin: 40px auto 0;
    font-size: 24px !important;
	color: #fff;
	position: relative;
	z-index: 3;
}

  .youtube_movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
		}
.player {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
}

.thumb{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
		
.youtube_movie iframe{
	position:absolute;
	top: 0;
	left: 0;
	width:100% ;
	height:100% ;
}
@media screen and (max-width:768px) {
	.video_ttl {
		font-size: 14px !important;
		margin-top: 20px;
	}
}