@charset "UTF-8";

html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body{
/*	-webkit-font-smoothing:antialiased;*/ 
	font-family: "Noto Sans JP", sans-serif;
	color: #333333;
	font-size:3.4vw;
	line-height:1.5;
	overflow:auto;
	margin:0 0 10vw;
}
p, li, dt, dd, th, td{
	font-size:100%;
}
img{
	width: 100%;
	vertical-align:bottom;
	max-width:100%;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#333333;
	-webkit-transition-duration:0.2s;
	transition-duration:0.2s;
}
address{
 font-style:normal;
}


/* --------------------------------------------------------------------------------
PC&スマートフォン切り替え
-------------------------------------------------------------------------------- */
.device-sp{
	display:block;
}
.device-sp-inline{
	display:inline;
}
.device-pc{
	display:none;
}
.device-pc-inline{
	display:none;
}


/* 共通
----------------------------------------------*/
/* 斜線背景 */
.stripe {
	background: url(../img/bg_stripe.gif) repeat;
}
/* ノート背景 */
.note{
	background: url(../img/bg-note.png) repeat;
}
/* マーカー */
.mark { background: #fff45c; }
.tcr {
	color: #E60012;
	font-size: 156%;
}
span.txr{
	color: #E60012;
}
.tcb {
	color: #053d72;
	font-size: 156%;
}
/* 右固定ボタン */
#sideBtn {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	right: 0;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#wrapper {
	width: 100%;
	position: relative;
}
.inner {
	max-width: 1080px;
	margin: 0 auto;
}
.wrapper {
	max-width: 1080px;
	margin: 0 auto;
}
.flex {
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
}
.jc_c {
	-webkit-justify-content: center;
	justify-content: center;
}
.fw_w{
	flex-wrap: wrap;
}
.jc_sb{
	justify-content: space-between;
}
.serif {
	font-family: "Noto Serif JP", serif;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}



/*header
アンカーのズレを調整するためのクラス
-------------------------------------------------------------------------------*/
.anc-re-pos{
	padding-top: 25vw;
	margin-top: -25vw;
}



/*header
-------------------------------------------------------------------------------*/
header {
	width: 100%;
	height: 27vw;
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 100;
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 20%);
}
header section.header{
	width: 100%;
	margin:0 auto;
}
header .header-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .logo{
	width: 33.8vw;
	padding-left: 2vw;
}
header .headerRight {
	max-width: 42.4vw;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: flex-end;
	justify-content: flex-end;
}
header .headerRight .spTel{
	width: 9.4vw;
}
header .headerRight .hd_column{
	width: 9.4vw;
}
header .headerRight .inqBtn{
	width: 23.5vw;
}
header .header-bot{
	width: 100%;
}
header .header-bot h1{
	font-size: 2.5vw;
	text-align: center;
	margin-top: 1.5vw;
}
header .h-txt{
	font-size: 2.8vw;
	line-height: 1.5;	
}
header .h-txt ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	width: 80%;
	margin: 2vw auto;
	
	color:#00266f;
}
header .h-txt ul li::after{
	content: "／";
	padding: 0 2vw;
}
header .h-txt ul li:last-child::after{
	content: "";
	padding: 0;
}





/* メイン
-------------------------------------------------------------------------------*/
#main {
	padding-top: 27vw;
	position: relative;
	overflow: hidden;
}
#main .main-bg{
	background: url("../img-device/bg-main.jpg") no-repeat top center;
	background-size: contain;
}
#main .people-bg{
	background: url(../img-device/img-main-people.png) no-repeat ;
	background-position: 0px 42%;
	background-size: contain;
}
#main .inner {
	display: flex;
	flex-direction: column;
}

/*メイン 左側*/
#main .f-block {
	position: relative;
	
	display: flex;
	justify-content: space-between;	
}
#main .f-block .l-box {	
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 5vw 0 30vw 0;
	box-sizing: border-box;
}
#main .f-block .main-img-ttl {	
	margin-bottom: 3vw;
}

/* 問い合わせボタン */
#main .btn-entry {
	width: 84vw;
}
#main .btn-entry a {
	display: flex;
	justify-content: center;
}
#main .btn-entry a img {
	display: block;
}

