@charset "utf-8";

#BYOD  section{
	margin-bottom: 0;
}

@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
  }
  body#BYOD{
	  font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue','Noto Sans Japanese', '游ゴシック Medium', YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,sans-serif;

	  font-weight:normal;
	  color:#333333;
	  font-size:62.5%; /* 10px */
  
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
  }
  body#BYOD footer,
  body#BYOD header{
	font-family:Lato,'游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic','メイリオ',Meiryo,sans-serif;
}
body#BYOD footer{
	margin-top: 60px;
}


/* ファーストビュー 
--------------------------------------------*/
#FIRSTVIEW{
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url('images/firstview@2x.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#FIRSTVIEW .border{
	position: absolute;
	width: 100%;
	height: 100vh;
	background-image: url('images/firstview_border.png');
}

#FIRSTVIEW h1{
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	margin: auto;
	text-align: center;

	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/h1.svg) no-repeat;
	width: 767px;  height: 152px;
}
#FIRSTVIEW .h1txt{
	position: absolute;
	left: 0;right: 0;
	bottom: 73px;
	outline: 0;
	margin: auto;
	text-align: center;

	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/h1text.svg) no-repeat;
	width: 536px;  height: 59px;
}
#FIRSTVIEW .scroll{
	position: absolute;
	left: 45px;
	bottom: 45px;
	outline: 0;
	margin: auto;
	text-align: center;

	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/scroll.svg) no-repeat;
	width: 37px;  height: 98px;
}
@media only screen and (max-width: 768px) {

	#FIRSTVIEW{
		position: relative;
		width: 100%;
		height: 100vh;
		background-image: url('images/firstview_sp@2x.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#FIRSTVIEW .border{
		position: absolute;
		width: 100%;
		height: 100vh;
		background-image: url('images/firstview_border_sp.png');
	}
	
	#FIRSTVIEW h1{
		background: url(images/h1_sp.svg) no-repeat;
		width: 329px;  height: 173px;

		top: 27%;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);


	}
	#FIRSTVIEW .h1txt{

		bottom: 73px;

		background: url(images/h1text_sp.svg) no-repeat;
		width: 325px;  height: 98px;
	}
	#FIRSTVIEW .scroll{
		display: none;

	}

}


/* 共通 
--------------------------------------------*/



/* MESSAGE 
--------------------------------------------*/
section#page-message{
	background-color: #f8f8f8;
	padding: 120px 0 0 0;
}
section#page-message .icon{
	margin: auto;
	text-align: center;
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/icon_massge.svg) no-repeat;
	width: 99px;  height: 12px;
	margin-bottom: 75px;
}
section#page-message h2{
	font-size:3.0px;
	font-size:3.0rem;
	line-height: 1;
	letter-spacing: 0.1em;
	font-weight: 400;
}
section#page-message h2 + p{
	font-size:2.0px;
	font-size:2.0rem;
	line-height: 2.9;
	letter-spacing: 0.1em;
	font-weight: 400;
	text-align: center;
	margin-top: 55px;
	padding-bottom: 120px;
}

.bg-gate{
	position: relative;
	background-image: url('images/bg_gate.png');
	background-repeat: no-repeat;
	background-size: 183px 373px;
	background-position: center top 65px;
}

@media only screen and (max-width: 768px) {

	section#page-message{
		background-color: #f8f8f8;
		padding: 120px 0 0 0;
	}
	section#page-message .icon{
		margin-bottom: 45px;
	}
	section#page-message h2{
		line-height: 1.7;
		font-weight: 500;
	}
	section#page-message h2 + p{
		font-size:1.8px;
		font-size:1.8rem;
		line-height: 2.6;
		margin-top: 75px;
		padding-bottom: 120px;
	}
	
	.bg-gate{
		background-position: center top 170px;
	}

}


