/* マージン上部 空白 */
.mt_10  {margin-top:  10px;}
.mt_20  {margin-top:  20px;}
.mt_30  {margin-top:  30px;}
.mt_40  {margin-top:  40px;}
.mt_50  {margin-top:  50px;}
.mt_60  {margin-top:  60px;}
.mt_70  {margin-top:  70px;}
.mt_80  {margin-top:  80px;}
.mt_90  {margin-top:  90px;}
.mt_100 {margin-top: 100px;}
.mt_150 {margin-top: 150px;}
.mt_200 {margin-top: 200px;}

/*----------------------------*/
/* メイン画像 */
/*----------------------------*/
.no-gutters {
  margin:0;
  padding:0;
}
 
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  margin:0;
  padding:0;
}
/*----------------------------*/
/* メイン画像をナビ分下げる */
/*----------------------------*/
header{ margin-top:80px;}
@media only screen and (max-width: 767px){
	header{ margin-top:50px;}
}
/*----------------------------*/
/* container */
/*----------------------------*/
@media (min-width: 1200px) {
	.container {
	    max-width: 1200px;
	}
}
/*----------------------------*/
/* ナビ　文字色 */
/*----------------------------*/
.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0.0);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(60,104,177,0.9);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(60,104,177,1.0);
    text-decoration: underline;
}
/*----------------------------*/
/* 見出し */
/*----------------------------*/
h1, .h1 {
	font-size: 3rem;
	font-weight:700;
	line-height: 2;
	letter-spacing: 1rem;
}
h2, .h2 {
	font-size: 2.4rem;
	font-weight:700;
	line-height: 1.6;
}
h3, .h3 {
	font-size: 2.6rem;
	font-weight:700;
	line-height: 1.6;
	color:#3c68b1;
}
@media only screen and (max-width: 767px){
	h1, .h1 {
		font-size: 1.4rem;
		line-height: 2;
		letter-spacing: 0;
	}
	h2, .h2 {
		font-size: 1.4rem;
	}
	h3, .h3 {
		font-size: 1.6rem;
	}
}

/*----------------------------*/
/* ボタン */
/*----------------------------*/
a:hover{
/*	opacity: 0.8;*/
}
/*----------------------------*/
/* カーソルポインター */
/*----------------------------*/
button{ cursor: pointer; }

/*----------------------------*/
/* 便利機能 */
/*----------------------------*/
.benri{
	padding:50px;
	border : 3px dashed #0079c4;
}
.furiwake{
	padding:30px 0 30px 100px;
	font-size:27px;
	line-height:1;
	background:#fff000;
	background-image: url("../img/orusui_12_pc.png");
	background-repeat: no-repeat;
	background-position: 20px center;
}
@media only screen and (max-width: 767px){
	.benri {
	    padding: 20px;
	    margin: 0 20px;
	}
	.furiwake{
		padding:20px 0 20px 90px;
		font-size:18px;
		background-position: 10px center;
	}
}
/*----------------------------*/
/* 回線種別 */
/*----------------------------*/
.otoiawase ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
.otoiawase li {
	margin-bottom: 20px;
	padding-left: 100px;
	position: relative;
	color:#009fdf;
	font-size:2.0rem;
	font-weight:700;
}
.otoiawase li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #009fdf;
	color: #fff;
	display: block;
	float: left;
	line-height: 2.2rem;
	margin-left: -50px;
	margin-top: 0.3rem;
	text-align: center;
	height: 2.4rem;
	width: 2.4rem;
	border-radius: 50%;
}
.otoiawase li p{
	font-size:1.0rem;
	font-weight:500;
}
.otoiawase_wrap{
	padding:30px 10px;
	border :2px solid #009fdf;
	border-radius:10px;
}
.otoiawase_tel{
	color:#3c68b1;
	font-size:2.6rem;
	font-weight:700;
	line-height: 1.0;
	padding: 0 0;
}
.otoiawase_txt{
	color:#3c68b1;
	font-size:1.0rem;
	font-weight:500;
	line-height: 1.0;
}
@media only screen and (max-width: 991px){
	.otoiawase_tel{font-size:2.0rem;}
}
@media only screen and (max-width: 767px){
	.otoiawase li  { padding-left: 40px; font-size:1.6rem;}
	.otoiawase li:before { margin-left: -40px;line-height: 1.8rem; height: 1.8rem; width: 1.8rem;}
	.otoiawase_tel { padding: 0 5px;}
	.otoiawase_txt { font-size:0.8rem;}
	.otoiawase li  { font-size:1.6rem;}
}

/*----------------------------*/
/* お問い合わせ */
/*----------------------------*/
.kaisen{
	font-size:1.8rem;
	font-weight:700;
}
@media only screen and (max-width: 767px){
	.kaisen{
		font-size:1.2rem;
	}
}

/*----------------------------*/
/* フッター */
/*----------------------------*/
.footer{
	height:auto;
	min-height:300px;
	color:#fff;
	background:#006edf;
}
.footer_nav{
	text-align: center;
}
.footer_nav ul{
	margin: 0 ;
	padding: 80px 0 0 0  ;
}
.footer_nav li{
	list-style: none;
	display: inline-block;
	padding:0 20px;
}
.footer_nav li:not(:last-child){
	border-right:1px solid #ddd;
}
.footer_nav a{
	text-decoration: none;
	color: #fff;
}
.footer_nav a:hover{
	color:#eee;
	border-bottom:1px solid #eee;
}

.copy{
	height:50px;
	color:#fff;
	line-height:50px;
	background:#514e4e;
}
.footer p ,.copy p{
	margin-top: 0;
	margin-bottom:0;
}
@media only screen and (max-width: 767px){
	.footer_nav{text-align: left;}
	.footer_nav ul{padding-top: 10px;}
	.footer_nav li {width:48%; padding:5px 0; font-size: 0.8rem;}
	.footer_nav li:not(:last-child){border-right:0px;}
	.footer p ,.copy p{font-size: 0.8rem;}
}

/*----------------------------*/
/* ページアップ */
/*----------------------------*/
#pagetop{
    position: fixed;
	width : 100px;
	height: 130px;
    right : 10px;
    bottom: 55px;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    z-index: 9999;
}
#pagetop a{
    display: block;
    text-decoration: none;
	cursor: pointer;
}
@media only screen and (max-width: 767px){
#pagetop{
	width : 50px;
	height: 65px;
    right : 10px;
    bottom: 60px;
}
}