/*メールフォーム*/
#main .inquiry-bg{
	background:#b2dcdf;
	padding: 26vw 0 5vw 0;
}
#main .inquiry-main{
	width: 93.6%;
	margin: 0 auto;
	background: #f0f0f0;
	border-radius: 10px;
	padding: 7vw 4.5vw 9vw;
	box-sizing: border-box;
}
#main .inquiry-main .form-main .txt-box{
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #5ab4d2;
	padding: 0 0 2vw;
	margin: 0 0 1.3vw;
}
#main .inquiry-main .form-main .txt1 span.font-r{
	font-size: 5vw;
	color: #e60012;
}
#main .inquiry-main .form-main .txt1{
	width: 80%;
	font-size: 4.375vw;
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
}
#main .inquiry-main .form-main .img{
	width: 18vw;
}
#main .inquiry-main .form-main .img img{
	width: 100%;
}
#main .inquiry-main .form-main .txt2{
	font-size: 3.438vw;
	text-align: center;
}
#main .inquiry-main .form-main #form-tbl {
	padding: 4vw 0px 0;
}
#main .inquiry-main .form-main table{
	margin: 0 0 4vw;
	width: 100%;
}
#main .inquiry-main .form-main table th{
	display: block;
	font-size: 3.438vw;
	font-weight: bold;
	margin: 0 0 0.5vw;
}
#main .inquiry-main .form-main table th span {
	color: #e60012;
}
#main .inquiry-main .form-main table td{
	display: block;
	margin: 0 0 5vw;
}
#main .inquiry-main .form-main table input[type="text"],
#main .inquiry-main .form-main table input[type="email"],
#main .inquiry-main .form-main table input[type="tel"] {
	width: 100%;
	height: 6.3vw;
	line-height: 1.5;
	background: #FFF;
	border: none;
	padding: 0 1vw;
	margin: 0;
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 0;
	max-width: 100%;
}
#main .inquiry-main .form-main .formBtn{
	position: relative;
}
#main .inquiry-main .form-main .formBtn #btn_s {
	color: #FFF;
	font-size: 3.75vw;
	font-weight: bold;
	width: 100%;
	height: 13.5vw;
	background: #46a0c8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 5px 0px 0px rgba(50, 150, 190, 1);
	-webkit-box-shadow: 0px 5px 0px 0px rgba(50, 150, 190, 1);
	-ms-box-shadow: 0px 5px 0px 0px rgba(50, 150, 190, 1);
	box-shadow: 0px 5px 0px 0px rgba(50, 150, 190, 1);
	border: none;
	cursor: pointer;
	padding: 0 0 0 5vw;
	max-width: 100%;
}
#main .inquiry-main .form-main .formBtn li::before{
	content: "";
	background: url("../img/icon-movie.png") no-repeat;
	background-size: 100%;
	width: 4.5vw;
	height:4.3vw;
	position: absolute;
	top: calc(50% - 1.7vw);
	left: 6vw;
}

/*メイン下 スライド*/
#main .study-slider {
	position: absolute;
	top:49.8%;
	
	overflow: hidden;
	height: 32vw;
}
#main .study-slider .study-slider-sp-unit {
	width: 340vw;
}
#main .study-slider ul.studylist {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0 0 7vw;
}
#main .study-slider ul.studylist > li {
	width: 40vw;
	margin: 0 2.4vw 0 0;
	position: relative;
}
#main .study-slider ul.studylist > li  img{
	box-shadow: 4px 4px 10px #b2b2b2;
}





/* 勉強会の特徴
-------------------------------------------------------------------------------*/
#features{
	padding: 70px 0 20vw 0;
	background: url("../img/bg-dashed-line.png") repeat,
				url("../img/bg-tokucho.png") no-repeat bottom center /200%;
}

#features .ttl-box{
	width: 88vw;
	margin: 0 auto 6vw auto;
}
#features .ttl-box h3{
	width: 88vw;
	margin: 0 auto 2vw auto;
	background:#50aad2;
	padding: 1vw 2vw;
	border-radius: 3vw;	
	
	font-size: 4.69vw;
	color: #fff;
	text-align: center;
	font-weight: 700;
	box-sizing: border-box;
}
#features .ttl-box h2{
	font-size: 7.5vw;
	text-align: center;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom:4vw;
}
#features .ttl-box h2 .font-o{
	font-size: 5.63vw;
	color: #f06400;
	display: block;
}
#features .ttl-box h2 .padl1{
	display: block;
}
#features .ttl-box p{
	font-size: 4.06vw;
	line-height: 1.9;
}

/*特徴*/
#features .features-box{
	padding: 0 3vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#features .features-box .box{
	width: 100%;
		
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 3vw;
	box-shadow: 3px 3px #ccc;
	box-sizing: border-box;
	padding: 2vw 4vw 4vw 4vw;
	margin-bottom:5vw;
}
#features .features-box .w1080{
	width: 100%;
}

#features .features-box .box h4{
	display: flex;
	align-items: center;
}
#features .features-box .box h4 .no{
	font-size:11.6vw;
	color: #3796be;
	font-weight: 300;
	padding-right: 4vw;
}
#features .features-box .box h4 .heading{
	font-size:5vw;
	font-weight: 700;
	line-height: 1.2;
}
#features .features-box .box .txt{
	font-size: 3.75vw;
	line-height: 1.6;
	margin-top: 1vw;
}
#features .features-box .box p span{
	color: #f06400;
	font-weight: 700;
}

/*03*/
#features .features-box .w1080 .m30{
	line-height: 1.6;
	margin: 1vw 0 3vw 0;
	font-size: 3.75vw;
}
#features .features-box .w1080 .mt30{
	line-height: 1.6;
	margin: 1vw 0 0 0;
	font-size: 3.75vw;
}
#features .features-box .w1080 .jisseki .ttl{
	background: #555555;
	color: #fff;
	font-weight: 700;
	padding: 0.6vw 2vw;
	margin-bottom: 1vw;
}
/*国内*/
#features .features-box .w1080 .jisseki .domestic{
	background: #faf0dc;
	padding: 1vw 4vw;
	margin-bottom: 2vw;
}
#features .features-box .w1080 .jisseki .domestic .d-ttl{
	font-weight: 700;	
	border-bottom: 1px solid #f06400;
	padding: 0 0 1vw 1vw;
	margin-bottom:2vw;
}
#features .features-box .w1080 .jisseki ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}
#features .features-box .w1080 .jisseki ul li{
	width: 23vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#features .features-box .w1080 .jisseki ul li p{
	font-size: 2.81vw;
	margin:1vw 0  2vw 0;
}
/*海外*/
#features .features-box .w1080 .jisseki .abroad{
	background: #e8f4f5;
	padding: 1vw 4vw 0 4vw;
}
#features .features-box .w1080 .jisseki .abroad .a-ttl{
	font-weight: 700;	
	border-bottom: 1px solid #46a0c8;
	padding: 0 0 1vw 1vw;
	margin-bottom:2vw;
}
#features .features-box .w1080 .jisseki .abroad .f-box{
	display: flex;
	flex-direction: column;
}
#features .features-box .w1080 .jisseki .abroad .thailand,
#features .features-box .w1080 .jisseki .abroad .taiwan{
	width:100%;	
}
#features .features-box .w1080 .jisseki .abroad .f-box p.s-ttl{
	font-size: 3.13vw;
	margin-bottom: 1vw;
	text-align: left;
}