/* 未来の学びスタイルって何？ 
--------------------------------------------*/
section#page-nani{
	position: relative;
	width: 100%;
	height: 900px;
	background-image: url('images/nani_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
section#page-nani .border{
	position: absolute;
	width: 100%;
	height: 900px;
	background-image: url('images/nani_border.png');
}
section#page-nani .inner{
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	margin: auto;
	text-align: center;

	width: 1283px;	height: 770px;
	background-color: rgba(255, 255, 255, 0.9);
	padding:75px 160px;
}
section#page-nani .icon{
	margin: auto;
	text-align: center;
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/icon_2032gate.svg) no-repeat;
	width: 89px;  height: 73px;
	margin-bottom: 45px;
}
section#page-nani h2{
	font-size:3.2px;
	font-size:3.2rem;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: 500;
}
section#page-nani h2 + p{
	font-size:1.8px;
	font-size:1.8rem;
	line-height: 1.667;
	letter-spacing: 0.05em;
	font-weight: 400;
	text-align: center;
	margin-top: 45px;
}
section#page-nani h3{
	font-size:1.8px;
	font-size:1.8rem;
	line-height: 1.667;
	letter-spacing: 0.05em;
	font-weight: 500;
	margin-bottom: 50px;
}

.naniLIST {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.naniLIST .item {
	width: 200px;
	text-align: center;
	font-size:16px;
	font-size:1.6rem;
	line-height: 1.667;
	letter-spacing: 0.05em;
	/* font-family: "Hiragino Kaku Gothic ProN",    "Hiragino Sans"; */

	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 100px;
}

.naniLIST .item:nth-child(1) {
	background-image: url('images/nani_icon01.svg');
	background-size: 82px 83px;
}
.naniLIST .item:nth-child(2) {
	background-image: url('images/nani_icon02.svg');
	background-size: 79px 62px;
}
.naniLIST .item:nth-child(3) {
	background-image: url('images/nani_icon03.svg');
	background-size: 76px 63px;
}
.naniLIST .item:nth-child(4) {
	background-image: url('images/nani_icon04.svg');
	background-size: 73px 74px;
}

@media only screen and (max-width: 768px) {

	section#page-nani{
		height: 1150px;
		background-image: url('images/nani_bg_sp.jpg');
	}
	section#page-nani .border{
		height: 1150px;
	}
	section#page-nani .inner{
		width: 90%;	height: auto;
		padding:40px 20px;
	}
	section#page-nani .icon{
		width: 89px;  height: 73px;
		margin-bottom: 45px;
	}
	section#page-nani h2{
		font-size:28px;
		font-size:2.8rem;
		line-height: 1.4;
	}
	section#page-nani h2 + p{
		margin-top: 40px;
		font-size:1.6px;
		font-size:1.6rem;
		line-height: 1.87;
	}
	section#page-nani h3{
		margin-bottom: 40px;
	}
	

	.naniLIST .item {
		width: 48%;
		padding-top: 90px;
		font-size:1.6px;
		font-size:1.6rem;
		line-height: 1.87;
		/* font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue','Noto Sans Japanese', '游ゴシック Medium', YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,sans-serif; */
	}
	
	.naniLIST .item:nth-child(1),
	.naniLIST .item:nth-child(2) {
		margin-bottom: 40px;
	}



}


/* 未来の学びスタイルを活用しよう！ 
--------------------------------------------*/
section#page-katsuyou{
	background-color: #f8f8f8;
	padding: 60px 0;
}
section#page-katsuyou .h2wrap{
	margin: auto;
	background-image: url('images/katsyou_mainpic@2x.jpg');
	background-size: 1254px 307px;
	background-repeat: no-repeat;
	width: 1254px;height: 307px;
	padding-top: 30px;
}
section#page-katsuyou .h2wrap .icon{
	margin: auto;
	text-align: center;
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/icon_2032gate_wht.svg) no-repeat;
	width: 90px;  height: 73px;
	margin-bottom: 35px;
}
section#page-katsuyou .h2wrap h2{
	font-size:3.2px;
	font-size:3.2rem;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #ffffff;
}
section#page-katsuyou .h2wrap p,
section#page-katsuyou .h2wrap h2 + p{
	font-size:1.8px;
	font-size:1.8rem;
	line-height: 1.667;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	margin-top: 35px;
}

