@charset "utf-8";
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
/* CSS Document */
/* -------------------------------------------- Basic Setting */	
body{
	font: 14px/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
	margin:0;
	color:#313131;
	width: 100%;
	max-width: 100%;
}

html {
	scroll-behavior: smooth;
}
/*--
a{
    color:blue;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:visited{
    color:blue;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #F5A862;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
--*/

@media screen and (min-width: 768px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}



/* -------------------------------------------- Layout共通 */
.container {
	width:1000px;
	margin:0 auto;
}
.titleWrap {
	text-align:center;
	margin:40px auto 0;
}

.titleWrap h2 {
  font-size: 30px;
  font-size: 2rem;
  position: relative;
  padding: 1.5rem;
  text-align: center;
	font-weight:bold;
}

.titleWrap h2 span {
  font-size: 18px;
  font-size: 0.8rem;
  display: block;
	font-weight:normal;
}

.titleWrap h2:before {
  position: absolute;
  top: 20px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #c4944c;
}
.titleWrap p {
	padding-bottom:30px;
}


@media screen and (max-width: 767px){
	.container {
		width:96%;
	}
	.titleWrap p {
		width:90%;
		margin:10px auto;
	}
}


h3.lineTitle {
  position: relative;
  display: inline-block;
  padding: 0 55px;
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:20px;
}

h3.lineTitle:before, h3.lineTitle:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  background-color: #dcc38b;
}

h3.lineTitle:before {
  left:0;
}
h3.lineTitle:after {
  right: 0;
}


/* -------------------------------------------- Parts共通 */
.fixed_btn {
  position: fixed;
  bottom: 10px; 
  right: 10px;
  padding: 6px 40px;
	z-index:100;
}
.floating {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: rgba(231, 69, 67, 0.8);
	z-index:1000;
	padding:22px 30px;
	border-radius:60px;
	text-align:center;
}
.floating a {
	color:#ffffff;
	transition:.5s;	
}
.floating a:hover {
	opacity:.5;
}
.floating .fa-envelope-open {
	font-size:2.5rem;
	margin-bottom:10px;
}
.floating a span {
	display:block;
	line-height:120%;
	font-size:.7rem;
}
.header-box {
  height: 80px;
}
/* -------------------------------------------- Header */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, .6);
  z-index: 100;
  display: flex;
  justify-content: space-between;
}

header .logo {
	width: 50%;
	height: 80px;
	display:table-cell;
	text-align: left;
	line-height: 80px;
	font-size: 20px;
	font-weight: 600;
	padding-left:40px;
	background: #000000;
}
header .logo img {
	width:60px;
	vertical-align: middle;
	float:left;
	margin-right:10px;
	padding-top:20px;
}
header .logo h1 {
	display:block;
	margin-left:10px;
	color:#ffffff;
	font-family: "heisei-mincho-std", serif;
	font-weight:bold;
	font-size:1.5rem;
}

header nav.pc-menu {
	width: 50%;
	font-size: 1em;
}

header nav.pc-menu ul {
  width: 100%;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

header nav.pc-menu ul li {
  width: 33%;
}

header nav.pc-menu ul li a {
  display: block;
  width: 100%;
  text-align: center;
	transition:.5s;
	color:#ffffff;
	font-weight:bold;
	position:relative;
	border-left:solid 1px #999999;
	height:80px;
	padding-top:32px;
}

header nav.pc-menu ul li a::after{
	position:absolute;
	left:0;
	content:'';
	width:100%;
	height:4px;
	background:#e74543;
	bottom:-1px;
	transform:scale(0,1);
	transform-origin:left top;
	transition:transform 0.3s;
}

header nav.pc-menu ul li a:hover::after {
	transform:scale(1,1);
}

header nav.pc-menu ul li a span {
	display:block;
	color:#999999;
	font-size:.6rem;
	font-weight:normal;
	line-height:10px;	
}

.sm {
  display: none;
}

/**********************************　
以下、ハンバーガーメニューの設定　
************************************/

@media screen and (max-width: 767px){
	header nav.pc-menu {
		display: none;
	}
	header .logo {
		width: 80%;
		line-height: 80px;
		padding-left:20px;
	}
	header .logo h1 {
		font-size:1.2rem;
	}
	header .logo img {
		width:40px;
	}

  #hamburger {
    background-color: transparent;
    position: relative;
    cursor: pointer;
    margin: 10px 0 0 auto;
    height: 60px;
    width: 60px;
	  z-index:2000;
  }

  #hamburger .icon span {
    position: absolute;
    left: 15px;
    width: 30px;
    height: 4px;
    background-color: white;
    border-radius: 8px;
    transition: ease 0.75s;
  }

  .icon span:nth-of-type(1) {
    top: 16px;
  }
  .icon span:nth-of-type(2) {
    top: 28px;
  }
  .icon span:nth-of-type(3) {
    bottom: 16px;
  }

  .close span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 28px;
  }

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

  .close span:nth-of-type(3) {
      transform: rotate(-45deg);
      top: 28px;
  }

  .sm {
      top: 80px;
      left: 0px;
      position: absolute;
      z-index: 10;
      width: 100%;
      background-color: rgba(34, 49, 52, 0.5);
  }

  .sm ul {
	  width:100%;
	  display:flex;
    flex-direction: column;
  }
	.sm ul li {
		width:100%;
		text-align: center; 
		 border-top: solid 0.5px rgba(255, 255, 255, 0.2);
		padding-top:30px;
		padding-bottom:30px;
	}

  .sm ul a {    
	  color:#ffffff;   
  }
}
/* -------------------------------------------- Hero */
.hero {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	background:#000;
	background-size:contain;	
	z-index:1;
	overflow:hidden;
	position:relative;
}
.box {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.box h1 {
	position:absolute;
	top:100px;
	left:5%;
	border:solid 2px #000000;
	background-color: rgba(0,0,0,0.1);
}
.box h1 img {
	width:400px;
	padding:20px 40px;
}

.box p {
	position:absolute;
	bottom:50px;
	right:0;
	background-color: rgba(0,0,0,0.8);
	color:#ffffff;
	padding:40px;
	font-family:"MS Pゴシック",sans-serif;
	font-size:1.1rem;	
}	

@media screen and (max-width: 767px){
	.box {
		
	}
	.box h1 {
		top:50px;
		left: 50%;
		width:80%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.box h1 img {
		width:100%;
		padding:10px 20px;
	}
	.box p {
		font-size:0.9rem;
		bottom:0;
		padding:20px;
	}
}
/* -------------------------------------------- thesis */
.thesis {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	background-color:#000000;
	overflow:hidden;
}
.thesisWrap {
	margin:40px auto;
	width:1000px;
}

.thesisWrap p {
	text-align:center;
	font-size:1.4rem;
	line-height:180%;
	font-family:  "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 900;
	font-style: normal;
	color:#ffffff;	
	margin:0 auto 20px;	
}
@media screen and (max-width: 767px){
	.thesisWrap {
		width:94%;
	}
	.thesisWrap p {
		font-size:1.2rem;
	}
}

/* -------------------------------------------- gain */
.gain {
	background-image:url("../img/kosi_rt_b.png"),url("../img/kosi_lb_b.png"),linear-gradient(0deg, rgb(213,175, 102), rgb(245, 233, 195));
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position:top right,bottom left,top center;
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;	
}

.gain .titleWrap {
	margin-top:0;
	background-color:#e8e6d3;
}

/* 得られるの上段 */
.gainFirst {
	max-width:100%;
	width: 100%;
	margin: 0 0 40px 0;
	height:500px;
	overflow:hidden;
	position:relative;
}

.gainFirst .inner {
	position:relative;
	width:1000px;
	margin:0 auto;
}

.gainFirstImage {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
    padding-left:4em;	    
	-webkit-clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%); 
	background:url("../img/no001_image.jpg") no-repeat;
	background-size:cover;
	z-index:10;
}
@media screen and (max-width: 767px){
	.gain {
		background-image:url("../img/kosi_rt_b.png"),url("../img/kosi_lb_b_sp.png"),linear-gradient(0deg, rgb(213,175, 102), rgb(245, 233, 195));
	}
	.gainFirst .inner {
		width:96%;
	}
    .gainFirst {
	max-width:100%;
	width: 100%;
	margin: 40px auto 0;
	overflow:auto;
    height:auto;
	}
	.gainFirstImage {
		width:60%;
		height:200px;
	}
	
}

.numberGF {
	position:absolute;
	top:0;
	left:-10%;
	z-index:1;
}
.titleGF {
	position:absolute;
	top:30px;
	left:5%;
	
}
.contentGF {
	position:absolute;
	top:100px;
	left:5%;
	width:60%;
	z-index:2;
}
.contentGF p {
	padding-left:20px;
	margin-top:20px;
	font-size:1rem;
	line-height:220%;
	width:450px;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#000000;	
}

.contentGF h3 {
	font-size:1.4rem;
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding-left:40px;
	-webkit-clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0% 100%);
	clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0% 100%); 
	color:#333333;
	background-color:#f0edba;
}

@media screen and (max-width: 767px){
	.numberGF {
		top:10px;
		left:10px;
	}
	
	.numberGF img{
		width:40%;
	}
	
	.contentGF {
		width:90%;
	}
    .contentGF {
		position:static;
		padding-top: 58vw;
		margin: 0 auto 1em;
	}
	.contentGF p {
		width:90%;
		padding:0;
		font-size:.8rem;
		margin:20px auto;
	}	
	.contentGF h3 {
		padding:10px 20px;
	}
}

/* 得られるの中段 */
.gainSecond {
	max-width:100%;
	width: 100%;
	margin: 0 0 40px 0;
	height:500px;
	overflow:hidden;
	position:relative;
}

.gainSecond .inner {
	position:relative;
	width:1000px;
	margin:0 auto;
}

.gainSecondImage {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
    padding-left:4em;	    
	-webkit-clip-path: polygon(0% 0%, 100% 0, 95% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 95% 100%, 0% 100%); 
	background:url("../img/no002_image.jpg") no-repeat;
	background-size:cover;
	z-index:10;
}
@media screen and (max-width: 767px){
	.gainSecond .inner {
		width:96%;
	}
    .gainSecond {
	max-width:100%;
	width: 100%;
	margin: 40px auto 0;
	overflow:auto;
    height:auto;
	}
	.gainSecondImage {
		width:60%;
		height:200px;
	}
	
}
.numberGS {
	position:absolute;
	top:0;
	right:-10%;
	z-index:1;
}
.titleGS {
	position:absolute;
	top:30px;
	right:5%;
	
}
.contentGS {
	position:absolute;
	top:100px;
	right:5%;
	width:60%;
	z-index:2;
}
.contentGS p {
	position:absolute;
	top:70px;
	right:40px;
	margin-top:20px;
	font-size:1rem;
	line-height:220%;
	width:400px;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#000000;	
}