#features .features-box .w1080 .jisseki .abroad .f-box p{
	font-size: 2.81vw;
	margin:1vw 0  2vw 0;
	text-align: center;
}





/* 日本の食品業界の活性化
-------------------------------------------------------------------------------*/
#activation{
	background-image: linear-gradient(0deg, #faf0e6, #fae1c8);
	padding: 17vw 0 19vw 0;
}

#activation h2 span{
	display: block;
	font-size: 5vw;
}
#activation h2{
	font-size: 7.5vw;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 7vw;
}
#activation .img-box{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#activation .img-box .img{
	width: 96vw;
	margin-bottom: 4vw;
}
#activation .img-box .arrow{
	width: 64vw;
}
/*テキスト*/
#activation .txt-box {
	position: relative;
	width: 92vw;
	margin: 0 auto;
	height: 160vw;
}
#activation .txt-box .woman{
	width: 40vw;
	position: absolute;
	bottom: 0;
	left: 10vw;
}
#activation .txt-box .man{
	width: 22vw;
	position: absolute;
	bottom: 0;
	right: 16vw;;
}
#activation .txt-box .txt {
}
#activation .txt-box .txt h4{
	font-size: 5vw;
	font-weight: 700;
	text-align: center;
	padding: 3vw 0 4vw 0;
}
#activation .txt-box .txt p{
	padding: 0 2vw;
	line-height: 1.85;
}
#activation .txt-box .txt span{
	color: #f06400;
	font-weight: 700;
}






/*勉強会と個別コンサルティングの違い
-------------------------------------------------------------------------------*/
#difference{
	background: url(../img-device/bg-difference.jpg) no-repeat ;
	background-size: cover;
	padding: 16vw 0 21vw 0;
}
#difference h2{
	font-size:5.63vw;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5vw;
}

/*表*/
#difference .detail{
	width: 94vw;
	margin: 0 auto;
}
#difference .detail table {
	width: 100%;
	background: #f0f0f0;
}
#difference .detail table tr th {
	text-align: center;
	vertical-align: middle;
	
	color: #FFF;
	font-size:3.44vw;
	font-weight: 700;
	border: solid 1px #fff;
	padding: 1vw 2vw;
}
#difference .detail table tr th:nth-of-type(1) {
	width: 14%;
	background: #555555;
}
#difference .detail table tr th:nth-of-type(2) {
	width: 42%;
	background: #f08c00;
}
#difference .detail table tr th:nth-of-type(3) {
	width: 42%;
	background: #555555;
}
#difference .detail table tr td {
	font-size:3.44vw;
	border: solid 1px #fff;
	border-top: none;
	line-height: 1.1;
	padding: 2.8vw 2vw;
	background: #f0f0f0;
}
#difference .detail table tr td:nth-of-type(1) {
	text-align: center;
}
#difference .detail table tr td:nth-of-type(2) {
	background: #faf0dc;
}





/* 参加企業様（一部）
-------------------------------------------------------------------------------*/
#companies {
	padding: 14vw 0 12vw 0;
}
#companies  h2 {
	font-size: 5.63vw;
	font-weight: 700;
	text-align: center;
	margin-bottom:7vw;
}

#companies  .link-box ul {
	padding: 0 3vw;
	display: flex;
	flex-wrap: wrap;
}
#companies  .link-box ul li {
	width: 16vw;
	margin: 0 3.5vw 3vw 0;
}
#companies  .link-box ul li:nth-child(5n) {
	margin: 0 0 3vw 0;
}
#companies  .link-box ul li img {
	width: 100%;
}







/* ダイジェスト動画
-------------------------------------------------------------------------------*/
#movie{
	background: #ebebeb;
	padding:15vw 0 8vw 0;
}
#movie h2{
	font-size: 5.64vw;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5vw;
}

/*動画 大*/
#movie .archivement-main{
	margin: 0 0 10vw;
}
#movie .archivement-main .youtube_main{
	text-align: center;
}
#movie .archivement-main iframe{
	width: 94vw;
	height: 53vw;
	margin: 0 auto;
}
#movie .archivement-main .label{
	width: 94vw;
	margin: 0 auto;
	font-size: 4.34vw;
	text-align: left;
	line-height: 1.6;
}