section#page-katsuyou .block{
	margin: 70px auto;
}

section#page-katsuyou .block .box{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
section#page-katsuyou .block .box + .box{
	margin-top: 70px;
}

section#page-katsuyou .block .text{
	background-color: rgba(255, 255, 255, 0.9);
	padding-left:65px;
	padding-right:65px;
}
section#page-katsuyou .block .text h4{
	color: #0c95ab;
	font-size:28px;
	font-size:2.8rem;
	letter-spacing: 0.05em;
	line-height: 1.71;
	font-weight: 500;
}
section#page-katsuyou .block .text hr{

}
section#page-katsuyou .block .text p{

	font-size:17px;
	font-size:1.7rem;
	letter-spacing: 0;
	line-height: 1.88;
	font-weight: 400;
}


/* NO1 */
section#page-katsuyou .block .box01{
	position: relative;
	width: 1085px;	height: 585px;
}
section#page-katsuyou .block .box01 .picture{
	position: absolute;
	top: 0;left:0;
	width: 640px;
}
section#page-katsuyou .block .box01 .text{
	position: absolute;
	bottom:0;right:0;
	width: 625px;
	padding-bottom:100px;
}

section#page-katsuyou .block .box01 .text .no{
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/katsuyou_no01.svg) no-repeat;
	width: 61px;  height: 52px;
	margin-top: -12px;
	margin-bottom: 20px;
}
/* NO2 */
section#page-katsuyou .block .box02{
	position: relative;
	width: 816px;	height: 576px;
}
section#page-katsuyou .block .box02 .picture{
	position: absolute;
	top: 0;right:0;left: 0;
	margin: auto;
	width: 816px;
}
section#page-katsuyou .block .box02 .text{
	position: absolute;
	bottom: 0;right:0;left: 0;
	margin: auto;
	width: 625px;
	padding-bottom:70px;
}

section#page-katsuyou .block .box02 .text .no{
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/katsuyou_no02.svg) no-repeat;
	width: 72px;  height: 49px;
	margin-top: -12px;
	margin-bottom: 20px;
}
/* NO3 */
section#page-katsuyou .block .box03{
	position: relative;
	width: 1085px;	height: 545px;
}
section#page-katsuyou .block .box03 .picture{
	position: absolute;
	top: 0;right:0;
	width: 640px;
}
section#page-katsuyou .block .box03 .text{
	position: absolute;
	bottom: 0;left:0;
	width: 625px;
	padding-bottom:50px;
}

section#page-katsuyou .block .box03 .text .no{
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/katsuyou_no03.svg) no-repeat;
	width: 65px;  height: 51px;
	margin-top: -12px;
	margin-bottom: 20px;
}
/* NO4 */
section#page-katsuyou .block .box04{
	position: relative;
	width: 1085px;	height: 542px;
}
section#page-katsuyou .block .box04 .picture{
	position: absolute;
	top: 0;left:0;
	width: 640px;
}
section#page-katsuyou .block .box04 .text{
	position: absolute;
	bottom:0;right:0;
	width: 625px;
	padding-bottom:60px;
}

section#page-katsuyou .block .box04 .text .no{
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/katsuyou_no04.svg) no-repeat;
	width: 71px;  height: 56px;
	margin-top: -12px;
	margin-bottom: 20px;
}
/* NO5 */
section#page-katsuyou .block .box05{
	position: relative;
	width: 816px;	height: 576px;
}
section#page-katsuyou .block .box05 .picture{
	position: absolute;
	top: 0;right:0;left: 0;
	margin: auto;
	width: 816px;
}
section#page-katsuyou .block .box05 .text{
	position: absolute;
	bottom: 0;right:0;left: 0;
	margin: auto;
	width: 625px;
	padding-bottom:105px;
}

