/*
donations
flow 選考フロー
apply-form
PC追従ボタン
fy-results
socializing-essentials
==========================================*/





/* donations
==========================================*/
.box.donations {
	margin: 0 auto;
}

.modePC .box.donations {
	width: 960px;
	margin-top: 170px;
	position: relative;
}

.modeSP .box.donations {
	width: 630px;
	margin-top: 170px;
}

.box.donations .organization{
    /*background: #ccc;*/
}
.modePC .box.donations .organization{
	margin-top: 110px;
  height: auto !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  -ms-align-items: stretch;
  align-items: stretch;
  justify-content: flex-start;
}
.modeSP .box.donations .organization{
	margin-top: 140px;
}
.modeSP .box.donations .organization:nth-of-type(1){
	margin-top: 90px;
}

/*.modePC .box.donations .organization.d01 { height: 397px;}
.modePC .box.donations .organization.d02 { height: 350px;}
.modePC .box.donations .organization.d03 { height: 350px;}
.modePC .box.donations .organization.d04 { height: 465px;}
.modePC .box.donations .organization.d05 { height: 440px;}*/


.box.donations .organization .boxL{}
.modePC .box.donations .organization .boxL{}
.modeSP .box.donations .organization .boxL{}

.box.donations .organization .boxL .imgWrap{
	border: #ddd 1px solid;
}
.modePC .box.donations .organization .boxL .imgWrap{
	width: 480px;
	margin-right: 92px;
}
.modeSP .box.donations .organization .boxL .imgWrap{
	width: 100%;
	margin-bottom: 40px;
}

.box.donations .organization .boxL .imgWrap img{}
.modePC .box.donations .organization .boxL .imgWrap img{
	width: 480px;
  /* margin-right: 90px; */
}
.modeSP .box.donations .organization .boxL .imgWrap img{
	width: 100%;
}


.box.donations .organization .boxR{}
.modePC .box.donations .organization .boxR{
/*	position: absolute;
	top: 0;
	left: 560px;
	width: 400px;*/
  width: 500px;
}
.modeSP .box.donations .organization .boxR{}

.box.donations .organization .boxR h3{position: relative;}
.modePC .box.donations .organization .boxR h3{ margin-bottom: 28px; }
.modeSP .box.donations .organization .boxR h3{ margin-bottom: 40px; }

.box.donations .organization .boxR p.jp{}
.modePC .box.donations .organization .boxR p.jp{
	margin-bottom: 34px;
}
.modeSP .box.donations .organization .boxR p.jp{
	margin-bottom: 20px;
}

.box.donations .organization .boxR p.en{}
.modePC .box.donations .organization .boxR p.en{}
.modeSP .box.donations .organization .boxR p.en{}

.box.donations .organization h3 a {
	position: absolute;
}
.modePC .box.donations .organization h3 a {
	bottom: 6px;
	width: 80px;
	height: 30px;
	font-size: 12px;
	line-height: 31px;
}
.modeSP .box.donations .organization h3 a {
	top: -116px;
	right: 0px;
	width: 180px;
	height: 60px;
	font-size: 22px;
	line-height: 60px;
}

.modePC .box.donations .organization h3 a svg {
	width: 9px;
	height: 9px;
	margin-left: 5px;
}
.modeSP .box.donations .organization h3 a svg {
	width: 18px;
	height: 18px;
	margin-left: 12px;
}

.modePC .box.donations .organization.d01 h3 a { right: 140px;}
.modePC .box.donations .organization.d02 h3 a { right: 180px;}
.modePC .box.donations .organization.d03 h3 a { right: 180px;}
.modePC .box.donations .organization.d04 h3 a { right: 180px;}
.modePC .box.donations .organization.d05 h3 a { right: 180px;}







/* flow 選考フロー
==========================================*/
.box.flow {
	margin: 0 auto;
}

.modePC .box.flow {
	width: 960px;
	margin-top: 170px;
}

.modeSP .box.flow {
	margin-top: 170px;
}

.modePC .box.flow .inner {
	width: 700px;
	margin: 0 auto;
}

.modePC .box.flow ul {
	margin: 110px auto 0;
	width: 960px;
}