.contentGS h3 {
	text-align:right;
	font-size:1.4rem;
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding-right:40px;
	-webkit-clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0% 100%);
	clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0% 100%); 
	color:#333333;
	background-color:#f0edba;
}

@media screen and (max-width: 767px){
	.numberGS {
		top:40px;
		left:60%;
	}	
	.numberGS img{
		width:70%;
	}	
	.contentGS {
		width:90%;
	}
    .contentGS {
		position:static;
		padding-top: 58vw;
		margin: 0 auto 1em;
	}
	.contentGS p {
		position:static;
		width:90%;
		padding:0;
		font-size:.8rem;
		margin:20px auto;
	}	
	.contentGS h3 {
		padding:10px 20px;
		text-align:center;
	}
}

/* 得られるの下段 */
.gainThird {
	max-width:100%;
	width: 100%;
	margin: 0 0 40px 0;
	height:500px;
	overflow:hidden;
	position:relative;
}

.gainThird .inner {
	position:relative;
	width:1000px;
	margin:0 auto;
}

.gainThirdImage {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
    padding-left:4em;	    
	-webkit-clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%); 
	background:url("../img/no003_image.jpg") no-repeat;
	background-size:cover;
	z-index:10;
}
@media screen and (max-width: 767px){
	.gainThird .inner {
		width:96%;
	}
    .gainThird {
	max-width:100%;
	width: 100%;
	margin: 40px auto 0;
	overflow:auto;
    height:auto;
	}
	.gainThirdImage {
		width:60%;
		height:200px;
	}
	
}

.numberGT {
	position:absolute;
	top:0;
	left:-10%;
	z-index:1;
}
.titleGT {
	position:absolute;
	top:30px;
	left:5%;
	
}
.contentGT {
	position:absolute;
	top:100px;
	left:5%;
	width:60%;
	z-index:2;
}
.contentGT p {
	padding-left:20px;
	margin-top:20px;
	font-size:1rem;
	line-height:220%;
	width:450px;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#000000;
	
}

.contentGT h3 {
	font-size:1.4rem;
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding-left:40px;
	-webkit-clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0% 100%);
	clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0% 100%); 
	color:#333333;
	background-color:#f0edba;
}

@media screen and (max-width: 767px){
	.numberGT {
		top:10px;
		left:10px;
	}
	
	.numberGT img{
		width:40%;
	}
	
	.contentGT {
		width:90%;
	}
    .contentGT {
		position:static;
		padding-top: 58vw;
		margin: 0 auto 1em;
	}
	.contentGT p {
		width:90%;
		padding:0;
		font-size:.8rem;
		margin:20px auto;
	}	
	.contentGT h3 {
		padding:10px 20px;
	}
}

/* -------------------------------------------- Movie */
.promotion {
	text-align:center;
	max-width:100%;
	height: auto;
	margin: 0 auto;
	background:url("../img/pr_back.jpg")50% 50% no-repeat;
	overflow:hidden;
	background-size:cover;	
}

.promotion .titleWrap h2 {
	color:#ffffff;
}

.movieWrap {
	margin:0 auto;
     position: relative;
     padding-bottom: 56.25%; /*繧｢繧ｹ繝壹け繝域ｯ� 16:9縺ｮ蝣ｴ蜷医�邵ｦ蟷�*/
     height: 0;
     overflow: hidden;
}
 
.movieWrap iframe {
     position: absolute;
     top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
     width: 80%;
     height: 80%;
	border:none;
}

/* -------------------------------------------- mainCon */

.mainCon {
	width:800px;
	margin:0 auto 40px;	
}

.pgmDetail {
	width:100%;
	padding:20px;
	margin:0 0 40px 0;
	box-shadow: 0 0 10px #aaa;
	background-color:#ffffff;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;	
}
.pgmDetail h3 {
	text-align:center;
	margin:0 auto 20px;
	font-weight:bold;
	font-size:1.4rem;
}


.pgmDetail h4 {
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:10px;
}
h4#program{
	color: #bf8a18;
}
.repMessage {
	width:100%;
	
}

.repMessage dl{
	width:100%;
	display:flex;
	justify-content: space-between;
}
.mainCon .repMessage dl dt {
	width:48%;
	margin-bottom:10px;
}
.repMessage dl dt img {
	width:100%;
}
.repMessage dl dd {
	width:48%;
	font-size:1rem;
	color:#333333;
}

.mainCon .repMessage dl dd:after,
.mainCon .repMessage dl dd:before{
	visibility: hidden;
}
.repMessage dl dd h6 {
	font-size:1.6rem;
	font-weight:bold;
	color:#000000;
	margin:0 0 10px;
}

.repMessage p.repStatus {
	font-size:.8rem;
	line-height:140%;
	margin-bottom:50px;
}

a.baseBtn {
    border:solid 2px #bf8a18;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width:250px;
    padding: 5px 15px;
    color: #bf8a18;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:1.3rem;
	margin-bottom:5px;
}
a.baseBtn:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
a.baseBtn:hover {
  background: #bf8a18;
  color: #FFF;
}
a.baseBtn:hover:after {
  right: 1.4rem;
}

.newChoice {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:10px;
}

a.panelBtn {
    border:solid 2px #004b75;
    border-radius: 10px;
    position: relative;
    display: flex;
	flex-direction:column;
    justify-content: space-around;
    align-items: center;
    width: 48%;;
    padding: 5px 15px;
    color: #ffffff;
	background-color:#004b75;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:.8rem;
	margin-bottom:20px;
}
a.panelBtn:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 15px;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
a.panelBtn:hover {
  background: #fff;
  color: #004b75;
}
a.panelBtn:hover:after {
  right: 10px;
}

a.panelBtn .top {
	font-size:20px;
	font-weight:bold;
	padding-bottom:8px;
	margin-bottom:8px;
		width:100%;
	text-align:center;
	position:relative;
}

a.panelBtn .top::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:80%;
	height:2px;
	background:#fff;
}
a.panelBtn:hover .top::after {
	background:#004b75;
}
a.panelBtn .bottom {
	font-size:14px;
}

a.sitBtn {
    border:solid 2px #b91c23;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 48%;
    padding: 5px 15px;
    color: #b91c23;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:1.2rem;
	margin-bottom:5px;
}
a.sitBtn:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 15px;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
a.sitBtn:hover {
  background: #b91c23;
  color: #FFF;
}
a.sitBtn:hover:after {
  right: 10px;
}
/*
.remodal img {
	width:100%;
}
*/
.crossTalk {
	display:flex;
	margin:10px 0 0 0;
}
.crossTalk h4 {	
	padding:3px 10px;
	line-height:120%;
	border:solid 2px #bf8a18;
	font-size:1.2rem;
	font-weight:bold;
	color:#bf8a18;
	margin-right:10px;
}
.crossTalk p {
	line-height:120%;
	font-size:1.6rem;
	font-weight:bold;
	color:#000000;
}

.crossTalk p.mt-sp {
	display:none;
}

@media screen and (max-width: 767px){
	.mainCon {
		width:86%;
		margin:0 auto;
	}
	
	.newChoice {
		flex-direction: column;
	}
	a.panelBtn,a.sitBtn {
		width:100%;
	}
	.repMessage {
		flex-direction: column;		
	}
	.mainCon .repMessage dl {
		width:100%;
		margin-bottom:10px;
		flex-direction: column;
	}
	.mainCon .repMessage dl dt {
		width:100%;
	}
	.mainCon .repMessage dl dd {
		width:100%;
	}
	.mainCon .repMessage dl dd h6{
		margin-top:0;
		width:100%;
	}
	.mainCon .repMessage dl dd .repStatus {
		margin-bottom:10px;
	}
	.repMessage p {
		width:100%;
		font-size:1rem;
	}
	.crossTalk {
		display:table;
		width:90%;
		margin:15px auto;
	}
	.crossTalk h4 {
		display:table-cell;
		vertical-align: middle;
		font-size:.8rem;
		width:40px;
	}
	.crossTalk p {
		display:table-cell;
		line-height:160%;
		font-size:1rem;
	}
	.crossTalk p.mt-pc {
		display:none;
	}
	
	.crossTalk p.mt-sp {
		display:block;
		text-align:center;
	}
	.crossTalk p.mt-sp img {
		width:70%;
		margin:0 auto;
	}
}

/* -------------------------------------------- Apply BTN */
.applyWrap {
	width:400px;
	margin:0 auto 40px;
	text-align:center;
}
.applyBtn{
    position: relative;
    padding: 20px 90px;
	transition:.5s;
	background-color:#c4944c;
	height:120px;
	color:#ffffff;
}
.applyBtn::before{
    content: "";
    position: absolute;
    top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
	color:#ffffff;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 5px solid transparent;
    border-left: 8px solid #ffffff;   /* 好みで色を変えてください */  
	
}
.applyBtn:hover {
	opacity:.5;
}
@media screen and (max-width: 767px){
	.applyWrap {
		width:100%;
	}
}

/* -------------------------------------------- Speaker */
.speaker {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}
.speakerWrap {
	display:flex;
	align-content: stretch;
	flex-wrap:wrap;
	margin:0 auto 40px;
	width:1000px;
	justify-content: space-around;
}

.speakerWrap dl {
	margin-bottom:30px;
	width:25%;
	text-align:center;
	box-shadow: 0 0 10px #aaa;
	background-color:#ffffff;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
}

