@charset "UTF-8";
/* ===== INDEX STYLES ===== */

/* VISUAL SECTION */
/* PC only display height100% */
html {
	height : 100%;
}

body {
	height : 100%;
	background-color: #fafafa;
}

img {
	border: none;
}

.fade1,.fade2,.fade3 {
	display: none;
	
}

.fade1 {
	display: none;
	animation: fadeIn1 2s ease 0s 1 normal;
}

.fade2 {
	display: none;
	animation: fadeIn2 2s ease 0.2s 1 normal;
}

.fade3 {
	display: none;
	animation: fadeIn3 2s ease 0.4s 1 normal;
}


@keyframes fadeIn1 {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn1 {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes fadeIn2 {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn2 {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes fadeIn3 {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn3 {
    0% {opacity: 0}
    100% {opacity: 1}
}




/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 1000ms;
	position: fixed;
    }

/* 2つ目の要素に200msのdelayをかける */
.fadein2 {
	opacity : 0.1;
    transform : translate(0, 100px);
    transition : all 1000ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    }
/* 3つ目の要素に400msのdelayをかける */
.fadein3 {
	opacity : 0.1;
    transform : translate(0, 100px);
    transition : all 1000ms;
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
}
/* 4つ目の要素に400msのdelayをかける */
.fadein4 {
	opacity : 0.1;
    transform : translate(0, 100px);
    transition : all 1000ms;
    -moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
}

.fadein-left {
    opacity : 0;
    transform : translate(-100px, 0);
    transition : all 1000ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin,.fadein2.scrollin,.fadein3.scrollin,.fadein4.scrollin,.fadein-left.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

@media all and (-ms-high-contrast: none) {
  #sougou-table > tr > td {
	line-height: 1.8!important;
}
}

#personal-top a,#personal-top a:link,#personal-top a:visited,.personal-sp-list a,.personal-sp-list a:link,.personal-sp-list a:visited {
	text-decoration: none;
	color: #263c5e;
}

#personal-top {
	min-width: 768px;
    min-height: 560px;
    width: 100vw;
    height: 100vh;
    height: calc(100vh - 40px);
}

#personal-top ul {
	width: 100vw;
    height: 100vh;
	display: table;
	margin: 0;
}

#personal-top li {
	width: 33.33%;
	height: 100%;
	display: table-cell;
	position: relative;
}

#personal-top li a {
	height: 100%;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
}

.private1 a {
	background-image: url(../images/personalcoaching/course01.png);
	background-position: center;
}

.excel1 a {
	background-image: url(../images/personalcoaching/course02.png);
	background-position: 30%!important;
}

.plus1 a {
	background-image: url(../images/personalcoaching/course03.png);
	background-position: center;
}

#personal-top section {
	position: absolute;
	bottom: 8%;
	z-index: 1;
	color: #fff;
	height: 0;
    width: 90%;
    border-left: 0px solid transparent;
	opacity: 0.93;
	animation-duration: 1s;
}

@keyframes anime1 {
0% { width: 60%;}
100% { width: 90%;}
}

.private1 section {
	animation-name: anime1;
	animation-delay: 0.2s;
}

@keyframes anime2 {
0% { width: 60%;}
100% { width: 90%;}
}

.excel1 section {
	animation-name: anime2;
	animation-delay: 0.4s;
}

@keyframes anime3 {
0% { width: 60%;}
100% { width: 90%;}
}

.plus1 section {
	animation-name: anime3;
	animation-delay: 0.6s;
}

#personal-top section div {
	padding: 20px 10px 10px 10px;
	line-height: 150%;
}

.private1 a section {
	border-right: 86px solid transparent;
	border-bottom: 130px solid #55abd9;
}

.excel1 a section {
	border-right: 86px solid transparent;
	border-bottom: 130px solid #da371d;
}

.plus1 a section {
	border-right: 86px solid transparent;
	border-bottom: 130px solid #1c4593;
}

.footerBox2 .fNavFrame {
	margin: 5px -7.5px 5px;
	overflow: hidden;
}

.top-height  footer .bottomNav {
	color: #fff;
	font-size: 11px;
	padding: 10px 0;
}

