@charset "utf-8";

/* 游ゴシック用指定　*/
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}

/**/

/* ▼印刷用設定
------------------------------ */
@media print {
  body {
    width: 1277px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;}


}/* 印刷用設定ここまで */

body {
    margin: 0;
    padding: 0;
    /*background: #FFF;*/
    font-family: "YakuHanJPs", "Yu Gothic", "游ゴシック", "YuGothic M", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'palt';
}
* {
	box-sizing: border-box;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.cnt {
	text-align: center;
}
.font_palt {
	-moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

/*動画全画面*/

#home #VideoWrap {
	
	    min-width: 2765px;
    width: 100%;
    height: 144%;
	/*min-width: 1080px;	
	width: 100%;
	height: 100%;overflow: hidden;*/
}

#home #VideoWrap .in {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding-top: 56.25%;z-index: -10;
	background-size: cover;
}

#home #VideoWrap iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}



.font_pkna {
	-moz-font-feature-settings: "pkna";
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}
/**/
.cv_btn {
    margin: 70px auto 20px;
	text-align: center;
}
.cv_btn a {
	text-decoration: none;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
    background: #ffab00;
    border-radius: 5px;
    text-align: center;
    padding: 20px 30px;
	letter-spacing: 0.05em;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
	font-family: "Yu Gothic", "游ゴシック", "YuGothic M", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.cv_btn a:hover {
	 opacity: 0.8
}
/**/
.backgray {
	background: #f0f8ff;
}
img {
	max-width: 100%;
}
#sec01,#sec01b,#sec02,#map,#backnumber{background: #fff;z-index: 3;overflow: hidden;}

#sec03{
background: #fff; /* Old browsers */
/*background: -moz-linear-gradient(left,  #a1f2f4 0%, #66a4d6 100%, #207cca 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(left,  #a1f2f4 0%,#66a4d6 100%,#207cca 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right,  #a1f2f4 0%,#66a4d6 100%,#207cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1f2f4', endColorstr='#207cca',GradientType=1 ); /* IE6-9 */


}
#map{margin-bottom: 20px;}

#sec01a,#access,#form,#voice,#pre{
	/*background: #f0f8ff;*/
background:linear-gradient(135deg, #17ead9 0%,#6078ea 100%);	
}
/**/
#container .wrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 95px;
	text-align: center;
	overflow: hidden;
}
#container ul.colbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
}

#container ul.colbox2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}

#container ul.colbox li {
    flex-basis: 32%;
	margin: 0;
}
#container ul.colbox li:last-child {
	margin-bottom: 0;
}
#container ul.colbox li.nasi{
	width: 0; height: 0;
}	

/**/

h2 {
	font-size: 40px;
    line-height: 1.3;
	margin: 0 0 40px;
	font-weight: bold;
	text-align: center;
	color: rgba(0,0,0,0.75);
	letter-spacing: 0.06em;
}
h3 {
	color: rgba(0,0,0,0.75);
}
h3.tit {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.08em;
    background: #b62339;
    color: #fff;
    margin: 0 0 20px 0;
    padding: 10px 10px;
}
h4 {
	color: rgba(0,0,0,0.75);
}
p {
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.02em;
	color: rgba(0,0,0,0.85);
	text-align: justify;
	font-family: "YakuHanJPs", "Yu Gothic", "游ゴシック", "YuGothic M", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
b{font-weight: bold;}

/*参加者の声*/

#voice{margin-top: 50px;}


#voice .box {
    float: left;  width: 320px;  margin-right: 15px; margin-bottom: 10px; padding: 10px ;
    border: 2px solid #ccc;  background: #fff!important;height:330px;box-shadow: 2px 2px 4px gray; }

#voice .box_end {
    float: left;  width: 320px; margin-right: 5px; padding: 10px;height:330px; margin-bottom: 10px;
    border: 2px solid #ccc;  background: #fff;box-shadow: 2px 2px 5px gray;
}
#pre .box {
    float: left;  width: 320px;  margin-right: 15px; margin-bottom: 30px; padding: 10px;
    border: 2px solid #ccc;  background: #fff!important;height:400px;box-shadow: 2px 2px 4px gray; }