.speakerWrap dl dd {
	text-align:center;
	flex-grow: 2;
	font-size:.8rem;
	font-weight:normal;
	color:#333333;
}
.speakerWrap dl dd h4 {
	padding:10px;
	font-weight:bold;
	font-size:1.4rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.speakerWrap dl dd {
	padding:0;
}
.speakerWrap dl dt img {
	width:100%;
	border:none;
	padding:0;
	margin:0;
}

@media screen and (max-width: 767px){
	.speakerWrap {
		width:94%;
	}
	.speakerWrap dl {
		width:48%;
		display: flex;
		flex-direction:column;
	}
	.speakerWrap dl dd{
		margin-top:auto;
	}
}
 .keynoteWrap {
	display:flex;
	align-content: stretch;
	flex-wrap:wrap;
	margin:0 auto;
	width:900px;
	justify-content: space-around;
}

.keynoteWrap dl {
	margin-bottom:30px;
	width:25%;
	text-align:center;
	box-shadow: 0 0 10px #aaa;
	background-color:#ffffff;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
}

.keynoteWrap dl dd {
	padding:10px;
	text-align:left;
	font-size:.8rem;
	font-weight:normal;
	color:#333333;	
}
.keynoteWrap dl dd .scName {
	font-weight:bold;
	font-size:1.4rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.keynoteWrap dl dt {
	padding:0;
}
.keynoteWrap dl dt img {
	width:100%;
	border:none;
	padding:0;
	margin:0;
}
@media screen and (max-width: 767px){
	.keynoteWrap {
		width:94%;
	}
	.keynoteWrap dl {
		width:100%;
		display: flex;
		flex-direction:column;
	}
	.keynoteWrap dl dd{
		margin-bottom:auto;
	}
}
.keynote02Wrap {
	display:flex;
	align-content: stretch;
	flex-wrap:wrap;
	margin:0 auto 20px;
	width:900px;
	justify-content: center;
}

.keynote02Wrap dl {
	margin-bottom:30px;
	width:30%;
	text-align:center;
	box-shadow: 0 0 10px #aaa;
	background-color:#ffffff;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
	margin:0 20px;
}

.keynote02Wrap dl dd {
	padding: 10px;
	text-align:left;
	font-size:.8rem;
	font-weight:normal;
	color:#333333;
}
.keynote02Wrap dl dd .scName {
	font-weight:bold;
	font-size:1.4rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.keynote02Wrap dl dt {
	padding: 0;
}
.keynote02Wrap dl dt img {
	width:100%;
	border:none;
	padding:0;
	margin:0;
}
@media screen and (max-width: 767px){
	.keynote02Wrap {
		width:94%;
	}
	.keynote02Wrap dl {
		width:100%;
		display: flex;
		flex-direction:column;
	}
	.keynote02Wrap dl:first-child {
		margin-bottom:20px;
	}
	.keynote02Wrap dl dd{
		margin-bottom:auto;
	}
}
p.keynoteComment {
	width:840px;
	margin:0 auto 60px;
}
@media screen and (max-width: 767px){
	p.keynoteComment {
		width:94%;
	}
}

dl.spGuest {
	display:table;
	align-content: stretch;
	margin:0 auto;
	width:650px;
	justify-content: space-around;
	table-layout: fixed;
	border-collapse: separate;
	text-align:left;
	box-shadow: 0 0 10px #aaa;
	background-color:#ffffff;
	overflow:hidden;
}

dl.spGuest dt {
	padding:0;
	width:25%;
	display:table-cell;
}
dl.spGuest dt img {
	width:100%;
}
dl.spGuest dd {
	width:60%;
	display:table-cell;
	vertical-align:middle;
	font-size:1.2rem;
	padding-left:20px;
}
@media screen and (max-width: 767px){
	dl.spGuest {
		display:flex;
		width:90%;
		flex-direction:column;
	}
	dl.spGuest dt {
		width:100%;
	}
	dl.spGuest dd {
		width:100%;
	}
}

.subcommitteeWrap {
	display:flex;
	flex-wrap:wrap;
	margin:0 auto 40px;
	width:1000px;
	gap: 53px;
	align-content: space-around;
}

.subcommitteeWrap dl {
	margin-bottom:30px;
	/* width:18%;  20240313_スポンサー10名の場合はコチラ*/
	width:21%;
	text-align:center;
	box-shadow: 0 0 10px #aaa;
	background-color:#ffffff;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
}

.subcommitteeWrap dl dd {
	padding:10px;
	text-align:left;
	font-size:.8rem;
	font-weight:normal;
	color:#333333;	
}
.subcommitteeWrap dl dd .scName {
	font-weight:bold;
	font-size:1.4rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.subcommitteeWrap dl dt {
	padding:0;
}
.subcommitteeWrap dl dt img {
	width:100%;
	border:none;
	padding:0;
	margin:0;
}
@media screen and (max-width: 767px){
	.subcommitteeWrap {
		justify-content: space-around;
		width:94%;
		gap: 0;
	}
	.subcommitteeWrap dl {
		width:48%;
		display: flex;
		flex-direction:column;
	}
	.subcommitteeWrap dl dd{
		margin-bottom:auto;
	}
}
 
/* -------------------------------------------- Speaker */
.workshop {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}
.workshopWrap {
	width:1000px;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
	padding:10px;
	margin:20px auto 60px;
}

.workshopWrap dl {
	display:flex;
	margin-bottom:30px;
	width:100%;
	background-color:#ffffff;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
}
.workshopWrap dl dt {
	width:50%;
	margin-right:10px;
	font-size:1.1rem;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: normal;
	color:#333333;
	line-height:280%;
}
.workshopWrap dl dt h4{
	font-size:1.4rem;
	font-family: "m-plus-2p", sans-serif;
	font-weight: 600;
	font-style: normal;
	border-bottom:solid 1px #b5b526;
}

.workshopWrap dl dd {
	text-align:left;	
	width:50%;
	padding:4px 0 4px 10px;
	
}
.workshopWrap dl dd img {
	width:100%;
}

.workshopWrap dl dd {
	text-align:center;
	flex-grow: 2;
	font-size:.8rem;
	font-weight:normal;
	color:#333333;
}
.workshopWrap dl dd h4 {
	padding:10px;
	font-weight:bold;
	font-size:1.4rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.workshopWrap dl dd {
	padding:0;
}
.workshopWrap dl dt img {
	width:100%;
	border:none;
	padding:0;
	margin:0;
}
@media screen and (max-width: 767px){
	.workshopWrap {
		width:90%;
		margin:0 auto 60px;
	}
	.workshopWrap dl {
		flex-direction: column;
	}
	.workshopWrap dl dt {
		width:100%;
		margin-bottom:20px;
		line-height: 180%;
	}
	.workshopWrap dl dt h4 {
		position:static;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	.workshopWrap dl dd {
		position:static;
		width:100%;
	}
}
/* -------------------------------------------- activityTitle */
.acTitle {
	max-width:100%;
	width: 100%;
	margin:0 auto -50px;
	padding-bottom:30px;
	overflow:hidden;
	background:url(../img/fukuoka_back.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
}

.acTitle h2 {
	margin: 80px auto 20px;
	font-size:1.4rem;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.marker-bold {
  background: linear-gradient(transparent 50%, #ffff7f 50%);
}
.acTitleWrap {
	display:flex;
	width:1000px;
	overflow:hidden;
	justify-content: center;
	color:#333333;
	font-size:1rem;
	line-height:180%;
	padding:10px;
	margin:20px auto 60px;
}
@media screen and (max-width: 767px){
	.acTitleWrap {
		width:90%;
		flex-direction: column;
	}
}
dl.firstDay {
	width:60%;
	border:solid 4px #cccccc;
	border-radius:10px;
}

dl.firstDay dt {
	text-align:center;
	font-weight:bold;
	color:#555555;
	font-size:1rem;
}
dl.firstDay dd {
	display:flex;
	justify-content: space-around;
  align-items: center;
	
}
@media screen and (max-width: 767px) {
	dl.firstDay {
		width:100%;
	}
}
	
.convention {
	text-align:center;
	width:200px;
	height:200px;
	background-color:#999999;	
	border-radius:100%;
	position: relative;
}
.convention p {
	width:240px;
	color:#000000;
	font-size:1rem;
	font-weight:bold;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);	
}

.finMoment {	
	color:#000000;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
	.convention {
		width:120px;
		height:120px;
	}
	.convention p {
		width:200px;
	font-size:.6rem;
	}
	.finMoment {
		font-size:.7rem;
	}
}

a.afterCircle {
	text-align:center;
	padding:30px;
	width:200px;
	height:200px;
	background-color:#e3b27e;
	color:#ffffff;
	border-radius:100px;
	transition: 0.5s;
	overflow: hidden;
}

a.afterCircle:hover {
	opacity:.7;
}
a.afterCircle img {
	width:20%;
}
a.afterCircle span {
	padding:5px;
	background-color:#ffffff;
	color:#e3b27e;
	border-radius:10px;
	font-size:.7rem;
}

@media screen and (max-width: 767px) {
	a.afterCircle {
		width:120px;
		height:120px;
		padding:5px;
		border-radius: 100%;
		font-size:.7rem;
		line-height:200%;
	}
}

.thickArrow {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1;
  width: 50px;
  height: 50px;
  border-style: solid;
  border-color: transparent;
  border-width: 1.575em 1.64952em;
  border-left-color: currentColor;
  border-right: 0;
	margin:110px 40px 0 40px;
}

@media screen and (max-width: 767px) {
	.thickArrow {
		width:0;
		height:0;
		border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #999999;
		margin:30px auto;
	} 
}


dl.secondDay {
	width:25%;
	border:solid 4px #cccccc;
	border-radius:10px;
	padding:20px;
}

dl.secondDay dt {
	text-align:center;
	font-weight:bold;
	color:#555555;
	font-size:1rem;
}
dl.secondDay dd {
	display:flex;
	justify-content: space-around;
  align-items: center;	
}
@media screen and (max-width: 767px) {
	dl.secondDay {
		width:100%;
	}
}
a.recreationCircle {
	text-align:center;
	padding:15px;
	width:200px;
	height:200px;
	background-color:#83c9a1;
	color:#ffffff;
	border-radius:100px;
	transition: 0.5s;
	overflow: hidden;
}

a.recreationCircle:hover {
	opacity:.7;
}
a.recreationCircle img {
	width:25%;
}
a.recreationCircle span {
	padding:5px;
	background-color:#ffffff;
	color:#83c9a1;
	border-radius:10px;
	font-size:.7rem;
}

@media screen and (max-width: 767px) {
	a.recreationCircle {		
		width:150px;
		height:150px;
		padding:5px;
		border-radius: 100%;
		font-size:.7rem;
		line-height:200%;
	}
}

dl.prevDay {
	width:25%;
	border:solid 4px #cccccc;
	border-radius:10px;
	padding:20px;
}

dl.prevDay dt {
	text-align:center;
	font-weight:bold;
	color:#555555;
	font-size:1rem;
}
dl.prevDay dd {
	display:flex;
	justify-content: space-around;
  align-items: center;	
}
@media screen and (max-width: 767px) {
	dl.prevDay {
		width:100%;
	}
}
/* -------------------------------------------- Party */
.party {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
	background-image: url("../img/eve_back_left.png"), url("../img/eve_back_right.png");
	background-position: left top, right bottom;
	background-size: 50% auto, 50% auto;
	background-repeat: no-repeat, no-repeat;
	background-color:#f5ebcf;
	clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
}
.party .titleWrap {
	margin-top:0;
	padding-top:40px;
}
.party h3.lineTitle:before,.party h3.lineTitle:after {
  width: 45px;
  background-color: #c4944c;
}

.partyWrap {
	display:flex;
	flex-direction: column;
	width:1000px;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:160%;
	padding:10px;
	margin:20px auto;
}
.partyWrap dl {
	margin:5px auto 20px;
	width:100%;
	display:flex;
	justify-content: space-around;
}
.partyWrap dl dt {
	width:65%;
	margin-right:10px;
	font-size:1.1rem;
	font-weight:normal;
	line-height:240%;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	color:#333333;
}
.partyWrap dl dt h4{
	font-size:1.4rem;
	font-family: "m-plus-2p", sans-serif;
	font-weight: 600;
	font-style: normal;
	border-bottom:solid 1px #c4944c;
}
.partyWrap dl dt ul {
	margin:0;
	padding:0;
	list-style: disc!important;
}

.partyWrap dl dt ul li {
}

.partyWrap dl dd {
	text-align:left;	
	width:30%;
	padding:4px 0 4px 10px;
	
}
.partyWrap dl dd img {
	width:100%;
	box-shadow: 15px 15px 0px 0 rgb(194, 148, 76);
}

@media screen and (max-width: 767px){
	.partyWrap {
		width:90%;
		margin:0 auto 60px;
		background-size:200% 200%, auto 100%;
	}
	.partyWrap dl {
		flex-direction: column;
	}
	.partyWrap dl dt {
		width:100%;
		margin-bottom:20px;
		line-height: 180%;
	}
	.partyWrap dl dt h4 {
		position:static;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	.partyWrap dl dd {
		position:static;
		width:100%;
	}
}

ul.advPoint {
	display:flex;
	margin:20px auto 40px;
	justify-content: space-around;
}

ul.advPoint li {
	width:250px;
	height:250px;
	line-height:30px;
	border-radius:50%;
	background-color:#ffffff;
	text-align:center;
	font-size:1rem;	
	margin:0 30px 0 0;
	padding:50px 15px 15px;
}
ul.advPoint li:last-child {
	margin-right:0;
}

ul.advPoint li span {
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#ffffff;
	width:80px;
	background-color:#d89e6a;
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.branchList {
	width:100%;
	margin:0 auto 20px;
}
.branchList h3 {
	text-align:center;
	background-color:#d89e6a;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2rem;
	padding:10px;
}

.branchList ul {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:20px auto;
	justify-content: space-around;
}

.branchList ul li {	
	position:relative;
	width:400px;
	color:#ffffff;
	background-color:#d89e6a;
	font-size:1rem;	
	font-weight:bold;
	padding:10px 0 10px 30px;
	margin:20px;
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.branchList ul li span {
	display:block;
	text-align:center;
	background-color:#f6ebe0;
	color:#d89e6a;
	font-weight:bold;
	font-size:.7rem;
	position:absolute;
	top:10px;
	right:30px;
	padding:0 20px;
	width:140px;
	clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
}

.branchList ul li a {
	display:block;
	width:400px;
	transition: .5s;
}
.branchList ul li:hover {
	opacity:.5;
}
.branchList p {
	color:#d89e6a;
	font-size:.8rem;
	text-align:right;
}
.recInfo {
	text-align:center;
	margin-bottom:40px;
}
@media screen and (max-width: 767px){
	ul.advPoint {
		flex-direction:column;
	}
	ul.advPoint li {
		margin:0 0 20px 0;
	}
	ul.advPoint li:last-child {
		margin:0;
	}
	.branchList ul li{
		width:100%;
	}
	.branchList ul li span {
		right:10px;
		width:120px;
		font-size:.7rem;
		padding:0;
		clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
	}
	.branchList p {
		text-align:left;
	}
}
.partyDetailWrap {
	margin:0 auto 40px;
	width:1000px;
}

.partyDetailWrap table {
	width:90%;
	margin:0 auto;
	border-collapse: collapse;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
}

.partyDetailWrap table th,
.partyDetailWrap table td {
	padding:10px;
	vertical-align:middle;
	text-align:left;
	font-size:.8rem;
	font-weight:bold;
}

.partyDetailWrap table th {
	width:30%;
}

.partyDetailWrap table tr {
	border-bottom:solid 1px #c4944c;
}

.partyDetailWrap table tr:first-child {
	border-top:solid 4px #c4944c;
}
.partyDetailWrap table tr:last-child {
	border-bottom:solid 4px #c4944c;
}
@media screen and (max-width: 767px){
	.partyDetailWrap {
		width:100%;
	}
}

.branchEntryWrap {
	width:400px;
	margin:0 auto 40px;
	text-align:center;
}
.branchEntry{
    position: relative;
    padding: 20px 90px;
	transition:.5s;
	background-color:#c4944c;
	height:120px;
	color:#ffffff;
}
.branchEntry::before{
    content: "";
    position: absolute;
    top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
	color:#ffffff;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 5px solid transparent;
    border-left: 8px solid #ffffff;   /* 好みで色を変えてください */  
	
}
.branchEntry:hover {
	opacity:.5;
}
@media screen and (max-width: 767px){
	.branchEntryWrap {
		width:100%;
	}
	.branchEntry {
		padding:20px 40px;
	}
}

/* -------------------------------------------- Recreation */
.recreation {
	max-width:100%;
	width: 100%;
	margin: -50px auto 0;
	overflow:hidden;
	background-image: url("../img/recreation_back_left.png"), url("../img/recreation_triangle_back.png"),url("../img/recreation_back_right.png");
	background-position: left top,center,right bottom;
	background-size: 50% auto, 50% auto;
	background-repeat: no-repeat, no-repeat;
	background-color:#d8efe2;
	clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
}
.recreationWrap {
	display:flex;
	flex-direction: column;
	width:1000px;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
	padding:10px;
	margin:20px auto 60px;
}

.recThesis {
	
}
.recreationWrap dl.highlight{
	margin:5px auto 20px;
	width:100%;
	display:flex;
	justify-content: space-around;
}
.recreationWrap dl.highlight dt {
	width:70%;
	margin-right:10px;
	font-size:1.1rem;
	font-weight:normal;
	line-height:240%;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	color:#333333;
}
.recreationWrap dl.highlight dt h4{
	font-size:1.4rem;
	font-family: "m-plus-2p", sans-serif;
	font-weight: 600;
	font-style: normal;
	clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
	background-color:#aad2bb;
	color:#ffffff;
}

.recreationWrap dl.highlight dt h4 span {
	display:inline-block;
	background-color:#7bad90;
	padding-left:40px;
	margin-right:20px;
	width:180px;
	font-weight:bold;
	color:#ffffff;
}

.recreationWrap dl.highlight dd {
	text-align:left;	
	width:25%;
	padding:4px 0 4px 10px;
	
}
.recreationWrap dl.highlight dd img {
	width:100%;
	box-shadow: 15px 15px 0px 0 rgb(170, 210, 187);
}

@media screen and (max-width: 767px){
	.recreationWrap {
		width:90%;
		margin:0 auto 60px;
		background-size:auto 100%, auto 100%;
	}
	.recThesis {
		text-align:left;
	}
	.recreationWrap dl.highlight {
		flex-direction: column;
	}
	.recreationWrap dl.highlight dt {
		width:100%;
		margin-bottom:20px;
		line-height: 180%;
	}
	.recreationWrap dl.highlight dt h4 {
		position:static;
		margin-bottom:10px;
		padding-bottom:10px;
		font-size:.9rem;
		height:30px;
	}
	.recreationWrap dl.highlight dd {
		position:static;
		width:100%;
	}
	.recreationWrap dl.highlight dt h4 span {
		width:100px;
		padding-left:20px;
	margin-right:10px;
	}
}

.planWrap {
	display:flex;
	width:1000px;
	margin:0 auto 40px;
	overflow:hidden;
	justify-content: space-between;
	flex-wrap:wrap;
}


h3.fourPlan {
	width:1000px;
	background-color:#efeb84;
	padding:10px;
	margin:0 auto 20px;
	font-size:1.2rem;
	color:#9e9316;
	font-weight:bold;
	text-align:center;
	overflow: hidden;
	clear:both;
}
h3.fourPlan span {
	display:block;
	font-weight:normal;
	font-size:.8rem;
}
@media screen and (max-width: 767px){
	.planWrap {
		width:90%;		
	}
	h3.fourPlan {
		width:90%;
	}
}

.planWrap dl.plan{
	width:48%;
	display:flex;
	flex-direction: column;
	margin-bottom:20px;
}

.planWrap dl.plan dt {
	width:100%;
	font-size:1.1rem;
	font-weight:normal;
	line-height:240%;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	color:#ffffff;
	
}
.planWrap dl.plan dt h4{
	font-size:1rem;
	font-family: "m-plus-2p", sans-serif;
	font-weight: 600;
	font-style: normal;
	clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
	background-color:#efeb84;
	color:#9e9316;
}

.planWrap dl.plan dt h4 span {
	display:inline-block;
	background-color:#d3c51f;
	padding-left:25px;
	margin-right:20px;
	width:50px;
	font-weight:bold;
	color:#ffffff;
	font-size:1.4rem;
}

.planWrap dl.plan dd {
	text-align:left;	
	width:100%;
	padding:0;
	
}
.planWrap dl.plan dd img {
	width:100%;
}

.planEntryWrap {
	width:100%;
	margin:0 auto 100px;
	text-align:center;
}
@media screen and (max-width: 767px) {
	.planWrap dl.plan {
		width:100%;
	}
	.planWrap dl.plan dt h4 {
		font-size:.8rem;
	}
}
.planEntry{
    position: relative;
    padding: 20px 90px;
	transition:.5s;
	background-color:#efeb84;
	height:200px;
	color:#9e9316;
}
.planEntry::before{
    content: "";
    position: absolute;
    top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
	color:#9e9316;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 5px solid transparent;
    border-left: 8px solid #9e9316;   /* 好みで色を変えてください */  
	
}
.planEntry:hover {
	opacity:.5;
}
.planEntry span {
	font-weight:normal;
	font-size:.8rem;
	color:#ffffff;
}

@media screen and (max-width: 767px){
	.planEntryWrap {
		width:100%;
	}
	.planWrap dl.plan dt h4 span {
		margin-right:10px;
	}
}
.tourBtn {
	width:400px;
	margin:0 auto 100px;
	text-align:center;
}
.tourBtn a {
	display:block;
	background:#efeb84;
	color:#9e9316;
	font-size:.9rem;
	padding:20px 10px 20px;
	transition: .5s;
	position:relative;
}

.tourBtn a::after{
  width: 0;
  height: 0;
   border: 5px solid transparent;
    border-left: 8px solid #9e9316;
	content: '';
	position:absolute;
	top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
}

.tourBtn a:hover {
	opacity:0.5;
}

.tourBtn p {
	margin-top:5px;
	text-align:center;
	font-size:.9rem;
}

@media screen and (max-width: 767px){
	.tourBtn {
		width:80%;
	}
}

.afTour {
	display:flex;
	width:1000px;
	margin:0 auto 40px;
	overflow:hidden;
	justify-content: space-around;
	flex-wrap:wrap;
}

.afTour dl {	
	width:40%;
	display:flex;
	flex-direction: column;
	margin-bottom:40px;
	background-color:#ffffff;
}

.afTour dl dt {
}
.afTour dl dt img{
	width:100%;
}

.afTour dl dd {
}
.afTour dl dd.tourTitle {
	width:96%;
	margin:10px auto;
	border-top:solid 2px #000000;
	border-bottom:solid 2px #000000;
}
.afTour dl dd.tourTitle dl {
	display:table;
	width:100%;
	margin:0 auto;
	padding:7px;
}
.afTour dl dd.tourTitle dl dt {
	display:table-cell;
	width:15%;
	vertical-align:middle;
}
.goldNo {
	height:40px;
	width:40px;
	border-radius:50%;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
	margin-right:10px;
}

.afTour dl dd.tourTitle dl dd {
	display:table-cell;
	width:80%;
	font-size:1rem;
	font-weight:bold;
}

.afTour dl dd.tourTitle dl dd span {
display:block;
	font-size:.7rem;
	line-height:115%;
}

dl.tourPrice {
    display:flex;	
	width:80%;
	margin:0 auto;
	flex-direction:row;
	flex-wrap:wrap;
	
}
dl.tourPrice dt {
	padding:0 5px;
	width: 22%;
	
}
dl.tourPrice dd {
	padding:0 5px;
	width:73%;
}
.afTour dl.emphasize {
	margin:5px 0;
}
.limitedTag {
	display:block;
	width:80%;
	background-color:#efeb84;
	border:solid 2px #9e9316;
	text-align:center;
	padding:5px 10px;
	margin:15px auto;
	box-shadow: 5px 5px #9e9316;
	color:#a51c1b;
	font-size:1rem;
	font-weight:bold;
	transform: rotate(3deg);
}

.afTourBtn {
	width:100%;
	margin:0 auto;
	text-align:center;
}
.afTourBtn a {
	display:block;
	background:#DAAF08;
	color:#ffffff;
	font-size:1.4rem;
	padding:10px 10px 10px;
	transition: .5s;
	position:relative;
}
.afTourBtn a::after{
	width: 0;
	height: 0;
	border: 5px solid transparent;
    border-left: 8px solid #ffffff;
	content: '';
	position:absolute;
	top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
}

.afTourBtn a:hover {
	color:#ffffff;
	background:#FEE9A0;
}
@media screen and (max-width: 767px){
	.afTour {
		width:90%;
		flex-direction: column;
	}
	.afTour dl {
		width:100%;
	}
	dl.tourPrice {
		width:70%;
	}
}
/* -------------------------------------------- Access */
.access {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}
.bigsiteWrap {
	display:flex;
	flex-direction: column;
	width:1000px;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
	padding:10px;
	margin:20px auto 60px;
}
.bigsiteWrap dl {
	margin:5px auto 20px;
	width:100%;
	display:flex;
}
.bigsiteWrap dl dt {
	width:50%;
	margin-right:10px;
	font-size:.9rem;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	color:#333333;
	line-height:180%;
}
.bigsiteWrap dl dt .bsOrnament {
	font-size:1.4rem;
	line-height:180%;
	padding:10px 10px 10px 10px;
	border-top:solid 2px #333333;
	border-bottom:solid 2px #333333;
	margin:5px 0 10px 0;
}

.bigsiteWrap dl dd {
	text-align:left;	
	width:50%;
	padding:4px 0 4px 10px;
	
}
.bigsiteWrap dl dd img {
	width:100%;
	box-shadow: 15px 15px 0px 0 rgb(180, 180, 180);
}

@media screen and (max-width: 767px){
	.bigsiteWrap {
		width:90%;
		margin:0 auto 60px;
		background-size:auto 100%, auto 100%;
	}
	.bigsiteWrap dl {
		flex-direction: column;
	}
	.bigsiteWrap dl dt {
		width:100%;
		margin-bottom:20px;
		line-height: 180%;
	}
	.bigsiteWrap dl dt .bsOrnament {
		
		padding:10px;
		display:block;
		
	}
	.bigsiteWrap dl dd {
		position:static;
		width:100%;
	}
}

.accBtn {
	width:400px;
	margin:0 auto 40px;
	text-align:center;
}
.accBtn div {
	display:block;
	background:#2c324e;
	color:#ffffff;
	font-size:.9rem;
	font-weight:bold;
	padding:20px 10px 40px;
	transition: .5s;
	position:relative;
}

.accBtn div::after{
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
	content: '';
	position:absolute;
	bottom:20px;
	left:47%;
}

.accBtn div:hover {
	opacity:0.5;
}

@media screen and (max-width: 767px){
	.accBtn {
		width:80%;
	}
}

ul.accessNav {
	width:1000px;
	margin:0 auto 40px;
	display:flex;
	justify-content: space-around;
}

ul.accessNav li {
	width:31%;
	background:#2c324e;
	color:#ffffff;
	font-size:.9rem;
	font-weight:bold;
	padding:30px;
	text-align:center;
	transition: .5s;
	cursor:pointer;
	position:relative;
}

ul.accessNav li::after{
	width: 0;
	height: 0;	
	border: 5px solid transparent;
    border-left: 8px solid #ffffff;
	content: '';
	position:absolute;
	top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
}
ul.accessNav li:hover {
	opacity:0.5;
}

ul.accessNav li a {
	width:100%;
	display:block;
}

@media screen and (max-width: 767px){
	ul.accessNav {
		width:96%;
		flex-direction: column;
	}
	ul.accessNav li {
		width:80%;
		margin:0 auto 20px;
		
	}
}

.accessWrap {
	width:1000px;
	margin:0 auto 40px;
}
.accessWrap dl {
	width:100%;
	margin:0 auto 40px;
}
.accessWrap dl dt {
	text-align:center;
	margin-bottom:20px;
}
.accessWrap dl dt .trans {
	font-weight:bold;
	font-size:1rem;
	color:#333333;	
}
.accessWrap dl dt img {
	
}
.accessWrap dl dd {
	display:flex;
	justify-content: space-around;	
}
.accessWrap dl dd .direction {
	display:block;
	width:48%;
}

.accessWrap dl dd .direction img {
	width:100%;
}

.direction ul {
	
}

.direction ul li {
	margin-bottom:5px;
}

.direction ul li .fa-caret-right {
	margin-right:5px;
}

.direction ul li a {
	 transition: all .5s ease-in-out;
}

.direction ul li a .fa-external-link-alt {
	color:#B80003;
}
.direction ul li a:hover {
	border-bottom:solid 1px #cccccc;
}


@media screen and (max-width: 767px){
	.accessWrap {
		width:96%;
	}
	.accessWrap dl dd {
		flex-direction:column;
	}
	.accessWrap dl dd .direction {
		width:100%;
		margin-bottom:20px;
	}
}

/* -------------------------------------------- chief */
.chief {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}

.chief .titleWrap {
	margin-top:0;
	background-color:#e8e6d3;
}


.chiefBack {
	margin:0 auto 40px;
	width:100%;
	background:#e8e6d3;
}

.chiefWrap {
	display:flex;
	margin:0 auto;
	width:1000px;
	justify-content: center;
}

.chiefWrap dl {
	display:flex;
	flex-direction:column;
	width:70%;
	margin:40px auto;
	padding:10px;
}
.chiefWrap dl dt {
	width:100%;
}
.chiefWrap dl dd {
	text-align:left;
	width:100%;
	padding:0;
	color:#000000;
}
.chiefWrap dl dd img {
	width:100%;
}

.chiefWrap dl dd h5 {	
	font-weight:bold;
}

.chiefWrap dl dt dl{
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	color:#000000;
	padding:0;
}

.chiefWrap dl dt dl dt{
	width:55%;
	position:relative;	
	color:#000000;
	font-weight:bold;
}
.chiefWrap dl dt dl dd{
	width:40%;
	padding-right:10px;
}
.chiefWrap dl dt dl dd img {
	width:100%;
	box-shadow: 5px 5px 0px 0px rgba(196,148,76,1)
}
.chiefWrap dl dt dl dt h5 {
	font-weight:bold;
}

.chiefWrap dl dt dl dt .chiefName {
	padding-top:30px;
	font-size:2rem;
	font-weight:bold;	
}

.chiefWrap dl dt dl dt:before {
	position: absolute;
	top: 240px;
	left: 0;
	width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #c4944c;
}

@media screen and (max-width: 767px){
	.chiefBack {
		background:none;
		margin-top:-10px;
		padding:0;
	}
	.chiefWrap {
		flex-direction:column;
		width:100%;
		margin:0;
	}
	.chiefWrap dl {
		width:100%;
		background-color:#e8e6d3;
		margin:0 auto 30px;
		padding:25px;
	}	
	.chiefWrap dl.ikehata {
		background-color:#7385be;
	}
	.chiefWrap dl.ikehata dl {
		background-color:#7385be;
	}
	.chiefWrap dl dt dl dt .chiefName {
		font-size:1.5rem;
		padding-top:10px;
	}
	.chiefWrap dl dt dl dt {
		font-size:.8rem;
	}
	.chiefWrap dl dt dl dd {
		margin-top:15px;
	}
	.chiefWrap dl dt dl dt:before {
		top: 200px;
	}
}

/* -------------------------------------------- sponcer */
.sponcer {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}

.sponcerWrap {
	margin:0 auto 40px;
	width:1000px;
}

.sponcerWrap h3 {
	width:100%;
	text-align:center;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size:1rem;
	font-weight:bold;
	padding:5px 10px;	
	color: #ffffff;
	margin-bottom:30px;
}
.sponcerWrap h3.goldBand {
	background-color:#be9b50;
}
.sponcerWrap h3.silverBand {
	background-color:#b7c1c3;
}
.sponcerWrap h3.platinumBand {
	background: linear-gradient(150deg, #afa896 0%, #f5f5f3 15%, #d0c3a9 50%, #aea386 80%, #d0c3a9 100%);
}

.sponcerWrap h3.diamondBand {
	background:url(../img/diamond_back.jpg)top left repeat;
	background-size:25%;
	color: #54818f;
	border:solid 1px #a8c6ce;
}

ul.diamondSponcer {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content: center;
	align-items:center;	
	flex-wrap: wrap;
	list-style: none;
}
ul.diamondSponcer li {
	position: relative;
	height: 20rem;
	text-align:center;
	vertical-align:middle;
	width:48%;
	border-radius: 10px;
	box-shadow: 0 0 5px #999;
	margin:0 20px 20px 0;
}
ul.diamondSponcer li a {
	transition:.5s;
}
ul.diamondSponcer li a:hover {
	opacity:.5;
}
ul.diamondSponcer li#vertical a img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50%;	
}
ul.diamondSponcer li#beside a img {
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;	
}
@media screen and (max-width: 767px) {
	ul.diamondSponcer {
		width:96%;
		flex-direction:column;
	}
	ul.diamondSponcer li {
		width:80%;
		margin-bottom:20px;
		margin-right:0;
	}
}

ul.platinumSponcer {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content: center;
	align-items:center;	
	flex-wrap: wrap;
	list-style: none;
}
ul.platinumSponcer li {
	position: relative;
	height: 20rem;
	text-align:center;
	vertical-align:middle;
	width:30%;
	border-radius: 10px;
	box-shadow: 0 0 5px #999;
	margin:0 20px 20px 0;
}
ul.platinumSponcer li a {
	transition:.5s;
}
ul.platinumSponcer li a:hover {
	opacity:.5;
}
ul.platinumSponcer li#vertical a img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 70%;	
}
ul.platinumSponcer li#beside a img {
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;	
}
@media screen and (max-width: 767px) {
	ul.platinumSponcer {
		width:96%;
		flex-direction:column;
	}
	ul.platinumSponcer li {
		width:80%;
		margin-bottom:20px;
		margin-right:0;
	}
}

ul.goldSponcer {
	width:600px;
	margin:0 auto;
	display:flex;
	justify-content: center;
	align-items:center;	
	flex-wrap: wrap;
	list-style: none;
}
ul.goldSponcer li {
	position: relative;
	height: 12rem;
	text-align:center;
	vertical-align:middle;
	width:30%;
	border-radius: 10px;
	box-shadow: 0 0 5px #999;
	margin:0 20px 20px 0;
}



ul.goldSponcer li a {
	transition:.5s;
}
ul.goldSponcer li a:hover {
	opacity:.5;
}
ul.goldSponcer li.vertical a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 50%;	
}
ul.goldSponcer li.vertical:nth-child(4) a img {
	width: 70%;	
}
ul.goldSponcer li.vertical:last-child a img {
	width: 75%;	
}
ul.goldSponcer li.beside a img {
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 70%;	
}

ul.silverSponcer {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content: center;
	align-items:center;	
	flex-wrap: wrap;
	list-style: none;
}
ul.silverSponcer li {
	position: relative;
	height:7rem;
	text-align:center;
	vertical-align:middle;
	width:18%;
	border-radius: 10px;
	box-shadow: 0 0 5px #999;
	margin:0 5px 20px 0;
}
ul.silverSponcer li a {
	transition:.5s;
}
ul.silverSponcer li a:hover{
	opacity:.5;	
}

ul.silverSponcer li.vertical a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 45%;	
}

ul.silverSponcer li.verticalExt a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 35%;	
}

ul.silverSponcer li.beside a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 80%;	
}

ul.silverSponcer li.beside img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 80%;	
}

ul.silverSponcer li#beside2{
position: absolute;
  top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
}

ul.silverSponcer li#beside2 a img {
	margin: auto;
	width: 80%;	
}
@media screen and (max-width: 767px) {
	ul.goldSponcer {
		width:96%;
		justify-content: space-around;
		flex-wrap:wrap;
	}
	ul.goldSponcer li {
		width:45%;
		margin-bottom:20px;
		margin-right:0;
	}
	
	ul.silverSponcer {
		width:88%;
		margin:0 auto;
		justify-content: space-around;
	}
	ul.silverSponcer li {
		height:5rem;
		width:28%;
		margin:0 0 20px 0;
	}	
}

.sponcerWrap table {
	width:90%;
	margin:0 auto;
	border-collapse: collapse;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
}

.sponcerWrap table th,
.sponcerWrap table td {
	padding:10px;
	vertical-align:middle;
}

.sponcerWrap table th {
	text-align:left;
}
.sponcerWrap table th span {
	font-size:.7rem;
}

.sponcerWrap table td {
	text-align:center;
	font-weight:bold;
}

.sponcerWrap table td.silver {
	color:#b4c2c3;
}
.sponcerWrap table td.gold {
	color:#be9b50;
}
.sponcerWrap table td.platinum {
	color:#aea386;
}
.sponcerWrap table td.diamond {
	color:#89b1ba;
}
.sponcerWrap table tbody:before {
    /* This doesn't work because of border-collapse */
    line-height:.2em;
    content:".";
    color:white; /* bacground color */
    display:block;
}

.sponcerWrap table tbody tr {
	border-bottom:solid 1px #be9b50;
}
.sponcerWrap table tbody tr:first-child {
	border-top:solid 4px #be9b50;	
}
.sponcerWrap table tbody tr:last-child {
	border-bottom:solid 4px #be9b50;	
}

.sponcerWrap table thead  {
	padding-bottom:4px;
	border-spacing:0 0 10px 0;
}
.sponcerWrap table thead tr {
	padding-bottom:3px;
}

.sponcerWrap table thead td {
	 border: solid 2px #ffffff;  
	padding-bottom:3px;	
}
.sponcerWrap table thead td.silver {
	background:#b4c2c3;
	color:#ffffff;
	padding-bottom:10px;
}
.sponcerWrap table thead td.gold {
	background-color:#be9b50;
	background:#be9b50 ;
	color:#ffffff;
	padding-bottom:10px;
}

.sponcerWrap table thead td.platinum {
	background-color:#ffffff;
	background: linear-gradient(150deg, #afa896 0%, #f5f5f3 15%, #d0c3a9 50%, #aea386 80%, #d0c3a9 100%);
	color:#ffffff;
	padding-bottom:10px;
}

.sponcerWrap table thead td.diamond {
	background:url(../img/diamond_back.jpg)top left repeat;
	background-size:150%;
	color:#54818f;
	padding-bottom:10px;
	font-weight:bold;
}


@media screen and (max-width: 767px){
	.sponcerWrap {
		width:90%;
	}
	.sponcerWrap table,
	.sponcerWrap thead,
	.sponcerWrap tbody,
	.sponcerWrap th,
	.sponcerWrap td,
	.sponcerWrap tr {
		display: block;
		width: 100%;
	}
	/* ヘッダー行は非表示 */
	.sponcerWrap thead {
		display: none;
	}
	/* 各行をカード化 */
	.sponcerWrap tbody tr {
		margin-bottom: 20px;
		border: 1px solid #ccc;
		padding: 10px;
	}
	/* th（項目名） */
	.sponcerWrap tbody th {
		font-weight: bold;
		margin-bottom: 10px;
		border-bottom: 2px solid #be9b50;
	}
	/* tdを縦並び */
	.sponcerWrap tbody td {
		display: flex;
		justify-content: space-between;
		padding: 8px 0;
		border: none;
	}
	/* 左にプラン名を表示 */
	.sponcerWrap tbody td::before {
		content: attr(data-label);
		font-weight: normal;
		color: #666;
	}
}



.sponcerEntryWrap {
	width:400px;
	margin:0 auto 40px;
	text-align:center;
}
.sponcerEntry{
    position: relative;
    padding: 20px 30px;
	transition:.5s;
	background-color:#2c324e;
	height:120px;
	color:#ffffff;
}
.sponcerEntry::before{
    content: "";
    position: absolute;
    top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
	color:#ffffff;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 5px solid transparent;
    border-left: 8px solid #ffffff;   /* 好みで色を変えてください */  
	
}
.sponcerEntry:hover {
	opacity:.5;
}

/* -------------------------------------------- Apply */
.apply {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}
.applyWrap {
	margin:0 auto 40px;
	width:1000px;
}

.applyWrap table {
	width:90%;
	margin:0 auto;
	border-collapse: collapse;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
}

.applyWrap table th,
.applyWrap table td {
	padding:10px;
	vertical-align:middle;
	text-align:left;
	font-size:.8rem;
	font-weight:bold;
}

.applyWrap table th {
	width:30%;
}

.applyWrap table tr {
	border-bottom:solid 1px #888888;
}

.applyWrap table tr:first-child {
	border-top:solid 4px #888888;
}
.applyWrap table tr:last-child {
	border-bottom:solid 4px #888888;
}
@media screen and (max-width: 767px){
	.applyWrap {
		width:100%;
	}
}
.applyEntryWrap {
	width:500px;
	margin:0 auto 40px;
	text-align:center;
	display:flex;
	justify-content: space-around;
}
.realEntry{
    position: relative;
    padding: 20px 30px;
	width:40%;
	transition:.5s;
	background-color:#2c324e;
	color:#ffffff;
}
.realEntry::before{
    content: "";
    position: absolute;
    top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
	color:#ffffff;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 5px solid transparent;
    border-left: 8px solid #ffffff;   /* 好みで色を変えてください */  
	
}
.realEntry:hover {
	opacity:.5;
}

.onlineEntry{
    position: relative;
    padding: 20px 30px;
	transition:.5s;
	width:40%;
	background-color:#ffffff;
	border:4px solid #2c324e;
	color:#2c324e;
}
.onlineEntry::before{
    content: "";
    position: absolute;
    top: 50%;   /* 縦軸をセンタリングする */ 
    right: 5px;
	color:#ffffff;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 5px solid transparent;
    border-left: 8px solid #2c324e;   /* 好みで色を変えてください */  
	
}
.onlineEntry:hover {
	opacity:.5;
}

@media screen and (max-width: 767px){
	.applyEntryWrap {
		width:100%;
		flex-direction:column;
	}
	.realEntry {
		width:90%;
		margin:0 auto 20px;
	}
	.onlineEntry {
		width:90%;
		margin:0 auto 20px;
	}
}
/* -------------------------------------------- Footer */	
footer {
	width:100%;
	height:250px;
	background-color:#ffffff; 
	text-align:center;
	overflow:hidden;
	margin-top:20px;
}
ul.fNav {
	display:flex;
	justify-content: center;
	width:300px;
	margin:0 auto;
	padding:0 0 10px 0;
}
ul.fNav li{
	
	margin:0 15px 0 0;
	color:#313131
	
}
ul.fNav li a{
	color:#313131;
		transition:.5s;
}
ul.fNav li a:hover{	
	color:#666666;
	border-bottom:solid 1px #666666;
	opacity:.5;
}
footer p {
	clear:both;
	font-size:.8rem;
	text-align:center;
}
.btnWrap {
	margin:40px auto 20px;
}


.btnWrap a img {
	transition:.5s;
}

.btnWrap a img:hover {
	transition:.5s;
	opacity:.5;
}



/* -------------------------------------------- Content */	
.contentBook {
	max-width:100%;
	width: 100%;
	margin: 0 auto 60px;
	overflow:hidden;	
}
.tableFrame {
	width:800px;
	margin:0 auto 20px;
	display:flex;
	justify-content:space-around;
}

.chapter {
	flex-basis: 10%;	
}
.chapter h4 {
	font-size:1rem;
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;		
}
.chapter h4 span{
	font-size:2rem;	
}
.mainContent {
	flex-basis:75%;
	border-left:solid 5px #000000;
	padding-left:10px;
}
.mainContent h3 {
	font-size:1.4rem;
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;		
}
.mainContent ul {
	margin-left:15px;
	
}
.mainContent ul li {
	list-style:none;	
}
.mainContent ul li:before {	
    content: "\f35a";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;	
}

.otherContent {
	display:block;
	flex-basis:15%;
	position:relative;
}

.otherContent h6 {
	position:absolute;
	bottom:0;
	right:0;
	font-size:.9rem;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#000000;
}
@media screen and (max-width: 767px){
	.tableFrame {
		width:90%;
		flex-direction:column;
		margin:0 auto;
	}
	.chapter,.mainContent,.otherContent {
		flex-basis:90%;
	}
	.otherContent {
		margin-top:25px;
	}
}
/* -------------------------------------------- Voice */
.voice {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	background:url("../img/voice_back.jpg")top left repeat;
	overflow:hidden;
}

.voiceWrap {
	display:flex;
	flex-wrap: wrap;
	margin:0 auto 40px;
	width:1000px;
	justify-content: space-around;
}
.voiceBox {
	width:46%;	
	overflow:hidden;
	color:#ffffff;
	font-size:1rem;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height:180%;
	padding:40px 10px 10px 10px;
	margin-bottom:40px;
	background:url("../img/column.png")top left no-repeat;
}

.voiceBox h3 {
	float:right;
	position: relative;
	margin: 10px 0 20px 0;
	font-size:1.2rem;
	color:#ffffff;
}
.voiceBox h3:before {
	left: -3rem;
    position: absolute;
    top: 45%;
    width: 3rem;
    border-top: 8px double;
    content: '';
	
}

.voiceBox a {
	display:inline-block;
	color:#fffffff;
	margin:0 0 0 0;
	font-size:.8rem;
	font-weight:bold;
	transition: 1s all linear;
	font-weigth:bold;
	border:solid 1px #ffffff;
	padding:0 10px;
}
.voiceBox a:hover{
	background-color:#fc8c08;
	
}

@media screen and (max-width: 767px){
	.voiceWrap {
		flex-direction:column;
		width:90%;
	}
	.voiceBox {
		width:100%;
	}	
}

/* -------------------------------------------- Cart */
.cart {
	max-width:100%;
	width: 100%;
	margin: 0 auto 60px;
	overflow:hidden;
}
dl.bookBuy {
	display:flex;
	justify-content: space-around;
	width:600px;
	overflow:hidden;
	color:#333333;
	font-size:1rem;
	line-height:180%;
	padding:10px;
	margin:0 auto 20px;
}

dl.bookBuy dt {
	width:40%;	
}
dl.bookBuy dt img {
	width:100%;
}
dl.bookBuy dd {
	width:45%;
	background-color:none;
}

dl.bookBuy dd h5 {
	margin-top:30px;
	font-weight:bold;
	font-size:1.8rem;
	color:#333;
}
dl.bookBuy dd h5 span {
	font-size:1rem;
	font-weight:normal;
}
dl.bookBuy dd h6 {
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;		
	font-size:.8rem;
	line-height:180%;
}
a.netBuy {
	text-align:center;
	background-color:#fc8c08;
	transition: all 0.6s;
	padding:1rem 4rem;
	font-size:1.2rem;
	color:#fff;
	margin:10px auto;
	display:table-cell;
}

a.netBuy:hover {
	opacity:.5;
}

a.netBuy img {
	width:19px;
	vertical-align: middle;
}

.purchaseCaption {
	margin-top:20px;
} 

@media screen and (max-width: 767px){
	dl.bookBuy {
		width:90%;
		flex-direction:column;
	}
	dl.bookBuy dt,dl.bookBuy dd {
		width:100%;	
	}
	dl.bookBuy dd {
		margin-top:20px;
	}
}

/* -------------------------------------------- Seminar */
.seminar {
	max-width:100%;
	width: 100%;
	margin: 0 auto;
	background:url("../img/seminar_back.jpg")top left repeat;
	background-size: cover;
	overflow:hidden;
}

.seminar p{
	text-align:center;
	margin:20px auto;
	width:80%;
	color:#ffffff;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;	
}

.seminarTitle {
	position: relative;
	display: inline-block;
	text-align:center;
	margin:40px auto 0;
	padding: 0 40px;
}
.seminarTitle h4 {
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;		
	font-size:1.2rem;
	color:#ffffff;
}
.seminarTitle h3 {
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;		
	font-size:1.8rem;
	color:#ffffff;
	
}

.seminarTitle:before,
.seminarTitle:after {
	content: '';
	position: absolute;
	top: 0;
	display: inline-block;
	width: 57px;
	height: 102px;
}

.seminarTitle:before {
  left:0;
	background:url("../img/leaf_left.png") top left no-repeat;
	background-size:cover;
}
.seminarTitle:after {
  right: 0;
	background:url("../img/leaf_right.png") top left no-repeat;
	background-size:cover;
}

.tagOnline {
	display:inline-block;
	border:solid 2px #ffffff;
	padding:2px 20px;
	margin:0 auto 40px;
	border-radius: 15px;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#ffffff;
}

/*
dl.seminarContent {
	display:flex;
	width:900px;
	margin:0 auto 20px;
}

dl.seminarContent dt {
	width:48%;
}

dl.seminarContent dt img {
	width:100%;
}
dl.seminarContent dd {
	width:48%;
}

dl.seminarContent dd dl{
	text-align:left;
	width:100%;
	margin:0 auto 20px;
	display:flex;
	color:#ffffff;
	flex-wrap: wrap;
}
dl.seminarContent dd dl dt,dd {
	padding: 6px;
}
dl.seminarContent dd dl dt {
	width:22%;
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 400;
	font-style: normal;		
	font-size:1rem;
}
dl.seminarContent dd dl dd {
	width:77%;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
}
img.zoomImage {
	margin:3px 10px 0 0;
	width:80px;
}

dl.seminarContent dd ul {
	display:flex;
	width:100%;
	justify-content: space-around;
	margin:0 auto;
}
dl.seminarContent dd ul li {
	display:block;
	width:48%;
}

dl.seminarContent dd ul li a {
	width:100%;
	display:block;
	text-align:center;
	background-color:#fc8c08;
	transition: all 0.6s;
	padding:10px 20px;
	font-size:1rem;
	color:#fff;
	margin:10px auto;
	border-radius:5px;
}
dl.seminarContent dd ul li a:hover {
	opacity:.5;
}

a.seminarApply {
	display:block;
	margin:0 auto 40px;
	text-align:center;
	width:600px;
}
a.seminarApply img {		
	transition: all 0.6s;
	width:100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
a.seminarApply img:hover {
	opacity:.5;
}


@media screen and (max-width: 767px){
	dl.seminarContent {
		width:100%;
		flex-direction:column;
	}
	dl.seminarContent dt,dl.seminarContent dd {
		width:100%;
	}
	dl.seminarContent dt {
		margin-bottom:20px;
	}
	a.seminarApply {
		width:80%;
	}
	.seminarTitle h4 {
		font-size:.8rem;
	}
	.seminarTitle h3 {
		font-size:1.6rem;
	}
}
*/
/* 申込ボタン */
.applyEntryWrap {
  bottom: 10px;
  right: 10px;
  background-color: rgba(231, 69, 67, 0.8);
	padding:20px;
	border-radius:20px;
	text-align:center;
}
.applyEntryWrap a {
	color:#ffffff;
	font-size: 1.2em;
}
/* -------------------------------------------- MARC */	
.marcApply {
	width:100%;
	background:#999999;
	padding:20px;
	postion: -webkit-sticky;
    position: sticky;
    bottom: 0;
}
.marcApply ul {
	width:80%;
	margin:0 auto;
	display:flex;
	justify-content: center;
	text-align:center;
}
.marcApply ul li {
	width:48%;
}
.marcApply ul li a {
	display:block;
	margin:0 10px 0;
	padding:10px 20px;
	background:#83b7f1;
	border-radius:10px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	font-size:1.2em;
	transition: all 0.6s;
}

.marcApply ul li a.semiColor {
	background:#f18072;
}
.marcApply ul li a:hover{
	opacity: 0.5;
}
.marcApply ul li a img:hover{
	opacity: 0.5;
}

.marcApply ul li a img {
	margin-right:20px;
}
.marcApply p {
	color:#000000;
	font-size:0.7rem;
	text-align:center;
	margin:10px auto 0 auto;
}
@media screen and (max-width: 767px){
	.marcApply {
		padding-top:20px;
		padding-left:0;
		padding-right:0;
	}
	a.invite {
		width:80%;
		padding:10px;
	}
	a.invite img {
		margin-right:10px;
	}
}

/* -------------------------------------------- REMODAL */
/* PANEL */
.panelRemodal {
	width:800px;
	padding:20px;
	background:#004b75 url("../img/kosi_small_rt_b.png")no-repeat top right / 100px 100px;
}

.remodalHead  {
	width:100%;
	display:flex;
	justify-content: flex-start;
	margin-bottom:10px;
}
.remodalHead h3 {
	font-size:1.4rem;
	color:#ffffff;
	font-weight:bold;
	margin-right:10px;
}

.remodalHead h3 span {
	color:#004b75;
	padding-left:5px;
	padding-right:5px;
	line-height:130%;
	background-color:#ffffff;
	font-size:1.6rem;
	font-weight:bold;
	margin-right:10px;
}

.remodalHead h4 {
	font-size:.7rem;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
}

.panelTheme {
	padding:0 10px 10px 10px;
	margin-bottom:20px;
	background:#ffffff url("../img/panel_theme_back.jpg")repeat-y top right ;
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.8);
}
.ptTitle {
	text-align:left;
	position:relative;
	margin-bottom:20px;
}

.ptTitle:before {
	content: '';
	position: absolute;
	top: 0;
	left:15px;
	display: inline-block;
	width: 4px;
	height: 100%;
	background-color: #004b75;
}
.ptTitle h3 {
	padding-top:5px;
	padding-left:25px;
	font-size:1.6rem;
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 500;
	font-style: bold;
	color:#004b75;
}
.ptTitle h4 {
	padding-top:5px;
	padding-left:25px;
	font-size:1rem;
	color:#333333;	
}

.ptTag {
	position:absolute;
	top:10px;
	right:0;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
}

.ptCapacity {	
	margin-left:10px;
	display:inline-block;
	border:solid 1px #cccccc;
	font-size:.9rem;
	padding:3px 5px;
	color:#333333;
	background-color:#ffffff;
}

.ptPanel {
	display:inline-block;
	border:solid 1px #7f5a23;
	font-size:.9rem;
	font-weight:bold;
	padding:2px 4px;
	color:#ffffff;
	background-color:#c4944c;
}

.ptSpeakerWrap {
	margin-left:20px;
	width:95%;
	display:flex;
	justify-content: center;
}

.ptSpeakerWrap dl{
	width:30%;	
	text-align:left;
	margin-right:20px;
}

.ptSpeakerWrap dl:nth-last-child(){
	margin-left:0;
}
.ptSpeakerWrap dl dt {
	margin-bottom:5px;
}
.ptSpeakerWrap dl dt img {
	width:100%;
}

.ptSpeakerWrap dl dd {
	font-size:.8rem;
	color:#000000;
}

.ptSpeakerWrap dl dd h6 {
	font-size:.6rem;
	color:#000000;
}
.ptSpeakerWrap dl dd h5 {
	font-size:1.4rem;
	color:#000000;
	font-weight:500;
	font-family: ta-mincho-gf-01, sans-serif;
}

.ptSpeakerWrap dl dd ul {
	display:flex;
	margin:0 0 5px 0;
}

.ptSpeakerWrap dl dd ul li {
	padding:2px 6px 0;
	margin-right:5px;
	border:solid 1px #7f5a23;
	font-size:.7rem;
	color:#ffffff;
	background-color:#c4944c;
}

.ptSpeakerWrap dl dd ul li:nth-child(1) {
	color:#7f5a23;
	background-color:#ffffff;
}

@media screen and (max-width: 767px){
	.panelRemodal {
		width:100%;
	}
	.remodalHead {
		flex-direction: column;
	}
	.remodalHead h3 {
		width:300px;
		margin-bottom:5px;
	}
	.ptTitle h3 {
		padding-top:5px;
		font-size:1.1rem;
	}
	.ptTitle h4 {
		padding-top:0;
	}
	.ptTag {
		position:static;
		justify-content:flex-start;	
		margin-left:25px;	
	}
	.ptCapacity {
		font-size:.6rem;
		margin-left:0;
	}
	.ptPanel {
		font-size:.6rem;
		margin-right:5px;
	}
	.ptSpeakerWrap {
		flex-wrap:wrap;
		margin:0 auto;
		justify-content: space-around;
	}
	.ptSpeakerWrap dl {
		width:48%;
		margin-bottom:20px;
		margin-right:0;
	}
}

/* ROUND TABLE */
.rtRemodal {
	width:800px;
	padding:20px;
	background:#b91c23 url("../img/kosi_small_rt_b.png")no-repeat top right / 100px 100px;
}


.rtRemodal .remodalHead h3 span {
	color:#b91c23;
}

.rtCapacity {
	/*position:absolute;
	top:60px;
	right:20px;*/
	display:inline-block;
	border:solid 1px #ffffff;
	font-size:1rem;
	padding:3px 5px;
	color:#ffffff;
	background:transparent;
}
.rtThemeWrap {
	width:100%;
	display:flex;
	justify-content: space-between;
	align-content:stretch;
	flex-wrap:wrap;
}
.rtTheme {
	width:49%;
	padding:0 10px 10px 10px;
	margin-bottom:20px;
	background:#ffffff url("../img/panel_theme_back.jpg")repeat-y top right ;
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.8);
}