.btn_mnet, .btn_inquiry {
	display: block;
   	height: 24%;
   	height: 135px;
   	width: 135px;
   	position: absolute;
   	z-index: 10;
	text-align: center;
}
.btn_mnet span, .btn_inquiry span {
}

.btn_mnet span a {
	color: #fff;
}

.btn_inquiry {
    background: #A01220;
   	bottom: 0;
	left: 0;
}
	
.index-performance {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 4;
}

.sougou-link {
	zoom: 1;
	display: block!important;
	width : 100%!important;
	height: 100%!important;
	background-image: url(http://meishinken.xsrv.jp/school/wp-content/themes/school/images/index_all_mv_jhs.png);
	background-repeat: no-repeat!important;
	background-size: cover!important;
}

#sougou-table span {
	font-weight: bold;
	font-size: 14px;
	padding: 6px 4px 2px 4px;
	margin-right: 4px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}

#sougou-table span em {
	font-size: 20px;
	font-style: normal;
}

/* 総合トップheight 100% */
.visualSection .visualFrame .td {
	width: 50%;
}
.visualSection .visualFrame .td.visual {
	position: relative;
}
.visualSection .visualFrame .td.visual header {
	background: none;
	height: 100%;
	position: absolute;
	width: 100%;
}
.visualSection .visualFrame .td.visual header .logo {
	font-size: 0;
	margin: 20px 15px 0;
	position: relative;
	z-index: 10;
}
.visualSection .visualFrame .td.visual header .logo img {
	display: inline-block;
}
.visualSection .visualFrame .td.visual header .btnFrame a {
	display: block;
	height: 24%;
	max-height: 135px;
	max-width: 135px;
	position: absolute;
	width: 28%;
	z-index: 10;
}
.visualSection .visualFrame .td.visual header .btnFrame a span {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 100% 0 0;
}
.visualSection .visualFrame .td.visual header .btnFrame a:before, .visualSection .visualFrame .td.visual header .btnFrame a:after {
	display: none;
}
.visualSection .visualFrame .td.visual header .btnFrame a.btn_mnet {
	background: #172F6B;
	right: 0;
	top: 0;
}
.visualSection .visualFrame .td.visual header .btnFrame a.btn_mnet span {
	background: url(../images/btn_mnet.png) no-repeat center center;
}
.visualSection .visualFrame .td.visual header .btnFrame a.btn_inquiry {
	background: #A01220;
	bottom: 0;
	left: 0;
}
.visualSection .visualFrame .td.visual header .btnFrame a.btn_inquiry span {
	background: url(../images/btn_inquiry.png) no-repeat center center;
}
.visualSection .visualFrame .td.visual > a {
	display: block;
	position: relative;
	z-index: 1;
}
.visualSection .visualFrame .td.visual > a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.visualSection .visualFrame .td.menu a {
	display: block;
	position: relative;
}
.visualSection .visualFrame .td.menu a:before {
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.visualSection .visualFrame .td.menu a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.visualSection .visualFrame .td.menu a:hover:before {
	filter: alpha(opacity=100);
	opacity: .100;
}
.visualSection .visualFrame .td.menu a .txt {
	bottom: 2%;
	height: 0;
	max-width: 390px;
	overflow: hidden;
	padding: 85px 0 0;
	position: absolute;
	text-indent: 100%;
	right: 2%;
	width: 98%;
	z-index: 10;
}
.visualSection .visualFrame .td.menu a.menu_jhs:before {
	
}
.visualSection .visualFrame .td.menu a.menu_jhs .txt {
	background-size: contain;
}
.visualSection .visualFrame .td.menu a.menu_hs:before {
	
}
.visualSection .visualFrame .td.menu a.menu_hs .txt {
	background-size: contain;
}
.visualSection .visualFrame .td.menu a.menu_annex:before {
	
}
.visualSection .visualFrame .td.menu a.menu_annex .txt {
	background-size: contain;
}


@media only screen and (min-width: 900px) {
	.pc-pc {
		display: block;
	}
	
	.pc-sp {
		display: none;
	}
}

@media screen and (min-width: 601px) and ( max-width:900px) {
	/* ipad用 */
	/* スマホのみ */
	.pc-pc {
		display: none;
	}
	
	.pc-sp {
		display: block;
	}
	
	
	.visualSection .visualFrame .td {
		width: auto;
	}
	.visualSection .visualFrame .td.visual {
		margin: 0;
	}
	.visualSection .visualFrame .td.visual header {
		display: table;
		height: auto;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	.visualSection .visualFrame .td.visual header .logo {
		display: table-cell;
		margin: 0;
		padding: 0 0 0 15px;
		width: 40%;
		vertical-align: middle;
	}
	.visualSection .visualFrame .td.visual header .btnFrame {
		display: table-cell;
		overflow: hidden;
		width: 55%;
		vertical-align: middle;
	}
	.visualSection .visualFrame .td.visual header .btnFrame a {
		bottom: auto;
		float: left;
		height: auto;
		left: 0;
		max-height: initial;
		max-width: initial;
		padding: 0 5% 0;
		position: relative;
		right: auto;
		top: 0;
		width: 50%;
	}
	.visualSection .visualFrame .td.visual header .btnFrame a span {
		padding: 65% 0 0;
	}
	.visualSection .visualFrame .td.visual header .btnFrame a.btn_mnet span {
		background: url(../images/btn_mnet_sp.png) no-repeat center center;
		background-size: contain;
	}
	.visualSection .visualFrame .td.visual header .btnFrame a.btn_inquiry span {
		background: url(../images/btn_inquiry_sp.png) no-repeat center center;
		background-size: contain;
	}
	.visualSection .visualFrame .td.menu {
		width: auto;
	}
	/*.visualSection .visualFrame .td.menu a:before {
		bottom: 0;
		height: 40%;
		left: auto;
		right: 0;
		top: auto;
		width: 71%;
	}*/
	.visualSection .visualFrame .td.menu a:hover {
		filter: alpha(opacity=100);
		opacity: .100;
	}
	.visualSection .visualFrame .td.menu a:hover:before {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.visualSection .visualFrame .td.menu a .txt {
		bottom: 1%;
		display: inline-block;
		max-width: 481px;
		padding: 18% 0 0;
		right: 2%;
		width: 66%;
	}
	.visualSection .visualFrame .td.menu a.menu_jhs:before {
		
	}
	.visualSection .visualFrame .td.menu a.menu_jhs .txt {
		background: url(../images/index_all_menu_jhs_txt_sp.png) no-repeat right center;
		background-size: cover;
	}
	.visualSection .visualFrame .td.menu a.menu_hs:before {
		
	}

	.visualSection .visualFrame .td.menu a.menu_annex:before {
		
	}
	.visualSection .visualFrame .td.menu a.menu_hs:before {
		left: 0;
		right: auto;
		width: 72%;
	}
	.visualSection .visualFrame .td.menu a.menu_hs .txt {
		background-position: 0 center;
		left: 3%;
		right: auto;
	}
	
	.index-sp-table {
		width: 100%;
		display: table;
	}
	
	.index-sp-table a {
		text-decoration: none;
	}
	
	.index-sp-table a:link, .index-sp-table a:visited {
		color: #263c5e;
	}
	
	.index-sp-table tr th {
		width: 50%;
		display: table-cell;
		padding: 0;
	}
	
	.index-sp-table tr td h2 {
		font-size: 110%;
	}
	
	.index-sp-table tr td {
		width: 50%;
		display: table-cell;
		line-height: 150%;
	}
	
	.index-sp-table tr td span {
		color: #fff;
		padding: 1% 2%;
		margin-right: 1%;
	}
	
	.index-sp-table tr td span em {
		font-style: normal;
	}
	
	.sougou-jhs div,.sougou-hs div,.sougou-annex div,.sougou-personalcoaching div,.sougou-expert div {
		padding: 3% 3%;
	}
	
	.sougou-jhs {
		border-left: 5px solid #d4151e;
		border-top: 1px solid #2d4872;
	}
		
	.index-sp-table tr:first-child th {
		border-top: 1px solid #2d4872;
		background: url(../images/index_all_menu_jhs_sp.png) no-repeat center center;
		background-size: cover;
	}
	
	.index-sp-table tr:first-child td {
		border-top: 1px solid #2d4872;
	}
	
	.index-sp-table tr:nth-child(2) th {
		background: url(../images/index_all_menu_hs_sp.png) no-repeat center center;
		background-size: cover;
	}
	
	.index-sp-table tr:nth-child(3) th {
		background: url(../images/index_all_menu_annex_sp.png) no-repeat center center;
		background-size: cover;
	}

	.index-sp-table tr:nth-child(4) th {
		background: url(../images/index_all_menu_pc_sp.png) no-repeat center center;
		background-size: cover;
	}
	
	.index-sp-table tr:nth-child(5) th {
		background: url(../images/index_all_menu_ex_sp.png) no-repeat center center;
		background-size: cover;
		border-bottom: 1px solid #2d4872;
	}
	
	.index-sp-table tr:nth-child(5) td {
		border-bottom: 1px solid #2d4872;
	}
	
	.index-sp-table tr th a {
		display: block!important;
		width: 100%;
		padding: 20% 0;
	}
	
	.index-sp-table tr th a:active,.index-sp-table tr th a:hover {
		opacity: 1!important;
	}
	
	.footer .container {
		margin-bottom: -5%;
	}
	
	.footerBox2 .fNavFrame .td {
		margin: 0 0 12px !important;
	}
	
	.sougou-jhs a > div {
    	border-left: none;
    	height: 100%!important;
	}
	
	.personal-sp-list {
		height: 90vh;
		margin: 0;
	}
	
	.personal-sp-list li a {
		height: 100%;
		display: block;
		height: 30vh;
		background-size: cover;
		background-repeat: no-repeat;
		
	}
	
	.personal-sp-list h2 {
		font-size: 120%;
	}
	
	.personal-sp-list img {
		width: 80%;
		height: auto;
	}
	
	.private1 {
		height: 30vh;
		position: relative;
	}
	
	.excel1 {
		height: 30vh;
		position: relative;
	}
	
	.plus1 {
		height: 30vh;
		position: relative;
	}
	
	.private1 a {
		background-image: url(../images/personalcoaching/private1-sp.jpg);
		background-position: 70%!important;
	}

	.excel1 a {
		background-image: url(../images/personalcoaching/excel1-sp.jpg);
		background-position: 38%!important;
	}

	.plus1 a {
		background-image: url(../images/personalcoaching/plus1-sp.jpg);
		background-position: 44%!important;
	}
	
	.personal-sp-list a section {
		position: absolute;
		bottom: 0px;
		z-index: 1;
		color: #fff;
		height: 0;
    	width: 100%;
    	border-left: 0px solid transparent;
		opacity: 0.93;
}

	.personal-sp-list a section div {
		padding: 2% 1% 1% 1%;
		line-height: 120%;
	}
	
	#personal-top img {
		width: 100%;
	}

	.private1 a section {
		border-right: 0px solid transparent;
		border-bottom: 170px solid #55abd9;
		width: 100%!important;
	}

	.excel1 a section {
		border-right: 0px solid transparent;
		border-bottom: 170px solid #da371d;
		width: 100%!important;
	}

	.plus1 a section {
		border-right: 0px solid transparent;
		border-bottom: 170px solid #1c4593;
		    width: 100%!important;
	}
	
footer .bottomNav {
	color: #fff;
	font-size: 11px;
	padding: 0px 0;
}
	
	.logo {
		top: 0;
		left: 0;
	}
}

@media only screen and (min-width: 601px) {
.top-height > .logo {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}
}

/* 幅600px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
	/* スマホのみ */
	.visualSection .visualFrame .td {
		width: auto;
	}
	.visualSection .visualFrame .td.visual {
		margin: 0;
	}
	.visualSection .visualFrame .td.visual header {
		display: table;
		height: auto;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	.visualSection .visualFrame .td.visual header .logo {
		display: table-cell;
		margin: 0;
		padding: 0 0 0 15px;
		width: 40%;
		vertical-align: middle;
	}
	.visualSection .visualFrame .td.visual header .btnFrame {
		display: table-cell;
		overflow: hidden;
		width: 55%;
		vertical-align: middle;
	}
	.visualSection .visualFrame .td.visual header .btnFrame a {
		bottom: auto;
		float: left;
		height: auto;
		left: 0;
		max-height: initial;
		max-width: initial;
		padding: 0 5% 0;
		position: relative;
		right: auto;
		top: 0;
		width: 50%;
	}
	.visualSection .visualFrame .td.visual header .btnFrame a span {
		padding: 65% 0 0;
	}
	.visualSection .visualFrame .td.visual header .btnFrame a.btn_mnet span {
		background: url(../images/btn_mnet_sp.png) no-repeat center center;
		background-size: contain;
	}
	.visualSection .visualFrame .td.visual header .btnFrame a.btn_inquiry span {
		background: url(../images/btn_inquiry_sp.png) no-repeat center center;
		background-size: contain;
	}
	.visualSection .visualFrame .td.menu {
		width: auto;
	}
	/*.visualSection .visualFrame .td.menu a:before {
		bottom: 0;
		height: 40%;
		left: auto;
		right: 0;
		top: auto;
		width: 71%;
	}*/
	.visualSection .visualFrame .td.menu a:hover {
		filter: alpha(opacity=100);
		opacity: .100;
	}
	.visualSection .visualFrame .td.menu a:hover:before {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.visualSection .visualFrame .td.menu a .txt {
		bottom: 1%;
		display: inline-block;
		max-width: 481px;
		padding: 18% 0 0;
		right: 2%;
		width: 66%;
	}
	.visualSection .visualFrame .td.menu a.menu_jhs:before {
		
	}
	.visualSection .visualFrame .td.menu a.menu_jhs .txt {
		background: url(../images/index_all_menu_jhs_txt_sp.png) no-repeat right center;
		background-size: cover;
	}
	.visualSection .visualFrame .td.menu a.menu_hs:before {
		
	}

	.visualSection .visualFrame .td.menu a.menu_annex:before {
		
	}
	.visualSection .visualFrame .td.menu a.menu_hs:before {
		left: 0;
		right: auto;
		width: 72%;
	}
	.visualSection .visualFrame .td.menu a.menu_hs .txt {
		background-position: 0 center;
		left: 3%;
		right: auto;
	}
	
	.index-sp-table {
		width: 100%;
		display: table;
	}
	
	.index-sp-table a {
		text-decoration: none;
	}
	
	.index-sp-table a:link, .index-sp-table a:visited {
		color: #263c5e;
	}
	
	.index-sp-table tr th {
		width: 50%;
		display: table-cell;
		padding: 0;
	}
	
	.index-sp-table tr td h2 {
		font-size: 110%;
	}
	
	.index-sp-table tr td {
		width: 50%;
		display: table-cell;
		line-height: 150%;
	}
	
	.index-sp-table tr td span {
		color: #fff;
		padding: 1% 2%;
		margin-right: 1%;
	}
	
	.index-sp-table tr td span em {
		font-style: normal;
	}
	
	.sougou-jhs div,.sougou-hs div,.sougou-annex div,.sougou-personalcoaching div,.sougou-expert div {
		padding: 3% 3%;
	}
	
	.sougou-jhs {
		border-left: 5px solid #d4151e;
		border-top: 1px solid #2d4872;
	}
		
	.index-sp-table tr:first-child th {
		border-top: 1px solid #2d4872;
		background: url(../images/index_all_menu_jhs_sp.png) no-repeat center center;
		background-size: cover;
	}
	
	.index-sp-table tr:first-child td {
		border-top: 1px solid #2d4872;
	}
	
	.index-sp-table tr:nth-child(2) th {
		background: url(../images/index_all_menu_hs_sp.png) no-repeat center center;
		background-size: cover;
	}
	
	.index-sp-table tr:nth-child(3) th {
		background: url(../images/index_all_menu_annex_sp.png) no-repeat center center;
		background-size: cover;
	}

	.index-sp-table tr:nth-child(4) th {
		background: url(../images/index_all_menu_pc_sp.png) no-repeat center center;
		background-size: cover;
	}
	
	.index-sp-table tr:nth-child(5) th {
		background: url(../images/index_all_menu_ex_sp.png) no-repeat center center;
		background-size: cover;
		border-bottom: 1px solid #2d4872;
	}
	
	.index-sp-table tr:nth-child(5) td {
		border-bottom: 1px solid #2d4872;
	}
	
	.index-sp-table tr th a {
		display: block!important;
		width: 100%;
		padding: 20% 0;
	}
	
	.index-sp-table tr th a:active,.index-sp-table tr th a:hover {
		opacity: 1!important;
	}
	
	.footer .container {
		margin-bottom: -5%;
	}
	
	.footerBox2 .fNavFrame .td {
		margin: 0 0 12px !important;
	}
	
	.sougou-jhs a > div {
    	border-left: none;
    	height: 100%!important;
	}
	
	.personal-sp-list {
		height: 78vh;
		margin: 0;
	}
	
	.personal-sp-list li a {
		height: 100%;
		display: block;
		height: 26vh;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.personal-sp-list h2 {
		font-size: 120%;
	}
	
	.personal-sp-list img {
		width: 60%;
		height: auto;
	}
	
	.private1 {
		height: 26vh;
		position: relative;
	}
	
	.excel1 {
		height: 26vh;
		position: relative;
	}
	
	.plus1 {
		height: 26vh;
		position: relative;
	}
	
	.private1 a {
		background-image: url(../images/personalcoaching/private1-sp.jpg);
	}

	.excel1 a {
		background-image: url(../images/personalcoaching/excel1-sp.jpg);
	}

	.plus1 a {
		background-image: url(../images/personalcoaching/plus1-sp.jpg);
	}
	
	.personal-sp-list a section {
		position: absolute;
		bottom: 0px;
		z-index: 1;
		color: #fff;
		height: 0;
    	width: 95%;
		font-size: 80%;
    	border-left: 0px solid transparent;
		opacity: 0.93;
}

	.personal-sp-list a section div {
		padding: 2% 1% 1% 1%;
		line-height: 120%;
	}

	.private1 a section {
		border-right: 59px solid transparent;
		border-bottom: 80px solid #55abd9;
	}

	.excel1 a section {
		border-right: 59px solid transparent;
		border-bottom: 85px solid #da371d;
	}

	.plus1 a section {
		border-right: 59px solid transparent;
		border-bottom: 85px solid #1c4593;
	}
	
	.android .private1 a section {
		border-right: 59px solid transparent;
		border-bottom: 80px solid #55abd9;
	}

	.android .excel1 a section {
		border-right: 59px solid transparent;
		border-bottom: 90px solid #da371d;
	}

	.android .plus1 a section {
		border-right: 59px solid transparent;
		border-bottom: 90px solid #1c4593;
	}
	
footer .bottomNav {
	color: #fff;
	font-size: 11px;
	padding: 0px 0;
}
	

}
/* 幅768px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.visualSection .visualFrame .td.visual header .logo {
		padding: 0 10px;
		width: 30%;
	}
	.visualSection .visualFrame .td.visual header .btnFrame {
		width: 40%;
	}


}

@media only screen and (max-width: 320px) {
	
	
	.iphone .private1 a section {
		border-right: 59px solid transparent;
		border-bottom: 70px solid #55abd9;
	}

	 .iphone .excel1 a section {
		border-right: 59px solid transparent;
		border-bottom: 75px solid #da371d;
	}

	.iphone .plus1 a section {
		border-right: 59px solid transparent;
		border-bottom: 75px solid #1c4593;
	}
	
	.android .private1 a section {
		border-right: 59px solid transparent;
		border-bottom: 75px solid #55abd9;
	}

	.android .excel1 a section {
		border-right: 59px solid transparent;
		border-bottom: 80px solid #da371d;
	}

	.android .plus1 a section {
		border-right: 59px solid transparent;
		border-bottom: 80px solid #1c4593;
	}
	
	
	
}