#pre .box_end {
    float: left;  width: 320px; margin-right: 5px; padding: 10px;height:400px; margin-bottom: 30px;
    border: 2px solid #ccc;  background: #fff;box-shadow: 2px 2px 5px gray;
}


.profile{margin:0 auto;}
.profile iframe{margin:0 auto;} 

#voice h3{
    font-size: 20px;   line-height: 1.3;font-weight:600;margin-bottom: 15px;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}
#voice p.prf_txt{ line-height: 1.5; font-size: 13px;}
#pre p.prf_txt { line-height: 1.5; font-size: 14px;margin-bottom: 7px;}
#voice p.prf_txt span,#pre p.prf_txt span{line-height: 1.5;  font-size: 16px;    font-weight: bold;}
#voice p.txt,#pre p.txt {font-size: 15px; line-height: 1.5;margin-top: 10px;}
#pre h3 span{font-size: 130%;margin-right: 3px; }
#pre h3{font-size: 17px;  line-height: 120%;font-weight:600;margin-bottom: 5px;height:55px;
	display: flex;
  justify-content: center;
  align-items: center;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
    padding: 6px 5px; font-weight: bold;
    border-radius: 20px;color: #fff;background: #ff3333;
}
#pre h2{text-align: center!important;display: block;}



#pre .wrap {
     padding: 30px 0 95px;
   
}


#video2 {
	position: relative;
  width: 100%;height:560px!important; 
     z-index: 1;margin:10px auto 30px!important;
}
#video2 iframe {
	
    background-size: cover; 
   position: absolute;left: 0;right: 0; top: 0;margin:0 auto;
	height:560px;width: 1000px;
	 
 
}

/*
#video2 {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    min-height: 100%;
    min-height: 100vh;
    min-width: 100%;
    min-width: 100vw;
     z-index: 1;margin:10px 0 180px;overflow: hidden;
}

#video2 iframe {
    position: absolute;
    width: 1920px;
    height: 1080px;
    border: none;
    background: #333;
     margin: 0 auto;
}
*/


/* #モーダルウィンドウ用
------------------------------ */
/* モーダルCSS */
.modaal-container {
	max-width: 740px;
}
.modaal-content-container {
	padding: 0;
}
.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
.modalContents h1 span {
	font-size: 60%;
	color: rgba(154,0,0,1.00);
}
.modalContents h1 {
    font-weight: 600;
    font-size: 26px;
    padding: 26px 40px 10px;
    line-height: 1.3;
}
.modalContents p.gaiyo {
    padding: 0px 40px 38px;
    font-feature-settings: normal;
}
.modalContents .prof {
	display: flex;
	background: rgba(0,0,0,0.1);
    padding: 46px 40px 46px;
}

.modalContents .prof ul li{list-style: disc;margin-bottom: 1px;}
.modalContents .prof ul{margin-left: 15px;margin-top: 10px;}