/*動画 小*/
#movie .archivement-list .label{
	font-size: 3.43vw;
	line-height: 1.6;
}
/* 動画リスト swiper
-------------------------- */
#movie_swiper{
	padding: 0 calc(4% + 2.5rem) 2rem;
	margin-bottom: 1rem;
}
.results .archivement-list .movie_list li .img{
	margin-bottom: .75rem;
}
.swiper-button-prev, .swiper-button-next{
	width: 2.3vw !important;
	height: 5.46vw !important;
	background: url(../img-device/swiper_arrow.svg) no-repeat center/80% 80%;
	top: 40% !important;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
	opacity: .7;
}
.swiper-button-prev{
	left: var(--swiper-navigation-sides-offset, 6vw) !important;
}
.swiper-button-next{
	right: var(--swiper-navigation-sides-offset, 6vw) !important;
	transform: scale(-1, 1);
}

.swiper-button-next::after, .swiper-button-prev::after{
	display: none;
}
#movie_swiper .swiper-pagination{
	bottom: 0;
}
.swiper-pagination-bullet-active{
	background: #f08c00 !important;
}

/*ボタン*/
#movie .btn-box{
	width: 88vw;
	margin: 7vw auto;
	
	display: flex;
	flex-direction: column;
}
#movie .btn-box .btn-entry{
	margin-bottom: 5vw;
}






/* 成功事例
-------------------------------------------------------------------------------*/
#jirei{
	background: url(../img/bg-note.png) ;
	padding:15vw 0 0 0;
	border-top:0.8vw solid #f08c00;
	border-bottom: 0.8vw solid #f08c00;
}
#jirei h2 span{
	display: block;
	font-size:5vw;
}
#jirei h2{
	font-size: 7.5vw;
	font-weight: 700;
	text-align: center;
	margin-bottom:6vw;
	line-height: 1.4;
}

#jirei .jirei-box{
	width: 87vw;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
#jirei .jirei-box .box{
	background: #fff;
	margin-bottom: 20px;
}
#jirei .jirei-box .box h4{
	font-size: 6.25vw;
	color: #fff;
	background: #555;
	padding: 3vw 5vw;
	
	display: flex;
	align-items: center;
}
#jirei .jirei-box .box h4 .icon{
	width:9.8vw;
	padding-right: 10px;
}
#jirei .jirei-box .box .box-inner{
	padding: 2vw 3vw;
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;	
}
#jirei .jirei-box .box p{
	font-size: 4.38vw;
	line-height: 1.6;
	margin-bottom: 6vw;
}
#jirei .jirei-box .box p span{
	color: #f06400;
	font-weight: 700;
}
#jirei .jirei-box .box .f-box{
	display: flex;
	justify-content: space-between;
}
#jirei .jirei-box .box .f-box .label{
	width:39vw;
	font-size:6.25vw;
	color: #fff;
	font-weight: 700;
	padding:2vw 1vw 2vw 2vw; 
	border-radius: 5px;
	box-sizing: border-box;
	
	display: flex;
	align-items: center;
}
#jirei .jirei-box .box .f-box .net{
	background: #f08c00;
}
#jirei .jirei-box .box .f-box .dm{
	background: #46a0c8;
}
#jirei .jirei-box .box .f-box .none{
	background: #e6e6e6;
}
#jirei .jirei-box .box .f-box .label span{
	font-size: 4.38vw;
	padding-right: 1vw;
}

#jirei .plus{
	width: 10vw;
	margin: 0 auto;
}
#jirei .people {
	position: relative;
	height: 60vw;
}
#jirei .people .img-l{
	width: 36.5vw;
	position: absolute;
	bottom: 0;
	left: 0;	
}
#jirei .people .img-r{
	width: 42vw;
	position: absolute;
	bottom: 0;
	right: 0;	
}

#jirei .people .txt{
	width: 69vw;
	margin: 5vw auto 0 auto;
	font-size:5.31vw;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
}
#jirei .people .txt p{
	font-size: 9.69vw;
	color: #f06400;
	padding-left: 1vw;
	background:linear-gradient(transparent 70%, #faeb46 60%);
}





/* 勉強会の内容
-------------------------------------------------------------------------------*/
#naiyou{
	background-image: linear-gradient(0deg, #fae1c8, #f6d2aa);
	padding: 20vw 3vw 18vw 3vw;
}
#naiyou .naiyou-inner{
	max-width: 1080px;
	margin: 0 auto;
	background-color: #fff;
	padding: 3vw;
	box-sizing: border-box;
}
#naiyou .bg-border{
	position: relative;
	background: url(../img/bg-dashed-line.png) ;
	background-color: #fff;
	padding: 12vw 0 5vw 0;
}
#naiyou .bg-border .clip{
	width: 55vw;
	position: absolute;
	top:-5vw;
	left:50%;
	transform: translate(-50%,0);
}
#naiyou .bg-border h2{
	font-size: 7.5vw;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 5vw;
}
#naiyou .bg-border h2 .padl1{
	display: block;
}
/*内容*/
#naiyou .bg-border .naiyou-box{
	width:88vw;
	margin: 0 auto;
}
#naiyou .bg-border .naiyou-box .sub-ttl{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5vw;
}
#naiyou .bg-border .naiyou-box .sub-ttl .icon{
	width: 19vw;
}
#naiyou .bg-border .naiyou-box .sub-ttl p{
	width: 66vw;
	font-size: 4.69vw;
	font-weight: 700;
	line-height: 1.3;
}
#naiyou .bg-border .naiyou-box .sub-ttl p span{
	color: #f06400;
}

