@charset "utf-8";

/* ****************************************************
Title: layout.css
***************************************************** */

/* -------------------------------------------------------------------- 
 body
-------------------------------------------------------------------- */

body {
 color: #333333;

/* font-family:	"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/

 /*font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/

	font-family: 'Noto Sans JP', sans-serif;
	font-size: 13px;
/*	font-feature-settings: "pkna" 1;
	-webkit-font-feature-settings: "pkna" 1;*/
 *font-size:small;
 *font:x-small;
 text-align: center;
	text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}

/*--明朝体フォント指定------------*/
.fontSerif {
	font-family: 'Noto Serif JP', serif;
}
/*--明朝体フォント指定------------*/


#top {
	/*overflow: hidden;*/
}

#wrap {
	/*overflow: hidden;*/
	/*width: 640px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	min-width: 1000px;
}
#wrap *{
	box-sizing: border-box;
}

img {
	vertical-align: bottom;
}

.relative-wrap {
	position: relative;
}

.contDispN {
	display: none;
}

.d-flex{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

p, span, dt, dd, th, td, li, h1, h2, h3, h4 {
	max-height: 999999px;
	background-image: url(../img/spacer.gif);
}

.dispN01 {
	display: none;
}

/*-----------------------*/

.anc {
	position: relative;
}
.ancIn {
	position: absolute;
	top: -160px;
}

.ac2{
	display: none;
}
.ac.open .ac2{
	display: block;
}
#top {
	/*padding-top: 69px;*/
}

/*-----------------------*/

.pc {
	display: block;
}

.sp {
	display: none;
}

.pcBr {
	display: inline;
}

.spBr {
	display: none;
}

.pcTable {
	display: table !important;
}
.spTable {
	display: none !important;
}

.contIn1000 {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}
.contIn950 {
	width: 950px;
	margin: 0px auto;
}

.radius200 {
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}

/*----------------------*/

.enMb01 {
	margin-bottom: 50px !important;
}

.zhMb01 {
	margin-bottom: 200px !important;
}


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

/*デバイスwidth、～799px用のスタイルを記入*/


/*----------------------*/

.enMb01 {
	margin-bottom: 50px !important;
}

.zhMb01 {
	margin-bottom: 0.2em !important;
}

/*----------------------*/

	body {

	/* font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/

	}

	#wrap {
		/*overflow: hidden;*/
		width: auto;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		min-width: 750px;
	}
	
	img{
		width: 100%;
		height: auto;
	}

	/*-----------------------*/

	.anc {
		position: relative;
	}
	.ancIn {
		position: absolute;
		top: -266px;
	}

	#top {
		/*padding-top: 79px;*/
	}

	/*-----------------------*/

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.pcBr {
		display: none;
	}
	.spBr {
		display: inline;
	}

	.pcTable {
		display: none !important;
	}
	.spTable {
		display: table !important;
	}

	.contIn1000 {
		width: auto;
	}
	.contIn950{
		width: auto;
		padding: 0 3%;
	}


}


/* -------------------------------------------------------------------- 
 header
-------------------------------------------------------------------- */

#top {
	padding-top: 160px;
}

#gheader{
	width: 100%;
	padding: 10px 0 0;
	background-color: #ffffff;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 500;
}

#gheader .logo {
    width: 211px;
}

/*-------------------------*/

#top.en {
	padding-top: 0px;
}

.en #gheader{
	width: 100%;
	padding: 10px 0 0;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 500;
}

#top.zh {
	padding-top: 0px;
}

.zh #gheader{
	width: 100%;
	padding: 10px 0 0;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 500;
}

/*-------------------------*/




.gheaderIn{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	position: relative;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 950px;
}
.logo{
	margin-right: auto;
}
.logo a img{
	width: 100%;
}
.hdCellWrap01{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
	-ms-flex-line-pack: center;
       align-content: center;
	width: 30%;

}
.hdCellWrap01 .hdCell{
	color: #3e3a39;
	font-size: 14px;
	letter-spacing: 0.23em;
	line-height: 17px;
	margin-right: 1em;
}
.hdCellWrap01 .hdCell span{
	margin-left: 8px;
}
.hdCellWrap01 .hdCell02{
	margin-top: 15px;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 20px;
}
.telTxt01{
	margin-left: 5px;
}
.telTxt02{
	font-size: 70%;
	letter-spacing: 0.26em;
	line-height: 20px;
}
.hdCellWrap02{
	display: table;
}
.hdMenu{
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
.hdMenu.menu-trigger.close .open{
	display: block;
}
.hdMenu.menu-trigger.close .close{
	display: none;
}
.hdMenu.menu-trigger.open .open{
	display: none;
}
.hdMenu.menu-trigger.open .close{
	display: block;
}

.meganaviWrap {
  display: none;
  position: absolute;
  left: 0px;
  top: 120px;
  padding-top: 90px;
  width: 100%;
 height: 100vh;
  background: #dbdbdb;
  overflow: hidden;
  /*transform: translateY(-100%);*/
  /*transition: height .2s ease;*/
  z-index: 990;
}

.meganavi-list{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
		-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	width: 880px;
}
.meganavi-list .navi-item{
	margin-bottom: 20px;
	padding: 7px 0;
	border: 1px solid #3e3a39;
	background: #fff;
	cursor: pointer;
	font-size: 16px;
	letter-spacing: 0.15em;
	
}
.meganavi-list .navi-item.ls{
	/*letter-spacing: 0.08em;*/
    letter-spacing: 0;
}
.meganavi-list .navi-item.relative-wrap:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 16px;
	height: 2px;
	background-color: #3e3a39;
}
.meganavi-list .navi-item.relative-wrap:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(90deg);
	width: 16px;
	height: 2px;
	background-color: #3e3a39;
	transition-duration: 0.3s;
}
.meganavi-list .navi-item.open.relative-wrap:after{
	transform: translateY(-50%) rotate(0deg);
}
.navi-item01{
	/*flex-basis: 18.75%;*/
    flex-basis: 13.5%;
}
.navi-item02{
	flex-basis: 100%;
}
.navi-item03{
    flex-basis: 49.2%;
	/*flex-basis: 23.75%;*/
    /*flex-basis: 18.75%;*/
}
.navi-item02 .inNavi-list{
	display: none;
	width: 100%;
}
.navi-item02 .inNavi-list li{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
    -webkit-box-pack:center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	float: left;
	margin-bottom: 20px;
	background: #fff;
	height: 60px;
	font-size: 14px;
	line-height: 1.429em;
}
.navi-item02 .inNavi-list li.item_lh{
	line-height: 1.286em;
	letter-spacing: -0.02em;
}
.navi-item02 .inNavi-list li + li{
	margin-left: 10px;
}
.navi-item02 .inNavi-list .inNavi-item{
	/*width: 15.6%;*/
    width: 19.07%;
}
.navi-item02 .inNavi-list .inNavi-item02 {
	/*width: 18.75%;*/
    width: 19.07%;
}
.navi-item02 .inNavi-list li.inNavi-item02 + li{
	margin-left: 0;
}
.navi-item02 .inNavi-list li.inNavi-item02:not(:nth-child(5n)){
	margin-right: 10px;
}

.hdNavi01{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
		-webkit-box-pack:center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 0 14px;
	width: 100%;
	background: #ff6f61;
}
.hdNavi01 li{
	position: relative;
    /*flex-basis: 200px;*/
	flex-basis: 180px;
	font-size: 14px;
	letter-spacing: 0.4em;
}
.hdNavi01 li +li:before{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 0px;
	width: 1px;
	height: 30px;
	background: #fff;
}
.hdNavi01 li.ls01 {
	letter-spacing: 0.1em;
}
#gheader .hdNavi01 a:link{ color: #fff; text-decoration: none;}
#gheader .hdNavi01 a:hover{ color: #fff; text-decoration: none;}
#gheader .hdNavi01 a:active{ color: #fff; text-decoration: none;}
#gheader .hdNavi01 a:visited{ color: #fff; text-decoration: none;}

#gheader a:link{ color: #3e3a39; text-decoration: none; }
#gheader a:hover{ color: #3e3a39; text-decoration: none; }
#gheader a:active{ color: #3e3a39; text-decoration: none; }
#gheader a:visited{ color: #3e3a39; text-decoration: none; }



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