.rtTitle {
	text-align:left;
	position:relative;
	margin-bottom:20px;
}

.rtTitle:before {
	content: '';
	position: absolute;
	top: 0;
	left:15px;
	display: inline-block;
	width: 4px;
	height: 100%;
	background-color: #b91c23;
}
.rtTitle h3 {
	padding-left:25px;
	font-size:1.6rem;
	font-family: ta-mincho-gf-01, sans-serif;
	font-weight: 500;
	font-style: bold;
	color:#b91c23;
}
.rtTitle h4 {
	padding-left:25px;
	font-size:1rem;
	color:#333333;	
}
.rtSpeakerWrap {
	margin-left:20px;
	width:95%;
	display:flex;
	justify-content: space-around;
}

.rtSpeakerWrap dl{
	width:48%;	
	text-align:left;
}
.rtSpeakerWrap dl dt {
	margin-bottom:5px;
}
.rtSpeakerWrap dl dt img {
	width:100%;
}

.rtSpeakerWrap dl dd {
	font-size:.8rem;
	color:#000000;
}

.rtSpeakerWrap dl dd h6 {
	font-size:.6rem;
	color:#000000;
}
.rtSpeakerWrap dl dd h5 {
	font-size:1.4rem;
	color:#000000;
	font-weight:500;
	font-family: ta-mincho-gf-01, sans-serif;
}