#naiyou .bg-border .naiyou-box .txt-box{
	width: 84vw;
	margin: 0 auto;
}
#naiyou .bg-border .naiyou-box .txt-box h4{
	font-size: 3.75vw;
	font-weight: 700;
	line-height: 1.3;
	border-bottom: 0.4vw solid #f06400;
	padding-bottom:1vw;
	margin-bottom: 2vw;
	
	padding-left: 1.6em;
	text-indent: -1.6em;
}
#naiyou .bg-border .naiyou-box .txt-box p{
	font-size: 3.45vw;
	line-height: 1.6;
	margin-bottom: 6vw
}
#naiyou .bg-border .naiyou-box .domestic p span{
	color: #f06400;
	font-weight: 700;
}
#naiyou .bg-border .naiyou-box .abroad p span{
	color: #3796be!important;
	font-weight: 700;
}
/*過去の視察*/
#naiyou .bg-border .naiyou-box .abroad .txt-box p{
	font-size: 3.75vw;
	line-height: 1.6;
	margin-bottom: 6vw
}
#naiyou .bg-border .naiyou-box .abroad h5{
	font-size:3.75vw;
	font-weight: 700;	
	border-bottom: 0.4vw solid #f06400;
	margin-bottom: 4vw;
}
#naiyou .bg-border .naiyou-box .abroad ul{
	display: flex;
	flex-direction: column;
	align-items: center;
}
#naiyou .bg-border .naiyou-box .abroad ul li{
	width: 75vw;
	margin-bottom: 5vw;
}
#naiyou .bg-border .naiyou-box .abroad ul li p{
	font-size: 3.13vw;
	margin-top: 1vw;
	text-align: center;
}






/* 参加料金
-------------------------------------------------------------------------------*/
#price{
	padding: 14vw 0;
}
#price h2{
	font-size: 6.25vw;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5vw;
	line-height: 1.4;
}

/*表*/
#price table{
	width: 96vw;
	margin: 0 auto;
	text-align: center;
}
#price table tr th{
	width: 22vw;
	background: #555;
	font-size: 3.75vw;
	color: #fff;
	font-weight: 400;
	text-align: center;
	box-sizing: border-box;	
	border: solid 1px #fff;
}
#price table tr td{
	background: #f5f5f5;
	font-size: 3.75vw;
	padding: 2vw 0;
	border: solid 1px #fff;
	
}
#price table tr td .price-f{
	font-size: 5.63vw;
	color: #f06400;
	font-weight: 700;
}
#price table tr td .price{
	font-size: 4.38vw;
	color: #f06400;
	font-weight: 700;
}
#price table tr td .en{
	font-size: 3.75vw;
	color: #f06400;
	font-weight: 700
}
#price table tr td .tax{
	font-size: 3.13vw;
}






/* TRUEコンサルとは
-------------------------------------------------------------------------------*/
#about{
	background: url(../img/bg-about.png) ;
	padding: 11vw 0 0 0;
}
#about h2{
	font-size: 5.63vw;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5vw;
	line-height: 1.4;
}

/* No1 */
#about .meritCopy{
	background: #fff;
	padding:7vw 3vw 5vw 5vw;	
	margin: 0 3vw 3vw 3vw;
}
#about .meritCopy .bg {
	background: url(../img/logo.jpg) no-repeat;
	background-size: 35%;
}
#about .meritCopy .txt-box {
}
#about .meritCopy .txt-box h3 {
	font-family: 'Noto Serif JP', serif;
	font-size: 5.63vw;
	padding: 0 0 7vw 35vw;
	line-height: 1.4;
	font-weight: 500;
}
#about .meritCopy .txt-box h3 .no1 {
	font-size: 7.81vw;
	color: #f06400;
}
#about .meritCopy .txt-box p {
	font-size: 3.75vw;
	line-height: 1.8;
}

/*8つの強み*/
#about .advantage {
	background: #fff;
	padding: 3vw 4vw;
	margin: 0 3vw 7vw 3vw;
}
#about .advantage h3 {
	width: 62vw;
	margin: 0 auto;
}
#about .advantage .date {
	font-size: 3.13vw;
	text-align: right;
	margin-bottom: 0.1vw;
}

#about .advantage ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#about .advantage ul li {
	width: 48.8%;
	height: 27vw;
	background: url(../img/PatternYellow.png) repeat 0 0;

	font-size: 3.4vw;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
	box-sizing: border-box;
	margin: 0 0 2vw;
}
#about .advantage ul li .mark4 {
	font-size: 11vw;
	color:#f08c00;
}
#about .advantage  ul li .mark5 {
	font-size: 8.6vw;
	color:#f08c00;
}
#about .advantage  ul li .f30 {
	font-size: 5vw
}
#about .advantage ul li:nth-child(1), 
#about .advantage ul li:nth-child(3), 
#about .advantage ul li:nth-child(4),
#about .advantage ul li:nth-child(5), 
#about .advantage ul li:nth-child(7), 
#about .advantage ul li:nth-child(8) {
	padding-top: 5vw;
}
#about .advantage ul li:nth-child(2),
#about .advantage ul li:nth-child(6) {
	padding-top: 2vw;
}