/*デバイスwidth、～799px用のスタイルを記入*/

	#top {
		/*padding-top: 266px;*/
        padding-top: 254px;
	}
	
	#gheader {
		/*position: static;*/
		padding: 0;
	}
	.gheaderIn{
		position: relative;
		width: auto;
		padding-bottom: 0;
		background: url("../img/headerLine_sp.png") repeat-x bottom 0 left 0;
	}
	.logo{
		margin-left: 4.6%;
		height: 56%;
		max-height: 56px;
	}
	.meganaviWrap{
		padding: 22.5px 6%;
		top: 100%;
	}
	.meganavi-list{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: auto;
		max-width: 650px;
	}
	.meganavi-list .navi-item{
		font-size: 21px;
		padding: 10px 0;
	}
	.meganavi-list li.navi-item01:nth-child(2){
		margin: 0 3% 20px;
	}
	.meganavi-list li.navi-item01:nth-child(4), .meganavi-list li.navi-item01:nth-child(5){
		margin-right: 3%;
	}
	.navi-item01 {
    flex-basis: auto;
		width: 30%;
		max-width: 200px;
	}
	.navi-item02 .inNavi-list li{
		height: 4.2em;
		height: 14vw;
		max-height: 100px;
		font-size: 2.8vw;
		letter-spacing: 0.1em;
	}
	.navi-item02 .inNavi-list li + li{
		margin-left: 4.7%;
	}
	.navi-item02 .inNavi-list li:nth-of-type(4n){
		margin-left: 0;
	}
	.navi-item02 .inNavi-list .inNavi-item,
	.navi-item02 .inNavi-list .inNavi-item02{
		width: 30%;
		max-width: 200px;
	}
    .navi-item02 .inNavi-list li.inNavi-item02:not(:nth-child(5n)){
        margin-right: 0;
    }
    .navi-item02 .inNavi-list li.inNavi-item02:not(:nth-child(3n)){
        margin-right: 4.7%;
    }
	.navi-item03{
		flex-basis: auto;
		width: 48.25%;
		max-width: 310px;
	}
	.meganavi-list li.navi-item03{
		margin-right: 3.5%;
	}
	.meganavi-list li.navi-item03.m01, .meganavi-list li.navi-item03:last-child{
		margin-right: 0;
	}
	.meganavi-list li.navi-item03.w01{
		width: 100%;
		max-width: 100%;
        margin-right: 0;
	}
	.hdCellWrap01{
		-ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
		-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
		width: 100%;
		padding: 15px 4.6%;
	}
	.hdCellWrap01 .hdCell{
		margin-right: 4.6%;
		font-size: 22px;
	}
	.hdCell img{
		width: auto;
		height: 16px;
	}
	.hdCellWrap01 .hdCell02{
		margin-top: 0;
		font-size: 26px;
	}
	.hdCell02 img{
		width: 20px;
		height: auto;
	}
	.hdNavi01 li{
		flex-basis: 25%;
		font-size: 3vw;
		text-align: center;
        letter-spacing: 0;
	}
	.hdNavi01 li a{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
	}
	.hdNavi01 li +li:before{
		height: 120%;
	}
	.hdNavi01 li.ls01 {
        letter-spacing: -0.04em;
	}
	.meganaviWrap {
		display: none;
		position: absolute;
		left: 0px;
		top: 100px;
		padding-top: 90px;
		width: 100%;
	 height: 1000vh;
		background: #dbdbdb;
		overflow: hidden;
		/*transform: translateY(-100%);*/
		/*transition: height .2s ease;*/
		z-index: 990;
	}


	.en .hdCellWrap01 .hdCell{
		font-size: 22px;
	}
	.en .hdCellWrap01 .hdCell02{
		font-size: 24px;
	}
	.en .hdCellWrap01 .hdCell{
		margin-right: 15px;
	}

	.telTxt02{
		font-size: 70%;
		letter-spacing: 0.05em;
		line-height: 20px;
	}

}


/* -------------------------------------------------------------------- 
 main
-------------------------------------------------------------------- */
.contWrap{
	overflow: hidden;
}
.contWrap *{
	color: #3e3a39;
}
.keyvisualBlock .position-cont {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.keyvisual {
    height: 560px;
}
.kv_catchBlock{
	margin-bottom: 100px;
	text-align: left;
}

.kv_catch{
    margin-bottom: 0.35em;
    font-size: 3.5em;
    letter-spacing: 0.35em;
    font-weight: 500;
    color: #000;
}
.kv_copy{
    font-size: 1.75em;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #ec6867;
    margin-left: 0.5em;
}
.searchForm{
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	padding: 4px 0 ;
	background: #fff;
	width: 440px;
	height: 50px;
	border: 1px solid #969696;
}
/*input[type="search"].searchBox{*/
input.searchBox{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	outline: 0;
	border: none;
	padding: 10px 10px 10px 22px;
	width: 360px;
	height: 48px;
}
/*input[type="submit"].searchBtn{*/
input.searchBtn{
	position: absolute;
	top: 4px;
	right: 0;
	padding: 0 0 0 55px;
	width: 55px;
	height: 40px;
	background: #fff url("../img/icn_search.png") no-repeat center center;
	border-left: 1px solid #969696;
	border-top: none;
	border-bottom: none;
	border-right: none;
	outline: 0;
	overflow: hidden;
	cursor: pointer;
}

/*---------------------------------*/

.cse .gsc-control-cse,
.gsc-control-cse {
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	padding: 4px 0 !important;
	background: #fff;
	width: 440px !important;
	height: 50px;
	border: 1px solid #969696 !important;
}
.gsc-input-box {
  border: none !important;
  background: #fff;
}
.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
  font-size: 0px;
  vertical-align: middle;
	position: absolute;
	top: 4px;
	right: 0;
	padding: 0 0 0 55px !important;
	width: 55px !important;
	height: 40px !important;
	background: #fff url("../img/icn_search.png") no-repeat center center !important;
	border-left: 1px solid #969696 !important;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
	outline: 0;
	overflow: hidden;
	cursor: pointer;
}
.gsib_a {
 padding: 0px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*position: absolute;
	top: 0;
	left: 0;*/
	outline: 0;
	border: none;
	/*padding: 10px 10px 10px 22px !important;*/
	padding: 0px 10px 0px 22px !important;
	width: 360px !important;
	height: 40px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input {
	padding: 0px !important;
}





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

/*デバイスwidth、～799px用のスタイルを記入*/
	
	.keyvisualBlock {
		padding-bottom: 40px;
	}
	.keyvisualBlock .position-cont{
		top: 30%;
		left: auto;
		transform: none;
		width: 100%;
	}
    .keyvisual {
        height: auto;
    }
	.kv_catchBlock{
		padding-left: 10%;
        margin-bottom: 25vw;
	}
	.kv_catch{
		font-size: 7vw;
	}
	.kv_copy{
        font-size: 3.5vw;
	}
	.searchForm{
		margin: 0 auto;
		width: 69%;
		max-width: 520px;
		height: 70px;
	}
	input[type="search"].searchBox{
		width: 88.6%;
		height: 68px;
		font-size: 22px;
	}
	input[type="submit"].searchBtn{
		position: absolute;
		top: 4px;
		right: 0;
		padding: 0 0 0 55px;
		width: 55px;
		height: 60px;
		background: #fff url("../img/icn_search.png") no-repeat center center;
		border-left: 1px solid #969696;
		border-top: none;
		border-bottom: none;
		border-right: none;
		outline: 0;
		overflow: hidden;
		cursor: pointer;
	}

	/*---------------------------------*/

	.cse .gsc-control-cse,
	.gsc-control-cse {
		box-sizing: border-box;
		position: relative;
		margin: 0 auto;
		padding: 4px 0 !important;
		background: #fff;
		width: 69% !important;
		height: 70px;
		border: 1px solid #969696 !important;
	}
	.gsc-input-box {
		border: none !important;
		background: #fff;
	}
	.cse .gsc-search-button-v2,
	.gsc-search-button-v2 {
		font-size: 0px;
		vertical-align: middle;
		position: absolute;
		top: 4px;
		right: 0;
		padding: 0 0 0 55px !important;
		width: 55px !important;
		height: 60px !important;
		background: #fff url("../img/icn_search.png") no-repeat center center !important;
		border-left: 1px solid #969696 !important;
		border-top: none !important;
		border-bottom: none !important;
		border-right: none !important;
		outline: 0;
		overflow: hidden;
		cursor: pointer;
	}
	.gsib_a {
	 padding: 0px !important;
	}
	.gsc-search-box-tools .gsc-search-box .gsc-input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		/*position: absolute;
		top: 0;
		left: 0;*/
		outline: 0;
		border: none;
		/*padding: 10px 10px 10px 22px !important;*/
		box-sizing: border-box;
		padding: 0px 10px 0px 22px !important;
		width: 88.6% !important;
		height: 60px !important;
		font-size: 22px !important;
	}
	.gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input {
		padding: 0px !important;
		width: 100% !important;
	}

}

/*--------------*/