.modePC .box.flow li {
	position: relative;
	margin-top: 115px;
}
.modePC .box.flow li.s1{ height: 187px; }
.modePC .box.flow li.s2{ height: 256px; }
.modePC .box.flow li.s3{ height: 325px; }

.modePC .box.flow li:nth-of-type(odd) { padding: 230px 0 0 590px; }
.modePC .box.flow li:nth-of-type(even) { padding: 230px 0 0 70px; }
.modeSP .box.flow li {
	margin-top: 140px;
}

.modePC .box.flow li h2,
.modePC .box.flow .viewMoreWrap {
	position: absolute;
	top: 0;
}
.modePC .box.flow li:nth-of-type(odd) h2 {
	right: 0;
	text-align: right;
}
.modePC .box.flow li:nth-of-type(even) h2 {
	left: 0;
	text-align: left;
}
.modePC .box.flow li:nth-of-type(odd) .viewMoreWrap { left: 0; }
.modePC .box.flow li:nth-of-type(even) .viewMoreWrap { right: 0; }

.modeSP .box.flow .viewMoreWrap { margin-top: 40px; }
.modeSP .box.flow .viewMoreWrap:before { clear: both; }
.modeSP .box.flow li:nth-of-type(odd) h2,
.modeSP .box.flow li:nth-of-type(odd) .viewMoreWrap { margin-left: 60px; }
.modeSP .box.flow li:nth-of-type(even) h2 {
	float: right;
	margin-right: 60px;
}

.box.flow li h2 span {
	display: block;
	font-weight: normal;
}
.modePC .box.flow li h2 span {
	font-size: 22px;
}
.modeSP .box.flow li h2 span {
	font-size: 32px;
}
.box.flow li h2 span i {
	font-weight: bold;
}

.modePC .box.flow .viewMoreWrap img {
	width: 540px;
}
.modeSP .box.flow .viewMoreWrap img {
	width: 690px;
	-webkit-clip-path: inset(75px 0 75px 0);
	        clip-path: inset(75px 0 75px 0);
	margin: -75px 0;
}

.box.flow li .description_text{
	background: #fff;
	position: inherit;
	z-index: 1;
}
.modePC .box.flow li .description_text{
	width: 500px;
	padding: 30px;
	margin-top: 20px;
}
.modePC .box.flow li:nth-of-type(odd) .description_text{
	margin-left: -260px;
}
.modeSP .box.flow li .description_text{}

.modePC .box.flow li .description_text p {}
.modeSP .box.flow li .description_text p {
	width: 550px;
	margin-top: 50px;
}
.modePC .box.flow li .description_text p:nth-of-type(2) { margin-top: 15px; }
.modeSP .box.flow li .description_text p:nth-of-type(2) {margin-top: 30px;}

.modeSP .box.flow li:nth-of-type(odd) .description_text p { margin-left: 120px; }
.modeSP .box.flow li:nth-of-type(even) .description_text p { margin-left: 100px; }

.modePC .box.flow li:nth-of-type(odd) h2:after {
	position: absolute;
	top: auto;
	right: 0;
}
.modePC .box.flow li:nth-of-type(even) h2:after {
	position: absolute;
	top: auto;
	left: 0;
}

.modeSP .box.flow li:nth-of-type(odd) h2 {
	text-align: left;
}
.modeSP .box.flow li:nth-of-type(even) h2 {
	text-align: right;
}

.modeSP .box.flow li:nth-of-type(odd) h2:after {
	position: absolute;
	top: auto;
	left: 60px;
}
.modeSP .box.flow li:nth-of-type(even) h2:after {
	position: absolute;
	top: auto;
	right: 60px;
}


/* apply-form
==========================================*/
.box.apply-form {
	margin: 0 auto;
}

.modePC .box.apply-form {
	width: 960px;
	margin-top: 140px;
	position: relative;
}

.modeSP .box.apply-form {
	width: 630px;
	margin-top: 170px;
}
.modePC .box.apply-form .jp {
	text-align: center;
	width: 450px;
	margin: 70px auto 0;
}
.modeSP .box.apply-form .jp {
	margin-bottom: 0 !important;
}
.modePC .box.apply-form .en {
	text-align: center;
	width: 450px;
	margin: 20px auto 70px;
}
.modeSP .box.apply-form .en {
	margin-top: 20px;
	margin-bottom: 80px;
}
.modePC .apply-form .btnA {
 margin-top: 50px;
}