@media screen and (max-width: 767px){
	.rtRemodal {
		width:100%;
	}
	.rtRemodal .remodalHead {
		text-align:left;
	}
	.rtRemodal .remodalHead h3 {
		margin-left:10px;
	}
	.rtTheme {
		width:100%;
	}
	.rtTitle h3 {
		font-size:1.4rem;
	}
}


/* MAIN TALK */
.mtRemodal {
	width:800px;
	padding:20px;
	background:#bf8a18 url("../img/kosi_small_rt_b.png")no-repeat top right / 100px 100px;
}
.mtRemodalHead  {
	width:100%;
	margin-bottom:10px;
	text-align:left;
}

.mtSubTitle {
	width:100%;
	display:flex;
	justify-content: flex-start;
	margin-bottom:10px;
}
.crossTalkBase {
	display:flex;
	margin:5px 0 0 0;
	padding:0;
	height:30px;
}
.crossTalkBase h4 {	
	padding:0 10px;
	border:solid 2px #ffffff;
	font-size:1rem;
	font-weight:bold;
	color:#ffffff;
	margin-right:10px;
}
.crossTalkBase p {
	line-height:120%;
	font-size:1.4rem;
	font-weight:bold;
	color:#ffffff;
}

.mtRemodalHead h3 {
	display:block;
	font-size:1.6rem;
	color:#ffffff;
	font-weight:normal;
	margin-right:10px;
}
p.addingNotice {
	font-size:.9rem;
	margin-top:10px;
	color:#ffffff;
}
.mtMainTitle {
	width:100%;
	position:relative;
	height:100px;
}
.mtMainTitle img.tagTheme {
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:80px;
}
.tagTheme p {
	font-size:.8rem;
	font-weight:bold;
	color:#444444;
}

