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

/* ---------------------------------------------------------
事業内容ページ
----------------------------------------------------------*/

body{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow-x: hidden;
}

html{
	font-family: 'Noto Sans JP', sans-serif;
}
img{
	vertical-align:bottom;
	vertical-align:top;
}


.nav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.nav a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.nav a:hover::after {
  transform: scale(1, 1);
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #003366;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #33ccff;
}

.link{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------------------------------------------
header~nav
----------------------------------------------------------*/

header{
	display: flex;
	width: 100%;
	background: #fff;
	position: fixed;
	height: 80px;
	z-index: 999;
	filter:alpha(opacity=50);
    -moz-opacity: 0.8;
    opacity: 0.9;
	top: 0;
	
}

.logo{
	width: 30%;
	margin-left: 20px;
	margin-top: -10px;
}

.nav{
	width: 100%;

}

ul{    
    list-style: none;
    display:flex;
    height:70px;
}

li{
	padding:5px 10px;
    margin:3px;
	text-decoration: none ;
	font-color: #333;
	font-size: 18px;
	font-weight: 700;

}

a {
	text-decoration: none;
	color: #333;
	font-weight: 600;
}
h2{
	color: #666666;
	font-size: 32px;
	background: linear-gradient(transparent 70%, #3399cc 70%);
	display: inline-block;
}


.contents_box_009{
	background: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.contents_box_009_inner_001{
	width: 900px;
	margin-top: 80px;
		margin-left: auto;
	margin-right: auto;
}
.contents_box_009inner_001 img {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 会社概要　*/

.contents_box_010{
	background: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.contents_box_010_inner_001{
	width: 900px;
	margin-top: 80px;
		margin-left: auto;
	margin-right: auto;
}


/* ご利用案内　*/

.contents_box_011{
	background: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.contents_box_011_inner_001{
	width: 900px;
	margin-top: 80px;
		margin-left: auto;
	margin-right: auto;
}

.caution{
	
	color: #cc0000;
}

/* 約款　*/

.contents_box_012{
	background: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.contents_box_012_inner_001{
	width: 900px;
	margin-top: 80px;
		margin-left: auto;
	margin-right: auto;
}
/* プライバシーポリシー　*/

.contents_box_013{
	background: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.contents_box_013_inner_001{
	width: 900px;
	margin-top: 80px;
		margin-left: auto;
	margin-right: auto;
}

/* 会社概要テーブル*/
.company {
width: 100%;
}
 
.company th,
.company td {
border: 1px solid #ccc;
padding: 20px;
}
 
.company th {
font-weight: bold;
background-color: #dedede; 
}
 
@media screen and (max-width: 767px) {
.company,
.company tr,
.company td,
.company th {display:block;}
.company th {width:auto;}
}
/* 取り消し料テーブル*/
.torikeshi {
width: 980px;
font-size: 14px;
padding: 10px;
margin: 10px;
}
 
.torikeshi th,
.torikeshi td {
border: 1px solid #ccc;
padding: 5px;
margin: 5px;
width: 10px
}
	 
.torikeshi th {
font-weight: bold;
background-color: #dedede; 
}
 
@media screen and (max-width: 767px) {
.torikeshi,
.torikeshi tr,
.torikeshi td,
.torikeshi th {display:block;}
.torikeshi th {width:auto;}
}

span{
	color: #cc0000;
	font-size: 18px;
}






/* フッター　*/
footer{
	width: 100%;
	background: #cccccc;

}

.ft_logo{
	width: 50%;
	margin: 5px;
	padding: 15px;
}

.ft_link{
	width: 50%;
	margin: 10px;
	padding: 5px;
	margin-top: -30px;
}


/* 最新情報　*/

#news_fb{
 width: 100%;


}

.news{
	widows: 500px;
	text-align: center;
	margin-top: 30px;
}


.fb-page{
	margin: 30px;
}

/* フッター　*/
footer{
	width: 100%;
	background: #cccccc;

}

.ft_logo{
	width: 50%;
	margin: 5px;
	padding: 10px;

}
.ft_logo img{
	width: 50%
}

.ft_link{
	width: 100%;
	margin: 10px;
	padding: 5px;
	margin-top: -30px;
}
.news{
	widows: 500px;
	text-align: center;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}



/*-----------------------------------------------
問い合わせ
-----------------------------------------------*/
.contents_box_014{
	background: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.contents_box_014_inner_001{
	width: 900px;
	margin-top: 80px;
		margin-left: auto;
	margin-right: auto;
}
#right {
	float: right;
	text-align: left;
	width: 750px;
}
#right p{
	margin-bottom:15px;
	margin-top: 0px;
}
#right .inner {
	text-align: center;
	background-color: #666666;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#right .inner2{
	margin-bottom: 0px;
	padding: 0px;
	background-color: #EAEAEA;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}
#right .inner3{
	margin-bottom: 0px;
	background-color: #EAEAEA;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}
#right .inner3 .sin_tokuten{
	width:97%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
#right .inner3 .sin_tokuten a{color:#FF0000; text-decoration:underline;}
#right h2{
	background-image:url(../image/h2_right.png);
	line-height: 45px;
	background-repeat: no-repeat;
	font-size: 16px;
	padding-left: 15px;
	clear: both;
	margin-bottom: 10px;
}
#right h3{font-size:16px;}
#right h4{font-size:14px;}
#right h5{font-size:14px;}

#right .table-air{
	background-color:#333333;
	width: 100%;
	margin-bottom: 5px;
}
#right .table-air td{
	background-color:#FFFFFF;
	text-align: center;
	padding: 5px;
}
#right .table-air td.glay{
	background-color:#E6E6E6;
	padding: 5px;
	text-align: center;
}
#right .table-air th{
	background-color:#666666;
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
	font-weight: normal;
}

#right .pr{
	padding-right: 0px;
	margin-bottom: 30px;
}
#right .pr ul {
	background-color:#FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}
#right .pr ul li{
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	list-style-type: disc;
	padding-left: 0px;
	list-style-position: outside;
	margin-left: 25px;
	line-height: 30px;
}
#right .pr h3{color:#990000;}

#right .pr .thai_box1{
	width:240px;
	float:left;
	text-align: center;
	margin-right: 15px;
}
#right .pr .thai_box2{
	width:400px;
	float:left;
	text-align:center;
	margin-bottom: 15px;
}
#right .pr .hk_box1{
	width:240px;
	float:left;
	text-align: center;
	margin-right: 15px;
}
#right .pr .hk_box2{
	width:260px;
	float:left;
	text-align:center;
	margin-bottom: 15px;
}


#right .pr p{
	float:right;
	width: 450px;
	margin-bottom: 50px;
}
#right .table-black{
	background-color:#FFFFFF;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 15px;
}
#right .table-black td{
	text-align: center;
	padding: 5px;
	font-size: 12px;
	color: #FFFFFF;
}
#right .table-black td a{color:#FFFFFF; text-decoration:underline}
#right .table-black td a:hover{text-decoration:underline}
#right .table-black .black{background-color:#000000;}
#right .table-black .glay{background-color:#666666;}

#right .table-black th{
	background-color:#333333;
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
}
#right .table-black th a{color:#FFFFFF; text-decoration:underline;}