section#page-katsuyou .block .box05 .text .no{
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/katsuyou_no05.svg) no-repeat;
	width: 68px;  height: 52px;
	margin-top: -12px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {

	section#page-katsuyou{
		padding: 60px 0 0 0;
	}
	section#page-katsuyou .h2wrapSP{
		width: 95%;
		margin: auto;
	}
	section#page-katsuyou .h2wrap{
		position: relative;
		background-image: url('images/katsyou_mainpic@2x_sp.jpg');
		display: block;
		background-size: 100%;
		width:100%;    height:0;
		padding-top: 97.71%;
	}
	/* section#page-katsuyou .h2wrap .icon{
		position: absolute;
		left: 0;right: 0;
		top: 30px;
	} */
	section#page-katsuyou .h2wrap .inner{
		position: absolute;
		left: 0;right: 0;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		outline: 0;
		margin: auto;
		text-align: center;
	}
	section#page-katsuyou .h2wrap .icon{
		margin-bottom: 25px;
	}
	section#page-katsuyou .h2wrap h2{
		font-size:3.0px;
		font-size:3.0rem;
		line-height: 1.29;
	}
	section#page-katsuyou .h2wrap h2 + p{
		margin-top: 25px;
		margin-bottom: 0;
	}

	/* section#page-katsuyou .h2wrap p{
		position: absolute;
		left: 0;right: 0;
		bottom: 30px;

		font-size:1.8px;
		font-size:1.8rem;
		line-height: 1.667;
		letter-spacing: 0.05em;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
	} */
	
	section#page-katsuyou .block{
		margin: 40px auto;
	}
	

	section#page-katsuyou .block .box + .box{
		margin-top: 40px;
	}
	
	section#page-katsuyou .block .text{
		padding-left:5%;
		padding-right:5%;
	}
	section#page-katsuyou .block .text h4{
		color: #0c95ab;
		font-size:28px;
		font-size:2.8rem;
		letter-spacing: 0.05em;
		line-height: 1.71;
		font-weight: 600;
	}
	section#page-katsuyou .block .text hr{
	
	}
	section#page-katsuyou .block .text p{
	
		font-size:18px;
		font-size:1.8rem;
		letter-spacing: 0;
		line-height: 1.88;
		font-weight: 600 !important;
	}
	
	
	/* NO1 */
	section#page-katsuyou .block .box01{
		position: relative;
		width: 100%;	height: auto;
	}
	section#page-katsuyou .block .box01 .picture{
		position: static;
		width: 100%;
	}
	section#page-katsuyou .block .box01 .text{
		position: static;
		width: 100%;
		padding-bottom:70px;
	}
	section#page-katsuyou .block .box01 .text .no{
		margin-top: -35px;
		margin-bottom: 20px;
		z-index: 10;
		position: relative;
	}
	/* NO2 */
	section#page-katsuyou .block .box02{
		position: relative;
		width: 100%;	height: auto;
	}
	section#page-katsuyou .block .box02 .picture{
		position: static;
		width: 100%;
	}
	section#page-katsuyou .block .box02 .text{
		position: static;
		width: 100%;
		padding-bottom:70px;
	}
	
	section#page-katsuyou .block .box02 .text .no{
		margin-top: -35px;
		margin-bottom: 20px;
		z-index: 10;
		position: relative;
	}
	/* NO3 */
	section#page-katsuyou .block .box03{
		position: relative;
		width: 100%;	height: auto;
	}
	section#page-katsuyou .block .box03 .picture{
		position: static;
		width: 100%;
	}
	section#page-katsuyou .block .box03 .text{
		position: static;
		width: 100%;
		padding-bottom:70px;
	}
	
	section#page-katsuyou .block .box03 .text .no{
		margin-top: -35px;
		margin-bottom: 20px;
		z-index: 10;
		position: relative;
	}
	/* NO4 */
	section#page-katsuyou .block .box04{
		position: relative;
		width: 100%;	height: auto;
	}
	section#page-katsuyou .block .box04 .picture{
		position: static;
		width: 100%;
	}
	section#page-katsuyou .block .box04 .text{
		position: static;
		width: 100%;
		padding-bottom:70px;
	}
	
	section#page-katsuyou .block .box04 .text .no{
		margin-top: -35px;
		margin-bottom: 20px;
		z-index: 10;
		position: relative;
	}
	/* NO5 */
	section#page-katsuyou .block .box05{
		position: relative;
		width: 100%;	height: auto;
	}
	section#page-katsuyou .block .box05 .picture{
		position: static;
		width: 100%;
	}
	section#page-katsuyou .block .box05 .text{
		position: static;
		width: 100%;
		padding-bottom:70px;
	}
	
	section#page-katsuyou .block .box05 .text .no{
		margin-top: -35px;
		margin-bottom: 20px;
		z-index: 10;
		position: relative;
	}

}