.mtMainTitle h2 {
	font-size:3rem;
	color:#ffffff;
	font-weight:normal;
	position:absolute;
	top:-10px;
	left:20px;
	font-family: ta-mincho-gf-01, sans-serif;
}
.mtMainTitle h5 {
	font-size:1.2rem;
	color:#ffffff;
	font-weight:normal;
	position:absolute;
	top:55px;
	left:40px;
}

.mtTheme {
	text-align:left;
	width:100%;
	padding:10px;
	background:#ffffff url("../img/panel_theme_back.jpg")repeat-y top right ;
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.8);
}

.mtTheme dl {
	width:100%;
}

.mtTheme dl dt {
	width:100%;
	margin-bottom:10px;
	
}

.mtTheme dl dd {
	tex-align:left;
	font-size:.8rem;
	color:#000000;
}

.mtTheme dl dt dl {
	display:flex;
	justify-content:space-between;	
}
.mtTheme dl dt dl dt {
	width:49%;
}
.mtTheme dl dt dl dt img {
	width:100%;
}
.mtTheme dl dt dl dd {
	width:49%;
}
.mtTheme dl dt dl dd dl {
	width:100%;
	flex-direction:column;
}
.mtTheme dl dt dl dd dl dt {
	width:100%;
	height:300px;
	position:relative;
}
.mtTheme dl dt dl dd dl dt img.mWatanabe01 {
	position:absolute;
	top:0;
	left:0;	
	width:55%;
}
.mtTheme dl dt dl dd dl dt img.mWatanabe02 {
	position:absolute;
	bottom:0;
	right:0;
	width:55%;	
}