.top_groupLink{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
		-webkit-box-pack:center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 30px 0 29px;
	width: 100%;
	background: #f5f5f5;
}
.top_groupLink li+li{
	/*margin-left: 38px;*/
    margin-left: 20px;
}
.top_groupLink li{
	padding-right: 10px;
	min-width: 130px;
	height: 120px;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	text-align: center;
}
.contInWrap{
	padding: 60px 0 10px 0;
}
.contH01{
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ff6f61;
	color: #ff6f61;
	font-size: 32px;
	letter-spacing: 0.25em;
	text-align: center;
}
.textBox p{
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 1.556em;
}
.col-linkBtn{
	position: relative;
	margin: 0 auto;
	padding: 10px 10px 12px 20px;
	background: #ff6f61;
	width: 350px;
	height: 40px;
	text-align: left;
}
.col-linkBtn:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	background: url("../img/icn_ar01-01.png") no-repeat 0 0 ;
	width: 16px;
	height: 16px;
}
.contInWrap p.alc img{
	margin: 0 auto;
}
.col-linkBtn a{
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 1.2em;
}
.col-linkBtn.col-linkBtn02{
	padding: 5px 10px 5px 5px;
	width: 490px;
}
.col-linkBtn.col-linkBtn03{
    margin-top: 30px;
    text-align: center;
    width: auto;
    padding: 10px 40px 12px 20px;
    display: inline-block;
}
.col-linkBtn .linkBtnIn{
	display: inline-block;
	margin-right: 12px;
	padding: 5px 16px;
	background: #fff;
	color: #ff6f61;
	font-size: 18px;
}
.col-linkBtn .linkBtnIn02{
	color: inherit;
	font-size: 18px;
}