/* Q＆A 
--------------------------------------------*/
section#page-qa{
	background-color: #0c95ab;
	padding: 60px 0 0 0;
}
section#page-qa .h2wrap{
	margin: auto;
	background-image: url('images/qa_bg@2x.jpg');
	background-size: 1254px 344px;
	background-repeat: no-repeat;
	width: 1254px;height: 344px;
	padding-top: 50px;
}
section#page-qa .h2wrap .icon{
	margin: auto;
	text-align: center;
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(images/icon_2032gate_wht.svg) no-repeat;
	width: 90px;  height: 73px;
	margin-bottom: 35px;
}
section#page-qa .h2wrap h2{

}
section#page-qa .h2wrap p,
section#page-qa .h2wrap h2 + p{
	font-size:1.8px;
	font-size:1.8rem;
	line-height: 1.667;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	margin-top: 35px;
}

section#page-qa .block{
	margin: 70px auto;
}

@media only screen and (max-width: 768px) {
	section#page-qa .h2wrapSP{
		width: 90%;
		margin: auto;
	}
	section#page-qa .h2wrap{
		position: relative;
		background-image: url('images/qa_bg_sp@2x.jpg');
		display: block;
		background-size: 100%;
		width:100%;    height:0;
		padding-top: 97.71%;
	}
	section#page-qa .h2wrap .inner{
		position: absolute;
		left: 0;right: 0;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		outline: 0;
		margin: auto;
		text-align: center;
	}
	section#page-qa .h2wrap .icon{
		position: absolute;
		left: 0;right: 0;
		top: 30px;
	}
	section#page-qa .h2wrap h2{
	
	}
	section#page-qa .h2wrap h2 + p{
		margin-top: 30px;
		margin-bottom: 0;
	}
	section#page-qa .h2wrap p{
		position: absolute;
		left: 0;right: 0;
		bottom: 30px;
	
		font-size:1.8px;
		font-size:1.8rem;
		line-height: 1.667;
		letter-spacing: 0.05em;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
	}
	
	section#page-qa .block{
		margin: 70px auto;
	}

}


/* 
タブ
--------------------------------------------------------------------* */
.tab {
	width: 900px;
  margin:0 auto;
}
.tab .tab-content {
  margin: 0 auto;
	text-align: center;
}

.tab label,
.tab input:checked + label {
  display: inline-block;
  width: 170px;
	margin: 0 100px;
  padding:20px 20px;
  cursor: pointer;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.tab label {
  background: #0c95ab;
  color: #ffffff;
  border:1px #ffffff solid;
}
.tab label:hover {
  background: #ffffff;
  color: #0c95ab;
}
.tab input:checked + label {
  background: #ffffff;
  color: #0c95ab;
}
.tab input {
  display: none;
}
.tab #tab-b1,
.tab #tab-b2 {
  display: none;
  padding: 100px 0 0 0;
}
.tab #tab-1:checked ~ #tab-b1,
.tab #tab-2:checked ~ #tab-b2 {
  display: block;
}

@media only screen and (max-width: 768px) {

.tab {
	width: 100%;
  margin: 0 auto;
}
.tab input:checked + label,
.tab label {

  display:block;
	margin:20px auto;
}
.tab #tab-b1,
.tab #tab-b2 {
  display: none;
  padding: 0 0 0 0;
}

}



dl.qabox{}
dl.qabox + dl.qabox{	margin-top: 60px;	}
dl.qabox dt{
	margin-bottom: 30px;
}