.modalContents .prof div.img {
	width: 180px;
}
.modalContents .prof div.txt {
	width: 100%;
    margin: 0 0 0 20px;
}
.modalContents .prof div.txt h2 {
    font-size: 20px;
    margin: -4px 0 10px;
    text-align: left;
}
.modalContents .prof div.txt h2 span {
	font-size: 70%;
	margin-left: 0.3em;
}
.modalContents .prof div.txt p.post {
    margin: 0 auto 0;
    line-height: 1.6;
    font-size: 14px;
}
.modalContents .prof div.txt p.txt:before {
    content: '';
    display: block;
    margin: 11px 0 10px;
    width: 60px;
    height: 1px;
    background: rgba(154,0,0,1.00);
}
.modalContents .prof div.txt p.txt {
	margin: 14px auto 0;
    line-height: 1.6;
    font-feature-settings: normal;
    font-size: 14px;
}
.modaal-close {
    position: absolute;
    right: 0;
    top: -50px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: #999999 !important;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.modaal-close:after, .modaal-close:before {
    display: block;
    content: " ";
    position: absolute;
    top: 8px;
    left: 24px;
    width: 1px;
    height: 32px;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.modalContents.modal_pfof .prof div.txt h2 {
    font-size: 24px;
	margin: 0;
}
.modalContents.modal_pfof .prof div.txt p.post {
    font-size: 16px;
}
.modalContents.modal_pfof .prof div.txt h3:before {
    content: '';
    display: block;
    margin: 20px 0 18px;
    width: 60px;
    height: 1px;
    background: rgba(154,0,0,1.00);
}
.modalContents.modal_pfof .prof div.txt h3 {
    font-size: 20px;
	font-weight: 600;
}
.modalContents .prof div.txt p.txt:before {
    margin: 20px 0 18px;	
}
.modalContents.modal_pfof div.txt p.txt {
	font-size: 16px;
}
.modalContents.modal_pfof div.txt .cv_btn {
	text-align: left;
	position: relative;
}
.modalContents.modal_pfof div.txt .cv_btn a {
	font-weight: 600;
    font-size: 18px;
    border-radius: 30px;
    padding: 20px 40px;
}
.modalContents.modal_pfof div.txt .cv_btn a:before {
display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 8px solid #fff;
}
.modalContents.modal_pfof div.txt .cv_btn a:hover:before {
    left: 18px;
}
.modalContents.modal_pfof div.txt iframe {
	margin: 40px 0 0;
    height: 320px;
    width: 560px;
}


/* #main（）
------------------------------ */
#video {
  background-attachment: fixed; /* 中央揃えになるように、fixed。*/
  background-position: center center; /* positionも中央に。*/
  background-size: cover; /* 画面サイズに応じてサイズを可変するように設定。*/
  left: 0;
  /* 以下、画面いっぱいにするためのCSS設定*/
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  position: absolute;
  top: 0;
  z-index: 1;
}
#video iframe {
    position: absolute;
    z-index: -1;
    top: -135px;
    left: 0;
    width: 1920px;
    height: 1080px;
    border: none;
    background: #333;
    right: 0;
    margin: 0 auto;
}

#home #main{
	width: 100%;
	height: auto;
	overflow: hidden;
}


#main {
	display: block;
	padding-top: 90px;
	}
#main .wrap {
	position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#main .maincv a:hover {
	background: rgba(255,171,0,0.95);}

#main a.link:hover {
	opacity: 0.8}

#main .main-img {
    height:700px;
	width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px 0 ;
	text-align: center;
    /*max-width: 100%;*/
	background: rgba(15,97,113,1);
    background: -moz-linear-gradient(0deg, rgba(0,28,41,0.8) 0%, rgba(0,28,41,0.3) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(15,97,113,0.8)), color-stop(100%, rgba(36,69,113,0.6)));
    background: -webkit-linear-gradient(0deg, rgba(0,28,41,0.8) 0%, rgba(0,28,41,0.3) 100%);
    background: -o-linear-gradient(0deg, rgba(0,28,41,0.8) 0%, rgba(0,28,41,0.3) 100%);
    background: -ms-linear-gradient(0deg, rgba(0,28,41,0.8) 0%, rgba(0,28,41,0.3) 100%);
    background: linear-gradient(0deg, rgba(0,28,41,0.9) 0%, rgba(0,28,41,0.3) 100%);
}
#main .main-img .bg_pattern {
    background-image: url(../img/dot.png);
    opacity: 0.3;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#main .main_txt {
	width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 640px;
    padding: 90px 0 40px;
	z-index: 10;
}
#main .main_tit01 {
	text-align: center;
}
#main p.main_tit02a {
	margin: 30px auto 0px;
    text-align: center;
}
#main p.main_tit02a img {
	width: 105px;
} 
#main h1.main_tit02 {
	text-align: center;
    margin: 15px auto 50px;
    font-size: 70px;
    font-weight: 600;
    color: rgba(255,255,0,0.9);
    line-height: 1.2;
	text-shadow: 2px 2px 9px rgba(0,0,0,0.5);
}