.col-linkBtn a:link{ color: #fff; text-decoration: none; }
.col-linkBtn a:hover{ color: #fff; text-decoration: none; }
.col-linkBtn a:active{ color: #fff; text-decoration: none; }
.col-linkBtn a:visited{ color: #fff; text-decoration: none; }

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

/*デバイスwidth、～799px用のスタイルを記入*/
	
	.contH01{
		font-size: 5.6vw;
		padding-bottom: 0px;
	}
	.textBox p{
		font-size: 3.0vw;
	}
	.top_groupLink{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
     -ms-flex-align: baseline;
        align-items: baseline;
		padding: 23px 3%  13px;
		
	}
	.top_groupLink li{
		position: relative;
		margin-bottom: 23px;
		padding: 0px;
		border: none;
		min-width: initial;
        width: 30.6%;
		height: auto;
	}

	.top_groupLink li + li {
    margin-left: 4%;
	}
	.top_groupLink li:nth-of-type(1),
	.top_groupLink li:nth-of-type(4){
		margin-left: 0;
	}
	.col-linkBtn{
		padding: 1.5em;
		width: 90%;
		height: auto;
		text-align: center;
	}
	.col-linkBtn:after{
		background: url("../img/icn_ar01-01_sp.png") no-repeat 0 0/contain;
		width: 2.0em;
		height: 2.0em;
	}
	.col-linkBtn a{
		font-size: 3.0vw;
	}
	.col-linkBtn.col-linkBtn02{
		/*display: table;*/
		width: auto;
		/*max-width: 490px;*/
	}
	.col-linkBtn.col-linkBtn02 a {
		display: table;
		width: 100%;
		max-width: 1000px;
	}

	.col-linkBtn.col-linkBtn02 span{
		display: table-cell;
		vertical-align: middle;
	}
    .col-linkBtn.col-linkBtn03{
        width: 90%;
        padding: 1.5em;
    }
	.col-linkBtn .linkBtnIn{
		font-size: 3.0vw;
		height: 3.0em;
		width: 35%;
	}

	.col-linkBtn .linkBtnIn02{
		color: inherit;
		font-size: 3.0vw;
		text-align: left;
		padding-left: 20px;
	}

}
/*--------------*/

.contGroupBox.contGroupBox01{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
		-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: 0 auto 40px;
	width: 880px;
}
.contGroupBox.contGroupBox02{
	margin: 0 auto;
	width: 880px;
}
.groupBox_dt{
	flex-basis: 100%;
	position: relative;
	font-size: 18px;
	line-height: 1.750em;
	text-align: center;
}
.contGroupBox01 .groupBox_dt{
	margin-bottom: 35px;
}
.contGroupBox01 .groupBox_dt:after{
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: url("../img/line_group.png") no-repeat top 0 center;
	width: 602px;
	height: 35px;
}
.contGroupBox02 .groupBox_dt{
	margin-bottom: 24px;
}
.contGroupBox02 .groupBox_dt:after{
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #ff6f61;
	width: 1px;
	height:24px;
}
.groupBox_dd{
	padding: 23px 32px 23px 20px;
	ebkit-box-shadow: 2px 2px 0px 0px rgba(255, 111, 97, 1);
	-moz-box-shadow:    2px 2px 0px 0px rgba(255, 111, 97, 1);
	box-shadow:         2px 2px 0px 0px rgba(255, 111, 97, 1);
	border: 1px solid #ff6f61;
	background: #fff;
	height: 270px;
	text-align: left;
}
.groupInBox_dt{
	margin-bottom: 20px;
	color: #ff6f61;
	font-size: 18px;
	line-height: 1.389em;
}
.groupInBox_dt span{
	color: inherit;
	font-size: inherit;
	vertical-align: text-bottom;
}

.contGroupBox01 .groupInBox dd+ dd{
	margin-top: 14px;
	
}
.contGroupBox02 .groupBox_dd{
	padding:  23px 0 7px;
	height: auto;
	/*2020.8.31*/font-size: 16px;
}
.groupInBox02.d-flex{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.groupInBox02.d-flex .groupInBox_dt{
	flex-basis: 100%;
	text-align: center;
}
.groupInBox02.d-flex .groupInBox_dt a{
	margin-left: 10px;
	
}
.groupInBox02.d-flex .groupInBox_dd{
	padding: 0 35px 20px;
}
a.right_ar{
	position: relative;
	border-bottom: 1px solid #3e3a39;
	font-size: 16px;
	
}
a.right_ar:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -14px;
	transform: translateY(-50%);
	background: url("../img/icn_ar01-02.png") no-repeat 0 0 ;
	width: 14px;
	height: 14px;
}
.contGroupBox a.link_blank{
	position: relative;
	padding-left: 16px;
	background: url("../img/icn_link02.png") no-repeat top 50% left 0/12px auto;
	font-size: 14px;
}

a.linkCol-gray:link{ color: #3e3a39; text-decoration: none; }
a.linkCol-gray:hover{ color: #3e3a39; text-decoration: none; }
a.linkCol-gray:active{ color: #3e3a39; text-decoration: none; }
a.linkCol-gray:visited{ color: #3e3a39; text-decoration: none; }

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

/*デバイスwidth、～799px用のスタイルを記入*/


.groupBox_dt{
	font-size: 24px;
}
.groupInBox_dt{
	margin-bottom: 20px;
	color: #ff6f61;
	font-size: 24px;
	line-height: 1.389em;
}
a.right_ar{
	position: relative;
	border-bottom: 1px solid #3e3a39;
	font-size: 26px;
}
.contGroupBox a.link_blank{
	position: relative;
	padding-left: 16px;
	background: url("../img/icn_link02.png") no-repeat top 50% left 0/14px auto;
	font-size: 20px;
}


	.contGroupBox.contGroupBox01,
	.contGroupBox.contGroupBox02{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		width: 86.6%;
		max-width: 650px;
		
	}
	.contGroupBox01 .groupBox_dt,
	.contGroupBox01 .groupBox_dd:nth-of-type(1){
		margin-bottom: 13px;
	}
	.contGroupBox01 .groupBox_dd:nth-of-type(2){
		margin-bottom: 8px;
		padding-bottom: 0;
	}
	.contGroupBox01 .groupBox_dt:after,
	.contGroupBox01 .groupBox_dd:after{
		content: "";
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: 1px;
		height: 14px;
		background-color: #ff6f61;
		background-image: none;
	}
	.contGroupBox01 .groupBox_dd:last-of-type:after{
		display: none;
	}
	.groupBox_dd{
		position: relative;
		padding: 3% 7.7%;
		height: auto;
	}
	.groupInBox_dt{
		margin-bottom: 0.5em;
	}
	.contGroupBox01 .groupInBox dd + dd,
	.contGroupBox02 .groupInBox dd + dd	{
		margin-top: 1.0em;
		/*2020.8.31*/font-size: 26px;
	}
	.contGroupBox01 .groupInBox_dd{
		margin-left: 4.6%;
	}
	.contGroupBox02 .groupBox_dd{
		padding: 3% 0 6%;
	}
	.contGroupBox02 .groupInBox_dt{
		padding-bottom: 10px;
		border-bottom: 1px solid #ff6f61;
	}

	.groupInBox02.d-flex{
		display: block;
	}
	.groupInBox02.d-flex .groupInBox_dt{
		text-align: left;
	}
	.groupInBox02.d-flex .groupInBox_dt span{
		display: block;
		margin-left: 7.7%;
	}
	.groupInBox02.d-flex .groupInBox_dt a{
		display: inline-block;
		margin-left: 12.3%;
	}
	.groupInBox02.d-flex .groupInBox_dd{
		margin: 1.0em 0 0 12.3%;
        padding: 0;
	}
}

/*--------------*/

/*slick setting*/
.slider{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	/*width: 800px;4つ表示*/
    width: 880px;
	/*height: 330px;*/
}

.slick-prev:before,
.slick-next:before {
	content: "";
	display: block;
	width: 16px;
	height: 35px;
    color: transparent;
}
.slick-prev:before{
	background: url("../img/icn_ar02-left.png") no-repeat 0 0 ;
}
.slick-next:before{
	background: url("../img/icn_ar02-right.png") no-repeat 0 0 ;
}
.slideBox.slick-slide.slick-active{
    /*width: 200px;4つ表示*/
	width: 176px;
}

.slideInBox.d-flex{
	margin: 0 10px;
    /*width: 180px;4つ表示*/
	width: 160px;
	-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}

.slideInBox.d-flex a:link {	color: #333333;	text-decoration: none;}
.slideInBox.d-flex a:visited {	color: #333333;	text-decoration: none;}
.slideInBox.d-flex a:hover {	color:#333333;	text-decoration: underline;}
.slideInBox.d-flex a:active {	color:#333333;	text-decoration: none;}


.slideInTtl{
	padding: 7px 0;
	border-top: 1px solid #ff6f61;
	border-left: 1px solid #ff6f61;
	border-right: 1px solid #ff6f61;
	color: #ff6f61;
	/*font-size: 14px;*/
    font-size: 13px;
	text-align: center;
}

.slideInTextWrap{
	-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	position: relative;
	padding: 20px 15px 30px 13px;
	/*height: 170px;*/
	background: #fafafa;
	text-align: left;
}
.slideInDate{
	margin-bottom: 7px;
	font-size: 12px;
}
.slideInText{
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.5em;
}
.slideInLink{
	position: absolute;
	bottom: 10px;
	left: 45%;
	transform: translateX(-45%);
}
.slideInLink a.right_ar{
	border-bottom: none;
}
.slideInLink a:link{ color: #ff6f61; text-decoration: none; }
.slideInLink a:hover{ color: #ff6f61; text-decoration: none; }
.slideInLink a:active{ color: #ff6f61; text-decoration: none; }
.slideInLink a:visited{ color: #ff6f61; text-decoration: none; }

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

/*デバイスwidth、～799px用のスタイルを記入*/
	.slider{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-ms-flex-wrap: wrap;
      flex-wrap: wrap;
		-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	 	margin: 0 auto;
		padding: 0 6%;
		width: auto;
		height: auto;
	}
	.slideInBox.d-flex{
		margin: 0 0 10px 0;
		width: auto;
		max-width: 300px;
		height: auto;
	}

	.slideInTtl{
		padding: 7px 0;
		border-top: 1px solid #ff6f61;
		border-left: 1px solid #ff6f61;
		border-right: 1px solid #ff6f61;
		color: #ff6f61;
		font-size: 24px;
		text-align: center;
	}
	.slideInDate{
		margin-bottom: 7px;
		font-size: 20px;
	}
	.slideInText{
		margin-bottom: 7px;
		font-size: 22px;
		line-height: 1.5em;
	}
	
	.slider .slideBox {
		width: 47%;
	}

}
/*--------------*/
.mapWrap{
	margin: 0 auto 40px;
	width: 85%;
}
.gmap{
	position: relative;
	padding-top:37.5%;
	height: 0;
	overflow: hidden;
}
.gmap iframe,
.gmap object{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mapLink{
	text-align: right;
	font-size: 16px;
	margin: 10px 0px;
}
.col-pink{
	color: #ff6f61;
}
/*@media screen and (max-width:768px) {*/
@media screen and (max-width:799px) {

/*デバイスwidth、～799px用のスタイルを記入*/
	.mapWrap{
		margin: 0 auto 20px;
		width: auto;
	}
	.gmap{
		margin-bottom: 10px;
	}
	.mapLink.sp{
		margin-top: 1.0em;
		text-align: center;
	}
}
/*--------------*/



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

/*デバイスwidth、～799px用のスタイルを記入*/

}



/* -------------------------------------------------------------------- 
 footer
-------------------------------------------------------------------- */

.pagetopButton {
	display: none;
	position: fixed;
	bottom: 80px;
	right: 30px;
}

#gfooter {
	padding-bottom: 34px;
	border-bottom: 5px solid #ff6f61;
	text-align: left;
	
}
.footerIn01{
	margin-bottom: 40px;
	padding: 40px 0px 30px;
	background: #f5f5f5;
	overflow: hidden;
}
.footerLogo{
	margin: 0 auto 50px;
    width: 211px;
}
.footerLogo img{
    width: 100%;
}
.footernaviWrap{
	margin: 0 auto;
	width: 1000px;
}
.footernaviIn01{
	float: left;
}
.footernaviIn02{
	float: right;
	padding-left: 34px;
	width: 84%;
}
.ftNavi-item,
.inftNavi-item{
	position: relative;
	margin-bottom: 20px;
	padding-left: 26px;
	font-size: 14px;
}
.ftNavi-item01:before{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	background: url("../img/icn_ar03-right.png") no-repeat 0 0 ;
	width: 10px;
	height: 10px;
}
.ftNavi-item02:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url("../img/icn_ar04-bottom.png") no-repeat 0 0 ;
	width: 12px;
	height: 5px;
}
.ftNavi-item03:before{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	background: url("../img/icn_link.png") no-repeat 0 0 ;
	width: 12px;
	height: 12px;
}
.footernavi-list02{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	width: 100%;
}
.footernavi-list02 li:first-of-type{
	flex-basis: 287px;
}
.footernavi-list02 li:nth-of-type(2){
	flex-basis: 290px;
}
.inftNavi-list{
	float: left;
}

.footernavi-list03 ul.inftNavi-list:first-of-type{
	width: 287px;
}
.footernavi-list03 ul.inftNavi-list:nth-of-type(2){
	width: 290px;
}
.footernaviWrap a:link{ color: #3e3a39; text-decoration: none; }
.footernaviWrap a:hover{ color: #3e3a39; text-decoration: none; }
.footernaviWrap a:active{ color: #3e3a39; text-decoration: none; }
.footernaviWrap a:visited{ color: #3e3a39; text-decoration: none; }

.footerLink{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto 20px;
	width: 950px;
}
.copyright{
	color: #3e3a39;
	font-size: 12px;
	text-align: center;
}
/*@media screen and (max-width:768px) {*/
@media screen and (max-width:799px) {

/*デバイスwidth、～799px用のスタイルを記入*/

	.pagetopButton {
		display: none;
		position: fixed;
		bottom: 60px;
		right: 40px;
		z-index: 990;
	}
	.pagetopButton img {
		width: 100px;
		height: auto;
	}
	#gfooter {
	}
	.footernaviWrap{
		width: auto;
	}
	.ftNavi-item{
		position: relative;
		margin-bottom: 5px;
		padding: 3% 5% 3% 7%;
		background: #f5f5f5;
		cursor: pointer;
	}
	.ftNavi-item, .inftNavi-item{
		/*font-size: 3.2vw;*/
		font-size: 32px;
	}
	.ftNavi-item03{
		position: relative;
		margin-bottom: 5px;
		padding: 3% 5% 3% 7%;
		background: #fff;
		cursor: pointer;
	}
	.ftNavi-item a:before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.ftNavi-item01:before,
	.ftNavi-item03:before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 93%;
    transform: translateY(-50%) rotate(45deg) !important;
		border-top: 2px solid #3e3a39;
		border-right: 2px solid #3e3a39;
    background-image: none;
    width: 16px;
    height: 16px;
	}
	.ftNavi-item02::before{
		display: none;
	}
	
	.footernaviWrap .ftNavi-item.relative-wrap:before{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 93%;
		transform: translateY(-50%);
		width: 24px;
		height: 2px;
		background-color: #3e3a39;
	}
	.footernaviWrap .ftNavi-item.relative-wrap:after{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 93%;
		transform: translateY(-50%) rotate(90deg);
		width: 24px;
		height: 2px;
		background-color: #3e3a39;
		transition-duration: 0.3s;
	}
	.footernaviWrap .ftNavi-item.open.relative-wrap:after{
		transform: translateY(-50%) rotate(0deg);
	}
	.ftInNavi-list{
		display: none;
		background: #f5f5f5;
	}
	.ftNavi-item02{
		position: relative;
	}
	.footerLogo{
		margin: 32px auto;
		width: 35%;
		max-width: 400px;
	}
	.footerLink{
		-ms-flex-wrap: wrap;
      flex-wrap: wrap;
		width: auto;
	}
	.footerLink li{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
			-webkit-box-pack:center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
		position: relative;
		padding: 20px 15px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: #fff;
		width: 33.3%;
		box-sizing: border-box;
	}
	.footerLink li:nth-child(n+4){
		border-bottom: 1px solid #ccc;
	}
	.footerLink li:nth-child(3n){
		border-right: none;
	}
	.footerLink li a:before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.footerLink li:nth-child(1) img,
	.footerLink li:nth-child(2) img,
	.footerLink li:nth-child(3) img,
	.footerLink li:nth-child(4) img{
		width: auto;
		height: 60.5px;
	}
	.footerLink li:nth-child(5) img{
		width: auto;
		height: 60px;
	}
	.footerLink li:nth-child(6) img{
		width: auto;
		height: 60px;
	}


}






/*-----*/

.panels > .panel {
  display: none;
}

.panels > .panel.active {
  display: block;
}

/* =======================================
.english
======================================= */

.foreign.en{
	color: #3E3A39;
}
.en .meganavi-list .navi-item{
	padding: 10px 0;
	letter-spacing: 0;
}
.en .navi-item02 .inNavi-list .inNavi-item{
	width: 49.2%;
}
.en .navi-item02 .inNavi-list li{
	height: 40px;
}
.en .navi-item02 .inNavi-list li:nth-of-type(2n-1){
	margin-left: 0;
}
.en .navi-item02 .inNavi-list.ac2 li{
	height: 60px;
}
.en .navi-item02 .inNavi-list.ac2 li:nth-of-type(2n-1){
	margin-left: 10px;
}
.en .navi-item02 .inNavi-list.ac2 li:first-of-type{
	margin-left: 0;
}
.en .kv_catchBlock{
	margin-bottom: 0;
	padding: 75px 0 65px;
	background: url("../img/catch_bg.png") no-repeat top 0 center/cover;
	text-align: center;
}
.en .kv_catch{
	font-size: 38px;
	letter-spacing: 0.2em;
	line-height: 1.395em;
}
.en .kv_copy{
	font-size: 16px;
	letter-spacing: 0.22em;
	line-height: 1.813em;
}
.foreign .tabs{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	margin-bottom: 10px;
}
.foreign .tabs a{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	 -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding-top: 10px;
	width: 160px;
	height: 140px;
	background: rgba(62, 58, 57, 0.05);
	color: #3E3A39;
	text-decoration: none;
}
.foreign .tabs .tab span{
	display: block;
}
.foreign .tabs .tab .logo{
	position: relative;
	margin: 0 auto;
}
.foreign .tabs .tab .logo .on{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.foreign .tabs .tab.active .logo img.off{
	opacity: 0;
}
.foreign .tabs .tab.active .logo img.on{
	opacity: 1;
}
.foreign .tabs a.active{
	background: #FF6F61;
	color: #fff;
}
.foreign .tabs .tab .name{
	font-size: 12px;
	line-height: 1.167em;
}
.foreign .panel{
	padding: 45px 0 50px;
	background: rgba(255, 111, 97, 0.05);
}
.panel-headerWrap{
	margin: 0 auto 30px;
	width: 860px;
	border-bottom: 1px solid #3E3A39;
}
.panel-header-logo{
	margin-bottom: 30px;
}
#panel2 .panel-header-logo{
	height: 66px;
}
#panel3 .panel-header-logo{
	height: 65px;
}
#panel4 .panel-header-logo{
	height: 69px;
}
#panel5 .panel-header-logo{
	height: 66px;
}
#panel6 .panel-header-logo{
	height: 64px;
}
.panel-headerWrap h3{
	padding-bottom: 20px;
	font-size: 32px;
	letter-spacing: 0.05em;
	line-height: 1.313em;
}
.main-textWrap{
	margin: 0 auto 30px;
	width: 860px;
	text-align: left;
}
#panel2 .main-textWrap{
	padding: 0 50px;
}
#panel3 .main-textWrap{
	padding: 0 10px;
}
.main-text{
	margin: 0 auto 20px;
	width: 860px;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
}
.foreign .main-textWrap h4{
	position: relative;
	padding-left: 1.1em;
	color: #3E3A39;
	font-size: 16px;
	line-height: 1.5em;
}
.foreign .main-textWrap h4:before{
	content: "●";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	/*! font-size: 19px; */
	line-height: 16px;
}
.foreign .main-textWrap h4:nth-of-type(n+2){
	margin-top: 30px;
}
.foreign .main-textWrap dt{
	margin-right: 1.0em;
	color: #FF6F61;
	font-size: 16px;
	line-height: 1.500em;
}
.foreign .main-textWrap dd{
	font-size: 16px;
	line-height: 1.500em;
}
.foreign #panel2 .main-textWrap dt,
.foreign #panel2 .main-textWrap dd{
	display: inline-block;
}
.foreign #panel3 .main-textWrap dl{
	display: table;
}
.foreign #panel3 .main-textWrap dt,
.foreign #panel3 .main-textWrap dd{
	display: table-cell;
}
.foreign #panel3 .main-textWrap dt{
	width: 475px;
}
.foreign #panel4 .main-textWrap dl+ dl,
.foreign #panel5 .main-textWrap dl+ dl{
	margin-top: 15px;
}
.foreign .webLink{
	display: inline-block;
	border: 2px solid #CCC;
	border-radius: 30px;
	padding: 7.5px 72px 7.5px 54px;
	font-size: 18px;
	text-decoration: none;
	color: #3E3A39;
	background: #fff url(../img/webLink-icon02.png) no-repeat center right 10px;
	transition: all 0.3s ease 0s;
}
.foreign .webLinkWrap{
	margin-bottom: 40px;
}
.foreign .panel .inner{
	margin: 0 auto;
	width: 800px;
}
.foreign .inner-block{
	padding-top: 50px;
}
.foreign .inner-block h4{
	display: block;
	margin-bottom: 30px;
	padding-bottom: 23px;
	border-bottom: 1px solid #FF6F61;
	color: #FF6F61;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.3em;
	text-align: left;
}
.foreign .inner-box{
	padding-bottom: 10px;
}
.foreign .inner-box h5{
	position: relative;
	margin-bottom: 10px;
	color: #FF6F61;
	font-size: 18px;
	text-align: left;
}
.foreign .inner-box h5:before{
	content: "■";
	padding-right: 6px;
	color: #FF6F61;
	/*font-size: 1.5em;*/
}
.foreign .inner-text{
	margin-bottom: 29px;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
}
.foreign .inner-box dl{
	display: table;
	margin-bottom: 1.0em;
	font-size: 14px;
	line-height: 1.143em;
	text-align: left;
}
.foreign .inner-box dl dt{
	display: table-cell;
	width: 107px;
	color: #FF6F61;
}
.foreign .inner-box dl dd{
	display: table-cell;
}
.foreign .inner-box .dlBox{
	margin-top: -20px;
	padding: 0 48px 20px 37px;
	background: #FFF;
}
.foreign .inner-box .dlBox dl.dl_num{
	display: block;
}
.foreign .inner-box dl.dl_num dt{
	display: block;
	width: auto;
	font-size: 16px;
}
.foreign .inner-box dl.dl_num dd{
	display: block;
	padding-left: 23px;
	font-size: 14px;
	line-height: 1.429em;
}
.foreign .inner-box dl.dl_num .num{
	display: inline-block;
	margin-right: 0.5em;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background: #FF6F61;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.foreign .dlBox .comment{
	font-size: 12px;
	text-align: right;
}
.foreign.en .gmap{
	margin-bottom: 10px;
}
.foreign.en a.linkCol-pink:link{
	color: #FF6F61;
	text-decoration: underline;
}
.foreign.en a.linkCol-pink:hover{
	color: #FF6F61;
	text-decoration: none;
}
.foreign.en a.linkCol-pink:active{
	color: #FF6F61;
	text-decoration: none;
}
.foreign.en a.linkCol-pink:visited{
	color: #FF6F61;
	text-decoration: underline;
}
.foreign .inner-line{
	margin-top: -20px;
	width: 20px;
	height: 1px;
	background-color: #FF6F61;
	border: 0;
}
.foreign .inner-box02.d-flex{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.foreign .inner-box02.d-flex .inner-textWrap{
	width: 520px;
}
.foreign .inner-box02.d-flex .inner-textWrap .inner-text{
	letter-spacing: 0.05em;
}
.foreign .inner-columnWrap{
	width: 242px;
	text-align: left;
}
.foreign .inner-columnWrap .imgBox{
	margin-bottom: 20px;
}
.foreign .inner-columnWrap .textBox p.textA{
	font-size: 17.6px;
}
.foreign .inner-columnWrap .textBox p.textB{
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 1.250em;
}
.foreign .inner-columnWrap .textBox.textBox02{
	margin-bottom: 35px;
}
.foreign .inner-columnWrap .textBox.textBox02 p{
	font-size: 12px;
	line-height: 1.167em;
}
.foreign .inner-columnWrap .textBox.textBox02 p+ p{
	margin-top: 16px;
}
.foreign .inner-block.border-block{
	margin: 0 auto 40px;
	padding: 10px;
	width: 910px;
	background: #FFF;
}
.foreign .contIn1000 section.inner-block.border-block:last-child{
	margin: 0 auto;
}
.foreign .inner-block .border-box{
	padding: 28px;
	border: 1px solid #FF6F61;
}
.foreign .contH-decoWrap{
	display: inline-block;
	position: relative;
	margin-bottom: 25px;
	height: 61px;
}
.foreign .contH-decoWrap:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background: url("../img/deco_leaf-left.png") no-repeat 0 0 /33px auto;
	width: 33px;
	height: 61px;
}
.foreign .contH-decoWrap:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background: url("../img/deco_leaf-right.png") no-repeat 0 0 /33px auto;
	width: 33px;
	height: 61px;
}
.foreign #panel2 .contH-decoWrap.decoWrap01:before{
	left: -40px;
}
.foreign #panel2 .contH-decoWrap.decoWrap01:after{
	right: -40px;
}
.foreign #panel2 .contH-decoWrap.decoWrap02:before,
.foreign #panel5 .contH-decoWrap.decoWrap01:before,
.foreign #panel6 .contH-decoWrap.decoWrap01:before{
	left: -62px;
}
.foreign #panel2 .contH-decoWrap.decoWrap02:after,
.foreign #panel5 .contH-decoWrap.decoWrap01:after,
.foreign #panel6 .contH-decoWrap.decoWrap01:after{
	right: -62px;
}
.foreign #panel2 .contH-decoWrap.decoWrap03:before{
	left: -100px;
}
.foreign #panel2 .contH-decoWrap.decoWrap03:after{
	right: -100px;
}
.foreign #panel3 .contH-decoWrap.decoWrap01:before,
.foreign #panel4 .contH-decoWrap.decoWrap01:before{
	left: -55px;
}
.foreign #panel3 .contH-decoWrap.decoWrap01:after,
.foreign #panel4 .contH-decoWrap.decoWrap01:after{
	right: -55px;
}
.foreign #panel3 .contH-decoWrap.decoWrap02:before,
.foreign #panel4 .contH-decoWrap.decoWrap02:before,
.foreign #panel6 .contH-decoWrap.decoWrap02:before{
	left: -90px;
}
.foreign #panel3 .contH-decoWrap.decoWrap02:after,
.foreign #panel4 .contH-decoWrap.decoWrap02:after,
.foreign #panel6 .contH-decoWrap.decoWrap02:after{
	right: -90px;
}
.foreign #panel5 .contH-decoWrap.decoWrap02:before{
	left: -95px;
}
.foreign #panel5 .contH-decoWrap.decoWrap02:after{
	right: -95px;
}
.foreign .inner-block.border-block .contH-decoWrap h4{
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	color: #3E3A39;
	text-align: center;
}
.foreign #panel2 .inner-block.border-block .contH-decoWrap.decoWrap01 h4,
.foreign #panel2 .inner-block.border-block .contH-decoWrap.decoWrap03 h4,
.foreign #panel3 .inner-block.border-block .contH-decoWrap.decoWrap02 h4,
.foreign #panel4 .inner-block.border-block .contH-decoWrap.decoWrap02 h4,
.foreign #panel5 .inner-block.border-block .contH-decoWrap.decoWrap02 h4,
.foreign #panel6 .inner-block.border-block .contH-decoWrap.decoWrap02 h4{
	line-height: 61px;
}
.foreign .inner-block.border-block .contH-decoWrap p{
	margin-top: 6px;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.286em;
}
.foreign .list_col-circle> li{
	position: relative;
	padding-left: 1.1em;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
}
.foreign .list_col-circle> li:before{
	content: "●";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	color: #FF6F61;
	font-size: 1.5em;
	line-height: 16px;
	font-size: 14px;
}
.foreign .inList-disc{
	padding-left: 1.0em;
	list-style: disc;
}
.foreign .inner-block.border-block .inner-text{
	margin-bottom: 0;
}
.en .ftNavi-item01:before{
	top: 50%;
	transform: translateY(-50%);
}
.foreign.en .footernavi-list02 li:first-of-type{
	flex-basis: 464px;
}
.foreign.en .footernavi-list03 ul.inftNavi-list:first-of-type{
	width: 464px;
}
.foreign.en .footernavi-list02 li:nth-of-type(2){
	flex-basis: 262px;
}
.foreign.en .footernavi-list03 ul.inftNavi-list:nth-of-type(2){
	width: 262px;
}

