@charset "utf-8";

/* トップ画像 */
.topBox {
    display: flex;
    background:url('../images/top.jpg')  center center no-repeat;
    background-size: cover;
    height: 17.0vw;
}
.topImgSp { display: none; }

.topBoxTextWrapper {
    padding: 0.7vw 0 0 1.0vw;
    margin: 0 20%;
}
@media screen and (max-width: 760px) {
    .topBox {
        background:none;
        flex-direction: column;
        height: auto;
    }
    .topImgSp {
        display: block;
    }
    .topBoxText p {
        font-size: 20px;
    }
    .topBoxTextWrapper {
        margin: 0px 0px; 
    }
}
@media screen and (min-width: 760px) {
    .topBoxText p { 
        font-size: 1.5vw; 
    }
}
@media screen and (max-width: 2510px) and (min-width: 2250px) {
    .topBoxTextWrapper { 
        margin: 0px 10%;
    }
}
@media screen and (max-width: 2250px) and (min-width: 760px) {
    .topBoxTextWrapper { 
        margin: 0px 45% 0 5%;
    }
}

/* メリット一覧 */

/* マージン */
/*左右*/
.mx-auto { margin-left: auto; margin-right: auto; }

/* 下 */
.mb-vw-0-7 { margin-bottom: 0.7vw; }
.mb-vw-1-5 { margin-bottom: 1.5vw; }
.mb-vw-3-0 { margin-bottom: 3.0vw; }

/* flex */
.d-flex { display: flex; }
.col { flex: 1 0 0%; }
.align-items-center { align-items: center; }

/*** 行の高さ */
.line-height-p-170 { line-height: 170%; }

/* box */
.box2 { margin-bottom: 25px; }
.box2 .headerText { font-size: 28px; }

.blueLabel {
    background-color: #1f4e79;
    color: #ffffff;
    border-radius: 7.0px;
    padding: 5.0px 0;
    width: 60%;
}

@media screen and (max-width: 960px) {
    .box2Inner2 { 
        flex-direction: column; 
    }
}


/* 質問表 */
table   { width: 100%; }

td  {
	padding: 10px 2%;
	background-color:#f5f5f5;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc);
  width: 100%;

}
th  {
	background-color:#0066cc;
	background: rgb(64,150,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(64,150,238,1) 0%, rgba(0,102,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(0,102,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(64,150,238,1) 0%,rgba(0,102,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#0066cc',GradientType=0 ); /* IE6-9 */
	color:#fff;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc);
}
.graph1 th  { width: 15%; text-align: center; font-size:28px;}
.graph1 tr td p {
	font-size:20px;
	color:#0066cc;
}
.graph1 tr {
	margin-bottom:10px;

}
.graph1 .bottomMgn { margin:100px;}
 
@media only screen and (max-width:480px){
.graph1 { margin: 0 -10px 20px 0; }
.graph1 th, .graph1 td{
	width: 96%;
	display: block;
	border-top: none;
}
.graph1 tr:first-child th   { border-top: 1px solid #ddd; }
.graph1 th  { font-size:16px; padding:5px 0;	width: 100%;}

}