#main h1.main_tit02 span {
	font-weight: 400;
	font-size: 70%;
}
#main h1.main_tit02 span.va {
	vertical-align: 0.35em;
	margin-right: -0.05em;
}
#main .main_sche {
	margin: 0 auto;text-align: center;display: block;
}
#main .cv_btn {
	margin: 50px auto 30px;
}
#main .cv_btn a {
	padding: 20px 90px;
	font-size: 22px;
	font-weight: 600;
    border-radius: 30px;
}
/*#video iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
	background: #333;
}
*/



/* #sec01（）
------------------------------ */
#sec01 ul {
    width: 760px;
    margin: 0 auto 20px;
    padding: 30px 20px 20px 50px;
    border: 1px solid rgba(00,150,200,1);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(00,150,200,1);
}
#sec01 ul li {
	text-align: left;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
#sec01 p {
	font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

/* #sec01a（ビジョナリーサミットとは？）
------------------------------ */

#sec01a ul.m li {
	padding-left: 1em;  text-indent: -1em; line-height: 140%;
	padding-bottom: 15px;font-size: 180%; font-weight: 500;
}
#sec01a ul.m {
	text-align: left;
	list-style: none;
}
#sec01a p.h2_btm {
	text-align: center;
	font-weight: 600;
	font-size: 26px;
    color: rgba(0,0,0,0.75);
    margin: 0 auto 40px;
	line-height: 1.3;
}
#sec01a .box_wrap {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	width: 920px;
    margin: 0 auto;
}
#sec01a .box_wrap .box {
	flex-basis: 30%;
	position: relative;
	margin-bottom: 30px;
	background: rgba(0,0,0,0.05);
}
#sec01a .box_wrap img {
	
}
#sec01a .box_wrap div.txt {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    padding: 11px 15px;
    height: 136px;
}
#sec01a .box_wrap a:hover div.txt {
	height: 100%;
	transition: .5s;
}
#sec01a .box_wrap .txt p.tit {
	line-height: 1.3;
    font-size: 17px;
    font-weight: 600;
    color: rgba(255,255,0,0.8);
}
#sec01a .box_wrap .txt h3 {
	color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 18px;
	line-height: 1.2;
	margin: 11px 0 0px;
}
#sec01a .box_wrap .txt h3 span {
	font-size: 80%;
    margin-left: 0.2em;
    vertical-align: -0.1em;
}
#sec01a .box_wrap .txt p.post {
    color: #fff;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 600;
}
#container #sec01a .wrap {
	padding: 80px 0 65px;
}

/* #sec01b（ビジョナリーサミットとは？）
------------------------------ */
#sec01b iframe {
	width: 100%;
}
#sec01b p.h2_btm {
	text-align: center;
	font-weight: 600;
	font-size: 20px;
    color: rgba(0,0,0,0.75);
    margin: 0 auto 10px;
	line-height: 1.3;
}
#container #sec01b ul.colbox {
	margin: 30px 0 80px;border: 0;width: 100%;box-shadow:none;
}
#container #sec01b ul.colbox:last-child {
	margin: 30px 0 0;
}
#container #sec01b ul.colbox figcaption {
	margin: 10px 0 0;
	font-size: 14px;font-weight: normal;
	line-height: 1.3;
}

/* #sec02（スケジュール）
------------------------------ */
#sec02 .sche_box {
	margin-bottom: 80px;
}
#sec02 .sche_box:last-child {
	margin-bottom: 0;
}
#sec02 h3 {
	font-size: 27px;
    color: #fff;
    background: #000099;
    line-height: 1.3;
    padding: 15px 0;
	font-weight: 600;
}
#sec02 dl {
	display: flex;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}