/* メディア掲載
-------------------------------------------------------------------------------*/
#results_media_teacher {
	overflow: hidden;
	background: #f2f5f7;
	padding:14vw 0 2vw 0;
}
#results_media_teacher h2 {
	font-size: 5.63vw;
	font-weight: 700;
	text-align: center;
	margin: 0 0 7vw;
}
#results_media_teacher h3{
	font-family: "Noto Sans JP", sans-serif;
}
#results_media_teacher .results-slider-sp-unit {
	width: 401vw;
}
#results_media_teacher ul.resultslist {
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	
	width: 100%;
	margin: 0;
	padding: 0 0 7vw;
}
#results_media_teacher ul.resultslist > li {
	width: 38vw;
	margin: 0 6.5vw 0 0;
	position: relative;
}
#results_media_teacher ul.resultslist li .img{
	margin:0 0 2vw;
}
#results_media_teacher ul.resultslist li h3 {
	font-size:4.38vw;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 1.5vw;
}
#results_media_teacher ul.resultslist li .txt{
	font-size:3.75vw;
	line-height:1.5;
}





/* よくある質問
-------------------------------------------------------------------------------*/
#faq{
	padding:13vw 0 12vw 0;
}
#faq h2 {
	font-size: 5.63vw;
	font-weight: 700;
	text-align: center;
	margin: 0 0 6vw;
}

#faq ul{
	padding: 0 3vw;
}
#faq ul li{
	margin: 0 0 3vw;	
}
#faq ul li .faq-q{	
	padding: 3vw;
	background: #46a0c8;	
	font-size: 3.75vw;
	color: #fff;
	font-weight: 700;	
	
	display: flex;
}
#faq ul li .faq-q .q{
	padding-right: 3vw;
}
#faq ul li .faq-a{
	padding: 3vw;
	font-size: 3.44vw;
	
	display: flex;
}
#faq ul li .faq-a .a{	
	font-size: 3.75vw;
	color: #46a0c8;
	font-weight: 700;
	padding-right: 3vw;
}
#faq ul li .txt{
	line-height: 1.6;	
}





/* 流れ
-------------------------------------------------------------------------------*/
#flow {
	border-top: 0.8vw solid #f08c00;
}
#flow .flow-box {
	padding: 8vw 3vw;
}
#flow .flow-box h2 {
	background: #555555;
	color: #fff;
	font-size: 5vw;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	
	border-radius: 0.8vw;
	box-sizing: border-box;
	padding: 2.8vw 0;
	margin-bottom: 5vw;
	
}
#flow li {
	display: flex;
}
/*step*/
#flow li h3 {
	width: 17vw;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#flow li h3 img {
	width: 13vw;
	height: 4.9vw;
}
#flow li:nth-child(1) h3 {
	background: #d7d7d7;
	height: 67vw;
}
#flow li:nth-child(2) h3 {
	background: #e1e1e1;
	min-height:68vw;
}
#flow li:nth-child(3) h3 {
	background: #f0f0f0;
	min-height: 68vw;
}
#flow li h3:after {
	content: "";
	position: absolute;
	bottom: -4.6vw;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5vw 8.9vw 0 8.9vw;
	border-color: #d2d2d2 transparent transparent transparent;
}
#flow li:nth-child(1) h3:after {
	z-index: 2;
	border-top-color: #d7d7d7;
}
#flow li:nth-child(2) h3:after {
	z-index: 1;
	border-top-color: #e1e1e1;
}
#flow li:nth-child(3) h3:after {
	content: none;
}

#flow li .txt-img {
	width: 76vw;

	display: flex;
	justify-content: space-between;
}
#flow li h4 {
	margin:3vw 0 4vw 0;
	border-bottom: #f08c00 1px solid;
	padding: 0 0 1vw 5vw;
	line-height: 1.34;
	font-size: 5.625vw;
	font-weight: bold;
	letter-spacing: 0.1vw;
	color: #333;
}
#flow li p {
	padding: 1.9vw 0 0 4vw;
	letter-spacing: 0.03em;
	font-size: 3.438vw;
	line-height: 1.8;
}
#flow li figure {
	width: 42vw;
	margin: 0 0 0 3.6vw;
}





/* お問い合わせ
-------------------------------------------------------------------------------*/
#inquiry{
	margin-top: -28vw;
	padding-top: 28vw;
}
.inquiry {
	background: url(../img/bg_inquiry.jpg) no-repeat  -2vw ;
	background-size: cover;
	padding: 0 0 7vw;
}
.inquiry .mfp_element_all {
	max-width:100%;
	box-sizing: border-box;
}
.inquiry h2 {
	background: #f08c00;
	color: #fff;
	text-align: center;
	margin: 0 0 9vw;
	padding: 6vw 0;
	font-size:4.38vw;
	line-height: 1.4;
}
.inquiry h2 .f-b{
	font-weight: 700;
	font-size: 5vw;
}
.inquiry h2 .f40{
	font-size: 7.55vw;
}
.inquiry h2.arrow {
	position: relative;
}

.inquiry h2.arrow::after {
	content: " ";
	width: 0;
	height: 0;
	border-top: 8vw solid #f08c00;
	border-right: 12vw solid transparent;
	border-bottom: 8vw solid transparent;
	border-left: 12vw solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 5;
}
.inquiry h3 span{
	display: block;
	font-size: 5vw;
	color: #333;
}
.inquiry h3 {
	font-size:6.88vw;
	color: #f06400;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.8);
	margin-bottom: 4vw;
}