dl.qabox dt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
dl.qabox dt div.human{
	width: 100px;

	vertical-align: middle;
	text-align: left;
}
dl.qabox dt div.txt{
	width: 780px;
	position: relative;

	text-align: left;
	vertical-align: middle;
	background-color: #f8f8f8;
	/* 角丸 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	padding: 25px 35px;
	font-weight: 600;
	list-style:1.1;
}
dl.qabox dt div.txt:before {
	position: absolute;
	left:-15px;top: 40%;
	background-image: url(images/fukidashi.png);
	content: '';
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	width: 15px;
	height: 14px;
  }


dl.qabox dt div.txt span{
	display: inline-block;
	vertical-align: middle;
	color: #0c95ab;
	font-size:30px;
	font-size:3.0rem;
	font-weight: 600;
	margin-right: 30px;
}


dl.qabox dd {
	margin-left: 110px;
	width: 780px;

}
dl.qabox dd div.txt{
    display: flex;

    flex-wrap: wrap;
}



dl.qabox dd div.txt .a{
	width: 60px;
	color: #ffffff;
	font-size:30px;
	font-size:3.0rem;
	font-weight: 600;
	margin-left: 30px;
}
dl.qabox dd div.txt .atxt{
	width: -webkit-calc(100% - 155px) ;
	width: calc(100% - 155px) ;
	margin-left: 20px;
	color: #ffffff;
	font-size:16px;
	font-size:1.6rem;
	text-align: left;
	font-weight: 600;
}

@media only screen and (max-width: 768px) {


	dl.qabox{}
	dl.qabox + dl.qabox{	margin-top: 60px;	}
	dl.qabox dt{
		margin-bottom: 30px;
	}
	
	dl.qabox dt {
		flex-direction: row;
	}
	dl.qabox dt div.human{
		width: 100%;
		margin: 0 auto 20px auto;
		text-align: center;
	}
	dl.qabox dt div.txt{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	
		text-align: left;


		padding: 25px 35px;
		font-weight: 600;
		list-style:1.1;
	}
	dl.qabox dt div.txt:before {
		left:65%;top: -15px;
		margin: auto;
		background-image: url(images/fukidashi_sp.png);
		width: 14px;
		height: 15px;
	  }
	
	
	dl.qabox dt div.txt span{
		display:block;

		font-size:30px;
		font-size:3.0rem;

		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	
	
	dl.qabox dd {
		margin-left: auto;
		margin-right: auto;
		width: 85%;
	
	}
	dl.qabox dd div.txt{
		flex-direction: row;
	}
	
	
	
	dl.qabox dd div.txt .a{
		width: 100%;
		margin: auto;
		text-align: center;
	}
	dl.qabox dd div.txt .atxt{
		width: 100%;
		margin-left: auto;
		margin-right: auto;

		font-size:16px;
		font-size:1.6rem;
	}

}


/* *--------------------------------------------------------------------
 ヘッダー（/）
--------------------------------------------------------------------* */
#BYOD main{
	display: block;
	margin-top:  0 !important;
}

.cb-header {
  position: fixed !important;
  z-index: 9999 !important;
  display: block;
  left: 0;
  top: -80px;
}
.slide-down {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0px;
  animation-duration: .5s;
  top: 0;
}
@keyframes slideDown {
  0% {
    top: -80px;
  }
  100% {
    top: 0px;
  }
}
.slide-up {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50%  0px;
  animation-duration: .5s;
  top: -80px;
}
@keyframes slideUp {
  0% {
    top: 0px;
  }
  100% {
    top: -80px;
  }
}

@media only screen and (max-width: 768px) {

.cb-header {
  position: fixed;
  left: 0;
  top: -45px;
}
.slide-down {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0px;
  animation-duration: .5s;
  top: 0;
}
@keyframes slideDown {
  0% {
    top: -45px;
  }
  100% {
    top: 0px;
  }
}
.slide-up {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50%  0px;
  animation-duration: .5s;
  top: -45px;
}
@keyframes slideUp {
  0% {
    top: 0px;
  }
  100% {
    top: -45px;
  }
}

}