#sec02 dl dt {
	width: 100px;
    padding: 22px 15px;
	font-size: 14px;
	font-weight: 600;
    background: rgba(0,0,0,0.05);
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    line-height: 1.3;
    letter-spacing: 0.08em;
}
#sec02 dl dd.col_1 {
	display: flex;
	padding: 22px 0px 30px 30px;
}
#sec02 dl dd.col_3 {
	display: flex;
	width: 900px;
}
#sec02 dl dd.col_3 .col_3box {
	width: 34%;
	border-bottom: none;
    border-right: 1px solid rgba(0,0,0,0.1);
	padding: 22px 0px 30px 30px;
}
#sec02 dl dd.col_3 .col_3box:last-child {
	border-right: none;
}
#sec02 dl dd .txt {
	margin: 0 30px 20px 0;
}
#sec02 dl dd h4 {
    font-size: 20px;font-weight: 600; line-height: 1.3;
	/*letter-spacing: 0.05em;*/margin-bottom: 5px;
}
/*#sec02 dl dd h5:before {
	content: '';
    display: block;
    margin: 11px 0 14px;
    width: 60px;
    height: 1px;
    background: rgba(154,0,0,1.00);
}*/
#sec02 dl dd h5 {
	font-size: 18px;
	font-weight: 500;
    margin: 10px 0 6px;
	color: rgba(0,0,0,0.75);
}
#sec02 dl dd h5 span {
	font-size: 85%;
	margin-left: 0.3em;
}
#sec02 dl dd p.post {
	font-size: 12px; font-weight: 500; line-height: 1.3;margin-bottom: 15px;
}
#sec02 dl dd p.post2 {
	font-size: 14px; font-weight: 500; line-height: 1.3;
}
#sec02 dl dd .img {
	overflow: hidden;
}
#sec02 dl dd .img img {
	float: left;
}
#sec02 dl dd .img2 {
	overflow: hidden;
}
#sec02 dl dd .img2 img{
	float: right;margin-right: 10px;
}

#sec02 .sche_col2 {
	display: flex;
}
#sec02 .sche_col2 .sche_col2box {
	width: 50%;
}
#sec02 .sche_col2 .sche_tit {
	font-size: 22px;
    padding: 15px 0;
    border-right: 1px solid rgba(255,255,255,0.2);
	background: rgba(0,0,0,0.5);
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
}
#sec02 .sche_col2 dl {
	border-right: none;
}
#sec02 .sche_col2 .sche_col2box:last-of-type dl {
	border-right: 1px solid rgba(0,0,0,0.1);
}
#sec02 dl dd.col_2 {
	display: flex;
	width: 900px;
}
#sec02 dl dd.col_2 .col_2box {
	width: 48%;
    border-right: 1px solid rgba(0,0,0,0.1);
	padding: 22px 0px 30px 30px;
}
#sec02 dl dd.col_2 .col_2box:last-child {
    border-right: none;
} 
#sec02 dl.blank_lunch {
	height: 86px;
	display: flex;
}
#sec02 dl.blank_lunch dt {
	padding: 0;
}
#sec02 dl.blank_3 {
	height: 1039px;
	display: flex;
}
#sec02 dl dd.col_1b {
	padding: 22px 0px 30px 30px;width: 100%;
}


/* #sec03（スケジュール）
------------------------------ */
#sec03 dt,
#sec03 dd { 
	font-family: "Yu Gothic", "游ゴシック", "YuGothic M", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: rgba(0,0,0,0.75);
}

#sec03 dt {
	float: left;
	font-size: 20px;
	width: 210px;
	font-weight: bold;
	letter-spacing: 0.08em
}
#sec03 dd {
	float: left;
	width: 1000px;
	margin: 0;
	letter-spacing: 0.08em;
}

#sec03 dl:after {
	content: "";
	display: block;
	clear: both}

#sec03 dd h3 {
	font-size: 24px;
	line-height: 32px;
}
	
#sec03 dl {
	border-top: solid 1px rgba(0,0,0,0.20);
	padding: 20px 0 0;
	text-align: left;font-weight: bold;}

#sec03 dl:first-of-type {
	margin-bottom: 10px}