.inquiry p.txt {
	font-size: 3.75vw;
	color: #e60012;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	padding: 0 0 4vw;
}
.inquiry p.txt-line  {
	font-size: 4.38vw;
	color: #e60012;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	padding: 0 0 7vw;
}
.inquiry p.txt-line span{
	background-color: #faeb46;
	padding-left: 2vw;
}


/*フォーム*/
.inquiry .form {
	 max-width: 1080px;
	 background: #FFF;
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
	-ms-border-radius: 1vw;
	border-radius: 1vw;
	width: auto;
	margin: 0 3vw;
	padding: 6vw 3vw;
}
.inquiry form#mailformpro{
	padding: 0;
}
.inquiry form table {
	width: 100%;
	border-bottom: solid 1px #CCC;
}
.inquiry .form tr {
}
.inquiry .form th,
.inquiry .form td {
	border-top: solid 1px #CCC;
	width: 100%;
	display: block;
	padding: 0;
}
.inquiry .form th {
	font-size: 4.3vw;
	font-weight: bold;
	width: 100%;
	text-align: left;
	padding:3vw 0 1vw;
}
.inquiry .form th span {
	color: #e60012;
}
.inquiry .form table ul.item li .font-r{
	color: #e60012;
}
.inquiry .form table ul.item li br {
	display: block;
}
.inquiry .form td {
	border-top: none;
	padding: 0 0 4vw;
	overflow: hidden;
	font-size: 3.75vw;
}
.inquiry .form select ,
.inquiry .form input[type="text"].short,
.inquiry .form input[type="text"] .long,
.inquiry .form input[type="text"],
.inquiry .form input[type="email"],
.inquiry .form input[type="tel"],
.inquiry .form textarea {
		width: 100% !important;
}

.inquiry .form table ul.item li {
	display: block;
	text-indent: -1.5em;
	padding-left: 3em;
}
form#mailformpro label {
	border-radius: 3px;
	margin: 1vw;
	display: inline-block;
	white-space: nowrap;
}
.inquiry .form select {
	color: #333;
	width: 100%;
	height: 7vw;
	line-height: 1;
	background: #FFF;
	border: 1px solid #cdcfd3;
}
.inquiry .form input[type="text"],
.inquiry .form input[type="email"],
.inquiry .form input[type="tel"] {
	width: 100%;
	height: 7vw;
	line-height: 1.5;
	background: #FFF;
	border: 1px solid #cdcfd3;
	padding: 0 1vw;
	margin: 0;
	box-sizing: border-box;
}
.inquiry .form textarea {
	width: 100% !important;
	max-width: 100%;
	min-height: 25vw;
	line-height: 1.5;
	border: 1px solid #cdcfd3;
	padding: 1vw;
	margin: 0;
	box-sizing: border-box;
	vertical-align: top;
	box-shadow: 1px 1px 3px #ccc inset;
	border-radius: 0.5vw;
}
.inquiry .form input {
	box-shadow: 1px 1px 3px #ccc inset;
	border-radius: 0.5vw;
}
.inquiry .form label.mfp_not_checked {
	padding: 0 !important;
	border: none !important;
}
.inquiry .form label.mfp_checked {
	padding: 0 !important;
	border: none !important;
	background-color: #FFF !important;
	box-shadow: none !important;
}
.inquiry .form table ul.item li .mark1 {
	color: #e60012;
	display: block;
	margin: 0 0 0 1em;
}
.inquiry .form table .mark2 {
	display: block;
	margin: 1vw 0 0;
}
.inquiry .form ul.formBtn {
	text-align: center;
	margin: 7.4vw 2.3vw;
	display: flex;
	justify-content: space-between;
}
.inquiry .form ul.formBtn li{
	width: 47%;
	margin: 0;
}

.inquiry .form #btn_r,
.inquiry .form #btn_s {
	color: #FFF;
	font-size: 5.6vw;
	font-weight: bold;
	width: 100%;
	height: 12.4vw;
	max-width: 100%;
	background: #bf0000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 5px 0px 0px rgba(204, 204, 204, 1);
	-webkit-box-shadow: 0px 5px 0px 0px rgba(204, 204, 204, 1);
	-ms-box-shadow: 0px 5px 0px 0px rgba(204, 204, 204, 1);
	box-shadow: 0px 5px 0px 0px rgba(204, 204, 204, 1);
	border: none;
	cursor: pointer;
}
.inquiry .formBtn input{
	-webkit-appearance: none;
	border-radius: 0;
}
.inquiry .form li:hover {
	opacity:0.8;
	-webkit-transition-duration:0.2s;
	transition-duration:0.2s;
}
.inquiry .form #btn_r { 
	background: #a0a0a0;
}
.inquiry .form #btn_s {
	background: #f08c00;
}


.thanks {
	border-top: solid 1px #EEE;
	width: 100%;	
	text-align: center;
	padding: 36vw 3vw 20vw;
	box-sizing: border-box;
}
.thanks h1 {
	font-size: 5vw;
	margin: 5vw 0;
}
.thanks h1 br {
	display: none;
}