/*@media screen and (max-width:768px) {*/
@media screen and (max-width:799px) {
	
/*デバイスwidth、～799px用のスタイルを記入*/
	
	.en .meganavi-list li a{
		letter-spacing: 0.05em;
		line-height: 1.0em;
	}
	.en .meganavi-list .navi-item{
		padding: 15px 0;
		letter-spacing: 0.05em;
	}
	.en .navi-item01{
		position: relative;
		padding: 5px 0;
		height: 3.0em;
		max-height: 60px;
		line-height: 1.0em;
	}
	.en .navi-item01 a{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.en .navi-item01:nth-child(1) a,
	.en .navi-item01:nth-child(4) a{
		letter-spacing: 0.015em;
		white-space: nowrap;
	}
	.en .navi-item01:nth-child(5) a{
		letter-spacing: 0.04em;
	}
	.en .meganavi-list li.navi-item.navi-item02:nth-child(8){
		position: relative;
		padding: 5px;
		height: 3.0em;
	}
	.en .meganavi-list li.navi-item.navi-item02:nth-child(8) a{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.en .navi-item02 .inNavi-list li{
		padding: 10px 0;
		height: 60px;
	}
	.en .navi-item02 .inNavi-list .inNavi-item, .en .navi-item02 .inNavi-list .inNavi-item02{
		width: 100%;
		max-width: initial;
	}
	.en .navi-item02 .inNavi-list li + li{
		margin-left: 0;
	}
	.en .navi-item02 .inNavi-list.ac2 li:nth-of-type(2n-1){
		margin-left: 0;
	}
	/*--------------*/
	.en .kv_catchBlock{
		margin-bottom: 0;
		padding: 75px 50px 65px;
	}
	.en .kv_catch{
		font-size: 34px;
		font-weight: 500;
		letter-spacing: 0.15em;
	}
	.en .kv_copy{
		font-size: 20px;
		letter-spacing: 0.1em;
		line-height: 1.600em;
	}
	.foreign .tabs{
		-ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
		margin-bottom: 0;
	}
	.foreign .tabs a {
		margin-bottom: 5px;
		padding: 10px 40px 10px 20px;
	  flex-basis: 49.6%;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: row;
	  flex-direction: row;
	  -webkit-box-pack: start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
  	-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
		background: rgba(62, 58, 57, 0.05) url(../img/arrow_bottom03.png) no-repeat top 50% right 10px;
	}
	.foreign .tabs a.active{
		background:#FF6F61 url(../img/arrow_bottom02.png) no-repeat top 50% right 10px;
	}
	.foreign .tabs .tab .logo{
		margin: 0 20px 0 0;
	}
	.foreign .tabs .tab .name{
		font-size: 24px;
		text-align: left;
	}
	/*--------------*/
	.panel-headerWrap{
		width: 100%;
	}
	.main-text{
		padding: 0 50px;
		width: 100%;
		font-size: 23px;
	}
	.foreign .webLinkWrap{
		padding: 0 50px;
	}
	.foreign .webLink{
		background: #fff url(../img/arrow_right02.png) no-repeat center right 10px;
		padding: 30.5px 72px 30.5px 54px;
		border-radius: 100px;
		width: 100%;
		max-width: 650px;
		font-size: 30px;
	}
	.foreign .panel .inner{
		width: 100%;
	}
	img.panel-header-logo{
		width: auto;
	}
	#panel1 img.panel-header-logo{
		max-height: 70px;
	}
	#panel2 img.panel-header-logo{
		max-height: 77px;
	}
	#panel3 img.panel-header-logo{
		max-height: 73px;
	}
	#panel4 img.panel-header-logo{
		max-height: 64px;
	}
	#panel5 img.panel-header-logo{
		max-height: 65px;
	}
	#panel6 img.panel-header-logo{
		max-height: 66px;
	}
	.panel-headerWrap h3{
		font-size: 38px;
	}
	.foreign .main-textWrap{
		width: 100%;
	}
	.foreign .main-textWrap h4{
		font-size: 23px;
		line-height: 1.565em;
	}
	.foreign .main-textWrap h4::before{
		top: 6px;
		/*font-size: 1.5em;*/
		line-height: 1.0em;
	}
	.foreign .main-textWrap{
		padding: 0 40px;
	}
	.foreign.en #panel3 .main-textWrap dl{
		display: block;
	}
	.foreign .main-textWrap dl +dl{
		margin-top: 10px;
	}
	.foreign #panel2 .main-textWrap dl,
	.foreign #panel4 .main-textWrap dl +dl{
		margin-top: 20px;
	}
	.foreign .main-textWrap dt,
	.foreign .main-textWrap dd{
		font-size: 23px;
		line-height: 1.217em;
	}
	.foreign .inner-mapWrap{
		margin: 0 50px;
	}
	.foreign.en #panel3 .main-textWrap dt, .foreign.en #panel3 .main-textWrap dd{
		display: block;
		width: auto;
		font-size: 23px;
		line-height: 1.217em;
	}
	.foreign .inner-block h4{
		margin: 0 50px 30px;
		font-size: 32px;
		letter-spacing: 0.15em;
	}
	.foreign .inner-box h5{
		margin: 0 50px 10px;
		font-size: 28px;
	}
	.foreign .inner-text{
		margin: 0 50px 29px;
		font-size: 23px;
	}
	.foreign .d-flex .in-wrap{
		flex-basis: 77%;
	}
	.foreign .d-flex .inner-img{
		padding-top: 5.0em;
	}
	.foreign .in-wrap .inner-text{
		margin: 0 0 29px 50px;
	}
	.foreign .inner-box .dlBox{
		padding: 0 0 20px 0;
	}
	.foreign .inner-box dl{
		margin: 0 50px 1.0em;
		font-size: 23px;
	}
	.foreign .inner-box dl dt{
		width: 8.0em;
	}
	.foreign .inner-box dl.dl_num dt{
		color: #3E3A39;
		font-size: 28px;
	}
	.foreign .inner-box dl.dl_num .num{
		width: 1.3em;
		height: 1.3em;
		font-size: 20px;
	}
	.foreign .inner-box dl.dl_num dd{
		font-size: 23px;
	}
	.foreign .inner-line{
		margin-left: 50px;
	}
	.foreign .dlBox .comment{
		padding-right: 1.0em;
		font-size: 22px;
	}
	.foreign .inner-box02.d-flex{
		-ms-flex-wrap: wrap;
      flex-wrap: wrap;
	}
	.foreign .inner-box02.d-flex .inner-textWrap{
		width: 100%;
	}
	.foreign .inner-columnWrap{
		display: block;
		margin: 0 50px;
		width: 100%;
	}
	.foreign .inner-columnWrap .imgBox{
		float: left;
		margin-bottom: 0;
	}
	.foreign .inner-columnWrap .imgBox img{
		width: auto;
		max-height: 254px;
	}
	.foreign .inner-columnWrap .textBox{
		display : inline-block;
		float: right;
		width: 58%;
	}
	.foreign .inner-columnWrap .textBox p{
		display: inline-block;
	}
	.foreign .inner-columnWrap .textBox p.textA{
		margin-right: 0.2em;
		font-size: 25.6px;
	}
	.foreign .inner-columnWrap .textBox p.textB{
		font-size: 32px;
	}
	.foreign .inner-columnWrap .textBox.textBox02{
		display: block;
	}
	.foreign .inner-columnWrap .textBox.textBox02 p{
		font-size: 20px;
	}
	.foreign .panel .contIn1000{
		padding: 0 25px;
	}
	.foreign .inner-block.border-block{
		width: 100%;
	}
	.foreign .contH-decoWrap{
		height: auto;
	}
	.foreign .contH-decoWrap:before,
	.foreign .contH-decoWrap:after{
		display: none;
	}
	.foreign .inner-block.border-block .contH-decoWrap h4{
		position: relative;
		margin-bottom: 20px;
		letter-spacing: 0.1em;
		line-height: 44px;
	}
	.foreign #panel2 .inner-block.border-block .contH-decoWrap.decoWrap01 h4,
	.foreign #panel2 .inner-block.border-block .contH-decoWrap.decoWrap03 h4,
	.foreign #panel3 .inner-block.border-block .contH-decoWrap.decoWrap02 h4,
	.foreign #panel4 .inner-block.border-block .contH-decoWrap.decoWrap02 h4,
	.foreign #panel5 .inner-block.border-block .contH-decoWrap.decoWrap02 h4,
	.foreign #panel6 .inner-block.border-block .contH-decoWrap.decoWrap02 h4{
		line-height: 44px;
	}
	.foreign .contH-decoWrap h4:before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -50px;
		background: url("../img/deco_leaf-left.png") no-repeat 0 0 /24px auto;
		width: 24px;
		height: 45px;
	}
	.foreign .contH-decoWrap h4:after{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: -50px;
		background: url("../img/deco_leaf-right.png") no-repeat 0 0 /24px auto;
		width: 24px;
		height: 45px;
	}
	.foreign .inner-block.border-block .contH-decoWrap p{
		padding-bottom: 20px;
		border-bottom: 1px solid #FF6F61;
		font-size: 20px;
		letter-spacing: 0.06em;
		line-height: 1.400em;
	}
	.foreign .list_col-circle > li{
		font-size: 23px;
		line-height: 1.565em;
	}
	.foreign .list_col-circle > li:before{
		/*font-size: 1.5em;*/
		line-height: 30px;
	}
	.foreign .list_col-circle > li.list-none{
		position: static;
		margin-bottom: 10px;
		padding-left: 0;
		line-height: 1.391em;
	}
	.foreign .list_col-circle > li.list-none:before{
		display: none;
	}
	.foreign .list_col-circle > li.list-none span{
		display: block;
		color: #FF6F61;
	}
	.foreign.en a.linkCol-pink:link{
		color: #3E3A39;
	}
	.foreign #access .contIn1000{
		width: auto;
		margin: 0 50px;
	}
}

