@charset "utf-8";
/* CSS Document */

/* ---------------------------------- Index Uniq CSS ---------------------------------- */

/* ====================
.monster bnr
=====================*/

.monster_bnr {
width: calc(100% - 16px);
margin: auto auto 2em;
padding-top: 0;
}

.monster_bnr .css dt {
	font-size: 0.90em;
}
.monster_bnr .css dd {
	font-size: 0.70em;
}

.monster_bnr .css img {
width: 200px;
height: auto;
font-size: 0.75em;
}

.monster_bnr .css p {
background-color: #3baf29;
color: #fff;
font-size: 0.75em;
padding: 7px 0px;
}

.monster_bnr .css p span {
display: block;
}

.monster_bnr .css p span .tel {
display: block;
font-size: 1.7em;
}

.monster_bnr .css dt,
.monster_bnr .css dd,
.monster_bnr .css p {
font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", serif;
font-weight: bold;
line-height: 1.8;
}

/* ====================
bnner softbank
=====================*/

.bnr_softbank {
	background: url(/img/index/bnr_softbank/bg.png) no-repeat 1% 50%;
	background-size: 20.8984375vw;
}

.bnr_softbank h3 {font-size: 2.45vw;}

.bnr_softbank h3 span.sub-txt {
	font-size: 2.4647887vw;
	font-size: 10px;
	margin-bottom: 0.25em;
}

@media screen and (max-width: 420px) {
	.monster_bnr {
	width: calc(100% - 16px);
	margin: auto auto 2em;
	padding-top: 0;
	}

	.monster_bnr .css dt {
		font-size: 4.577464788vw;
	}
	.monster_bnr .css dd {
		font-size: 3.52112676vw;
		padding: 0 18px;
		line-height: 1.5!important;
	}

	.monster_bnr .css img {width: 50vw;font-size: 0.75em;margin-bottom: 3em;}

	.monster_bnr .css p {background-color: #3baf29;color: #fff;font-size: 1.5em;font-size: 4.225352112vw;padding: 7px 0px;}

	.monster_bnr .css p span {
	display: block;
	}

	.monster_bnr .css p span .tel {
	display: block;
	font-size: 1.7em;
	}

	.monster_bnr .css dt,
	.monster_bnr .css dd,
	.monster_bnr .css p {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", serif;
	font-weight: bold;
	line-height: 1.8;
	}

	.bnr_softbank-link {
		display: block;
	}
	.bnr_softbank-link:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.bnr_softbank {
		display: block;
		position: relative;
		width: calc(100% - 16px);
		margin: auto auto 50px;
		background: url(/img/index/bnr_softbank/bg.png) no-repeat 100% 15%;
		background-size: 87%;
		border: 1px solid #757575;
		box-sizing: border-box;
		height: 0;
		padding-bottom: 95.705%;
		/* box-shadow: 0px 0px 2px 2px #eeeeee; */
		-moz-box-shadow: 0px 0px 2px 2px #eeeeee;
		/* -webkit-box-shadow: 0px 0px 1px 1px #eeeeee; */
	}

	.bnr_softbank h3,
	.bnr_softbank p {
		font-size: 1.5em;
		display: block;
		vertical-align: middle;
		padding: 0;
		padding-left: 0;
		text-align: left;
	}
	.bnr_softbank p {
		position: absolute;
		left: 15px;
		top: 15px;
	}
	.bnr_softbank h3 {
		width: calc(100% - 16px);
		text-align: left;
		padding: 0;
		padding-top: 63%;
		font-size: 6.4vw;
		line-height: 1.3;
		font-weight: bold;
		color: #333;
		margin: auto;
	}

	.bnr_softbank h3 span.sub-txt {
		display: inline-block;
		font-size: 10px;
		line-height: 1.5;
		color: #ddd;
		background-color: #222;
		padding: 5px;
		margin-bottom: 0.25em;
	}
	.bnr_softbank h3 span.block {
		display: block;
	}
	.bnr_softbank h3 span.sp-block {
		display: block;
	}
	.bnr_softbank img {
		width: 24.671052631vw;
		vertical-align: middle;
		display: inline;
	}
}

/* ====================
title
=====================*/


/* ====================
.pickup-pro
=====================*/

.pickup-pro li dt{
font-size: 10px;
font-weight: normal;
}
.pickup-pro li dt span{
font-size: 1.25em;
font-weight: bold;
}
.pickup-pro li dd{
font-size: 0.75em;
}

/* ====================
.purpose-pro
=====================*/

/* ====================
.col-2
=====================*/


/* ====================
.pro-attention
=====================*/
.pro-attention {
box-sizing: border-box;
text-align: left;
padding: 10px;
width: calc(100% - 16px);
margin: 0 auto;
}

/* ====================
.news
=====================*/

.news-area {
width: 90%;
}

.news li {
padding: 0.5em 0;
margin-bottom: 0.5em;
}

.news li a {display:table;}

.news li span {
display: block;
width: 100%;
/* font-weight: bold; */
margin-bottom: 0.5em;
font-size: 0.75rem;
}

.news li span + span {
font-weight: normal;
margin-bottom: 0;
font-size: 0.8125rem;
}

/* ====================
.pickup-cont
=====================*/
.pickup-cont{
width: calc(100% - 8px);
}
/* ====================
.purpose-pro
=====================*/
.purpose-pro {
     width: 100%; 
}
/* ====================
column style
=====================*/

.col {
}

.col-2 {
float: left;
margin: 0 8px 1.8em;
width : -webkit-calc(100%/2 - 16px)!important;
width: calc(100%/1 - 16px)!important;
}

.col-3 {
float: left;
margin: 0 8px 1.8em;
width : -webkit-calc(100%/1 - 16px)!important;
width: calc(100%/1 - 16px)!important;
}

.pickup-pro {
margin: 0 auto;
width: calc(100% - 8px);
}
.col-4{
float: left;
margin: 0 4px 0.9em;
width : -webkit-calc(100%/2 - 16px)!important;
width: calc(100%/2 - 8px)!important;
}

.col-4 .badge-txt {
	font-size: 10px;
}