body{
	padding: 0;
}
/* 繧ｹ繝槭�繝倥ャ繝€繝ｼ */
@media only screen and (max-width: 768px) {
	#sora #header .slicknav_brand {
		background: #33adff; /* Old browsers */
		background: -moz-linear-gradient(top, #33adff 0%, #ccebff 50%, #33adff 100%);
		background: -webkit-linear-gradient(top, #33adff 0%,#ccebff 50%,#33adff 100%);
		background: linear-gradient(to bottom, #33adff 0%,#ccebff 50%,#33adff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccebff', endColorstr='#33adff',GradientType=0 ); /* IE6-9 */
	}
	#sora #header .slicknav_nav li a{ background-color: #33adff!important; color: #ccebff;}
}

.color_sora{
	border: #0099ff;
	color: #0099ff;
}
/* 繝医ャ繝礼判蜒� */
.mainTitleArea img{
	display: block;
	margin: 0 auto;
}
.titleArea{
	display: block;
	width: 960px;
	height: 150px;
	margin: 0 auto;
	background-image: url("/sora/img/sora_title_pc.png");
	background-repeat: no-repeat
}
.titleArea .contents_title{
	font-size: 50px;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding-top: 38px;
}
.titleArea .contents_subtitle{
	font-size: 24px;
	line-height: 1em;
	text-align: center;
	color: #fff;
	padding-top: 6px;
}
.titleArea .contents_title.about{
	color: #e9ffff;
	padding-top: 50px;
}

h3.about{
	width: 960px;
	margin: 0 auto;
	background-color: #0099ff;
	color: #ffffff;
	text-align: center;
}
@media only screen and (max-width: 768px) {
	.titleArea{
		width: 100vw;
		height: 20vw;
		background-image: url("/sora/img/sora_title_sp.png");
		background-size: cover;
	}
	.titleArea .contents_title{
		font-size: 6vw;
		padding-top: 5.2vw;
	}
	.titleArea .contents_subtitle{
		font-size: 4vw;
	}
	.titleArea .contents_title.about{
		padding-top: 7vw;
	}
	
	h3.about{
		width: 98%;
	}
}
/* 繧ｻ繝ｬ繧ｯ繧ｿ繝ｼ�郁レ譎ｯ縺薫N�� */
.selector_area{
	margin: 0;
	background: -moz-linear-gradient(top, #fff, #e9ffff);
	background: -webkit-linear-gradient(top, #fff, #e9ffff);
	background: linear-gradient(to bottom, #fff, #e9ffff);
}
ul.filter_bt{
	width: 980px;	/* 繝懊ち繝ｳ縺ｮ荳｡遶ｯ繝槭�繧ｸ繝ｳ繧貞刈縺医※980 */
	margin: 0 auto 0px;
}
ul.filter_bt a{
	float: left;
	margin: 10px;
	cursor: pointer;
	width: 176px;
	height: 80px;
	background-image: url("/sora/img/sora_index_btn_off.svg");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 38px 0;
	font-size: 28px;
	text-align: center;
	color: #0099ff;
}
ul.filter_bt a.current{
	background-image: url("/sora/img/sora_index_btn_on.svg");
	background-repeat: no-repeat;
	color: #fff;
}
ul.filter_bt a:hover{
	text-decoration: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#filter select,
#filter .minict_wrapper{
	display: none;
}
/* 繧ｻ繝ｬ繧ｯ繧ｿ繝ｼ縺ｮjs縺ｫ菴ｿ縺｣縺ｦ繧� */
.minict_wrapper {
    font-family: Verdana, "貂ｸ繧ｴ繧ｷ繝�け", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
	color: #0099ff;
    background: #fff;
    position: relative;
    width: 300px;
	height: 3.5rem;

	border: solid 1px #0099ff;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	text-align: center;
	padding: 0;
}
.minict_wrapper:after {
    content: "\25BC";
    display: block;
    position: absolute;
    height: 3.5rem;
    width: 3.3rem;
    top: 0;
    right: 0;
    font-size: 1.28rem;
    font-size: 3.41vw;
    line-height: 2.5em;
    text-align: center;
    background: #aaeeff;
    color: #0099ff;
}
.minict_wrapper.active:after {
    content: "\25BC";
}
.minict_wrapper span {
    font-size: 1.6rem;
    font-size: 4.26vw;
    display: block;
    border: 0;
    outline: none;
    background: none;
    color: #0099ff;
    height: 3.5rem;
    line-height: 2.25em;
    padding: 0 5.44rem 0 0.64rem;
    padding: 0 14.5vw 0 1.7vw;
    cursor: default;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.minict_wrapper span:empty:before {
    content: attr(data-placeholder);
    color: #0099ff;
    background: #fff;
    line-height: 23px;
    line-height: 1.5rem;
}
.minict_wrapper ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    position: absolute;
    width: 100%;
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: calc(100% + 2px);
    border: none;
    border-top: 1px solid;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: 3.5rem;
    left: 0;
    max-height: 35rem;
    overflow-y: auto;
    z-index: 999999;
}
.minict_wrapper ul li {
    font-size: 1.6rem;
    font-size: 4.26vw;
    list-style: none;
    padding: 0 5.44rem 0 0.64rem;
    padding: 0 14.5vw 0 1.7vw;
    cursor: pointer;
    background: #eeffff;
	color: #666;
    height: 3.5rem;
    line-height: 2.25em;
	border: solid 1px #888;
	border-top: none;
}
.minict_wrapper ul li.selected {
    color: #0099ff;
    background: #fff;
}


@media only screen and (max-width: 768px) {
	#filter ul {
		display: none;
	}
	#filter .minict_wrapper {
		display: block;
		width: 92%;
		margin: 2em 4% 1em 4%;
	}
	#mainArea {
		min-height: 100%;
		height: 100%;
	}
}


/* 繧ｳ繝ｳ繝�Φ繝�Μ繧ｹ繝磯�伜沺 */
.item_area{
	background-color: #e9ffff;
}
ul.list_box{
	width: 984px;	/* 荳｡遶ｯ縺ｮ繝槭�繧ｸ繝ｳ繧貞刈縺医※984 */
	margin: 0 auto;
}
ul.list_box li{
	display: block;
	float: left;
	margin: 24px 24px 0 12px;
	width: 304px;
	height: 304px;
	background-color: #fff;
}
ul.list_box li img{
	width: 100%;
	margin-bottom: 7px;
}
.list_box .contents_title{
	font-size: 24px;
	font-weight: bold;
	color: #0099ff;
	line-height: 1em;
	text-align: center;
	margin-bottom: 6px;
}
.list_box .contents_subtitle{
	font-size: 16px;
	color: #0099ff;
	line-height: 1em;
	text-align: center;
	margin-bottom: 7px;
}
.list_box .contents_description{
	font-size: 16px;
	color: #4d4d4d;
	line-height: 1.5em;
	padding: 0 0.5em;
}
ul.list_box a:hover{
	text-decoration: none;
}
ul.list_box li:hover p{
	/* p繧呈欠螳壹＠縺ｪ縺�→縺倥ｏ縺｣縺ｨ騾乗�縺ｫ縺ｪ繧具ｼ育ｮ玲焚繝ｻ謨ｰ蟄ｦ縺ｪ譌･縲��縺ｨ縺阪�縺昴ｓ縺ｪ縺薙→縺ｪ縺九▲縺溘�縺ｫ�� */
	opacity: 0.5!important;
	filter: alpha(opacity=50);	
}
@media only screen and (max-width: 768px) {
	ul.list_box{
		width: 100%!important;
	}
	ul.list_box li{
		display: block;
		float: left;
		margin: 2vw 1vw 0;
		width: 48vw;
		height: auto;
	}
	ul.list_box li .newMark {
		position: absolute;
		top: 15.5%;
		right: 15%;
		width: 2.5em;
		height: auto;
	}
	.list_box .contents_title{
		font-size: 5.2vw;
		line-height: 1em;
		margin-bottom: 0.25em;
	}
	.list_box .contents_title.long_title{
		font-size: 3.9vw;
		line-height: 1.33em;
		margin-bottom: 0.25em;
		transform: scale(1,1.33)
	}
	.list_box .contents_subtitle{
		font-size: 3.6vw;
		line-height: 1em;
		margin-bottom: 0.25em;
	}
	.list_box .contents_subtitle.long_title{
		font-size: 2.6vw;
		line-height: 1.385em;
		margin-bottom: 0.25em;
		transform: scale(1,1.385)
	}
	.list_box .contents_description{
		display: none;
	}
}

/* about */
.about_area{
	width: 240px;
	margin: 3em auto;
}
.about_area img{
	float: left;
}
.about_area p{
	margin-left: 4.5em;
	padding-top: .25em;
	color: #0099ff;
}
@media only screen and (max-width: 768px) {
	.about_area{
		width: 100%;
		padding-left: 20%;
	}
	.about_area img{
		width: 16vw;
	}
	.about_area p{
		font-size: 4vw;
	}
}

/* 繧ｳ繝ｳ繝�Φ繝��繝ｼ繧ｸ */
.contents{
	background-color: #eeffff;
	padding: 0;
	margin: 0;
}
.intro_area{
	margin: 0;
	background: -moz-linear-gradient(top, #fff, #eeffff);
	background: -webkit-linear-gradient(top, #fff, #eeffff);
	background: linear-gradient(to bottom, #fff, #eeffff);
}
.introduction{
	width: 960px;
	margin: 0 auto;
}
.introduction p{
	padding: .75em .5em;
}

/* radio繝懊ち繝ｳ縺ｫ繧医ｋ陦ｨ遉ｺ蛻�ｊ譖ｿ縺� */
.video_container{
	width: 960px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.video_container .videoArea{
	max-width: 960px;
	position: relative;
}
.video_container label{
	position: relative;
	width: 176px;
	height: 99px;
	margin: 0 8px;
	order: -1;
	cursor: pointer;
}
.video_container label img{
	width: 100%;
	height: auto;
}
.video_container label p{
	position: absolute;
	top: 33.5px;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	color: #333;
	font-weight: bold;
	text-align: center;
	padding: 0.5em auto;
}
.video_container .video_switch{
	display: none;
}
.video_container .videoArea{
	display: none;
}
.video_switch:checked+.video_label img{
	border: 4px solid #0099ff;
}
.video_switch:checked+.video_label p{
	color: #0099ff;
}
.video_switch:checked+.video_label+.videoArea {
	display: block;	/* 縺ｩ縺�＠縺ｦ繧Ｕab-content縺ｮ蜍穂ｽ懊′縺翫°縺励＞縺ｮ縺ｧdisplay縺ｧ縺ｮ蛻ｶ蠕｡縺ｫ螟画峩 */
	width: 960px;
	margin: 0px auto 8px auto;
	order: -2;
}
.description{
	width: 960px;
	margin: 8px auto;
	padding: 0 .5em;
}


.memoArea{
	width: 960px;
	margin: 1em auto;
	padding: 0;
}
.memo_switch{
	display: none;
}
.memoArea label{
	width: 90px;
	height: 30px;
	display: block;
	margin-left: auto;
}
.memoArea label svg{
	fill: #0099ff;
}
.memoArea label:hover{
	opacity: .5;
}
.memo_detail{
	display: none;
}
.memo_switch:checked+label svg{
	fill:#666;
}
.memo_switch:checked+label+.memo_detail{
	display: flex;
}
.memo_switch:checked+label+.memo_detail p{
	text-align: left;
	margin-left: auto;
	padding: .25em 1em;
	background-color: #fafafa;
}
.memo_switch:checked+label+.memo_detail .author{
	float: right;
}

@media only screen and (max-width: 768px) {
	.introduction{
		width: 98vw;
		margin: 0 auto;
	}
	.video_container{
		width: 98vw;
	}
	.video_container .videoArea{
		max-width: 98vw;
	}
	.video_container label{
		width: 32vw;
		height: 18vw;
		margin: 1vw .25vw;
	}
	.video_container label p{
		font-size: 4.8vw;
		line-height: 2em;
		top: 3.6vw;
	}
	.video_container label p.long_title{
		font-size: 4.8vw;
		line-height: 1em;
		
	}
	.video_switch:checked+.video_label+.videoArea {
		width: 98vw;
		margin: 0 auto;
	}
	.description{
		width: 98vw;
		margin: .5em auto;
	}
	.memoArea{
		width: 98vw;
		margin: .5em auto;
	}
}

/* 繝｡繝ｳ繝舌�邏ｹ莉� */
ul.member{
	width: 960px;
	margin: 1em auto;
}
ul.member li{
	float: left;
	width: 460px;
	margin: 10px 10px;
	padding: 1em;
	background-color: #fff;
	border-radius: 1em;
}
ul.member li.boss{
	float: none;
	margin: 10px 250px;
}
ul.member h4{
	color: #0099ff;
}
@media only screen and (max-width: 768px) {
	ul.member{
		width: 98%;
		margin: .5em auto;
	}
	ul.member li, ul.member li.boss{
		width: 100%;
		margin: 1% auto;
	}
}

/* 蠑� */
.formula{
	background-color: #fff;
	margin: .5em 1em;
	padding: 0.5em 2em;
}

/* item�薙▽ */
ul.three_items{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	margin-left: -20px;
}
ul.three_items li{
	width: 300px;
	margin-left: 20px;
	margin-bottom: 20px;
}
ul.three_items li > img{
	width: 100%;
}


/* btn_back a */
.btn_back a{
	color:#0099ff;
	border:solid 2px #0099ff;
	background-color:rgba(255,255,255,0.7);
}
.btn_back a:hover{
	color:#0099ff !important;
	opacity: .5 !important;
}


/* vimeo from star2 */
.vimeo_box {
	position: relative;
	padding: calc(360 / 640 * 960px) 0 0; /* 鬮倥＆縺ｨ讓ｪ蟷��謨ｰ蟄励↓縺ｯ蜊倅ｽ阪�蜈･繧後∪縺帙ｓ縲� */
}
.vimeo_box_3by2{
	position: relative;
	padding: calc(2 / 3 * 960px) 0 0;
}
.vimeo_box_4by3{
	position: relative;
	padding: calc(3 / 4 * 960px) 0 0;
}
.vimeo_box_30by17{
	position: relative;
	padding: calc(17 / 30 * 960px) 0 0;
}
.vimeo_box iframe, .vimeo_box_3by2 iframe, .vimeo_box_4by3 iframe, .vimeo_box_30by17 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 768px) {
	.vimeo_box {
		float: none;
		width: 100%;
		padding: calc(360 / 640 * 100%) 0 0; /* 鬮倥＆縺ｨ讓ｪ蟷��謨ｰ蟄励↓縺ｯ蜊倅ｽ阪�蜈･繧後∪縺帙ｓ縲� */
		margin: 0em auto 1em auto;
	}
	.vimeo_box_3by2{
		float: none;
		width: 100%;
		padding: calc(2 / 3 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_4by3{
		float: none;
		width: 100%;
		padding: calc(3 / 4 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_30by17{
		float: none;
		width: 100%;
		padding: calc(17 / 30 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
}