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


body{
     font-family: "メイリオ", Meiryo, sans-serif, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro" ;
    background-color: #FAFAFA;
}

#header {
/*	border-bottom:1px solid #b3aa9f;*/
	background:#fff;
/*    background-image: url(../images/bg-tile.jpg);*/
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
	}
#footer {
	background:#DCE3F3;
	min-height:500px;
	}
#footer h5 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
#footer h5::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #2161AA;
}
.logo-footer{
	text-align:center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
}
.nav-footer{
	list-style-type: none;
    padding-left: 0;
}
.logo {
	margin:27px 0 5px 0;
	}
.icon-c {
	margin:0 0 0 10px;
	width:18px;
	}
.eigyo {
	margin:10px 0 0 5px;
	color:#00008C;
	font-size:16px;
	vertical-align: -1px;
	font-family:arial;
	}
.eigyo2 {
	margin:10px 0 0 5px;
	color:#00008C;
	font-size:16px;
	vertical-align: -1px;
	}
.eigyo3 {
	margin:0 0 0 10px;
	color:#00008C;
	font-size:12px;
	}
.underlogo {
/*	margin:0 0 0 50px;*/
	color:#00008C;
	font-size:14px;
	letter-spacing: 0.3em;
	}

.headmenu {
	border-left:1px solid #b3aa9f;
	width:950px;
	margin:0 auto;
	}