#sec03 .dd_ml {
	margin-left: 4.4em}

#sec03 .dd_ml span.mark {
	background: linear-gradient(transparent 10%,  rgba(182,35,57,0.70));
	padding: 0 0px 0 5px;
}
span.kei {
	color: rgba(0,0,0,0.10)}

span.kei_w {
	color: rgba(255,255,255,0.30)}

#sec03 dd p.sub {
	font-size: 14px;
	line-height: 24px;
}

#sec03 dd p.sub span {
	font-size: 15px;
	font-weight: bold;
	color: #00908d;
}

#sec03 .txt_link {
	padding: 10px 0 0;}

#sec03 .txt_link p {
	font-weight: normal}

#sec03 .txt_link span {
	font-size: 14px;
	line-height: 28px;
	background: linear-gradient(transparent 10%, rgba(182,35,57,0.70));
	font-weight: normal;
	padding: 0 0px 0 5px;
}

#sec03 .txt_link a {
	text-decoration: none;
	color: rgba(0,0,0,0.87)}

#sec03 .txt_link a:hover span {
	opacity: 0.7}
#sec03 p{font-size: 17px;}


.fl_r{float: left;width: 450px; }





/* #access（アクセス）
------------------------------ */

#access .box_l {
	padding: 0 0 30px 20px;
}
#access .box_l {
	float: left;
	width: 500px;
}
#access .box_r {
	float: right;
	width: 400px;
	text-align: left
}
#access .box:after {
	content: "";
	display: block;
	clear: both
}
.map_content {
	position: relative;}

.map_overlay {
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: 1;}

.map_txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;;}

.map_txt h2 {
	color: #fff}

.map_txt .name {
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0.1em}

.map_txt .address {
	font-weight: normal;
	font-size: 17px;
	letter-spacing: 0.1em}

.map_txt .access {
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0.1em}

.map_txt p {
	color: rgba(255,255,255,0.90);
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.07em;
	margin: -5px 0 0 0;
	text-align: left;
}
.map_txt img {
	margin-right: 30px
}
.link_gmap {
    border: 1px solid #fff;
    padding: 16px 56px 14px;
    color: #fff;
    display: inline-block;
    margin: 24px auto 0;
    border-radius: 4px;
    position: relative;
    z-index: 2;}

a.link_gmap {
	color: #fff;
	text-decoration: none}

a.link_gmap:hover {
	color: #00908d;
	font-weight: bold;
	background: #fff}
/**/


/* #backnumber（バックナンバー）
------------------------------ */
#container #backnumber .wrap {
	padding: 0px 140px 20px;
}
#backnumber h3 {
	background:#333;
	padding:5px;
	text-align:center;
	color:#fff;
	font-size:19px;
	font-weight: 600;
	margin:0 auto 20px;
}
#backnumber ul {
	margin:0;
	padding:0;
	overflow:hidden;
}
#backnumber li {
	list-style:none;
	font-size:14px;
	margin:0;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	line-height: 1.5;
}
#backnumber li:last-child {
	border-bottom:none;
}
#backnumber li a {
	text-decoration:none;
}
#backnumber li a:hover {
	text-decoration:underline;
	color:#999;
}
#backnumber .nen {
	display:inline-block;
	letter-spacing:0.3px;
	vertical-align:top;		
	font-size:15px;	
	width:6em;
	font-weight:bold;	
}
#backnumber li .title {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;	
	font-size:15px;	
}

/* 1400px以下
================================================================ */
@media screen and (max-width: 1400px) {

/*#main .main-img .bg_pattern {
    background-image: none;	}*/

#home #VideoWrap .in {   
    top: 43%;
    left: 50%;   
	}	
#home #VideoWrap {
    min-width: 2950px;
    width: 100%;
	height: 165%;}	
	
#main .main-img {
		background: rgba(0,28,41,0.9);	
	
}
/* 768px以下
================================================================ */
@media screen and (max-width: 768px) {

	
/**/
.pc {
	display: none;
}
.sp {
	display: block;
}
.cv_btn {
    margin: 50px auto 20px;
}
#container .wrap {
	padding: 30px 20px 40px;}
