@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Secular+One|Roboto:900|Pattaya);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
/**font-family: 'Secular One', sans-serif;/

/*スタイルリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	/*font-size: 100%;*/
}
.clear{ clear:both;}
li {list-style-type: none;}
/*clearfix*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {display:inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	font:15px/1.7 "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"ＭＳ ゴシック", "Osaka", sans-serif ;
	*font-size:small;
	*font:x-small;
	font/*\**/: 15px/1.7\9;
	vertical-align:baseline;
	font-style: normal;
	letter-spacing: normal;
	color: #100e0e;
	background: #FFF;
	}



/* リンク指定
----------------------------------------------- */
a:link {color: #100e0e; text-decoration: none;}
a:visited {color: #100e0e;text-decoration: none;}
a:hover {color: #e60038; text-decoration: underline;}
a img{ border: none;}
.new{font-family: 'Fjalla One', sans-serif; font-size: 11px; color: #E12499;}
.todetail{ text-align: right; padding: 3px}
img{ max-width: 100%; height: auto;}
.maker-red,.makerToRight{padding-bottom: 0.3em;background: /*linear-gradient(to right, transparent 5% , #fd5d96 100%) linear-gradient(to right, #ff9cd3,#ff549b)*/; font-weight: bold;}

.btn2{ margin: 1.0em auto; padding: 0;  }
span.genteijoho{ font-size: 15px; color: #e60038; margin: 0 0 0 0; display: block; position: relative; text-align: right; width: 450px;padding: 0 0 18px; transform: rotate(12deg); }
.cont-open{display: none;}

.linkopen2::after{ content: "\f10d";font-family: foundation-icons; padding: 0 0 0 0.3em;}
.linkopen2.open::after{content: "\f217";font-family: foundation-icons; }


/**/
.navbar-u18{ background: #e60038; opacity: 1.0; margin: 0; color: #FFF; font-family:'Secular One', sans-serif; text-align: center; font-size: 1.5em; line-height: 1.1em;  }
.navbar-u18 a:link{color: #FFF;padding: 12px 0; }
.navbar-u18 a:visited{color: #FFF; }
.nav-pills>li>a:hover{ background: #ea3360;  }
.nav-pills>li>a:active{ background: none;  }
.nav-pills>li>a{ border-radius: 0;}
.navbar-u18 .nav-pills>li{opacity: 1;}
.navbar-fixed-top,.nav,.navbar{ font-weight: normal; font-style: normal; border: none;-webkit-font-smoothing: antialiased;border-radius: 0;left: 0px;}
.navbar-toggle .icon-bar{ background: #FFF;}
header{ min-height: 800px;width: 100%; position: relative; }

#mainvisual{ position: fixed; z-index: -100;width: 100%; min-height: 800px;background: url(../img/2024/mainv_pc.jpg) no-repeat top center ; background-size: cover;}
#mainvisual::before{ }
#mainvisual img{ width: 100%; height: auto;}



/*header hero */
.navbar-header .btn-entry{ display: none;}
header .info{ position: absolute; width: 90%; top:24px; left: 5%;}
header .info .hashtag{ display: flex; justify-content: flex-start; color: #e60038;}
header .info .hashtag li{ list-style: none; margin: 0 1.0em 0 0; font-size: 16px;}
header .info .hashtag span{ background: #FFF; padding: 0.3em;}
header .info .date{font-family:'Secular One', sans-serif; color: #FFF; font-size: 4.0rem;}
header .maincopy{position: absolute; width: 90%; top:320px; left: 5%; }
header .maincopy .logo{width: 300px;}
header .maincopy h1{font-size: 40px; font-weight: 600; color: #FFF; margin: 24px 0 36px;}
header .maincopy .top-copy{color: #FFF; font-size: 20px; font-weight: 600; margin: 18px 0 48px; line-height: 1.4em;}
header .maincopy .btn{font-weight: 600; font-size: 2.8rem; padding: 0; }
header .maincopy .btn a:link, header .maincopy .btn a:visited{ display: inline-block; background: #e60038; color: #FFF; text-decoration: none; padding: 0.3em 0.8em;}


/**/
#top-lead{  text-align: left; padding: 0 auto;background: #FFF; clear: both; color: #0c0003;  /* background: url(../img/2018/logo_bg.png) center center no-repeat #FFF;*/ }
#top-lead h1,#top-lead h2,#top-lead p{font-weight: bold; padding: 0.5em;}
#top-lead h1{ font-size: 2.4em;}
#top-lead h2{padding: 0; }
#top-lead p{margin: 0 1.0em 1.0em; line-height: 1.8em; font-size: 1.46em; }
.topleadcont{padding: 80px 0 90px 0; margin: 0 0 10px 0 ;/*background: url(../img/2018/bigarrow.png) right center no-repeat;*/}
.bigarrow{ float: right; margin: 160px 0 0 0; }

/*nav*/
.navbar{ min-height: inherit;}
.nav>li>a{ padding: 0;}
.content{ max-width: 1200px; width: 100%; margin: auto;}
.leftconts{ width: 55%; float: left}
.rightconts{width: 50%; float:right}
h2.title,h3.subtitle{color: #e60038; margin: 0; line-height: 0.9em;font-feature-settings : "palt";}
h2.title{font-size: 8.6em;font-family:'Secular One', sans-serif; margin:60px 0 0; }
h3.subtitle{ font-size: 1.8em;font-family:'Secular One', sans-serif;margin:0 0 40px;}
h3.subtitle.jp{ font-size: 1.8em;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"ＭＳ ゴシック", "Osaka", sans-serif ;font-weight: bold;}


.u18red{ overflow: hidden;margin: 0 0 24px;padding: 40px 0;  background: #e60038; position: relative;}
.u18pink{margin: 0 0 24px;padding: 40px 0; background: #f6d2e3;position: relative;}
.box-tilte-right{transform:skew(0deg, -3deg); }
.box-untitle-right{transform:skew(0deg, 3deg);}
.box-tilte-left{transform:skew(0deg, 3deg); width: 100%;}
.box-untitle-left{transform:skew(0deg, -3deg);}
h4.largetype{ font-size: 4.0em;font-weight: bold; font-feature-settings : "palt"; margin-bottom: 0.8em;line-height: 1.1em;}
.typered{color: #e60038; }
.typebgred span{background: #e60038; color: #FFF;}
.typewhite{color: #FFF; }
.typebgwhite span{background: #FFF; color: #e60038;}


.section-lead{ font-size: 1.1em; }
.visible-l-block{display:block;}
.visible-s-block{ display: none;}
.visible-xxs-block{ display: none;}
#top-lead .socialicon a .fa,#archive20 .socialicon a .fa{color:#e60038; font-size: 2.0em; padding: 0 0.8rem 0 0}

/**/
#whatis{ background: url(../img/2023/what-bg.jpg) no-repeat fixed center center; background-size: cover; overflow: hidden; padding: 120px 0; color: #FFFFFF; min-height: 800px;}
#whatis h3{ color: #FFF; font-size: 4.0em; margin: 300px 0 0 0; }
#whatis p{  font-size: 1.46em; line-height: 1.8em; margin: 1.8em 0 0 0; font-weight: bold;}
/*#whatis .whatiscontent{ margin: 2.0em auto; font-weight: bold; font-size: 1.2em;}
#whatis .whatiscontent p{ margin: 0 5% 1.6em;}
#whatis .whatiscontent .graphic-right{ float: right; width: 60%; text-align: center;margin: 0 -5% 0 0; z-index: -1; position: relative; }
#whatis .graphic-right img{ width: 90%; margin: auto; }*/

#feature20{background: #FFFFFF;  overflow: hidden; color: #FFF;padding: 0 0 60px; margin: -10px 0 0 0; }
#feature20 p{ font-size: 1.4em; margin: 0 0 2.0em 0;}
#feature20 .leftconts{ width: 50%; float: left; margin: 0 0 0 0;}
#feature20 .rightconts{width: 49%; float: right; margin: 0 0 0 1%;}
#feature20 .leftconts .leftconts-in{ max-width: 600px; float: right; margin: 2.0em 0 2.0em 2%; }
#feature20 .rightconts .rightconts-in{ max-width: 600px; float: left; margin: 2.0em 2% 2.0em 0 }
#feature20 .points{ font-size: 28.0em; opacity: 0.6; text-align: center; margin: 0 0 0 0.3em; line-height:0.9em;font-family: 'Pattaya', sans-serif;}
 #feature20 .photo img{width: 600px; }
#feature20 .photoright{ float: right; margin: 0 0 60px 60px;}
#feature20 .photoleft{ float: left;}
#feature20 .in-content{ display: flex; justify-content: space-around; flex-wrap: wrap;}
#feature20 .in-content li{width: 100%; margin-bottom: 80px;}
#feature20 .in-content li h4{font-size: 2.3vw; margin: 0 0 5.0rem 0; font-weight: bold; line-height: 1.2em;}

#feature20 .btn2{text-align: center}
#feature20 .btn2 a:link,#feature20 .btn2 a:visited{background: #FFF; color:#e60038; padding: 0.3em 1.0em; display: inline-block; width: 18.0em;min-width: 16.0em; max-width: 80%;  text-decoration: none; font-weight: bold; font-size: 18px;}
#feature20 .btn2 a:hover{text-decoration: none;background: #ff73b9; border-color: #ff73b9; color: #FFF;}
#feature20 .each-day-list{}
#feature20 .each-day-list >  li h2{  font-family:'Secular One', sans-serif; font-size: 60px; }
#feature20 .each-day-list >  li .date-content{border: 8px solid #FFF; padding: 6.0em 5%;}
#feature20 .each-day-list >  li h3{ text-align: center; font-size: 36px; font-weight: bold;margin: 0 0 1.0em;    }
#feature20 .each-day-list >  li h3 span{background: #FFF; color:#e60038; padding: 0.3em 0.6em}
#feature20 .each-day-list >  li h4{ text-align: center; margin: 1.0em auto;font-size:24px; font-weight: bold; }
#feature20 .each-day-list >  li ul{ display: flex; justify-content: space-around; }
#feature20 .each-day-list >  li ul li{width: 40%; padding: 0 2%; text-align: center}
#feature20 .each-day-list >  li ul li img{ width: 60%; border-radius: 50%;}
#feature20 .each-day-list >  li ul li h5{ font-weight: bold; font-size: 1.8rem;margin: 0.6em 0 0 0;}
#feature20 .each-day-list >  li ul li p{font-size: 1.6rem;text-align: left;margin: 1.0em 0 0 0;}
#feature20 .each-day-list >  li {margin: 0 0 80px 0;}
#feature20 .each-day-list >  li  .arrow{width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent; border-top: 30px solid #FFF;margin: 30px auto;}

#u18contents{ position: relative; top: -40px; }
#u18contents .content,#u18contents  h2.title, #u18contents  h3.subtitle{ color:#FFFFFF; }
#u18contents .content p{font-size: 1.4em; margin: 0 0 2.0em 0;}
#u18contents .u18content-photo-area{ background: url(../img/2021/contents-photo.jpg) no-repeat right center;background-size: cover; background-attachment: fixed; width: 100%; height: 580px; position: relative; top: -40px; margin-bottom: -40px;}
/*#u18contents .days,#u18special .days{font-family: 'Roboto', sans-serif; font-size: 7.0em; text-align: right; color: #FFF; position: relative; bottom: 0.8em; }*/
#u18contents h4{font-family: 'Roboto', sans-serif; font-size: 4.0rem; }
#u18contents  li.days{ font-size: 2.0rem; margin: 0 0 2.0em 0;}
#u18contents  li.days p{ font-size: 1.8rem; margin: 0 0 2.0em 0; line-height: 1.6em;}
#u18contents  li.days p span{ font-size: 2.0rem; font-weight: bold; }
/*#u18contents .agenda22{ margin: 8rem 0 0 0;}
#u18contents .agenda22 h3{font-family: 'Roboto', sans-serif; font-size: 7.0rem; }
#u18contents .agenda22 h4{font-family: 'Roboto', sans-serif; font-size: 7.0rem; }
#u18contents .agenda22 ul{ display: flex;justify-content:space-between; flex-wrap: wrap; margin: 8.0rem 0;}
#u18contents .agenda22 ul li{width: 28%;margin-bottom: 4.0rem;}
#u18contents .agenda22 ul li:last-child::after{display: block; width: 28%; content: "";}
#u18contents .agenda22 ul li h5{font-size: 3.2rem; font-weight: bold;font-feature-settings: "palt"; height: 2.2em; color: #e60038;}
#u18contents .agenda22 ul li h5 span{background: #FFF; ; }
#u18contents .agenda22 ul li .cont2{}
#u18contents .agenda22 ul li .profile-photo{text-align: center; margin: 1.8rem 0}
#u18contents .agenda22 ul li .thum{ max-width: 240px; max-height: 240px; width: 80%; height: auto;  border-radius: 50%;}
#u18contents .agenda22 ul li .title{font-size: 1.3rem;}
#u18contents .agenda22 ul li .name{font-size: 2.8rem;font-weight: bold;}
#u18contents .agenda22 ul li .summary{font-size: 1.6rem;margin: 0 0 0.8em;}
#u18contents .agenda22 ul li .link{}
#u18contents .agenda22 ul li .link a{color: #FFF; font-size: 1.4rem; }
#u18contents .agenda22 ul li .link a:before{ content: "\f0c1";font-family: FontAwesome;padding-right: 0.3em; font-size: 13px;}*/
#u18contents .content p.interview {margin: 0;}
#u18contents .content p.interview a{color: #FFF; font-size: 1.4rem;}
#u18contents .content p.interview:before{ content: "\f0e6";font-family: FontAwesome;padding-right: 0.3em; font-size: 13px;}
#u18special .days{color: #e60038;bottom: -0.8em; }

#u18special{ overflow: hidden; padding: 0 0 60px; margin: -80px 0 0 0; }
#u18special .content p{font-size: 1.4em; margin: 0 0 2.0em 0;}
#u18special .u18content-photo-area{ background: url(../img/2022/special-photo2.jpg) no-repeat center center;background-size: cover; background-attachment: fixed; width: 100%; height: 600px; position: relative; top: 60px; margin : 80px 0;}
#u18special .day-content{ font-size: 2.0rem;}

#guest20{ background: #FFFFFF;  overflow: hidden; margin: -120px 0 -120px 0; padding: 120px 0 120px 0;}
.guestlist{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 60px 0 ;}
.guestlist li{ width: 30%; margin: 0 1.5% 4.0em; border: 4px solid #e0e4e3; padding: 2.0em 4% 4.0em; position: relative;}
.guestlist li::before{ position: absolute; width: 20px; height: 256px; background: #e60038; left: 0; top: 0; display: block; z-index: 100; }
.guestlist li .profile-photo{ text-align: center; margin: 1.0em auto}
.guestlist li .profile-photo img{ width: 240px; height: auto; border-radius: 50%;}
.guestlist li h4{ font-size: 1.6em; font-weight: bold;  font-feature-settings : "palt"; margin: 0em 0 1.0em 0; max-height: 5.4em;}
.guestlist li h5{ max-width: 244px; display: block; margin: auto auto 2.0em; font-size: 0.9em; font-weight: bold; line-height: 1.6em;}
.guestlist li h5 .name{ font-size: 1.6em; padding-bottom: 0.3em;}
.guestlist li h5 .name.comingsoon{font-size: 3.5rem;}
.guestlist .event{ text-align: center; font-feature-settings : "palt"; color: #e60038; font-size: 1.2em; font-weight: bold; font-family: 'Roboto', sans-serif;  margin: 1.6em 0 0; line-height: 1.3em;}
.guestlist li .profile-text{ font-size: 1.0em; font-weight: bold;}
.guestlist .next-text{display: none; font-weight: normal;}
	.guestlist .linkopen{ padding: 1.0em 0 0 0; display: block;}
	.guestlist .linkopen::after{ content: "\f10d";font-family: foundation-icons; padding: 0 0 0 0.3em;}
	.guestlist .linkopen.u18close::after{content: "\f217";font-family: foundation-icons; }
	.guestlist .link{ word-break: break-all; line-height: 1.0em; font-size: 0.9em;}


.guestlist .linkopen{ /*display: none; */font-size: 0.9em;}
.guestlist .link{ margin: 1.0em 0;}
.guestlist .link a:before{ content: "\f0c1";font-family: FontAwesome;color: #e60038; padding-right: 0.3em;}

#scholarship23{padding: 60px 0;}
#scholarship23 p{ font-size: 1.2em; font-weight: bold; margin: 0 0 1.0em 0; line-height: 2.0em}
#scholarship23 p:first-of-type{margin-top: 60px; }

#mission20{ background: #FFFFFF; color:#FFFFFF; overflow: hidden; padding: 0 0 120px}

#scholarship23{background: #FFFFFF;}

#mission20 .content p{ font-size: 1.1em; margin: 2.0em 0;}
.theme-index{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.theme-index li{ width: 33.333%}
.theme-index li img{ width: 100%; height: auto;}
.theme-index li.grayout img{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.5;}
.themeinfo{ position: relative;}
.themeinfo ul{ display: flex; margin: 1.0em 0; }
.themeinfo .space-p{ width: 30%}
.themeinfo .comignsoon{ }
.themeinfo .comignsoon::before{ position: absolute;  width: 100%; height: calc(100%  - 1.0em);  z-index: 100; background: rgba(91, 0, 0, 0.9); display: block; content: ""; }
.themeinfo .space-cont{ width: 70%; background: #FFF; padding: 3.0em 5%; color: #100e0e}
.themeinfo .profile-photo { float: left; margin: 0 2.0em 0 0;}
.themeinfo .profile-photo img{ width: 210px; height: auto; border-radius: 50%;}
.themeinfo .profile-cont{ overflow: hidden}
.themeinfo  #theme-education{ background: url(../img/2018/theme-education-01.jpg) no-repeat; background-size: cover;}
.themeinfo  #theme-contribution{background: url(../img/2019/theme-main-contribution.jpg) no-repeat; background-size: cover;}
/*.themeinfo  #theme-sustainable{background: url(../img/2020/theme-main-sustainable.jpg) no-repeat right center; background-size: cover;}
/**
.themeinfo  #theme-global{background: url(../img/2018/theme-main-global.jpg) no-repeat; background-size: cover;}
.themeinfo  #theme-education2{ background: url(../img/2018/theme-main-education2.jpg) no-repeat; background-size: cover;}
**/
.themeinfo  #theme-local{background: url(../img/2020/theme-main-local.jpg) no-repeat left center; background-size: cover;}
.themeinfo  #theme-altcity{background: url(../img/2018/theme-main-altcity.jpg) no-repeat right center; background-size: cover;}
.themeinfo  #theme-money{background: url(../img/2018/theme-main-money.jpg) no-repeat; background-size: cover;}
.themeinfo  #theme-technology{ background: url(../img/2020/theme-main-tech.jpg) no-repeat; background-size: cover;}
.themeinfo  #theme-environmental{ background: url(../img/2020/theme-main-environmental.jpg) no-repeat; background-size: cover;}
.themeinfo  #theme-sustainable{ background: url(../img/2021/theme-main-sustainble.jpg) no-repeat center bottom; background-size: cover;}
.themeinfo  #theme-medical{ background: url(../img/2021/theme-main-medical.jpg) no-repeat; background-size: cover;}

.themeinfo .profile-cont h4{ font-size: 2.4em; font-weight: bold; margin: 0 0 0.6em 0;}
.themeinfo .profile-cont h5{font-size: 2.4em; font-weight: bold; }
.themeinfo .profile-cont h5 .uji{font-size: 0.4em; }
.themeinfo .profile-cont  .jobtitle{font-size:1.1em ;font-weight: bold; }
.themeinfo .profile-cont .url{ margin: 0.8em 0 1.2em;}
.themeinfo .profile-cont .url a::before{ content: url(../img/2018/arrow-icon.png); padding: 0 0.2em 0 0;}
.themeinfo .profile-cont .url a{ text-decoration: underline; color:#e60038; }
.themeinfo .profile-cont .profiletext{font-size: 0.9em;}
.themeinfo .profile-cont .message{ margin: 2.0em 0; font-size: 1.1em;}
.themeinfo .profile-cont .message::before{ content: "MESSAGE"; font-size: 1.2em;font-family:'Secular One', sans-serif; display: block;color:#e60038;}


#outline20{ background: #FFFFFF;  overflow: hidden; padding: 0 0 60px}
#outline20 table{ font-size: 1.2em; }
#outline20 table th,#outline20 table td{ padding: 0.6em 0.6em 1.2em 0.6em; vertical-align: top;}
#outline20 table th{ white-space: nowrap; padding-right: 6.0em}
#outline20 .outline-bottom{ height: 10.0em;background: url(../img/2018/outlinebottom.jpg) no-repeat; background-size: cover; margin: 60px 0 0;}
#outline20 p{ margin-bottom: 1.3em}
#outline20 .next-text{display: none;}
#outline20 .linkopen::after{ content: "\f10d";font-family: foundation-icons; padding: 0 0 0 0.3em;}
#outline20 .linkopen.u18close::after{content: "\f217";font-family: foundation-icons; }


#folowup18 { background: #FFFFFF;  overflow: hidden; padding: 0 0 60px}
#folowup18 p{font-size: 1.1em; margin: 2.0em 0;}
#folowup18 ul.scholarshipindex{ display: flex; flex-wrap: wrap; justify-content: left; margin: 3.0em 2%; 0 ; width: 50%; float: right; }
#folowup18 ul.scholarshipindex li{ width: 28%; text-align: center; margin: 0 2% 2.0em;}
#folowup18 ul.scholarshipindex li img{ border-radius: 50%; margin: 0 2%;}
#folowup18 h4{ font-weight: bold; font-size: 2.4em;font-feature-settings : "palt";}
#folowup18 h5{ font-weight: bold; font-size: 1.0em;}
#folowup18 ul.scholarshipindex li p{ line-height: 1.2em; margin: 0.6em 0 0 0; font-size: 0.9em;}
#folowup18 .profile-photo img{ width: 250px; height: auto; border-radius: 50%; }
#folowup18 .name{ font-weight: bold; font-size:1.0em;}

#people23{ background: /*url(../img/2023/mainv_pc.jpg) no-repeat right -500px top*/ #040000; overflow: hidden; padding: 60px 0 60px;color: #FFF; min-height: 800px; position: relative;}
#people23 h2.title, #people23 h3.subtitle{color: #FFF;}
#people23  .summary{font-size: 2.0rem; font-weight: bold; margin: 60px 0 40px 0}

#people23 .section-lead{ color: #FFF;}
#people23 .interview-cont{  padding: 4.0em 0; margin: 1.0em 0 60px;}
#people23 .u18red{ margin: -2.0em 0 0 0; padding: 60px 0; }
#people23 .interview-cont ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 80px 0 0 0;}
#people23 .interview-cont ul li{ width: 44%; padding-bottom: 2.0em;color: #FFF; margin: 0 3% 2.0em;}
#people23 .interview-cont a:link,#people23 .interview-cont a:hover,#people23 .interview-cont a:visited,{color: #FFF;}
#people23 .interview-cont .btn2{text-align: center;}
#people23 .profile-photo{ float: left; margin: 0 1.0em 0 0; }
#people23 .profile-photo img{width: 177px; height: auto; border-radius: 50%; }
#people23 h4{ font-size: 1.8em; font-weight: bold; margin: 0.8em 0 0.8em 0;}
#people23 h4 .san{ font-size: 0.6em;}
#people23 h4 .area{ font-size: 0.6em; padding: 0 0 0 1.0em;}
#people23 .linktopage { margin: 1.0em 0 0; font-weight: bold; }
#people23 a:link,#people23 a:visited{color: #FFF; }
#people23 .interview-cont .menber-title{ font-size: 0.9em;}
#people23 .copy{ font-weight: normal; font-size: 1.0em; line-height: 1.3em;}
#people23 .copy a{ font-weight: bold; font-size: 1.0em; padding: 1.0em 0 0 0; display: inline-block;}
#people23 .interview-cont .cont{display: none; }
#people23 .btn-2{text-align: center;}

#archive20{padding: 0 0 60px}
#archive20 .archive-img{display: flex; justify-content: space-between;margin: 2.0rem 0; }
#archive20 .archive-img li{width: 45%;}
#archive20 .archive-img li img{width:100%; height: auto}
#archive20 .archive-img li p{}

#faq20{ background: #FFFFFF;  overflow: hidden; padding: 0 0 60px}
.faq20-cont{ background: url(../img/2020/faqbg.jpg) no-repeat fixed center center;  background-size: cover; margin: 60px 0 0; padding: 60px 0; color: #FFF; }
.faq20-cont .question{ padding: 0 0 0 2.8em; margin: 0 0 0.6em 0; min-height: 48px; background: url(../img/2018/icon-q.png) no-repeat left top;}
.faq20-cont .answer{padding: 0 0 0 2.8em;min-height: 48px;background: url(../img/2018/icon-a.png) no-repeat left top;}
.faq20-cont .question a:link,.faq20-cont .question a:visited,.faq20-cont .question a:hover{ color: #FFF; text-decoration: none;}
.faq20-cont h4{ font-size: 1.5em; font-weight: bold; margin: 0.2em 0 0.6em}
.faq20-cont > ul{ margin: 0 0 3.0em 0;}
.faq20-cont ul li{ font-size: 1.2em; margin: 0 0 2.0em 0;}
.faq20-cont .indent li{ font-size: 1.0em; margin: 0 0 0 4.0em; list-style: circle;}


#organize20{ background: #FFFFFF;  overflow: hidden; padding: 0 0 60px}
#organize20 p{ font-size: 1.2em; font-weight: bold; line-height: 1.8em; margin: 0 0 1.6em 0;}
#organize20 h4{ font-size: 2.0em;font-weight: bold; margin: 2.0em 0 0.8em; }
#organize20 h5{ font-size: 1.6em;font-weight: bold; margin: 1.0em 0 0.8em;  font-feature-settings : 'palt'; }
#organize20 h5 span{border-bottom: 1px solid #000;}
#organize20 .caution{font-size: 0.8em; font-weight: normal;}
#organize20  .contactinfo{ color: #100e0e; margin: 2.0em 0; font-size: 0.8em; font-weight: normal}
#organize20  .socialicon{ font-size: 48px; text-align: left}
#organize20  .socialicon a{color: #e60038; }
#organize20 .logo{height: 50px;}

footer > ul{display: flex; flex-wrap: nowrap;}
footer ul li.leftside{ width: 40%; background: #e60038;  padding: 5.0em 2.0em 3.0em 3% ;color: #FFF;position: relative; }
footer ul li.rightside{width: 30%;background: #eeeeee;padding: 5.0em 3% 3.0em 4.0em ;  color: #100e0e;}
footer ul li.rightside2{width: 30%;background: #eeeeee;padding: 5.0em 3% 3.0em 4.0em ;  color: #100e0e;}
footer ul li.leftside .footerlogo{ margin: 0 0 4.0em 0;}
footer ul li.leftside .officeinfo{ font-size: 0.8em; position: absolute; bottom: 20px; }
footer ul li.leftside .officeinfo .socialicon{ display: flex;justify-content: flex-start; margin: 1.0em 0 0 0;}
footer ul li.leftside .officeinfo .socialicon li{ padding-right: 1.0em;}
footer ul li.leftside .officeinfo i{ font-size:36px;  }
footer ul li.leftside .officeinfo .socialicon svg{ width: 32px; fill:#FFF;}
footer .socialicon a:link,footer .socialicon a:visited,footer .socialicon a:hover{color: #FFF;}
footer  .rightside2 img{ height: 30px; width: auto;}
footer  .rightside2 ul li{ margin-bottom: 3.0em;}
footer .copyright{ background:#100e0e; color: #FFF; font-size: 0.8em; font-weight: normal; padding: 0.4em 2.0em }


.sectionpageback{width: 100%; padding: 80px 0 120px; clear: both;}
.blocktitle {color: #e60038}
h2.blocktitle{ font-family: 'Secular One', sans-serif; font-size: 11.0rem; letter-spacing: -0.05em; margin-bottom: 0.1em;}
h3.blocktitle{ font-weight: bold; font-size: 2.0rem; margin-bottom: 70px;}
h4.blocktitle{font-style: normal;font-weight: bold; font-size: 2.2rem; color: #FFF; text-align: center; line-height: 1.3em}

#mailnews .container{ }
#mailnews .container .lead{ max-width: 728px; margin: auto;font-size: 1.2em; font-weight: bold;}
#mailnews .briefing_td_subhead{ white-space: nowrap;}

.lead{}
.lead .caution{ font-weight: bold; color: #e60038;}



/*事前登録フォーム*/
.briefing_table{ margin-bottom: 2.0em; font-size: 1.2em;}
.briefing_td_subhead{ font-weight: bold;  padding: 0.8em 2.0em 0.8em 0; vertical-align: top; width: 20.0em}
.briefing_td_content{padding: 0.4em 0 1.6em; vertical-align: top; }
.end-message{font-size: 2.8em; font-weight: bold; color: #e60038; margin-bottom: 2.0em;font-feature-settings : 'palt'; line-height: 1.2em;}

#entry{ text-align: center; color: #ff017f; font-weight: bold; font-size: 1.6em; padding: 80px 0 1.0em; max-width: 100%;}
.btn-primary{background: #e60038; border-color: #ff017f; font-weight: bold;font-size: 2.0rem; min-width: 16.0em; max-width: 80%; }
.btn-primary:link{color: #FFFFFF;}
.btn-primary:hover{background: #ff73b9; border-color: #ff73b9;}
.btn-primary:visited{color: #FFFFFF;}
.btn-lg{ padding: 16px 80px;}
.entry-caution{ margin: 1.0em auto 5.0em; text-align: center;}

#entryform{padding: 80px 0 1.0em; }
/*#entryform br{ line-height: 4.0em;}*/
#entryform input{ margin: 0; }
#entryform input::-webkit-input-placeholder {color:#DDD; padding: 0.2em;}
#entryform input:-moz-placeholder {color:#DDD;padding: 0.2em;}
#entryform input.form200[type=text]{ width: 8.0em;}
#entryform input.form300[type=text]{ width: 18.0em;}
#entryform input,#entryform textarea{  font-size: 16px; padding: 0.3em 0.6em; max-width: 100%; border: 1px solid #DDD; line-height: 1.3em; }
#entryform textarea{width: 30.0em; height: 10.0em;}
#entryform select{ cursor: pointer;position: relative; width: 18.0em;  padding: 0.3em 0.6em; border: solid 1px #DDD;}
#entryform .btn-primary{ padding: 1.0em 4.0em; max-width: 100%;}

.checkbox input[type=checkbox]{ position: relative; margin: 0 0 0 0;}
.chkselect{border: 1px solid #DDD;padding: 0.3em 0.6em;background: #FFF;border-radius: 0;line-height: 1.0em;}

 .form200{ width: 10em;}
 .form300{ width: 70%; display: block;}
.onlymobile{ display: none;}
#entryform .caution{ font-size: 0.9em;}
#entryform a:link,#entryform a:visited{ text-decoration: underline; color:#e60038; }


#preevent{ margin: 0 0 5.0em;}
#preevent p{ margin: 0 2.0em; font-weight: bold;}
h4.special{ color: #FFF; font-family: 'Fjalla One', sans-serif; font-size: 6.0rem; letter-spacing: -0.05em; text-align: center; padding: 0; margin: 2.0em auto 0.3em;  }
h4.special .bg{background: #ff017f;padding: 0 1.0em;}
h5.special-sub{text-align: center; font-family: "a-otf-futo-go-b101-pr6n",sans-serif;font-style: normal;font-weight: bold; font-size: 2.6rem; margin-bottom: 1.2em; }

.bgred{color: #FFF; background: #e60038;}
.thanks-footer-info{font-size: 1.2em; font-weight: bold;margin-top: 10.0em;}
.thanks-footer-info h5{font-size: 1.2em; margin: 1.8em 0 0.3em;font-weight: bold;}
.thanks-footer-info .socialicon{ margin: 2.0em 0;}
.thanks-footer-info .socialicon a{ color: #e60038;}

/*インタビュー*/
header.interview-head{ background: linear-gradient(183deg, #f4b2cf, #f8e4ef); min-height: 300px; padding: 18px 0;}
header.interview-head .content{background: url(../img/2018/logo2_bg.png) no-repeat right center; margin: 0 auto}
header.interview-head h1,.interview h2{font-feature-settings : "palt"; line-height: 1.2em;}
header.interview-head h1{color: #e60038; font-size: 3.2em;font-family:'Secular One', sans-serif; padding: 20px 0 8px 0}
header.interview-head h2{ font-weight: bold; font-size: 3.0em; margin: 0.2em auto 0.2em;float: left}
header.interview-head h2 .san{font-size: 0.6em; padding: 0 0.3em 0 0;}
header.interview-head h3{font-size: 1.1em;float: left;clear: both}
header.interview-head .profile{}
header.interview-head .profile img{ border-radius: 50%; width: 115px; height: auto;}
#interview-detail{ margin: 120px 0;}
#interview-detail h1{font-feature-settings : "palt"; font-weight: bold; font-size: 3.4em; margin-bottom: 2.0em }

.contents-qa{ margin: 3.0em 0;}
.contents-qa p{ margin: 0 2% 3.0rem;}
.contents-qa  .photo-r{ float: right; font-size: 0.9em; margin: 0 0 0 1.6em; width: 36%;}
.contents-qa  .photo-r img{ width: 100%; height: auto;}
.contents-qa .question{color: #e60038;font-size: 1.6em;font-weight: bold; background: url(../img/2018/icon_q_large.png) no-repeat left top; padding: 0 0 0 8.0rem; min-height: 2.4em;}
.contents-qa .answer{font-size: 1.1em; margin-bottom: 6.0em;background: url(../img/2018/icon_a_large.png) no-repeat left top; padding: 0 0 0 8.0rem; min-height: 2.0em;}
#interview-profile{ color: #FFF;padding: 3.0em 0 6.0em; margin: 6.0em 0; }
#interview-profile .content{ max-width: 1000px; }
#interview-profile .profile{ float: left; margin: 0 2.0em 0 0 }
#interview-profile .profile img{ width: 180px;height: auto; border-radius: 50%; }
#interview-profile .profile-cont-left{ overflow: hidden }
#interview-profile h2{font-size: 3.0em;font-weight: bold;font-family:'Secular One', sans-serif; font-feature-settings : "palt"; margin: 0 0 0 0.3em}
#interview-profile h3{font-size: 2.0em;font-weight: bold;}
#interview-profile h3 .san{font-size: 0.6em;}
#interview-profile h4{font-size: 0.9em; margin-bottom: 2.0em}
#interview-profile h3 .socialicon{ padding: 0 0 0 0.2em}
#interview-profile h3 .socialicon a{ color: #FFF;}
#interview-profile ul{margin: 2.0em 0 0;}
#interview-profile ul:before{ content: "LINK"; font-size:1.4em;font-weight: bold;font-family:'Secular One', sans-serif; font-feature-settings : "palt"; }
#interview-profile ul li a{ color: #FFF;}
#interview-profile ul li a:before{content: "\f101";font-family: FontAwesome; padding: 0 0.2em 0 0 }
#interview-profile .link{ margin: 1.0em 0;}
#interview-profile .link a{ color: #FFF;}
#interview-profile .link a:before{ color: #FFF; padding-right: 0.3em;font-family: FontAwesome;}
#interview-profile .web a:before{ content: "\f0c1";}
#interview-profile .facebook a:before{ content: "\f082";}
#interview-profile .instagram a:before{ content: "\f16d";}
#interview-profile .twitter a:before{ content: "\f081";}


/**/
@media screen and (max-width : 992px){
	.nav li{ width: 24.0%; float: left;}
	#u18contents .u18content-photo-area{ background: none/* url(../img/2020/contents-photo.jpg) no-repeat right center*/; height: 440px; }
	#u18contents .u18content-photo-area::after{content:"";display:block;position:fixed;bottom:0;left:0;z-index:-1;width:100%;height:60vh;background:url(../img/2020/contents-photo.jpg) no-repeat right center;background-size:cover;}
	#u18special .u18content-photo-area{ background: none; height: 440px}
	#u18special .u18content-photo-area::after{content:"";display:block;position:fixed;bottom:0;left:0;z-index:-1;width:100%;height:60vh;background:url(../img/2022/special-photo2.jpg) no-repeat left -100px center;background-size:cover;}
	#faq .faq-cont{width: 90%; margin: auto;  }
}


/**/
@media screen and (max-width : 820px){
	img{ }
	div,section,article{}
	.visible-l-block{display:none;}
	.visible-s-block{ display: block;}
	/**/
	.btn2,#top-lead .btn2,#outline18 .btn2{ margin: 1.0em auto; padding: 0; text-align: center;}
	.btn-lg{ padding: 16px 1.0em;}
	span.genteijoho{ text-align: right; width:320px;padding: 0 0 18px; transform: rotate(8deg); }
	.socialicon{ text-align: center;}
	.u18red{ /*margin: -100px 0 24px;*/ padding: 100px 0; }
	header{ min-height: inherit;height: 90vh; background: #000; position: relative; z-index: 0; }
	.nav{ width: 80%; float: right}
	.navbar-header{ }
	.navbar-u18 a:link{}
	.navbar-header .btn-entry{ font-size: 11px; line-height: 1.0em; background: #FFF; font-weight: bold; display: inline-block; position: absolute; left: 5%; top: 12px; }
	.navbar-header .btn-entry:link,.navbar-header .btn-entry:visited{ text-decoration: none; color: #e60038; padding: 0.6em 0.8em; }
	#mainvisual{ height: 90vh; background: url(../img/2024/mainv_mobile.jpg) no-repeat top -20px left -24px #000; background-size: cover;}
	header .maincopy{ top:380px;}
	header .maincopy .logo{width: 240px;}
	header .maincopy h1{font-size: 30px; }
	header .info .hashtag li{ font-size: 11px;}
	header .info .date{font-size: 20px;}
	header .maincopy .btn{ font-size: 18px; padding: 0; text-align: center;}
	
	h4.largetype{ font-size: 3.2em;}
	
	#top-lead{ text-align: left; position: relative; background-size: contain;}
	#top-lead p{margin: 0 3%; line-height: 1.8em; font-size: 1.2em; }
	.topleadcont{padding: 80px 0 30px 0;}
	/*header,#top-lead,#whatis,#feature20 ,#guest18,#mission18,#outline18,#folowup18,#interview20,#faq20,#organize20{ display: none;}*/
	
	.bigarrow{ float: none; margin: 0 0 0 0;  position: fixed; top:30vh;z-index: -101;}
	
	h2.title{font-size: 11.7vw;margin:60px 0 0; }
	h3.subtitle{ font-size: 4.2vw;margin:0 0 40px;}
	h3.subtitle.jp{ font-size: 1.2em;}
	
	#whatis .whatiscontent .graphic-right{ float: none; margin: 0 auto 2.0em;  }
	#top-lead .content,#whatis .content,#feature20 .content,#feature20 .content,#u18contents .content,#u18special .content,#guest20 .content,#mission18 .content,#outline20 .content,#folowup20.content,#interview20 .content, #archive20 .content, #faq20 .content, #organize20 .content,#scholarship23 .content,#people23 .content{ width: 96%; margin: auto; padding-bottom: 80px;}
	#whatis{ background: url(../img/2023/what-bg.jpg) no-repeat center right; background-size: auto; }
	#whatis .whatiscontent p{ margin:  0 8% 1.6em; line-height: 1.8em;}
	
	#feature20{ padding: 40px 0 ; position: relative; z-index: 1; background: #FFF;}
	#feature20 .u18red{padding: 60px 0 20px;}
	#feature20 p{ font-size: 1.32em;}
	#feature20 .leftconts,#feature20 .rightconts{ width: 100%; float:none; margin: 0;}
	#feature20 .leftconts .leftconts-in,#feature20 .rightconts .rightconts-in{ max-width: 96%; float: none; margin: 2.0em 2%; }
	#feature20 .photoright{ position: relative; z-index: -1;float: none; margin: 1.0em auto;}
	#feature20 .photoleft{float: none;}
	#feature20 .points1,#feature20 .points2{ position: relative; top: -40vh; height: 60vh; display: inline-block;}
	
	#feature20 .in-content{ display: block; justify-content: space-around;}
	#feature20 .in-content li{width: 100%; margin: 0 0 60px;}
	#feature20 .in-content li h4{font-size: 6.0vw; margin: 0 0 5.0rem 0; font-weight: bold; line-height: 1.2em;}

	#u18contents .u18content-photo-area,#u18special .u18content-photo-area{ background-attachment: inherit; height: 60vh; }
	#u18special .u18content-photo-area{margin : -100px 0 ;0}
	#u18contents .days,#u18special .days{font-size: 3.2em;line-height: 1.0em }
	#u18special .days{bottom: 0.8em; }
	#u18contents.u18red{margin: -60px 0 0 0; padding: 0 0 100px;}
	#u18contents .agenda22{ margin: 8rem 0 0 0;}
	
	#u18contents .agenda22 ul{ display: block;margin: 4.0rem 0;}
   #u18contents .agenda22 ul li{width: 90%;margin: 0 auto 6.0rem;}
   #u18contents .agenda22 ul li:last-child::after{display: none; width: 28%; content: "";}
   #u18contents .agenda22 ul li h5{ height: auto; font-size: 8.0vw }

	#guest20,#scholarship23,#outline20,#faq20,#organize20,footer{position: relative; z-index: 1; background: #FFF;}
	#guest20{margin: 0; padding:  0;}
	.guestlist li{ width: 48%; margin: 0 1% 3.0em;  padding: 2.0em 4% 2.0em;}
	.guestlist li h4{height: 3.2em; overflow: hidden; font-size: 1.6em;text-overflow: ellipsis;}
	.guestlist li h5{font-size: 0.76em;}
	.guestlist li h5 .name{ font-size: 1.7em;}
	.guestlist .next-text{display: none; font-weight: normal;}
	.guestlist .linkopen{ padding: 1.0em 0 0 0; display: block;}
	.guestlist .linkopen::after{ content: "\f10d";font-family: foundation-icons; padding: 0 0 0 0.3em;}
	.guestlist .linkopen.u18close::after{content: "\f217";font-family: foundation-icons; }
	.guestlist .link{ word-break: break-all; line-height: 1.0em; font-size: 0.9em; margin-top: 1.0em}
	
	#mission20 .content p{ margin: 2.0em 2%;}
	.theme-index li{ width: 100%}
	.themeinfo ul{ flex-wrap: wrap;}
	.themeinfo .space-p{ width: 100%; height: 20vh; }
	.themeinfo .space-cont{ width: 100%; }
	.themeinfo .profile-photo { float:none; margin: 0 auto ; text-align: center;}
	.themeinfo .profile-cont{ overflow: auto;}
	#outline20 table th{ background: #eee;}
	#outline20 table th,#outline20 table td{ display: block; padding: 0.4em 1.0em;}
	
	#folowup18 p{margin: 2.0em 2%;}
	#folowup18 ul li{ width: 100%; text-align: center; }
	#folowup18 ul.scholarshipindex{ width: 100%; float: none; }
	#folowup18 h4{ font-size: 1.7em;}
	#folowup18 h5{ font-size: 0.9em;}
	
	#interview20 .section-lead{ margin: 2.0em 2%;}
	#interview20 .interview-cont ul{ justify-content: space-between;}
	#interview20 .interview-cont ul li{ width: 40%; margin: 0 auto;}
	#interview20 .profile-photo{ float: none; margin: auto; text-align: center;}
	#interview20 h4{ font-size: 1.4em; }
	#interview20 h4 .area{ display: block; padding: 0;}
	#interview20 .interview-cont .menber-title{ font-size: 0.7em; margin-bottom: 1.0em;}
	#interview20 .copy{ line-height: 1.3em; margin-bottom: 1.0em; }
	
	#organize20 p{ font-size: 1.3em; margin: auto 2% 1.6em;}
	footer > ul{display: flex; flex-wrap: wrap;}
	footer ul li.leftside{ width: 100%;  padding: 5.0em 2% 1.0em ;}
	footer ul li.rightside,footer ul li.rightside2{ width: 100%;  padding: 1.0em 2% 1.0em ; }
	
	h2.blocktitle{  font-size: 9.0rem; }
	.f-left img{margin: 0 16px; display: inline; vertical-align: top;}
	.logo_makers{ display: inline; margin: auto; }
	
	
	/*事前登録フォーム*/
	.onlymobile{ display:block;  line-height: 4.0em; }
	.lead{line-height: 1.8em;}
	#entryform{padding: 80px 2% 1.0em; }
	#entryform h2{ font-size: 3.5em;}
	.briefing_table{ width: 100%;}
	.briefing_td_subhead{ display: block; padding-left: 0.4em; background: #EEE; width: 100%;}
	.briefing_td_content{display: block; width: 100%; padding: 0.8em 0 1.6em;}
	#entryform input,#entryform textarea{  font-size: 18px; padding: 0.1em; max-width: 100%;}
	#entryform textarea{width: 100%;}
	#entryform input.form200[type=text]{ width: calc(100% - 4.0em);}
	#entryform input.form300[type=text]{ width: calc(100% - 4.0em);}
	.form200{ width: 80%; }
	.form300{ width: 100%;display: block;}
	.form300::after{display: block; content: ""; height: 0; clear: both;}
	
	h4.special{ font-size: 5.5rem;}
	h4.special .bg{padding: 0 0.2em;}
	h5.special-sub{font-size: 2.4rem; }
	#preevent p{ margin: 0 0.3em; }
	
	/*インタビュー*/
	header.interview-head{ min-height: 20vh;height: 240px; padding: 0.4em 3%;}
	header.interview-head .content{background: url(../img/2018/logo2_bg.png) no-repeat right top 18px; background-size: 30%;}
	header.interview-head h3{font-size:0.9em; margin: 0 0 0.3em;}
	header.interview-head .profile img{ width: 90px;}
	#interview-detail{ margin: 40px 0;}
	#interview-detail h1{font-size: 2.8em; margin: 0 3% 2.0em }
	
	.contents-qa  .photo-r{ float: none;margin: 0.6em auto; text-align: center;}
	.contents-qa .question{font-size: 1.4em; line-height: 1.4em;}
	#interview-profile .profile{ float: none; margin: 0 auto; text-align: center; }
	#interview-profile .profile-cont-left{ width: 92%; margin: auto; }
	
}

@media screen and (max-width : 430px){
	.only-na-u420{display: none}
	.visible-xxs-block{ display: block;}
	.btn-lg{ padding: 16px 20px;}
	.nav{ width: 100%; float: none;}
	.nav li{ width: 48.0%; float: left; margin: 0 1%;}
	header.interview-head{ min-height: 20vh;height: 320px; }
	header.interview-head h1{ padding: 8px 0 0;}
	header.interview-head .content{background: url(../img/2018/logo2_bg.png) no-repeat right bottom; background-size: 60%;}
	#mainvisual{height: 100vh; background: url(../img/2024/mainv_mobile.jpg) no-repeat top -60px left -14px #000; background-size: cover;}
	header .maincopy{top:45vh; }
	header .maincopy h1{font-size:27.8px;margin-bottom: 3.0vh; }
	header .maincopy .top-copy{margin-bottom: 6.0vh;}
	
	.contents-qa .question,.contents-qa .answer{padding: 0 0 0 7.0rem}
	.content{word-break: break-all;}
	h2.title{font-size: 16.4vw;letter-spacing: -0.06em;}
	span.genteijoho{ text-align: center; width: 100%;padding: 0; transform: rotate(0deg); }
	
	#u18contents .agenda22 h3{font-family: 'Roboto', sans-serif; font-size: 14.4vw}
	#u18contents .agenda22 h4{font-weight: normal; line-height: 1.6em; font-size: 1.8rem;}
	.typebgwhite span{padding: 0; line-height: 1.0em;}
	#top-lead .container{padding: 0;}
	.topleadcont{padding: 40px 0 20px 0;}
	#feature20 p,#u18contents .content p,#u18special .content p{ font-size: 1.18em;}
	#whatis{}
	#whatis .whatiscontent p{ margin: 0 0 1.6em;}
	#whatis h3.subtitle{font-size: 3.4em;}
	#whatis .whatiscontent .graphic-right{  width: 100%;}
	#feature20 .content{ padding-bottom: 26px;}
	#feature20 .each-day-list >  li .date-content{border: 8px solid #FFF; padding: 3.0em 5%;}
	#feature20 .each-day-list >  li h2{ font-size: 56px}
	#feature20 .each-day-list >  li h3{ text-align: left; font-size: 28px}
	#feature20 .each-day-list > li h3 span{ padding: 0;}
	#feature20 .each-day-list >  li h4{ text-align: left; font-size: 22px }
	#feature20 .each-day-list >  li ul{flex-wrap: wrap}
	#feature20 .each-day-list >  li ul li{width: 90%; padding: 0 2%; margin-bottom: 30px }

	

	
	#feature20 .photoright{ float: none;}
	#guest20{margin: -80px 0 0 0;}
	#u18contents .days{ padding: 0 0 1.0em; bottom: 0;}
	#u18contents.u18red{margin: -20px 0 0 0; }
	#u18special .days{ padding: 0; bottom: -0.3em;}
	#u18special h4.largetype{ font-size: 2.49em;}
	.guestlist{display: block; }
	.guestlist li {padding: 1.0em 3% 1.0em; width: 100%; margin:auto auto 2.0em;}
	.guestlist li h4{font-size: 1.8rem;height:auto; margin-bottom: 1.6rem; }
	.guestlist li h5{overflow: hidden; max-width: none; margin-bottom: 0; }
	.guestlist li h4.l5{height: auto; }
	.guestlist li .profile-photo{ float: left; width: 25%; margin: 0 0.6rem 1.6rem 0;}
	.guestlist li .profile-photo img{ width: 90%;}
	.guestlist .event{font-size: 0.68em; }
	.guestlist .linkopen{text-align: right; margin: 0 1.5% 0 0;}
	.guestlist li .profile-text{ font-size: 0.86em; margin: 0 1.5% 1.0rem 0; }
	.guestlist li .profile-text .next-text{text-align: left; }
	.guestlist li .link{text-align: right; margin: 1.6em 1.5% 0 0;}
	
	.guestlist li h5 .name.comingsoon{font-size: 7.0vw; height: auto;}
	#outline20 table{ font-size: 1.0em; }
	
	.theme-index{ display: none;}
	.themeinfo .profile-cont h4{ margin-top: 0.4em;}
	.themeinfo .profile-cont h5{ margin-bottom: 0.3em}
	.themeinfo .profile-cont .jobtitle{ line-height: 1.3em;}
	#folowup18 ul.scholarshipindex li p{ font-size: 0.84em}
	#people23{ background: url(../img/2023/mainv_pc.jpg) no-repeat right -930px top #040000;  padding: 60px 0 0px;}
	#people23 .summary{margin: 000px 0 0 0;}
	#people23 .interview-cont{ padding-top: 0; margin-bottom: 0;}
	#people23 .interview-cont ul{margin: 00px 0 auto 0}
	#people23 .interview-cont ul li{ width: 40%; padding: 0 2%; margin: 0 5% 24px;}
	#people23 .profile-photo img{ width: auto; }
	#people23 .interview-cont h4{font-size: 1.3em; line-height: 0.8em;}
	#people23 .interview-cont .menber-title{line-height: 1.3em; }
	#people23 .interview-cont  .area{display: block; padding: 0;}
	#people23 .profile-photo{ float: none; text-align: center; margin: 0; padding: 0 1%;}
	#people23 .copy{line-height: 1.3em; margin: 1.0em 0 0 0;}
	#people23 .people-2{ margin: 0 0 1.8em;}
	#people23 .btn-lg{ padding: 16px 1.0em; font-size: 1.1em;}
	#scholarship23{padding-bottom: 0;}
	#interview20{ padding: 0;}
	#interview20 .u18red{ margin: -2.0em 0 -2.0em 0; padding: 0 0 60px 0;}
	#organize20 h4{font-size: 6.4vw; line-height: 2.0em;}
	#organize20 p{ font-size: 1.0em}
	#faq20 .content{ padding-bottom: 0;}
	.faq20-cont ul li{ font-size: 1.0em; }
	#faq20 .answer {display: none;}
	
	/*インタビュー*/
	.contents-qa .photo-r{ width: 100%;}
}

@media screen and (max-width : 420px)and (max-height: 620px) {
	#mainvisual{height: 100vh; background: url(../img/2024/mainv_mobile.jpg) no-repeat top -120px left -8px #000; background-size: cover;}
	header .maincopy{top:38vh; }
	header .maincopy h1{font-size:27.8px;margin-bottom: 2.0vh; }
	header .maincopy .top-copy{margin-bottom: 6.0vh;}

	
}