.apply-form .anchor{
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}

/* PC追従ボタン
==========================================*/
.fix-btn{}
.modePC .fix-btn{
	position: fixed;
	top: 260px;
	right: -81px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	z-index: 9;
}
.modeSP .fix-btn{
	display: none;
}
@media screen and (max-width: 1200px) {
	.modePC .fix-btn{display: none;}
}

.fix-btn a{}
.modePC .fix-btn a{
	height: 38px;
	width: 200px;
	line-height: 38px;
	font-size: 13px;
}
.modeSP .fix-btn a{}

.fix-btn a.btn{}
.modePC .fix-btn a.btn{
  background: #111;
}
.modeSP .fix-btn a.btn{}

.fix-btn a.btn svg{}
.modePC .fix-btn a.btn svg{
	height: 38px;
  fill: #999 !important;
}
.modeSP .fix-btn a.btn svg{}

.modePC .fix-btn a:hover{
  color: #999;
}


/* fy-results
==========================================*/
.box.fy-results {
	margin: 0 auto;
}

.modePC .box.fy-results {
	width: 960px;
	margin-top: 150px;
	position: relative;
}

.modeSP .box.fy-results {
	width: 630px;
	margin-top: 170px;
}

.modePC .box.fy-results .jp {
	text-align: center;
	width: 525px;
	margin: 70px auto 0;
}
.modeSP .box.fy-results .jp {
	margin-top: 70px;
}
.modePC .box.fy-results .en {
	text-align: center;
	width: 525px;
	margin: 20px auto 70px;
}
.modeSP .box.fy-results .en {
	margin-top: 20px;
	margin-bottom: 80px;
}
/**
 *
 *
 * dl-btn
 *
 *
 */
.modePC .dl-btn {
  margin: 0 auto;
  width: 720px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  justify-content: space-between;
	flex-wrap: wrap;
}
.modeSP .dl-btn {
  margin: 0 auto 70px;
}

.dl-btn h3 {
  text-align: center;
  font-weight: bold;
}
.modePC .dl-btn h3 {
  font-size: 22px;
  margin-bottom: 38px;
}
.modeSP .dl-btn h3 {
  font-size: 32px;
  margin-bottom: 38px;
}


.modePC .dl-btn h3:nth-child(n+2) {margin-top: 40px;}
.modeSP .dl-btn h3 {margin-top: 80px;}

.dl-btn li {
  position: relative;
  overflow: hidden;
}
.modePC .dl-btn li {
  width: 220px;
  height: 120px;
	margin-bottom: 20px;
}
.modePC .dl-btn li {}
/*.modePC .dl-btn li:nth-of-type(4n) { margin-right: 0; }
.modePC .dl-btn li:nth-of-type(n+5) { margin-top: 10px; }*/

.modeSP .dl-btn li {
  width: 600px;
  height: 150px;
  margin: 20px auto 0;
}

.modePC .dl-btn li:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modePC .dl-btn li:before {
  background-color: rgba(0,0,0,.6);
  -webkit-transition: -webkit-transform .1s 0s;
    transition:   transform .1s 0s;
  -webkit-transform: translateY(145px);
    transform: translateY(145px);
}
.modePC .dl-btn li:hover:before {
  -webkit-transform: translateY(0);
    transform: translateY(0);
}

.dl-btn a {
  display: block;
  height: 100%;
  position: relative;
  /*background-color: rgba(0,0,0,.3);*/
}
.dl-btn a:hover {
  opacity: 1;
}
.fy-results .dl-btn a:hover {
  background-color: rgba(0,0,0,.78);
}