#container .wrap img{margin:0 auto;}	
	

#container ul.colbox {
	display: block;
}	
#container ul.colbox li {
	margin: 0 auto 20px;
}
h2 {
	font-size: 35px;
	margin: 0 0 20px;
}
p {
	font-size: 15px;
}
#home #main {
     width: 100%;
    height: 90vw;
    overflow: hidden;
}
#home #VideoWrap {
margin: 0; padding: 0;
    width: 400vw;
    height: 95vw;
	min-width:100%;
}
#home #VideoWrap .in{height: 140%;}
	
	
#pre .pbox_wrap{ display: block;  width: auto;}	
#voice .box,#pre .box {
    float: none;  width: 99%;  margin-right: 0px;margin-left: 0px; height:auto; }

#voice .box_end,#pre .box_end {
    loat: none;  width: 99%;  margin-right: 0px;margin-left: 0px;height:auto;}


#video2 {	 
     margin:0px auto 0px!important;height:340px!important;}
#video2 iframe{position: absolute;  left: 0;  right: 0;  margin: auto;
height:340px!important;width: 100%;}	
	

#access .box_l {
	padding: 0 0 30px 0px;
}	
	
/* #モーダルウィンドウ用
------------------------------ */
.modaal-wrapper {
	top: 100px;
}
.modaal-inner-wrapper {
    padding-bottom: 180px;
}
.modalContents h1 {
	padding: 20px;
    font-size: 20px;	
}
.modalContents p.gaiyo {
	padding: 0 20px 20px;
	line-height: 1.7;
}
.modalContents .prof {
	display: block;
	padding: 30px 20px 30px;
}

.modalContents .prof img {
	float: none;
}	
.modalContents .prof div.txt {
	margin: 20px 0 0;	
}	
#sec01a .box_wrap {
	display: block;
	width: auto;
}	
.modalContents.modal_pfof div.txt .cv_btn a {
	font-size: 14px;	
}
.modalContents.modal_pfof div.txt .cv_btn a:before {
	left: 15px;
}	
.modalContents.modal_pfof div.txt iframe {
    max-height: 200px;
    width: 100%;
}
	
/* #main（）
------------------------------ */
#main {
	padding-top: 65px;
}
#main .main_txt {
	padding: 9vw 10px 0px;
	width: auto;
    height: auto;
}
#main p.main_tit02a {
	margin: 15px auto 6px;
}
#main p.main_tit02a img {
	width: 18vw;
} 
#main h1.main_tit02 {
	margin: 5px auto;
    font-size: 7vw;
}
#main .main-img {
	width: 100%;
    height: 90vw;
	margin: 0px auto 0px!important;
	background: rgba(0,28,41,0.9);
}

	
#main .cv_btn {
    margin: 5px auto 10px;
}
#main .cv_btn a {
	padding: 5px 50px;
	font-size: 3.0vw;
}	
#main .main_sche {
	margin: 0 10%;
}	
	
/* #sec01
------------------------------ */
#sec01 ul {
	width: auto;
	margin: 0 auto 10px;
    padding: 20px 17px 10px;
}
#sec01 ul li {
	font-size: 15px;
}
#sec01 p {
	font-size: 18px;	
}
	
#container #sec01a .wrap {
    padding: 40px 20px 40px;
}
#sec01a p.h2_btm {
	font-size: 20px;
    margin: 0 auto 20px;
}
	
/* #sec01b（ビジョナリーサミットとは？）
------------------------------ */
#sec01b p.h2_btm {

}
	


	
	
	
/* #sec02（スケジュール）
------------------------------ */	