/* =======================================
.chinese
======================================= */

.foreign.zh{
	/*font-family: 'Noto Sans CJK';*/
	color: #3E3A39;
}

.zh .kv_catchBlock{
	margin-bottom: 0;
	padding: 114px 0 105px;
	background: url("../img/catch_bg.png") no-repeat top 0 center/cover;
	text-align: center;
}
.zh .kv_catch{
	font-size: 38px;
	letter-spacing: 0.2em;
	line-height: 1.395em;
}
.zh .kv_copy{
	font-size: 16px;
	letter-spacing: 0.22em;
	line-height: 1.813em;
}
.zh .panel-headerWrap{
	margin: 0 auto 40px;
}
.zh .main-text{
	text-align: center;
}
.foreign.zh.inner-box dl dt{
	width: 6.0em;
}
.foreign.zh .inner-box .dlBox{
	margin-top: 0;
}
.foreign.zh .inner-box dl.dl_num{
	display: table;
}
.foreign.zh .inner-box dl.dl_num dt{
	display: table-cell;
	position: relative;
	padding-right: 2.0em;
	width: 11.0em;
	color: #3E3A39;
	font-size: 16px;
}
.foreign.zh .inner-box dl.dl_num dt:after{
	content:"……";
	display: table-cell;
	position: absolute;
	top: 0.5em;
	right: 0;
	transform: translateY(-0.5em);

}
.foreign.zh .inner-box dl.dl_num dd{
	font-size: 16px;
	line-height: 1.625em;
}
.foreign.zh .main-textWrap.d-flex{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 860px;
}
.foreign.zh #panel4 .main-textWrap dl + dl,
.foreign.zh #panel5 .main-textWrap dl + dl{
	margin-top: 0;
}
.foreign.zh #panel2 .main-textWrap.textWrap01{
	padding: 0;
	text-align: center;
}
.foreign.zh  .main-textWrap.textWrap01 dl{
	position: relative;
	flex-basis: 49%;
}
.foreign.zh .main-textWrap.textWrap01 dl:first-child:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1px solid #3E3A39;
	width: 1px;
	height: 100%;
}
.foreign.zh .main-textWrap.textWrap01 dt{
	display: block;
	margin-right: 0;
	color: #3E3A39;
	font-size: 22px;
	line-height: 1.364em;
	text-align: center;
}
.foreign.zh .main-textWrap.textWrap01 dd{
	font-size: 17.6px;
	text-align: center;
}
.foreign.zh .inner-columnWrap .textBox p{
	display: inline-block;
	vertical-align: top;
}
.foreign.zh .inner-columnWrap .textBox p.textA{
	margin-bottom: 0.5em;
}
.foreign.zh .inner-block .border-box ul.list_col-circle{
	margin: 0 auto;
	width: 50%;
}
.foreign.zh .gmap{
	margin-bottom: 10px;
}
.foreign.zh a.linkCol-pink:link{
	color: #FF6F61;
	text-decoration: underline;
}
.foreign.zh a.linkCol-pink:hover{
	color: #FF6F61;
	text-decoration: none;
}
.foreign.zh a.linkCol-pink:active{
	color: #FF6F61;
	text-decoration: none;
}
.foreign.zh a.linkCol-pink:visited{
	color: #FF6F61;
	text-decoration: underline;
}
.foreign.zh #panel3 .main-textWrap{
	margin: 0 auto 50px;
	padding: 0;
}
.foreign.zh #panel3 .main-textIn{
	position: relative;
	flex-basis: 49%;
}
.foreign.zh #panel3 .main-textWrap div.main-textIn:first-of-type:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1px solid #3E3A39;
	width: 1px;
	height: 100%;
}
.foreign.zh #panel3 .main-textWrap h4{
	margin-bottom: 10px;
	padding-left: 0;
	font-size: 22px;
	text-align: center;
}
.foreign.zh #panel3 .main-textWrap h4:before{
	display: none;
}
.foreign.zh #panel3 .main-textWrap dt{
	color: #3E3A39;
	font-size: 20px;
}
.foreign.zh #panel3 .main-textWrap div.main-textIn:first-of-type dt{
	width: 12.0em;
}
.foreign.zh #panel3 .main-textWrap div.main-textIn:first-of-type dl:nth-of-type(7){
	margin-top: 1.0em;
}
.foreign.zh #panel3 .main-textWrap div.main-textIn:nth-of-type(2) dt{
	width: 14.0em;
}
.foreign.zh #panel3 .main-textWrap dd{
	font-size: 16px;
}
.foreign.zh .inner-block .border-box ul.list_col-circle.flex-columnWrap{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
	width: 100%;
}
.foreign.zh .list_col-circle.flex-columnWrap> li{
	margin-bottom: 1.0em;
}
.foreign.zh #panel3 .list_col-circle {
	height: 440px;
}
.foreign.zh #panel3 .list_col-circle .inList-disc{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		-ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin-top: 10px;
	padding: 0 12px 0 30px;
	width: 460px;
	height: 96px;
	background: url("../img/brackets_left.png") no-repeat top 0 left 0/12px 92px , url("../img/brackets_right.png") no-repeat top 0 right 0/12px 92px;
	
}