.mtTheme dl dt dl dd dl dd {
	width:100%;
	text-align:left;
}

.mtTheme dl dt dl dd dl dd h2 {
	font-size:2.5rem;
	color:#000000;
	font-weight:normal;
	font-family: ta-mincho-gf-01, sans-serif;
	margin-bottom: 0.8rem;
}

[data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -1.4em;
	left: 5px;
	right: 0;
	margin:auto;
	font-size: 0.4em;
}
rt {
	display: none;
}

.mtTheme dl dt dl dd dl dd h5 {
	font-size:1rem;
	color:#000000;
	font-weight:normal;
	line-height:130%;
}

.tagInstructor {
	display:inline-block;
	font-size:.7rem;
	background-color:#999999;
	color:#ffffff;
	padding:2px 5px;
	margin-bottom:10px;
}

@media screen and (max-width: 767px){
	.mtRemodal {
		width:100%;
	}
	
	.mtSubTitle {
		flex-direction: column;
	}
	p.addingNotice {
		margin-top:0;
	}
	.mtMainTitle {
		height:400px;
	}
	
	.mtMainTitle h2 {
		font-size:2rem;
		left:15px;
	}
	.mtMainTitle h5 {
		font-size:.8rem;
		top:35px;
		left:30px;
	}
	.mtMainTitle img.tagTheme {
		width:15px;
		height:60px;
	}
	.mtRemodalHead {
		height:140px;
	}
	.mtTheme dl dt dl {		
		flex-direction: column;
	}
	.mtTheme dl dt dl dt,
	.mtTheme dl dt dl dd {
		width:100%;
	}
	.mtTheme dl dt dl dd dl dt img.mWatanabe01 {
		position:static;
		width:39%;
	}
	.mtTheme dl dt dl dd dl dt img.mWatanabe02 {
		position:static;
		width:55%;	
	}
	.mtTheme dl dt dl dd dl dt {
		position:static;
		height:initial;
		display:flex;
		justify-content: space-between;
	}
}