#sec02 h3 {
    font-size: 5vw;
}
#sec02 dl dt {
	width: 65px;
	padding: 18px 15px;
	font-size: 12px;
}
#sec02 dl dd.col_1 {
	display: block;
    padding: 18px 0px 30px 20px;
}
#sec02 dl dd.col_3 {
	display: block;
	width: 100%;
}
#sec02 dl dd.col_3 .col_3box {
    border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 18px 0px 30px 20px;
	width: 100%;
    border-right: none;
}
#sec02 dl dd.col_3 .col_3box:last-child {
    border-bottom: none;
}
#sec02 dl dd .txt {
	margin: 0 10px 20px 0;
}
#sec02 dl dd h4 {
	font-size: 18px;
}
#sec02 .sche_col2 {
	display: block;
}
#sec02 .sche_col2 .sche_col2box {
	width: auto;
}
#sec02 .sche_col2 .sche_tit {
	font-size: 5vw;
	padding: 13px 0;
}
#sec02 .sche_col2 dl {
	border-right: 1px solid rgba(0,0,0,0.1);
}
#sec02 dl dd.col_2 {
	display: block;
}
#sec02 dl dd.col_2 .col_2box {
	width: 100%;
    padding: 18px 0px 30px 20px;
}
#sec02 dl.blank_lunch {
	display: none;
}
#sec02 dl.blank_3 {
	display: none;
}
#sec02 dl dd .img img {
    float: none;display: block; text-align: center;
}
	
/* #sec03（スケジュール）
------------------------------ */
#sec03 dt {
	font-size: 17px;
}

#sec03 dd {
	margin: 10px 0 0;
	width: auto;
}
#sec03 dd h3 {
	font-size: 20px;
	line-height: 26px;
}
#sec03 dd p.sub {
	font-size: 12px;
	line-height: 20px;
}

#sec03 dd p.sub span {
	font-size: 13px;
}

#sec03 .txt_link span {
	font-size: 12px;
	line-height: 24px;
}

#sec03 dl:first-of-type {
    margin-bottom: 20px;
}
	
	
/* #access（アクセス）
------------------------------ */	
#access .box_l,
#access .box_r {
	float: none;
	width: auto;height: auto;
	text-align: center;
}
.map_txt p {
	font-size: 12px;
	line-height: 20px;
}
.map_txt .name {
	font-size: 14px;
}
.map_txt .address {
	font-size: 14px;
}
.map_txt .access {
	font-size: 12px;
}
.map_txt p {
	text-align: center;
	
}

	
/* #sec08（協賛企業）
------------------------------ */
.fl_r{float: none!important;width: 95%!important; }	
#sec01a ul.m li{font-size: 15px!important; letter-spacing: 0.03em;}

.nasi{width: 0; height: 0;}		


	
/* #backnumber（バックナンバー）
------------------------------ */
#container #backnumber .wrap {
	padding: 0px 20px 20px;
}
#backnumber h3 {
	padding:8px;
	font-size: 1.2em;
	margin-bottom:10px;
}
#backnumber li {
	width:100%;	
}
#backnumber li .nen {
	font-size:14px;	
	width:16%;
	letter-spacing:normal;
	vertical-align:top;
}
#backnumber li .title {
	width:80%;
	font-size:14px;
}


/* 480px以下
================================================================ */
}@media screen and (max-width: 480px) {
h2 {
	font-size: 25px;
	margin: 0 0 20px;
}
p {
	font-size: 14px;
}

	
#sec03 dd h3 {
	font-size: 17px;
	line-height: 24px;
}
	
#sec01a .box_wrap img {
    width: 100%;
}
.modalContents.modal_pfof div.txt .cv_btn a {
    font-size: 13px;
}

#main .main_txt {
    padding: 10px 10px 0px;
    width: auto;
    height: auto;
}	
	
#video2 {	
     margin:0px auto 0px!important;height:300px!important;}
#video2 iframe{position: absolute;  left: 0;  right: 0;  margin: auto;
height:300px!important;width: 100%;}	
	
/* #backnumber（バックナンバー）
------------------------------ */
#backnumber li .nen {
	width:24%;
}
#backnumber li .title {
	width:70%;
}
#backnumber {
	margin:0 auto!important;
}


}/* max-width: 480px　ここまで*/