.foreign.zh #panel4 .list_col-circle{
	height: 280px;
}
.foreign.zh #panel5 .main-textWrap.d-flex dl:nth-of-type(2) dd{
	margin: 0 auto;
	width: 50%;
	text-align: left;
}
.foreign.zh #panel5 .list_col-circle{
	height: 240px;
}
.foreign.zh #panel6 .list_col-circle{
	height: 240px;
}
.foreign.zh #panel6 .list_col-circle.flex-columnWrap> li:nth-last-of-type(-n+2){
	margin-bottom: 0;
}
.foreign.zh #panel6 .inner-block.border-block .inner-text{
	line-height: 2.0em;
}
.foreign.zh #panel6 .inner-text.ti{
	padding-left: 3.5em;
	text-indent: -3.5em;
}


/*@media screen and (max-width:768px) {*/
@media screen and (max-width:799px) {
	
/*デバイスwidth、～799px用のスタイルを記入*/
	
	
	.zh .kv_copy{
		font-size: 24px;
		letter-spacing: 0.01em;
		line-height: 1.750em;
	}	
	.foreign.zh .main-textWrap.d-flex{
		width: 100%;
	}
	.zh .main-text{
		margin-bottom: 58px;
		text-align: left;
	}
	.foreign.zh .webLink{
		text-align: left;
	}
	.foreign.zh #panel1 .inner-box dl dt{
		width: 6.0em;
	}
	.foreign.zh #panel1 .inner-box dl.dl_num{
		display: block;
		margin: 0 50px 1.2em;
	}
	.foreign.zh #panel1 .inner-box dl.dl_num dt{
		display: block;
		padding-right: 0;
		width: auto;
		font-size: 28px;
		line-height: 2.143em;
	}
	.foreign.zh #panel1 .inner-box dl.dl_num dt:after{
		display: none;
	}
	.foreign.zh #panel1 .inner-box dl.dl_num:first-child{
		/*margin-bottom: 3.0em;*/
	}
	.foreign.zh #panel1 .inner-box dl.dl_num .num{
		line-height: 1.2em;
		vertical-align: 8%;
	}
	.foreign.zh #panel1 .inner-box dl.dl_num dd{
		display: block;
		padding-left: 0;
		font-size: 24px;
		line-height: 1.500em;
	}
	.foreign.zh .main-textWrap.textWrap01.d-flex{
		display: block;
	}
	.foreign.zh .main-textWrap.textWrap01 dl{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
		padding-left: 10%;
	}
	.foreign.zh .main-textWrap.textWrap01 dl:first-child::after{
		display: none;
	}
	.foreign.zh .main-textWrap.textWrap01 dt{
		font-size: 26px;
		text-align: left;
	}
	.foreign.zh .main-textWrap.textWrap01 dd{
		margin-left: 30px;
		font-size: 22px;
		line-height: 1.4em;
		text-align: left;
	}
	.foreign.zh .inner-line{
		margin-top: -10px;
		margin-bottom: 20px;
	}
	.foreign.zh .inner-columnWrap{
		margin: 0 50px 93px;
	}
	.foreign.zh .inner-columnWrap .textBox p.textA,
	.foreign.zh .inner-columnWrap .textBox p.textB{
		margin-bottom: 10px;
	}
	.foreign.zh .textBox.textBox02 .inList-disc li{
		font-size: 22px;
		line-height: 1.364em;
	}
	.foreign.zh .inner-block .border-box ul.list_col-circle{
		width: 100%;
	}
	.foreign.zh .list_col-circle > li.list-none span{
		display: inline-block;
	}
	.foreign.zh .list_col-circle.flex-columnWrap > li{
		margin-bottom: 0.2em;
	}
	.foreign.zh .border-box .inner-text{
		margin: 0;
		font-size: 24px;
		line-height: 1.750em;
	}
	.foreign.zh #panel2 .main-textWrap.d-flex dl{

  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;

	}
	.foreign.zh #panel3 .main-textWrap.d-flex{
		 -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	}
	.foreign.zh #panel3 .main-textIn{
		margin: 0 50px;
		padding-left: 94px;
		flex-basis: auto;
	}
	.foreign.zh #panel3 .main-textWrap h4{
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		margin: 0 0px 0 0 ;
		padding: 0 10px;
		border: 1px solid #3E3A39;
		min-height: 7.0em;
		writing-mode: vertical-rl;
	}
	.foreign.zh #panel3 .main-textWrap div.main-textIn:first-of-type h4{
		bottom: 28px;
	}
	.foreign.zh #panel3 .main-textWrap div.main-textIn:first-of-type{
		margin-bottom: 30px;
		padding-bottom: 28px;
	}
	.foreign.zh #panel3 .main-textWrap div.main-textIn:first-of-type::after{
		top: 100%;
		left: 0;
		border-right: 0;
		border-bottom: 1px solid #3E3A39;
		width: 100%;
		height: 1px;
	}
	.foreign.zh #panel3 .main-textWrap div.main-textIn:last-of-type dl:first-of-type{
		margin-top: 1.769em;
	}
	.foreign.zh #panel3 .main-textWrap div.main-textIn:last-of-type dl:last-of-type{
		margin-bottom: 1.769em;
	}
	.foreign.zh #panel3 .main-textWrap div.main-textIn dt{
		font-size: 26px;
		line-height: 1.692em;
	}
	.foreign.zh #panel3 .main-textWrap div.main-textIn dd{
		font-size: 20.8px;
	}
	.foreign.zh #panel3 .main-textWrap dl +dl{
		margin-top: 0;
	}
	.foreign.zh #panel2 .main-textWrap dl,
	.foreign.zh #panel4 .main-textWrap dl +dl,
	.foreign.zh #panel5 .main-textWrap dl +dl{
		margin-top: 15px;
	}
	.foreign.zh #panel3 .list_col-circle,
	.foreign.zh #panel4 .list_col-circle,
	.foreign.zh #panel5 .list_col-circle,
	.foreign.zh #panel6 .list_col-circle{
		height: auto;
	}
	.foreign.zh #panel3 .list_col-circle .inList-disc{
		width: auto;
		height: auto;
		padding: 0 0 0 1.0em;
		background: none;
	}
	.foreign.zh #panel5 .main-textWrap.textWrap01 dt{
		width: 8em;
	}
	.foreign.zh #panel5 .inner-box02.d-flex .inner-textWrap p.inner-text:nth-child(2){
		margin-bottom: 0;
	}
	.foreign.zh #panel6 .main-textWrap.textWrap01 dl{
		padding-left: 0;
	}
	.foreign.zh #panel6 .main-textWrap.textWrap01 dt{
		width: 8.0em;
	}
	.foreign.zh #panel6 .main-textWrap.textWrap01 dd{
		margin-left: 10px;
	}
	.foreign.zh #panel6 .inner-box02.d-flex .inner-textWrap p.inner-text:nth-child(1){
		margin-bottom: 0;
	}
	.foreign.zh #panel6 .inner-text.ti{
		padding-left: 0;
		text-indent: 0;
	}
	.foreign.zh a.linkCol-pink:link{
	color: #3E3A39;
	text-decoration: none;
	}
	.foreign.zh a.linkCol-pink:hover{
		color: #3E3A39;
		text-decoration: none;
	}
	.foreign.zh a.linkCol-pink:active{
		color: #3E3A39;
		text-decoration: none;
	}
	.foreign.zh a.linkCol-pink:visited{
		color: #3E3A39;
		text-decoration: none;
	}
}