#nittelMenu li { width: 130px;}
#nittelMenu a {
	position:absolute;
	top:0;
    left:0;
	width:100%;
	height:100%;
	padding: 35px 0 0 0;
}
#nittelMenu-sm li { width: 110px;}
#nittelMenu-sm a {
	position:absolute;
	top:0;
    left:0;
	width:100%;
	height:100%;
	padding: 35px 0 0 0;
}
#home { background:url(../images/home.png) no-repeat; background-position:center 5px;}
#phone { background:url(../images/phone.png) no-repeat; background-position:center 5px;}
#reload { background:url(../images/reload.png) no-repeat; background-position:center 5px;}
#global { background:url(../images/global.png) no-repeat; background-position:center 5px;}
#head { background:url(../images/head.png) no-repeat; background-position:center 5px;}
#building { background:url(../images/building.png) no-repeat; background-position:center 5px;}
#news { background:url(../images/news.png) no-repeat; background-position:center 5px;}
.menuFont { font-family: "メイリオ", "Meiryo", sans-serif, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro"; text-align:center; }

.social li {padding:8px 8px 8px 15px;background-position:left 13px;float:left;}
#footer li {padding:8px 0 0 20px;}

.circle {padding:30px;border-radius:100%;background:#FFFF;width:119px;text-align:center;color:#2160C6;font-size:20px;font-family:arial;}
.calender {background:url(../images/input-calendar.png) no-repeat; background-position:95% 50%;}
.orderbg {background:#E5178A;padding:10px 10px;color:#fff;font-weight:bold;font-size:15px;}
.ordersubmit {background:#E5178A; padding:30px 100px; color:#fff;font-weight:bold;font-size:20px;border:none;margin:0 0 10 0;}

.planmain {background:#fff;border-radius:18px;padding:15px;}
.planhead {background:#92D050;border-radius:10px;padding:10px;text-align:center;color:#fff;font-weight:bold;font-size:20px;}
.planmain span {color:#92D050;font-size:15px;font-weight:bold;}
.planmain span .fees {color:#006600;font-size:20px;font-weight:bold;}

.planmainblue {background:#fff;border-radius:18px;padding:15px;}
.planheadblue {background:#3399CC;border-radius:10px;padding:10px;text-align:center;color:#fff;font-weight:bold;font-size:20px;}
.planmainblue span {color:#3399CC;font-size:15px;font-weight:bold;}
.planmainblue span .fees {color:#003399;font-size:20px;font-weight:bold;}

.planshadow {background:url(../images/plan-shadow.png) no-repeat;background-size:245px;height:57px;}
.plan2head {background:#E7178A;color:#fff;font-weight:bold;font-size:18px;padding:5px 0 5px 10px;}

.blue-bg {background:url(../images/blue-bg.png) no-repeat;background-position : center 10px;padding:15px 0 20px 0;color:#fff;background-size:185px;background-color:white;border-radius:18px;}
.green-bg {background:url(../images/green-bg.png) no-repeat;background-position : center 10px;padding:15px 0 20px 0;color:#fff;background-size:185px;background-color:white;border-radius:18px;}
.orange-bg {background:url(../images/orange-bg.png) no-repeat;background-position : center 10px;padding:15px 0 20px 0;color:#fff;background-size:185px;background-color:white;border-radius:18px;}

.iddbg {
    background:#fff;
    border:10px solid #F3A8CC;
    border-radius:30px;
    margin: 3vw 0 0 0vw;
    padding:3vw;
    text-align:center
}
.iddbg h1 {
    color: #63C7E3;
    padding-bottom: 1.5vw;
}
.iddbg p {
    color:#E7198C;
}
.iddbg .p-ti {
    color:#F3A8CC;
    padding: 1.5vw;
}
.iddshadow {
    color:#63C8E3;
    text-align:center;
    padding:20px 0 0 0;
    font-size: 6vw;
}
@media (min-width: 100px) {
    .iddbg h1{
        font-size:7vw;
    }
    .iddbg p{
        font-size:5vw;
    }
    .iddbg .p-ti{
        font-size:4.5vw;
    }
    .iddshadow{
        font-size:7.5vw;
        padding: 20px 10px;
    }
}
@media (min-width: 768px) {
    .iddbg h1{
        font-size:4vw;
    }
    .iddbg p{
        font-size:3vw;
    }
    .iddbg .p-ti{
        font-size:2.5vw;
    }
    .iddshadow{
        font-size:2.5vw;
    }
}
@media (min-width: 1200px) {
    .iddbg h1{
        font-size:4vw;
    }
    .iddbg p{
        font-size:3vw;
    }
    .iddbg .p-ti{
        font-size:2.5vw;
    }
    .iddshadow{
        font-size:2.5vw;
    }
}
.iddbluebg {background:url(../images/idd-bg.png) no-repeat center;color:#63C7E3;font-size:18px;font-weight:bold;padding:10px 0 20px 0;text-align:center;margin:0 0 10px 0;width:245px;}
.iddpinkbg {background:url(../images/iddpinkbg.png) no-repeat center;color:#fff;font-size:18px;font-weight:bold;padding:10px 0 10px 0;text-align:center;margin:0 0 20px 0;width:245px;}
.iddpinkborder {background:url(../images/iddpinkborder.png) no-repeat top center;padding:15px 30px 10px 30px; min-height:260px;width:245px;}
.rentaltext {color:#63C7E3;font-weight:bold;padding:10px 0 20px 0;margin:0 0 10px 0;}

.iddborder1 {border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:8px;text-align:center;background:#fff;}
.iddborder2 {border-top:1px solid #ccc;background:#fff;text-align:center;}
.iddborder3 {border-left:1px solid #ccc;font-weight:bold;}
.pinkbutton {background:url(../images/button-bg.png) no-repeat;padding:23px 0 25px 0;}
.pinkbutton a {color:#fff;font-size:18px;text-decoration:none;font-weight:bold;padding:23px 60px 25px 10px;}
.pinkbutton a:hover {color:#F3A8CC;font-size:18px;text-decoration:none;font-weight:bold;padding:23px 60px 25px 10px;}

#homexs { background:url(../images/home.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#phonexs { background:url(../images/phone.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#reloadxs { background:url(../images/reload.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#globalxs { background:url(../images/global.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#headxs { background:url(../images/head.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#buildingxs { background:url(../images/building.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#newsxs { background:url(../images/news.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#facebookxs { background:url(../images/fb_icon.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#anaxs { background:url(../images/airplane.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
#chinesexs { background:url(../images/chinese.png) no-repeat; background-position:20px 8px;float:none;padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;border-right:none;}
.headmenuxs {border:none;}

.affix {
      top: 0;
	  left: 0;
	  width:100%;
	  background:#fff;
	  border-bottom:1px solid #b3aa9f;
	  margin:0;
  }

@media (min-width:768px) and (max-width:980px){
	.togglebg{background:#f1f1f1;border-radius:5px;}
	.nav-pills>li>a{padding:0 8px 0 8px;}
	}
@media (min-width:640px){.togglebg{background:#f1f1f1;border-radius:5px;}}
@media (min-width:367px){.togglebg{background:#f1f1f1;border-radius:5px;}}




/*ここから追加*/
/* index */

#stage {
position: relative;
width:100%;
margin: 0 auto;
align:center;
background:#b3aa9f;
}
.pic {
position: absolute;
align:center;
margin: 0;
padding: 0;
}
.pic img {
align:center;
width: 735px;
max-height: 300px;
opacity:0;
-moz-animation: imgTrans 24s infinite;
-webkit-animation: imgTrans 24s ease-in infinite;
animation: imgTrans 24s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 6s;
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
#photo3 img {
-moz-animation-delay: 12s;
-webkit-animation-delay: 12s;
animation-delay: 12s;
}
#photo4 img{
-moz-animation-delay: 18s;
-webkit-animation-delay: 18s;
animation-delay: 18s;
}

@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}

.subtit {
	margin-left:-7.5px;
	margin-bottom:10px;
}



/*グーグルマップ　リキッドデザイン*/
.google-maps {
position: relative;
padding-bottom: 75%; 
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.floating_b {
top: 70%;
left: 70%;
position: fixed;
z-index: 1;
}

/*会社概要*/
table.type06 {
	margin-left: 5px;
	margin-bottom: 30px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    margin-right: auto;
    width: 100%;
}
table.type06 th {
	letter-spacing: 0.3em;
	width: 25%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
}
table.type06 td {
	width: 85%;
	padding: 10px;
	vertical-align: top;
}
table.type06 .even {
	background: #efefef;
}
.line_type01{
margin-left: 10px;
line-height: 150%;
}

/*採用情報*/
table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.3;
    margin-left: auto;
    margin-right: auto;

}
table.type01 th {
	width: 20%;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	border: 1px solid #ccc;
}
table.type01 td {
	width: 80%;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #ccc;
}


/*お問合せ　リンク下線*/
.underline {
	text-decoration: underline;
}
/*お問合せフォームデザイン*/
#contact-section01 {
	margin-bottom: 20px;
	padding: 10px;
}
#contact-section01 th {
	width: 30%;
	text-align: center;
	border: 1px solid #D6C4A9;
	padding: 10px;
	background-color: #F7F2EA;
}
#contact-section01 td {
	width: 70%;
	border: 1px solid #D6C4A9;
	padding: 10px;
	background-color: #ffffff;
}
.f-orange {
	color:#ff9900;
}

/*Q&A*/
.box01 {
	width:50%;
    float:left;
	padding: 10px;
	border-right: 1px dotted #ccc;
}
.box02 {
	width:50%;
    float:left;
	padding: 10px;
}
.h2_color {
	color:#E7198C;
}
.box_all {
	padding: .5em .75em;
	border: 1px solid #ccc;
	height:100%;
}
.box_all2 {
	width:100%;
	padding-top:30px;
}
.box_all2 img {
    padding-left:5px;
	float:left;
}
/*IDD*/
.coment01 {
	padding:0;
	text-align:left;
}


/*ナビバー均等*/
.nav-justified {
  position: relative;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  vertical-align: middle;
  display: block;
  width: 100%;
  height: 100%;
}

/*ドロップシャドウ設定*/
.shadow01{
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
}
.img01 {
    margin: 0 0 20px 0;
}

/*マウスオーバー設定*/
.img01:hover {
	opacity: 0.5 ;
}

/*香港お役立ちページ設定*/
.btn-pink {
  background-color: hsl(312, 80%, 43%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e727c0", endColorstr="#E7178A");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e727c0), to(#E7178A));
  background-image: -moz-linear-gradient(top, #e727c0, #E7178A);
  background-image: -ms-linear-gradient(top, #e727c0, #E7178A);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e727c0), color-stop(100%, #E7178A));
  background-image: -webkit-linear-gradient(top, #e727c0, #E7178A);
  background-image: -o-linear-gradient(top, #e727c0, #E7178A);
  background-image: linear-gradient(#e727c0, #E7178A);
  border-color: #E7178A #E7178A hsl(312, 80%, 40.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
  width:175px;
  height:50px;
  margin-top:10px;
  font-size:18px;
  padding:10px 0 0 0;
}
#subhk h1 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #2160C6;
	margin-top:20px;
}
#subhk h1::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
#subhk2 h1 {
	position: relative;
	padding: .25em 0 .4em .75em;
	border-left: 6px solid #E7178A;
	margin-top:20px;
}
.wth20 {
	width:20%;
}

/* 各ページの見出し */
.midashi {
	font-size:24px;
	height:85px;
	padding: 26px 0 0 20px;
	background: -webkit-linear-gradient(top, #fc6dbc 0%, #e7178a 100%);
	background: linear-gradient(to bottom, #fc6dbc 0%, #e7178a 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
    box-shadow: 0 10px 8px -6px #8d8c8c;
}

/* 店舗表示 */
.tenpo {
	position: relative;
	height: 100px;
	margin: 10px 30px 20px 30px;
	padding: 2.4em 4em 1em 1em;
	-webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #008072 0%);
	background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #008072 0%);
	border-radius: 6px;
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
    box-shadow: 0 10px 8px -6px #8d8c8c;
}
.tenpo a {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	font-size: 24px;
	color: #fff;
}
.tenpo::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 1.65507em;
	height: 3.5493em;
	background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
	background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
	border-bottom-left-radius: 6px;
	box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
	-webkit-transform: translateY(-1.89424em) rotate(-40deg);
	transform: translateY(-1.89424em) rotate(-40deg);
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
}

/* サポートページ */
.btn-gray {
  background-color: hsl(312, 80%, 43%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C0C0C0", endColorstr="#6A6A6A");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#C0C0C0), to(#6A6A6A));
  background-image: -moz-linear-gradient(top, #C0C0C0, #6A6A6A);
  background-image: -ms-linear-gradient(top, #C0C0C0, #6A6A6A);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C0C0C0), color-stop(100%, #6A6A6A));
  background-image: -webkit-linear-gradient(top, #C0C0C0, #6A6A6A);
  background-image: -o-linear-gradient(top, #C0C0C0, #6A6A6A);
  background-image: linear-gradient(#C0C0C0, #6A6A6A);
  border-color: #C0C0C0 #6A6A6A hsl(312, 80%, 40.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
  width:175px;
  height:50px;
  margin-top:10px;
  font-size:18px;
  padding:10px 0 0 0;
}

/* 吹き出し */
.hukidashi1 {
	position: relative;
	padding: .5em .75em;
	background-color: #FFCD63;
	border-radius: 6px;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}
.hukidashi1::before {
	content: "";
	position: absolute;
	top: -8px; left: 15%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #FFCD63 transparent;
	z-index: 0;
}
.hukidashi2 {
	position: relative;
	padding: .5em .75em;
	background-color: #FFCD63;
	border-radius: 6px;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}
.hukidashi2::before {
	content: "";
	position: absolute;
	top: -8px; left: 45%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #FFCD63 transparent;
	z-index: 0;
}
.hukidashi3 {
	position: relative;
	padding: .5em .75em;
	background-color: #FFCD63;
	border-radius: 6px;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}
.hukidashi3::before {
	content: "";
	position: absolute;
	top: -8px; left: 80%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #FFCD63 transparent;
	z-index: 0;
}

/* フォーム */
.form-border {
  padding-bottom: 10px/*.5em*/;
  border-bottom: 2px solid #eee;
}
.border {
  padding-bottom: 2em;
  border-bottom: 2px solid #eee;
}

/* 申し込みフォーム　内容表示パネル */
  #floating_order_detail {
    top: 330px;
    left: 70%;
    position: fixed;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 20px;
    width: 200px;
    height: 300px;
    z-index: 1;
  }

  /*　お申し込みフォーム　確認事項エリア*/
  .border_box {
        overflow:auto;
        /*width:100%;*/
        height:200px;
        padding:5px;
        border:1px solid #000;
        border-radius: 5px;
        background-color:#F9F9F9;
  }
  .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 130px;
  background-color: #fff;
  padding:20px 0 20px 0;
}
.footer-order {
	background:#fff;
	min-height:130px;
  padding:20px 0 20px 0;
}
  .main h2 {
  	position: relative;
  	padding: .15em 0 .15em .75em;
  	border-left: 4px solid #E7178A;
  	margin-top:30px;
  }

/* パンくずリスト */
.breadcrumb-cus {
    padding: 10px 0 1px 0;
    margin-left: 10px;
    list-style: none;
    background-color: transparent;
/*    border-bottom: 5px solid #d2d9e6;*/
}
.breadcrumb-cus span {
    color: #12087f;
}
.breadcrumb-cus a {
    text-decoration: underline;
}
.breadcrumb-cus>li {
    display: inline-block
}
.breadcrumb-cus>li+li:before {
    padding: 0 5px;
    color:#666363;
  content: ">";
}
.breadcrumb-cus>.active {
    color: #777
}

/* アイコンフォント */
i{
font-size: 1.3em;
color: inherit;
/*color: white;*/
}

/*グリッドスタイルで高さを揃える　class="row row-eq-height" */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

/* パネルの枠線をなくす　 */
.panel-borderless {
  border: 0;
  box-shadow: none;
}

/* 上下左右中央 */
.center-flex {
    display: flex;
	align-items: center;
	justify-content: center;
}

/* 各プラン見出し写真ページ */
.text-on-img-wifi-title {/*親div*/
    width:100%;
	padding:	0;
    position: relative;/*相対配置*/
}
.text-on-img-wifi-title h1.title, h1.title-s {
    letter-spacing: 2px;
    line-height: 1.5;
	width:		100%;
	text-align:	center;
	top:		20%;
	margin:		0;
	color:		#fff;
/*	background:	rgba(0,0,0,0.4);  帯の透明度 */
    text-shadow: 5px 5px 8px #17202A;
	position:	absolute; /* 絶対位置指定 */
}
.text-on-img {/*親div*/
  position: relative;/*相対配置*/
  color: #1081DA;
  }
.text-on-img h3 {
  position: absolute;
  top: 20%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: #1081DA;
  }
.text-on-img img {
  width: 100%;
  }
@media (min-width: 100px) {
    .text-on-img-wifi-title .p1 {
	    font-size:	2.5vw;
    }
    .text-on-img-wifi-title .p2 {
	    font-size:	6vw;
    }
    .text-on-img-wifi-title .p3 {
	    font-size:	2.5vw;
    }	
    .text-on-img p {
      font-size: 6vw;
    }
}
@media (min-width: 768px) {
    .text-on-img-wifi-title .p1 {
	    font-size:	3vw;
    }
    .text-on-img-wifi-title .p2 {
	    font-size:	5vw;
    }
    .text-on-img-wifi-title .p3 {
	    font-size:	3vw;
    }	
    .text-on-img p {
      font-size: 3vw;
    }
}
@media (min-width: 1200px) {
    .text-on-img-wifi-title .p1 {
	    font-size:	3vw;
    }
    .text-on-img-wifi-title .p2 {
	    font-size:	5vw;
    }
    .text-on-img-wifi-title .p3 {
	    font-size:	3vw;
    }	
    .text-on-img p {
      font-size: 2.5vw;
    }
}

/* 【WiFi】ページ */
.text-on-img-wifi {
	width:		100%;
	margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}
.text-on-img-wifi img {
	width:		80%;
    height: 50%;
}
.text-on-img-wifi h1 {
    letter-spacing: 2px;
    line-height: 1.5;
	width:		100%;
	font-size:	400%;
	text-align:	center;
	top:		30%;
	bottom:		15px;
	margin:		0;
	padding:	10px;
	color:		#fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	position:	absolute; /* 絶対位置指定 */
}

/* 【インターネット】ページ */
.text-on-img-internet { /* 親div */
    width:100%;
/*	margin:		0 -5px;*/
	padding:	0;
    position: relative;
/*    display:inline-block;*/
}
.text-on-img-internet img{
/*    width: 100%;*/
}
.text-on-img-internet h1.title {
    letter-spacing: 2px;
    line-height: 1.5;
	width:		100%;
	text-align:	center;
/*  font-size: @media  */
	top:		20%;
/*	bottom:		15px;*/
	margin:		0;
/*	padding:	10px;*/
	color:		#fff;
/*	background:	rgba(0,0,0,0.4);  帯の透明度 */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	position:	absolute; /* 絶対位置指定 */
}

.banner-3 {
/*    background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);*/
/*    background-image: -webkit-linear-gradient(-225deg, #4481eb 0%, #04befe 100%);*/
    background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);
    background-image: -webkit-linear-gradient(-225deg, #f794a4 0%, #fdd6bd 100%);
    padding: 1vw 1vw 1vw 1vw;
    text-decoration: none;
    overflow: hidden;
    /*
    width: 400px;
    height: 400px;
    */
/*    margin: 40px auto;*/
    border: 10px solid #ffffff;
    box-shadow: 0 0 5px #cccccc;
/*    cursor: pointer;*/
}
.ba3-p1 {
    color: #FFFFFF;
    text-align: center;
    border-bottom: #FFFFFF solid 1px;
    margin: 10px 0 30px 0;
    text-decoration: none;
}
.ba3-p2 {
/*    color: #FFFFFF;*/
    color: #5B5959;
/*    font-size: 2vw;*/
    text-align: center;
}
@media (min-width: 100px) {
    .text-on-img-internet h1.title {
	font-size:	7vw;
    }

    .banner-3 {
/*    height: 65vw;*/
    height: auto;
    margin: 0 5px 3vw 5px;
    }

    .ba3-p1 {
    font-size: 6.5vw;

    }
    .ba3-p2 {
        font-size: 5.5vw;
    }
}
@media (min-width: 768px) {
    .text-on-img-internet h1.title {
	font-size:	5vw;
    }
    .banner-3 {
    height: 23vw;
    margin: 3vw 5px 3vw 5px;
    }
    .ba3-p1 {
    font-size: 2.5vw;
    }
    .ba3-p2 {
        font-size: 2vw;
    }
}
@media (min-width: 1200px) {
    .text-on-img-internet h1.title {
	font-size:	5vw;
    }
    .banner-3 {
    height: 23vw;
    margin: 4vw 5px 4vw 5px;
    }
    .ba3-p1 {
    font-size: 2.5vw;
    }
    .ba3-p2 {
        font-size: 2vw;
    }
}

.text-on-img-internet div.plan { /* テキストのまとめDIV PC版のみ*/
	top: 5.3vw;
    right: 6vw;
	margin:		0;
	position:	absolute;
    /* 絶対位置指定 */
}
h1.internet-plan {
    letter-spacing: 2px;
	font-size:	5vw;
/*	text-align:	center;*/
	margin:		0 0 2vw 0;
/*	padding:	10px;*/
	color:		#fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

div.plan p.plan-t{
    letter-spacing: 2px;
	font-size:	1.8vw;
/*	text-align:	center;*/
/*	padding:	10px;*/
	margin:		0;
	color:		#fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
div.plan div.plan-fee {
	margin:		0 4vw 0 4vw;
/*	padding:	10px;*/
	background:	rgba(0,0,0,0.4); 
}
div.plan p.plan-fee {
    letter-spacing: 0.2vw;
	font-size:	3vw;
	text-align:	center;
/*	margin:		0 40px 0 40px;*/
/*	padding:	10px;*/
	color:		#fff;
}
div.plan p.plan-fee-sub {
    letter-spacing: 0.1vw;
	font-size:	1.5vw;
	text-align:	center;
	margin:		0;
	padding:	10px 0 0 0;
	color:		#fff;
}
div.plan p.plan-fee-d {
	font-size:	1vw;
/*	text-align:	center;   */
	margin:		0;
	padding:	0.3vw 0 0 0;
	color:		#fff;
}
div.plan p.plan-d {
	font-size:	2.2vw;
	text-align:	center;
	margin:		0;
	padding:	1.2vw 0 0 0;
	color:		#fff;
}
.text-on-img-internet div.plan-recommendation { /* テキストのまとめDIV PC版のみ*/
	top:		35vw;
    right: 5%;
	margin:		0;
	position:	absolute;  /*絶対位置指定 */
}

div.plan-recommendation p.plan-recommendation {
    letter-spacing: 0.2vw;
	font-size:	2vw;
	text-align:	center;
	margin:		10px;
	padding:	10px 20px;
    border-top: solid #fff;
/*	padding-top:	-20px;*/
	color:		#fff;
	background:	rgba(99,155,255,0.4);  /*帯の透明度 */
}
.text-on-img-internet div.plan-promotion { /* テキストのまとめDIV PC版のみ プロモーション*/
	top: 5.3vw;
    left: 6vw;
	margin:		0;
	position:	absolute;
    /* 絶対位置指定 */
}


/* インターネット　割引き */
.btn-grad {
    background-color: rgba(255,255,255,0.7);
/*  グラデーションで色が変化する  */
/*
    background: linear-gradient(45deg, #6cb8ff, #fff66c, #ffa36c);
  background-size: 600% 600%;
  animation: AnimationName 10s ease infinite;
*/
/*    background-image: linear-gradient(to right, #ee0979 0%, #ff6a00 51%, #ee0979 100%);*/
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    padding: 2vw;
    text-align: center;
    border-radius: 10px;
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.btn-grad .p1 {
    color: #F80505;
/*    color: #FFFFFF;*/
    font-size: 4.5vw;letter-spacing: 0.2vw;
}
.btn-grad .p2 {
    color: #F80505;
/*    color: #FFFFFF;*/
    font-size: 8vw;
    padding: 0;
}
.btn-grad .p3 {
    color: #F80505;
/*    color: #FFFFFF;*/
    font-size: 4vw;
    margin: -1vw;
}

/* For PC */
@media (min-width: 768px) {
    .btn-grad .p1 {
        font-size: 1.5vw;
    }
    .btn-grad .p2 {
        font-size: 3vw;
    }
    .btn-grad .p3 {
        font-size: 1vw;
    }
}
.btn-grad:hover { background-position: right center; }

/* インターネット　プラン　スマホ用 */
.plan-sp {
/*    background-color: #52b3d3;*/
/*    border-style: solid;*/
}
.plan-sp h1.plan {
    font-size: 11vw;
/*    color: #52b3d3;*/
    padding-top: 0.3em;
    padding-left: 0.1em;
    padding-right: 0.1em;
    padding-bottom: 0.1em;
    color: #5B5959;
    position: relative;
}
.plan-sp h1.plan:after {
content: "";
display: block;
height: 4px;
background-image: linear-gradient(to right, #EB9BBD, #7ED1E6);
}
.plan-sp p.plan-t{
    letter-spacing: 2px;
	font-size:	6vw;
	margin:		0;
	color:		#5B5959;
    padding-left: 0.1em;
}
.plan-sp div.plan-fee {
	margin:		0 4vw 0 4vw;
	background:	rgba(82,179,211,0.8);
}
.plan-sp p.plan-fee {
    letter-spacing: 0.2vw;
	font-size:	9vw;
	text-align:	center;
	margin:		0 0 2vw 0;
/*	padding:	10px;*/
/*	color: #302E2E;*/
	color: #FFFFFF;
}
.plan-sp .plan-fee-sub {
    letter-spacing: 0.3vw;
	font-size:	4vw;
	text-align:	center;
	margin:		0;
	padding:	10px 0 0 0;
/*	color: #302E2E;*/
	color: #FFFFFF;
}
.plan-sp .plan-fee-d {
	font-size:	3vw;
/*	text-align:	center;   */
	margin:		4vw 4vw;
	padding:	0.3vw 0 0 0;
	color:		#9C9898;
}
.plan-sp .plan-d {
	font-size:	4.6vw;
	text-align:	center;
	margin:		0;
	padding:	1.2vw 0 0 0;
	color:		#5B5959;
}
.plan-sp .plan-recommendation {
    letter-spacing: 0.2vw;
	font-size:	4vw;
	text-align:	center;
	margin:		3vw 0;
	padding:	3vw 0;
	color:		#fff;
	background:	rgba(82,179,211,0.8);  
}

/*　rowの余白を変更　*/
.row-30 div{
    padding: 30px 12px 30px 12px;
}
.row-10-side div {
    margin: 10px;
/*    padding: 10px;*/
}
.row-spc > [class*="col-"] {
    margin: 10px 0 10px 0;
}

/* 文字サイズ等 */
h1.rental-title-s {
    font-size: 28px;
}

/* 背景色1 */
.bg1 {
/*    background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);*/
    background-image: linear-gradient(to top, #3580B4 0%, #2160C6 100%);
}

/* 背景色2 */
.bg2 {
    background-color: #E6E8EB;
}

/* 背景色3 */
.bg3 {
    background-color: #FFFFFF;
}

.bg4 {
    background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
}

/* 横帯1 */
.belt1 {
/*    margin: 40px 0 40px 0;*/
    padding: 70px 0 100px 0;
        color: #fff;
}
.belt1 h1 {
    text-align: center;
    font-size: 3em;
    padding: 0 0 40px 0;
}

.belt1 h2 {
    text-align: center;
}

.belt1 h2 small {
    color: #FFFFFF;
}

.belt1 h3 {
    text-align: center;
    line-height: 30px;
}

.belt1 p {
/*    font-size: 1.2em;*/
    font-size: 30px;
}

.belt1  a {
    display: inline-block;
    color: #FCF9F9;
    text-decoration: none ;
  transition: color .6s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}

.belt1 a:hover {
/*    color: #CBCBCB;*/
    color: #FFFFFF;
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

/* 横帯2 */
.belt2 {
/*    margin: 40px 0 40px 0;*/
    padding: 70px 0 60px 0;
        color: #fff;
}
.belt2 h1 {
    text-align: center;
    font-size: 45px;
    padding: 0 0 40px 0;
}
.belt2 h2 {
/*    background: linear-gradient(transparent 85%, #a8eaff 85%);*/
    background: linear-gradient(transparent 85%, #52a9c9 85%);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    text-align: center;
    font-size: 35px;
    letter-spacing: 0.2em;
    padding: 20px 0 0px 0;
}


/* 横帯3 */
.belt3 {
/*    margin: 40px 0 40px 0;*/
    padding: 20px 0 10px 0;
        color: #fff;
}
.belt3 h1 {
    text-align: center;
    font-size: 45px;
    padding: 0 0 0 0;
}
.belt3 h2 {
/*    background: linear-gradient(transparent 85%, #a8eaff 85%);*/
    background: linear-gradient(transparent 85%, #52a9c9 85%);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    text-align: center;
    font-size: 35px;
    letter-spacing: 0.2em;
    padding: 20px 0 0px 0;
}

/* 横帯4 携帯・スマホページ*/
.belt4 {
/*    margin: 40px 0 40px 0;*/
/*    padding: 70px 0 60px 0;*/
/*  @mediaで設定  */
}
.belt4 h1 {
    text-align: center;
    font-size: 45px;
    padding: 0 0 40px 0;
}
.belt4 h2 {
    text-align: center;
    padding: 20px 0 20px 0;
    font-weight: bold;
}

.belt5 {
    padding: 5vw 20px 8vw 20px;

}
.belt5 h2 {
/*    font-size: 2vw;*/
    color: #5B5959;
    line-height: 1.5em;
/*    letter-spacing: 0.2em;*/
}
@media (min-width: 100px) {
    .belt5 h2 {
        font-size: 4vw;
    }
}
@media (min-width: 768px) {
    .belt5 h2 {
        font-size: 2vw;
    }
}
.phone-pane {
}
.phone-pane .p1 {
    font-size: 18px;
}
.phone-pane .p2 {
/*    font-size: 16px;*/
    text-align: center;
    background-color: #BAB6B6;
    padding: 10px 10px;
}
.phone-pane .p3 {
/*    font-size: 20px;*/
    color: #ABA8A8;
    padding: 0 10px 0 10px;
}
.phone-pane .p4 {
    padding-top: 5px;
    text-align: center;
    text-decoration: underline;
}
@media (min-width: 100px) {
    .belt3 h1 {
        font-size: 22px
    }
    .belt4 {
        margin-bottom: 60px;
    }
    .belt4 h2 {
        font-size: 25px
    }
    .phone-pane .p2 {
        font-size: 16px;
    }
    .phone-pane .p3 {
        font-size: 15px;
    }
}
@media (min-width: 768px) {
  .belt3 h1 {
    font-size: 35px
  }
  .belt4 {
    padding: 50px 0 60px 0;
  }
  .belt4 h2 {
    font-size: 30px
  }
    .phone-pane .p2 {
    font-size: 19px;
    }
    .phone-pane .p3 {
    font-size: 18px;
    }
}
@media (min-width: 1200px) {
    .belt3 h1 {
    font-size: 45px
    }
    .belt4 {
    padding: 70px 0 60px 0;
    }
    .belt4 h2 {
    font-size: 33px
}
    .phone-pane .p2 {
    font-size: 28px;
    }
    .phone-pane .p3 {
    font-size: 20px;
    }
}

.rental-fee {
    text-align: center;
    font-size: 28px;
    padding: 0 0 8px 0;
    color: #fff;
}
.strong {
    font-weight:bold;
}

.detail h3 {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1.5;
}


/* プラン表 */
.plan1 .panel-heading {
    border: none;
/*    color: #5C5D5C;*/
    color: #fff;
    background-image: linear-gradient(to top, #3580B4 0%, #2160C6 100%);
/*    background-color: #ABABAB;*/
    border-radius: 0;
}

.plan1 p.data {
    text-align: center;
    font-size: 30px;
}
.plan1 p.price {
    text-align: center;
    font-size: 30px;
}

.plantable.table>tbody>tr>td, .plantable.table>tbody>tr>th, .plantable.table>tfoot>tr>td, .plantable.table>tfoot>tr>th, .plantable.table>thead>tr>td, .plantable.table>thead>tr>th {
vertical-align: middle;
    text-align: center;
}

.plantable {
    font-size: 30px;

}

.link {
    margin: 20px;
    font-size: 1.3em;
    color: blue;
}


/* パネル　No Border */
.panel-no-border {
    background-color: #FFFFFF;
    border: none;
    border-radius: none;
}

/* WiFiページ */
.wifi {
    padding: 30px 0 30px 0;
}
.wifi h2 {
    padding-bottom: 20px;
}
.wifi p {
    font-size: 20px;
    margin: 5px 0 5px 0;
}

.rental-recomend {
    text-align: center;
    padding: 30px 10px 30px 10px;
}

.rental-recomend p {
    font-size: 20px;
    line-height: 20px;
}
.rental-recomend a {
    text-decoration: underline;
}



/* wifiお申し込みボタン */
.wifi-order {
    margin-bottom: 50px;
    display: inline-block;
    padding: 1em 1em;
    text-decoration: none;
    color: #FFF;
    font-size: 25px;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    transition: .4s;
}

.wifi-order:hover {
    color: #FFF;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 70%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 70%);
}

.rental-info p {
    font-size: 18px;
}

/* アンカーリンクした時に上に隙間ができるように */
#rental-info {
　　padding-top: 90px;
　　margin-top: -90px;
}


/* 0050J-TEL国際電話　お申し込みボタン */
.idd-order {
    margin-bottom: 50px;
    display: inline-block;
    padding: 1em 1em;
    text-decoration: none;
    color: #EB69B5;
    border: #EB69B5 solid 2px;
/*    font-size: 2vw;*/
/*
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
*/
/*    transition: .4s;*/
}


@media (min-width: 100px) {
    .idd-order {
        font-size: 5vw;
    }
}


@media (min-width: 768px) {
    .idd-order {
        font-size: 2vw;
    }
}

.idd-order:hover {
    color: #FFF;
    background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
    background-image: -webkit-linear-gradient(#ff758c 0%, #ff7eb3 100%);
/*
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 70%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 70%);
*/
}


/* 携帯・スマホ　購入・お問い合わせボタン */
.mobile-order {
    margin: 0 0 50px 0;
    display: inline-block;
/*  flex: 1 1 auto;*/
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	 text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(left, #f857a6 0%, #ff5858 51%, #f857a6 100%);
	background-image: -o-linear-gradient(left, #f857a6 0%, #ff5858 51%, #f857a6 100%);
	background-image: linear-gradient(to right, #f857a6 0%, #ff5858 51%, #f857a6 100%);
}
@media (min-width: 100px) {
    .mobile-order {
        font-size: 5vw;
    }
}
@media (min-width: 768px) {
    .mobile-order {
        font-size: 1.2vw;
    }
}

.mobile-order:hover {
    color: #FFF;
	background-position: right center;
}

/* お役立ち　ボタン */

.hkinfo-button {
/*
  display: inline-block;
  width: 100%;
  height: 54px;
    text-align: center;
*/
    text-decoration: none;
/*  line-height: 54px;*/
  outline: none;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
/*  line-height: 50px;*/


  width:175px;
  height:50px;
  margin-top:10px;
  font-size:18px;
  padding:10px 0 0 0;

}

.hkinfo-button,
.hkinfo-button::before,
.hkinfo-button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.hkinfo-button:hover {
  background-color: rgba(255, 255, 255, .2);
}



/* 製品一覧　金額タブ */

.nav-tabs-cus {
/*    padding: 0 20px 0 20px;*/
    border-bottom: 1px solid #ddd;

}
.nav-tabs-cus>li {
    float: left;
    margin-bottom: -1px
}
.nav-tabs-cus>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
/*    border: 1px solid transparent;*/
    border: 1px solid #eee;
    border-radius: 4px 4px 0 0
}
.nav-tabs-cus>li>a:hover {
    border-color: #eee #eee #ddd
}
.nav-tabs-cus>li.active>a, .nav-tabs-cus>li.active>a:focus, .nav-tabs-cus>li.active>a:hover {
/*    color: #555;*/
    color: #fff;
    cursor: default;
/*    background-color: #fff;*/
    background-color: #3EAFE8;
/*    border: 1px solid #ddd;*/
    border: 1px solid #156DEA;
    border-bottom-color: transparent
}



.nav-item {
/*    background-color: #38B6D7;*/
}
.nav-link {
    padding: 5px 10px 0 10px;
    text-align: center;
    font-size: 16px;
}

.device-price {
    margin: 20px 0 0 0 ;
}

.device-price p{
    font-size: 25px;
}


/* 会社案内　タブ */

.nav-tabs-cus-1 {
/*    padding: 0 20px 0 20px;*/
    border-bottom: 2px solid #3580B4;
    display: flex;
    justify-content: center;

}
.nav-tabs-cus-1>li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs-cus-1>li>a {
    margin: 0 5px 0 5px;
    line-height: 1.42857143;
/*    border: 1px solid transparent;*/
    border: 1px solid #eee;
    border-bottom: 2px solid transparent;
    border-radius: 1px 1px 0 0
}
.nav-tabs-cus-1>li>a:hover {
    border-color: #eee #eee #ddd
}
.nav-tabs-cus-1>li.active>a, .nav-tabs-cus-1>li.active>a:focus, .nav-tabs-cus-1>li.active>a:hover {
/*    color: #555;*/
    color: #fff;
    cursor: default;
/*    background-color: #fff;*/
    background-color: #3EAFE8;
/*    border: 1px solid #ddd;*/
    border: 1px solid #156DEA;
    border-bottom-color: transparent
}



.nav-item-1 {
/*    background-color: #38B6D7;*/
}
.nav-link-1 {
    padding: 5px 12px 5px 12px;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.1em;

}


.tab-pane-company {
/*    margin: 20px 0;*/
}

/*
.tab-pane-2 p{
    font-size: 25px;
}
*/


/*


.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #A29B9C;
}
*/




/* 製品一覧　画像 */
.product-list-img img {
/*    display: inline-block;*/
/*    height: 380px;*/
    padding: 0 10px 10px 10px;
}
/* 製品一覧　機種色 */
/* PC・タブレット用 */
.product-list-colors {
    height: 50px;
    padding: 0 30px 0 40px;
    text-align: center;
}

.product-list-colors span {
    padding-right: 20px;
}

/* モバイル用 */
.product-list-colors-xs div {
    padding: 0 30px 0 30px;
    text-align: center;
    font-size: 3.5vw;
}

.product-list-colors-xs .vertical {
    padding-bottom: 0px;
    text-align: left;
}

/* データ料金プラン　SIM日本送付 */
.sim-order-jp {
    background-image: -webkit-linear-gradient(#4facfe 0%, #00f2fe 100%);
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    margin-top: 25px;

}
.sim-order-jp-t {
    padding: 0 30px 0 30px;
}
.sim-order-jp-t  h2 {
    color: #FFF;
    padding: 10px 0 30px 0;
}
.sim-order-jp-t p {
    color: #FFF;
    font-size: 20px;
/*    margin: 0 0 0px 0;*/
    letter-spacing: 0.2em;
}
.sim-order-jp-m {
    margin: 40px 0 40px 0;
/*    padding: 60px 10px 0px 10px;*/
    background-color: rgba(255,255,255,0.30);
    height: 110px;

}
.sim-order-jp-m .text-small {
    padding: 35px 10px 0 0;
/*    margin-bottom: -10px;*/
}
.sim-order-jp-m .text-small p {
    font-size: 25px;
    text-align: right;
    color: #FFF;
    margin-bottom: -8px;
}


.sim-order-jp-m .text-exsmall {
    font-size: 18px;
    color: #FFF;
    padding: 5px 0 0 10px;
    margin-bottom: -10px;
}
.sim-order-jp-m .text-lg {
    font-size: 70px;
    color: #FFF;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 0px 0 0 10px;
    margin: auto;
}

/* SIMオーダー　ボタン */
.wrap-b {
    text-align: center;
}
.wrap-b a {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    display: block;
    margin: 20px auto;
    max-width: 100%;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0.1em;
    border-radius: 4px;
    border: solid #f2f7f9;
    padding: 20px 30px;
}
a.button-b {
    color: rgba(242, 247, 249, 1);
    box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
}

a.button-b:hover {
    color: rgba(255, 255, 255, 0.85);
    box-shadow: rgba(30, 22, 54, 0.7) 0 0px 0px 40px inset;
}

/* レスポンシブ　タブレット・PC title1 */
@media screen and (min-width: 768px){
    /*  改行  */
  .br-pc { display:block; }
  .br-sp { display:none; }
/* 大項目タイトル1 */
    .title1 {
    text-align: center;
    margin: 70px 0 20px 0;
    }

    .title1 h1 {
    font-size: 3vw;
    padding: 0 0 20px 0;
    }
    .title1 h2 {
    font-size: 1.5vw;
    padding: 0;
    }	
    .title1 p {
    font-size: 1.5vw;
    padding: 0 0 30px 0;
	color: white;
    }
}

/* レスポンシブ　スマホ title1 */
@media screen and (max-width: 768px){
    /*  改行  */
  .br-pc { display:none; }
  .br-sp { display:block; }
/* 大項目タイトル1 */
    .title1 {
    text-align: center;
    margin: 20px 0 20px 0;
    }

    .title1 h1 {
    font-size: 6vw;
    padding: 0 0 0px 0;
    }
    .title1 h2 {
    font-size: 4vw;
    padding: 0;
    }	
}

/* レスポンシブ　タブレット・PC title2 */
@media screen and (min-width: 768px){
    /*  改行  */
  .br-pc { display:block; }
  .br-sp { display:none; }
/* 大項目タイトル2 */
    .title2 {
    text-align: center;
    margin: 70px 0 20px 0;
    }

    .title2 h1 {
    font-size: 3vw;
    padding: 0 0 20px 0;
    }
    .title2 h2 {
    font-size: 1.5vw;
    padding: 0;
    }	
    .title2 p {
    font-size: 1.5vw;
    padding: 0 0 30px 0;
	color: white;
    }
}
/* レスポンシブ　スマホ title2 */
@media screen and (max-width: 768px){
    /*  改行  */
  .br-pc { display:none; }
  .br-sp { display:block; }
/* 大項目タイトル2 */
    .title2 {
    text-align: center;
    margin: 20px 0 20px 0;
    }

    .title2 h1 {
    font-size: 5vw;
    padding: 0 0 0px 0;
    }
    .title2 h2 {
    font-size: 3.5vw;
    padding: 0;
    }	
}

/* 各ページバナー下　青い帯 デザイン*/
    .title3 {
    margin: 70px 0 20px 0;
    }
    .title3 h1 {
    font-size: 3vw;
    padding: 0 0 20px 0;
    }
    .title3 h2 {
    font-size: 2vw;
    padding: 0;
    }
    .title3 h4 {
    font-size: 1.5vw;
	line-height: 150%;
    padding: 0;
    }
    .title3 p {
    font-size: 1.5vw;
    padding: 0 0 30px 0;
	color: white;
    }
/* レスポンシブ　スマホ */
@media screen and (max-width: 768px){
    /*  改行  */
  .br-pc { display:none; }
  .br-sp { display:block; }
    /* 店舗案内 */
  .shop-title-3 {
      font-size: 20px;
      padding: 20px 0 5px 0px; }
/* 大項目タイトル1 */
    .title3 {
    margin: 20px 0 20px 0;
    }
    .title3 h1 {
    font-size: 5vw;
    padding: 0 0 0px 0;
    }
    .title3 h2 {
    font-size: 3.5vw;
    padding: 0;
    }	
    .title3 h4 {
    font-size: 3vw;
    padding: 0;
    }	
}








/* バナー */
a.banner  {
    text-decoration: none;
}
.banner-1 {
    background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%);
    background-image: -webkit-linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%);
    margin: 20px 5px 20px 5px;
    padding: 40px 10px 40px 10px;
    text-decoration: none;
/*    height: 350px;*/

}

.banner-2 {
    background-image: linear-gradient(-225deg, #20E2D7 0%, #F9FEA5 100%);
    background-image: -webkit-linear-gradient(-225deg, #20E2D7 0%, #F9FEA5 100%);
    margin: 20px 5px 20px 5px;
    padding: 40px 10px 40px 10px;
    text-decoration: none;
/*    height: 350px;*/

}

.ba-p1 {
    color: #FFFFFF;
    font-size: 30px;
    text-align: center;
    border-bottom: #FFFFFF solid 1px;
    margin: 0 40px 30px 40px;
    text-decoration: none;
}

.ba-p2 {
    color: #FFFFFF;
    font-size: 40px;
    text-align: center;

}


/*  画像・バナー　エフェクト　傾かせる */
.cp_imghover {
overflow: hidden;
/*
width: 400px;
height: 400px;
*/
margin: 40px auto;
border: 10px solid #ffffff;
box-shadow: 0 0 5px #cccccc;
cursor: pointer;
}

/*TILT*/
.cp_tilt {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.cp_tilt:hover {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}


.img-overlay {
  background: linear-gradient(125deg, #009, #f00) fixed, url(../images/top-news.png);
  background-repeat: no-repeat;
  background-blend-mode: screen;
  background-size: cover;
    height: 235px;

    color: #F39A9C;
    font-size: 40px;
    padding-top: 100px;
    text-align: center;

/*
    background: -moz-linear-gradient(65deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7)),url(../images/top-news.png);
background: -webkit-linear-gradient(65deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7)),url(../images/top-news.png);
background: linear-gradient(25deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7)),url(../images/top-news.png);
background-size:cover;
*/

}


.line-h li {
    line-height: 1.2em;
    padding: 5px;
    font-size: 16px;
 }

/* メニューバー　liの間隔を狭める */
@media  (min-width: 768px) {

	.nav-marg {
	margin-left: -10px;
	}
}

/* ボタン装飾 */
.btn a {
  flex: 1 1 auto;
/*  margin: 10px 0 30px 0;*/
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: #223A5D;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
/*  box-shadow: 0 0 20px #eee;*/
  border-radius: 5px;
	border: solid 0.5px #223A5D;
 }
 .btn a:hover {
/*  background-position: right center;  change the direction of the change here */
	background-color: #3B75B4;
	color: #FFFFFF;
	opacity: 50;
}

.btn-1 {
	margin: 10px 0 20px 0;

}

/*　TEL スマホでは電話発信できるように　<a href="tel:+85234279660" */
.tel {
/*	margin: 0 0 0 10px;*/
}
.tel a{
	color: #17386B;
	text-decoration-line: underline;
}

/*　 キャンペーンIPHONEプラン*/
div.pricelist{
	display:none;
}
.hr04{
	border-width: 8px 0 0 0;
	border-style: double;
	border-color: #5D9FFF;
}
.tab-content{
	border: 2px solid #000000;
	font-size: 16px;
	font-weight: bold;
}

/* リストのマーカー（「・」）を非表示にする */
.inquiry  {
	display: flex; 
	justify-content: center; 
	flex-direction: column; 
	align-items: center;
}
.inquiry  ul, ol {
	list-style-type: none;
}
.inquiry ul {
	border: 1px solid #777;
	padding: 10px;
	margin: 10px 0 30px 0;
	width:380px;
	background-color: #EEE;
}
.inquiry p {
	font-size: 0.9em;
}
@media  (min-width: 100px) {
.inquiry ul {
	border: 1px solid #777;
	padding: 10px;
	margin: 10px 0 30px 0;
	width:340px;
	background-color: #EEE;
}
	.inquiry p {
	font-size: 0.8em;
}
}

.inquiry2 {
	display: flex; 
	justify-content: center; 
	flex-direction: column; 
	align-items: center;
	font-size: 1.5em;
	margin:20px auto;
}
.inquiry2  h2{
	margin:50px auto;
}
.inquiry2  p{
	font-size: 1.1em;
}
/*マウスオーバー設定*/
.img01:hover {
	opacity: 0.5 ;
}

/*ニッテルのお得なサービス*/
.point-bg {
    background:#fff;
    border:10px solid #F3A8CC;
    border-radius:50px;
    margin: 3vw auto;
    padding:3vw;
}

.point-bg h1 {
    color: #49a0de;
    padding-bottom: 2vw;
	font-weight: bold;
	font-size: 4vw;	
	text-align:center;
}
.point-bg p {
    color:#E7198C;
	padding-bottom: 1.2vw;
	padding-left: 10px;	
	text-align:left;
}

.pg-u10 {
	padding-bottom: 1.3vw;
}

@media (min-width: 100px) {
    .point-bg h1{
        font-size:5vw;
		padding-bottom: 1vw;
    }
    .point-bg p{
        font-size:3.5vw;
		padding-bottom: 1vw;
    }
    .point-bg h4{
        font-size:2.5vw;
		padding-bottom: 1vw;
    }
}

@media (min-width: 768px) {
    .point-bg h1{
        font-size:4vw;
    }
    .point-bg p{
        font-size:2.5vw;
    }
    .point-bg h4{
        font-size:1.5vw;
    }
}

@media (min-width: 1200px) {
    .point-bg h1{
        font-size:2vw;
    }
    .point-bg p{
        font-size:1.5vw;
    }
    .point-bg h4{
        font-size:1.1vw;
    }
}
	.p-style{
	display: flex;
	justify-content: center; /* 水平方向の中央寄せ */
	align-items: center; /* 垂直方向の中央寄せ */
	height: 100px; /* 高さを設定 */
}


/*ホーム　見出しデザイン*/
	/*上部-ラインを使ったデザイン*/
.heading-line-b {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	text-align: center;
}

.heading-line-b::before,
.heading-line-b::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #3fc1c9;
}

.heading-line-b::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.heading-line-b::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
.heading-line-p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	text-align: center;
}

.heading-line-p::before,
.heading-line-p::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #FF69B4;
}

.heading-line-p::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.heading-line-p::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
	/*下部-下に▼をつけるデザイン*/
.heading-1 {
	position: relative;
	padding-bottom: 20px;
	font-size: 40px;
	text-align: center;
}

.heading-1::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #b99a00 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}
@media (min-width: 100px) {
.heading-1 {
	font-size: 30px;
}
}

/*左右にーをつけるデザイン　フォント小さめ*/
.heading-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;	
}
.heading-2::before,
.heading-2::after {
	content: '';
	width: 40px;
	height: 3px;
	background-color: #94b8b8;
}
.heading-2::before {
	margin-right: 20px;
}
.heading-2::after {
	margin-left: 20px;
}
@media (min-width: 100px) {
.heading-2 {
	font-size: 24px;
}
}

/*各ページ　見出しデザイン*/
/*数字を使ったデザイン*/
.heading12 {
	position: relative;
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 2vw;
}
.heading12::before {
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #498ee0;
	font-size: 4vw;
	border-bottom: 1px solid #498ee0;
}


/*料金プラン*/
.plan-waku{
	background-color: #b0c4de;
    border-radius: 32px;
    width: 100%;
    padding: 1.2vw;
    text-align: left;
    margin: 10px auto;	
}
.plan-waku p{
    text-align: left;
    margin-left: 20px;	
}
.plan-waku2{
    background-color: #fff;
    border-radius: 18px;
    width: 100%;
    padding: 1.2vw;
    text-align: center;
    margin: 10px auto;	
}

.plan-waku2 p{
    text-align: left;
    margin-left: 20px;	
}


.plan-card {
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 8px #003366;
    padding: 20px;
    text-align: center;
    margin: 20px auto; /* 枠線と他の要素との間隔を設定 */
}

.plan-card h1 {
    color: #000000;
    font-size: 24px;
    margin: 0 0 20px;
}

.plan-price {
	font-weight: bold;
    color: #007bff;
    font-size: 32px;
    margin: 10px 0;
}

.plan-features {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.plan-features li {
    background-color: #f0f0f0;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 16px;
	font-weight: bold;
}

.plan-features li {
    font-size: 32px;
    margin: 10px 0;	  
}

.plan-features p{
    text-align: left;
	margin-top: 10px;
}
.plan-features li.highlight { /* 特別なクラスを持つliだけに適用されるスタイル */
    font-size: 16px;
    margin: 10px 0;	  
}
.plan-data{
    font-size:26px ;
}
.f-red {
	color:#ff0000;
    font-size:5vw ;	
	font-weight:bolder;	
}
.f-red2 {
	color:#ff0000;
}
.f-red2b {
	color:#ff0000;
	font-weight:bolder;
}
.f-yellow {
	color:#FFD700;
	font-weight:bold;	
}
.f-yellow {
	color:#FFD700;
	font-weight:bold;	
}
.f-yellow2 {
	color:#FFD700;
	font-size:3vw ;
	font-weight:bold;	
}
.plan-note{
    text-align: left;	
}
.f1{
	font-weight:bold;
	font-size:20px ;	
	padding-top: 20px;
}
.f-b{
	font-weight:bold;
}
.div-background-image {
  background-image: linear-gradient(to bottom, rgba(247, 238, 228,1), rgba(247, 238, 228,1));
}

.plan-table2 {
    margin: 0 auto; 
    border-collapse: collapse; 
}

.plan-table2 th, .plan-table2 td {
    padding: 10px; 
    border: 1px solid #ddd; 
    text-align: center; 
}

.plan-table2 th {
    background-color: #c4c8cc; 
}

.plan-table2 td {
    background-color: #E8E8E8; 
}
@media (min-width: 100px) {
	.plan-table2 table{
	width:100%;	
	margin:10px auto;		
	}
}
@media (min-width: 768px) {
	.plan-table2 table{
	width:80%;
	margin:10px auto;	
	}
}
@media (min-width: 1200px) {
	.plan-table2 table{
	width:60%;
	margin:10px auto;
	}
}
/* 申し込みボタン */
.button-center{
	display: flex;
	justify-content: center; 
	align-items: center; 
	height: 50vh; 
	padding-bottom: 40vh;
	margin-top: 50px;
}
.custom-button  {
    background: -webkit-linear-gradient(left, #4169e1, #191970);
    background: -o-linear-gradient(left, #4169e1, #191970);
    background: linear-gradient(to right, #4169e1, #191970); 
	color: #fff; 
	padding: 10px 20px;
	border: none; 
	border-radius: 30px; 
	font-size: 22px; 
	font-weight: bold; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	cursor: pointer; 
	outline: none;
}
.custom-button a {
	color: #fff;
	text-decoration: none;	
}
.arrow-icon {
	display: inline-block;
	margin-left: 10px; 
	transition: transform 0.3s ease; 
}
.custom-button:hover .arrow-icon {
	transform: translateX(5px); /* ホバー時にアイコンを右に動かす */
}

/* 各プラン：プランの詳細レート表 */
.plan-table table {
	border-collapse: collapse; 
	text-align: center; 
}
.plan-table th, td {
	padding: 8px; 
	border: 1px solid #ddd; 
}
.plan-table th {
	background-color: #c4c8cc;
}
.plan-table td {
	background-color: #fff; 
}
.plan-table thead {
	background-color: #f2f2f2; 
}
@media (min-width: 100px) {
	.plan-table table{
	width:100%;	
	}
	.plan-detail{
    margin: 10 0 10 0px;
	}
	.plan-detail p{
    text-align: left;
    margin: 10 0 10 0px;
	}
}
@media (min-width: 768px) {
	.plan-table table{
	width:90%;
	}
	.plan-detail{
    margin: 10px;
	}
	.plan-detail p{
    text-align: left;
    margin: 20px;
	}	
}
@media (min-width: 1200px) {
	.plan-table table{
	width:65%;
	}
	.plan-detail{
    margin: 10px;
	}
	.plan-detail p{
    text-align: left;
    margin: 20px;
	}
}


/* よくある質問 */
.faq-answers {
	margin: 20px 0;
}
.faq-answers p {
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    font-size: 1em;
}
.font-size-a {
	font-size:0.7em;
	letter-spacing: 0.02em;
}
.font-size-b {
	font-size:18px;
	font-weight: bold;
	color:#417fc9;
}
.font-size-c {
	font-size:18px;
	font-weight: bold;
}
.tb01 {
	font-size: 0.9em;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    border-radius: 10px; 
    overflow: hidden; 
}
.tb01 th {
	width:20%;
    border: 1px solid #fff; 
    padding: 8px;
    text-align: left;
    background-color: #fff; 
}
.tb01 td {
	width:20%;
    border: 1px solid #fff;
    padding: 4px;
    text-align: left;
    background-color: #ECE7E7; 
}
.tb01 thead th {
    background-color: #FD0066; 
    color: white;
    text-align: center;
}
.tb01 .note {	/* 特定のセルに適用するスタイル */
    font-size: 0.9em;  
}
.support h2 {
  font-size: 30px;
}
.support_center01 {
    margin: 80px 0 0 0;
    font-weight: bold;
    padding-bottom: 0.5em;
    text-align: center;
    position: relative;
}
.support_center01::before, .support_center01::after {
    content: '';
    position: absolute;
    margin:auto;
    left: 0;
    bottom: 0;
    width: 2em;
    background-color: #e3e3e3;
    height: 5px;
    right: 2em; 
}
.support_center01::before { 
    background-color:#4c9ac0;
    left:2em;
    width:4em;
}
.heading11 {
	margin-top:30px;
	font-weight: bold;
	position: relative;
	font-size: 26px;
}
.heading11::before {
	font-weight: bold;
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #498ee0;
	font-size: 30px;
	border-bottom: 1px solid #498ee0;
}
.heading11-1 {
	margin:50px 0;
	font-weight: bold;
	position: relative;
	font-size: 26px;
	text-align: center;		
}

.support-t1 table {
	width:100%;
	border-collapse: collapse;
	font-size:0.9em;
	margin: 10px 0;
}
.support-t1 th, td {
	border: 1px solid #ccc;
	text-align: left;
}
.support-t1 th {
	background-color: #cfcdcd;
	font-weight: bold;
	text-align: center;	
	padding: 10px;
}
.support-t1 td {
	background-color: #fff;
	text-align: left;	
	padding: 10px;
}
.support-t2 table {
	width: 100%;
	border-collapse: collapse;
	font-size:0.9em;
	margin: 10px 0;
}
.support-t2 th {
	border: 1px solid gray;
	background-color:#FDC3FF;
	text-align: center;
	padding:10px;
}
.support-t2 td {
	border: 1px solid gray;
	background-color: #fff;
	text-align: left;	
	padding:10px;
}
.support-t3 table {
	width: 100%;
	border-collapse: collapse;
	font-size:0.9em;
	margin: 10px 0;
}
.support-t3 th {
	font-weight: bold;
	border: 1px solid gray;
	padding: 8px;
	text-align: center;		
}
.support-t3 td {
	background-color: #fff;
	border: 1px solid gray;
	padding: 8px;
	text-align: center;	
}
.bg-orange {
	background-color: #ffe6cc;
}
.bg-yellow {
	background-color:#ffffcc;
}
.support-t4 table {
	width: 100%;
	font-size: 0.9em;
}
.support-t4 th, td {
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	border: 1px solid #ddd;
}
.support-t4 th {
	background-color: #fff;
}
.bg-light-purple {
	background-color:lavender;
}
.bg-light-gray {
	background-color:whitesmoke;
}
.support-t5 table {
	width: 100%;
	font-size: 0.8em;
}
.support-t5 th, td {
	text-align: center;
	padding: 8px 0;
	border: 1px solid #ddd;
	vertical-align: text-top;	
}
.support-t5 th {
	background-color:whitesmoke;
}
.support-t5 td {
	background-color: #fff;
}
 /* アンカー位置を調整するためのスタイル */
.anchor-adjust01 {
	display: block;
	position: relative;
	top: -20px; /* 必要に応じて調整 */
}
.anchor-adjust02 {
	display: block;
	position: relative;
	top: -50px; /* 必要に応じて調整 */
	visibility: hidden;
}
.anchor-adjust03 {
	display: block;
	position: relative;
	top: -50px; /* 必要に応じて調整 */
	visibility: hidden;
}
.anchor-adjust04 {
	display: block;
	position: relative;
	top: -50px; /* 必要に応じて調整 */
	visibility: hidden;
}
@media (max-width: 767px) { /* サポートページ　767px以下の画面サイズに適用 */
.support h2 {
    font-size: 26px;
}
.faq-answers p {
    padding: 0px;
}
.heading11 {
	font-size: 20px;
}
.heading11::before {
	font-size: 24px;
}
.heading11-1 {
	font-size: 16px;
}	
.support-t4 table {
	font-size: 0.8em;
}	
.support-t5 table {
	font-size: 0.7em;
}	
.d-none{
	display: none;
}
}

/* ニッテルが選ばれるわけ */
.choose {
	margin: 20px 0;
}
.choose p {
    font-size: 1.1em;
	line-height: 1.9em;
}
.choose_center01 {
    margin: 50px 0;
    font-weight: bold;
    padding-bottom: 0.5em;
    text-align: center;
    position: relative;
}
.choose_center01::before, .choose_center01::after {
    content: '';
    position: absolute;
    margin:auto;
    left: 0;
    bottom: 0;
    width: 2em;
    background-color: #e3e3e3;
    height: 5px;
    right: 2em; 
}
.choose_center01::before { 
    background-color:#4c9ac0;
    left:2em;
    width:4em;
}
.heading13 {
	margin-top:30px;
	font-weight: bold;
	position: relative;
	font-size: 28px;

}
.heading13::before {
	font-weight: bold;
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #498ee0;
	font-size: 38px;
	border-bottom: 1px solid #498ee0;
}
.keiko-marker {
  background: linear-gradient(transparent 40%, #F3FF00 80%);
}

@media (max-width: 767px) { /* サポートページ　767px以下の画面サイズに適用 */
.choose h2 {
    font-size: 28px;
}
.choose p {
    padding: 0px;
}
.heading13 {
	font-size: 22px;
}
.heading13::before {
	font-size: 24px;
}
.heading13-1 {
	font-size: 16px;
}}

/* News */
.news {
	font-size: 1.2em;
	margin-bottom: 30px;
}
@media (max-width: 767px) { /* News 767px以下の画面サイズに適用 */
.news {
    font-size: 1.1em;
}}

/* 会社概要 */
  .tb02 {
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 0 20px 0;
	display: flex; 
	justify-content: center; 
	flex-direction: column; 
	align-items: center;
  }
  .tb02 th {
	width:30%;
    border: 1px solid #fff; 
    padding: 15px;
    text-align: center;
    background-color: #ECE7E7; 
  }
  .tb02 td {
	width:70%;
    border: 1px solid #fff;
    padding: 15px;
    text-align: left;
    background-color: #ECE7E7; 
  }
@media (min-width: 100px) {
  .tb02 {
	width:100%;	
	font-size: 0.9em;
	}
  }

/* キャンペーン */
.campaign {
	max-width: 100%;
}
.campaign p{
	margin-left: 50px;
}
.campaign h3 {
	border-bottom: solid 3px #cce4ff;
	position: relative;
	margin: 50px 50px 10px 50px;
	padding-bottom: 7px;
	font-weight: bold;
	color: #3D3D3D;
}
.campaign h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #5472cd;
	bottom: -3px;
	width: 20%;
}
.campaign-img {
    display: block;
    margin: 20px auto;
}
.campaign-waku{
    background-color: #fff;
    border-radius: 26px;
    width: 100%;
    padding: 1.2vw;
    margin: 30px auto;	
}
.heading14 {
	margin-top:30px;
	font-weight: bold;
	position: relative;
	font-size: 20px;
}
.heading14::before {
	font-weight: bold;
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #498ee0;
	font-size: 26px;
	border-bottom: 1px solid #498ee0;
}
.campaign-box1 {
	margin: 20px 0px 10px 50px; 
	background-color:#fff; 
	padding:20px; 
	position:relative; 
	border: 2px solid #ff67ff;
	width: 80%;
}
.campaign-box1 .box-title {
	background-color:#fff; /* タイトル背景色 */
	font-size: 1.2em;/* タイトル文字の大きさ */
	font-weight:800;	
	color: #ff67ff;
	padding: 0 10px;
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;
	top: -5px; /*上から（-5px）移動*/
	left: 20px; /*左から(20px)移動*/
}
.campaign-box2 {
	margin: 20px 0px 10px 50px;
	padding:20px;
	background-color:aliceblue;
	width: 80%;
}
@media (max-width: 767px) { /* campaign 767px以下の画面サイズに適用 */
.campaign h3 {
    font-size: 1.3em;
	margin: 30px 5px 10px 5px;	
}
.campaign-img {
    display: block;
    margin: 10px auto 30px auto;
}
.campaign-waku{
    border-radius: 12px;
}
.campaign p{
	margin-left: 10px;
}
.heading14 {
	font-size: 18px;
}
.heading14::before {
	font-size: 20px;
	margin-right: 10px;	
}	
.campaign-box1 {
	width: 100%;
	margin: 10px auto;
	padding:20px;
}
.campaign-box2 {
	width: 100%;
	margin: 10px auto;
	padding:10px;
}	
}


/*サイトマップ */
.sitemap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px;
	border-left: solid 5px #2E86C1 ;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 2px;
	width: 90%;
	font-size: 18px;
 	font-weight: bold;
	margin: 20px;
	text-decoration: none; 
	color: #1C2833; /* 初期のテキスト色 */
	transition: color 0.3s, border-color 0.3s, text-decoration 0.3s; /* スムーズな変化を追加 */
}
.sitemap:hover {
	color: #2E86C1; /* ホバー時のテキスト色 */
	border-color: #2E86C1; /* ホバー時のボーダー色 */
	text-decoration: none; /* ホバー時にアンダーラインを消す */
}

.sitemap-sub a {
	color: black; /* リンクのテキスト色を黒に変更 */
}
.sitemap-pink {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px;
	border-left: solid 5px #E74C3C;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 2px;
	width: 90%;
	font-size: 18px;
	font-weight: bold;
	margin: 20px;
}
.sitemap-orange {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px;
	border-left: solid 5px #E67E22;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 2px;
	width: 90%;
	font-size: 18px;
	font-weight: bold;
	margin: 20px;
}
.sitemap-green {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px;
	border-left: solid 5px #1E8449;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 2px;
	width: 90%;
	font-size: 18px;
	font-weight: bold;
	margin: 20px;
	color: #1C2833; /* 初期のテキスト色 */
	transition: color 0.3s, border-color 0.3s, text-decoration 0.3s; /* スムーズな変化を追加 */
}
.sitemap-green:hover {
	color: #1E8449; /* ホバー時のテキスト色 */
	border-color: #1E8449; /* ホバー時のボーダー色 */
	text-decoration: none; /* ホバー時にアンダーラインを消す */
}
.sitemap-arrow1{
	font-weight:bold;
	color: #2E86C1;
}
.sitemap-arrow2{
	font-weight:bold;
	color: #E67E22;
}
.sitemap-arrow3{
	font-weight:bold;
	color: #E74C3C;
}
.sitemap-arrow4{
	font-weight:bold;
	color: #1E8449;
}
.sitemap-sub{
	margin: 10px 0 30px 40px;
}
.sitemap-sub-arrow1 {
	margin: 0px 0px 0px 20px;
	text-decoration: underline;
}
.sitemap-sub-arrow1:hover {
	color: #2E86C1; 
	border-color: #2E86C1;
	text-decoration: none;
}
.sitemap-sub-arrow2 {
	margin: 0px 0px 0px 20px;
	text-decoration: underline;
}
.sitemap-sub-arrow2:hover {
	color: #E67E22; 
	border-color: #E67E22;
	text-decoration: none;
}
.sitemap-sub-arrow3 {
	margin: 0px 0px 0px 20px;
	text-decoration: underline;
}
.sitemap-sub-arrow3:hover {
	color: #E74C3C; 
	border-color: #E74C3C;
	text-decoration: none;
}
.sitemap-sub-arrow4 {
	margin: 0px 0px 0px 20px;
	text-decoration: underline;
}
.sitemap-sub-arrow4:hover {
	color: #1E8449; 
	border-color: #1E8449;
	text-decoration: none;
}
/*マージン設定 */
.mt-10{
	margin-top:10px;
}
.mt-20{
	margin-top:20px;
}
.mt-30{
	margin-top:30px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-50{
	margin-bottom:30px;
}

  /*テキストポジション */
	.center {
	text-align: center;
}