.dl-btn li p {
   width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dl-btn li .df {
  color: #000;
  line-height: 1.6;
  -webkit-transition: opacity .3s 0s;
    transition: opacity .3s 0s;
}
.modePC .dl-btn li .df { font-size: 14px; }
.modeSP .dl-btn li .df { font-size: 28px; }
.dl-btn .current .df {
  color: #000;
}
.modePC .dl-btn li:hover .df {
  opacity: 0;
}
.dl-btn li .df em { display: block; }
.modePC .dl-btn li .df em {
	font-size: 16px;
}
.modeSP .dl-btn li .df em {
	font-size: 30px;
}


.dl-btn li .df span { display: block; }
.modePC .dl-btn li .df span { font-size: 10px; margin-top: 10px; }
.modeSP .dl-btn li .df span { font-size: 20px; margin-top: 20px; }

.dl-btn li .vm {
  color: #fff;
  opacity: 0;
}
.modePC .dl-btn li .vm {
  -webkit-transition: opacity .2s 0s;
    transition: opacity .2s 0s;
}
.modePC .dl-btn li:hover .vm {
  opacity: 1;
  -webkit-transition: opacity .3s .2s;
    transition: opacity .3s .2s;
}
.modePC .dl-btn li .vm { font-size: 13px; }
.modeSP .dl-btn li .vm { font-size: 20px; }

.dl-btn li .vm span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  line-height: 1;
  font-weight: bold;
  font-style: italic;
  letter-spacing: .08em;
  display: block;
  height: 1em;
  text-align: center;
}

.dl-btn svg {
  color: #fff;
  fill:#fff;
  display: block;
}
.modePC .dl-btn svg {
  margin: 8px auto 0;
  width: 16px;
  height: 16px;
}
.modeSP .dl-btn svg {
  margin: 20px auto 0;
  width: 32px;
  height: 32px;
}

/*.dl-btn li:nth-of-type(1) { background-image: url(/img/kitchen/img09.jpg); }
.dl-btn li:nth-of-type(2) { background-image: url(/img/kitchen/img10.jpg); }
.dl-btn li:nth-of-type(3) { background-image: url(/img/kitchen/img11.jpg); }
.dl-btn li:nth-of-type(4) { background-image: url(/img/kitchen/img12.jpg); }*/

.dl-btn li { background: #fff; }
.modePC .dl-btn li { border: 2px #000 solid }
.modeSP .dl-btn li { border: 2px #000 solid }

.modeSP .dl-btn li:nth-of-type(1){ background-position: center -57px; }
.modeSP .dl-btn li:nth-of-type(2) { background-position: center -130px; }
.modeSP .dl-btn li:nth-of-type(3) { background-position: center -120px; }
.modeSP .dl-btn li:nth-of-type(4){ background-position: center -100px; }

.dl-btn .comments{
  text-align: center;
}
.modePC .dl-btn .comments{
  margin-top: 40px;
}
.modeSP .dl-btn .comments{
  margin-top: 80px;
  margin-bottom: 140px;
}


/*coming soon btn */
.dl-btn li.coming-soon { background: #eee; }
.modePC .dl-btn li.coming-soon { border: 2px #999 solid }
.modeSP .dl-btn li.coming-soon { border: 2px #999 solid }
.modePC .dl-btn li.coming-soon:before {
  display: none;
}
.dl-btn li.coming-soon .df { color: #888; }
.modePC .dl-btn li.coming-soon:hover .df { opacity: 1; }





/* socializing-essentials
==========================================*/
.socializing-essentials {
	margin: 0 auto;
	background: #000;
	color: #fff;
}
.modePC .socializing-essentials {
	margin-top: 140px;
}
.modeSP .socializing-essentials {
	margin-top: 170px;
}

.modePC .socializing-essentials .inner {
	width: 960px;
	margin: 0 auto;
	padding-top: 150px;
	padding-bottom: 150px;
}
.modeSP .socializing-essentials .inner {
	width: 630px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
}
.socializing-essentials .barTitleC:after{
	background-color: #fff;
}

.modePC .socializing-essentials p img{
  margin-top: 100px;
  margin-bottom: 20px;
  width: 960px;
  height: 156px;
}
.modeSP .socializing-essentials p img{
  margin-top: 90px;
  margin-bottom: -20px;
  width: 630px;
  height: auto;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.modePC .socializing-essentials .jp {
	text-align: left;
	width: 700px;
	margin: 70px auto 0;
}
.modeSP .socializing-essentials .jp {
	margin-bottom: 0 !important;
	margin-top: 90px;
}
.modePC .socializing-essentials .en {
	text-align: left;
	width: 700px;
	margin: 100px auto 70px;
}
.modeSP .socializing-essentials .en {
	margin-top: 20px;
	margin-bottom: 80px;
}

.modePC .socializing-essentials .dl-btn{
	width: 220px;
}