.thanks p {
	line-height: 2;
}







	
/*footer
-------------------------------------------------------------------------------*/
.footer .footer-outer{
	padding:0 0 1%;
}
.footer .footer-outer img{
	width:100%;
}
.footer #ec {
	background: url(../img/ecBg.jpg) no-repeat 0 0 #f2f5f7;
	background-size: 100% auto;
	padding: 16vw 0 4vw;
}
.footer #ec .wrapper{
	margin: 0 3vw;
}
.footer #ec h2 {
	margin: 4vw 0;
	text-align: center;
	font-size:4.69vw;
	line-height: 1.5;
	letter-spacing: -0.3px;
	font-weight: bold;
}
.footer #ec h2 span {
}
.footer #ec h2 .t1 {
}
.footer #ec h2 .mark1 {
	color: #f08c00;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
}




.footer #ec .flex li {
	width: 49%;
}
.footer #ec .flex li:nth-child(1) {
	margin: 0 2% 0 0;
}

/*-----------------------------------------------
	その他、TRUEのサービスはこちら
-----------------------------------------------*/
.footer .service-list{
	padding: 9vw 3vw 7vw;
	border-top: 1.5vw solid #f08c00;
}
.footer .service-list h2{
	text-align: center;
	font-size: 6.25vw;
	margin: 0 0 7.5vw;
	line-height: 1.28;
}
.footer .service-list h2 span{
	display: block;
}
.footer .service-list .service-list-inner{
	width: 100%;
	margin: 0 auto;
}
.footer .service-list .service-list-inner ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
} 
.footer .service-list .service-list-inner ul li{
	width: 43.8vw;
	list-style: none;
	text-align: center;
	margin: 0 0 1.5vw;
}
.footer .service-list .service-list-inner ul li img{
	width: 100%;
}


.footer .footer-inner {
	padding: 6vw 3vw 8vw;
	border-top:0.8vw solid #f08c00;
}
.footer .footer-inner .flex{
	display: block;
}
.footer .footer-inner .flex img{
	width: 49vw;
	margin: 0 0 3vw;
}
.footer .footer-inner address {
	margin: 0 0 5vw;
}
.footer .footer-inner address p {
	margin-bottom: 1vw;
	font-size: 3.7vw;
}
.footer .footer-inner address ul li {
	font-size: 3.1vw;
}
.footer .footer-inner address ul li .fax{
	display: inline-block;
	margin: 0 0 0 0.5em;
}
.footer .footer-inner p {
	font-size: 3.1vw;
	margin-bottom: 1vw;
}
.footer .footer-inner small {
	font-size: 2.5vw;
}




.footer .footer-btn{
	position: fixed;
	bottom: 0;
	display:flex;
	width:100%;
	justify-content:space-between;
	
	background:#dcdcdc;
}

.footer .footer-btn .btn-tel-contact{
	display:flex;
	justify-content:space-between;
	
	width:84vw;
	margin:1.5vw 1.5vw;
}
/* 電話をかける */
.footer .footer-btn .btn-tel{
	width:48vw;
}
.footer .footer-btn .btn-tel a{
	display:flex;
	align-items:center;
	width:100%;
	height: 12.5vw;
	border-radius:1vw;
	color:#fff;
	background:#46a0c8;
	font-size:3vw;
	font-weight: bold;
	position: relative;
}
.footer .footer-btn .btn-tel a:before{
	content: "";
	background: url("../img-device/f-icon-movie.png") no-repeat;
	background-size: 100%;
	width: 4.5vw;
	height: 3.5vw;
	position: absolute;
	top: 50%;
	left: 3.4vw;
	margin: -1.4vw 0 0;
}
.footer .footer-btn .btn-tel a span{
	width:100%;
	display:block;
	margin: 1vw 0 1vw 10vw;
	line-height: 1.2;
}

/* お問い合わせ&お申込み */
.footer .footer-btn{
	position:fixed;
	bottom:0;
	left: 0;
	
	width:100%;
	overflow:hidden;
	z-index: 9999;
}
.footer .footer-btn .btn-contact{
	display:flex;
	
	width:31vw;
}
.footer .footer-btn .btn-contact a{
	display:flex;
	align-items:center;
	width:100%;
	height: 12.5vw;
	border-radius:1vw;
	color:#fff;
	background:#f08c00;
	font-size:3.6vw;
	font-weight: bold;
	position: relative;
}
.footer .footer-btn .btn-contact a:before{
	content: "";
	background: url("../img-device/f-icon-mail.png") no-repeat;
	background-size: 100%;
	width: 4.5vw;
	height: 3.5vw;
	position: absolute;
	top: 50%;
	left: 2vw;
	margin: -1.4vw 0 0;
}
.footer .footer-btn .btn-contact a span{
	width:100%;
	display:block;
	text-align:center;
	margin: 0.5vw 0 0 6vw;
}

/* PAGETOP */
.footer .footer-btn .btn_pagetop{
	display:flex;
	
	width:17%;
}
.footer .footer-btn .btn_pagetop a{
	display:flex;
	align-items:center;
	
	width:100%;
	color:#fff;
	font-size:2.5vw;
	background:#434343 url(../img-device/f-icon-pagetop.png) no-repeat center 4.5vw;
	background-size:1em auto;
}
.footer .footer-btn .btn_pagetop a span{
	display:block;
	margin:0 auto;
	padding:5.5vw 0 2vw;
	text-align:center;
}

