body {
  /* 画像ファイルの指定 */
  background-image: url(image/back.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
  
  font-family: "メイリオ", sans-serif;
}
ul#nav1 li {
    float: left;
    margin-left: 0px;
    width: 140px;
    height: 60px;
    overflow: hidden;
}
header{height:144px;border-top:solid 6px #2c61bb;border-bottom:solid 1px #999;background:#fff;}
#box-1 h2{font-size:20pt;color:#fff;border-left:solid 5px #fff;padding:5px 10px; font-weight:100;}
#head-grup{width:980px;margin:0 auto;}
#head-top{height:84px;}
#top-logo{width:310px;height:48px;background:url(image/logo.jpg) no-repeat;padding-left:84px;padding-top:10px;margin-top:23px;float:left;}
#top-logo h1{font-size:24px; letter-spacing:0.2em; font-weight:bold;}
#top-logo p{font-size:14px; color:#2c61bb;letter-spacing:0.3em;line-height:15px; font-weight:bold;}
#top-tel{
	width: 200px;
	float: right;
	margin-top: 14px;
}
#top-tel p{
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #2c61bb;
}
header nav{height:60px;}
header nav li{ float:left;}
#top-image{width:900px;margin:0 auto;padding:45px 0 0 80px;}
.flexslider{width:820px;height:300px;}
#box-1{background-color:rgba(0,156,206,0.6);}
.box-1-1{width:980px;margin:0 auto;padding:20px 0;}
.box-1-1-inner{width:872px;margin:40px auto; overflow:hidden;}
.new-line li{width:245px; font-size:13px;color:#fff;float:left;}
.new-line li p{margin-top:10px;}
.r-m-1{margin-right:68px;}

#box-2{background-color:rgba(0,66,189,0.6);}
#box-2 h2{font-size:20pt;color:#fff;border-left:solid 5px #fff;padding:5px 10px; font-weight:100;}
.r-m-2{margin-right:29px;}
.s-menu li{float:left;}
#box-2 p{margin:40px 0 0 60px;color:#fff;font-size:18pt;}
#box-3{background-color:rgba(225,225,101,0.7);}
.box-3-inner{width:660px;margin:0 auto; overflow:hidden;padding:20px 0;}
.box-3-inner img{float:left;}
.box-3-inner p{float:left;margin:20px 0 0 30px;font-size:24px;font-weight:bold;color:#333;line-height:40px;}

.box-4{width:820px;margin:20px auto;line-height:24px;}
.box-4 h3{font-size:20px;color:#2c61bb;margin:20px 0 10px 0;}
.box-4 img{margin:20px 0;}

#main-contents{}
.head-line-1{height:50px;background-color:rgba(0,156,206,0.6);padding-top:20px;margin-top:40px;}
.head-line-1 h1{width:980px;margin:0 auto;font-size:36px;color:#fff; font-weight:100;}
.main-box{background-color:rgba(255,255,255,0.6);}
#wrap h2{font-size:20pt;color:#2c61bb;border-left:solid 5px #2c61bb;padding:5px 10px; font-weight:100;text-shadow: 1px 1px 1px rgba(225,225,225,1);}
#wrap{width:980px;margin:0 auto;padding:20px 0; overflow:hidden;}
.text-color-1{color:#ff7a32;}

.t-1{width:100%;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;}
	
th.t-1-h,
table.t-1,td.t-1-b,td.price{
    padding: 10px;
}
 
th.t-1-h {
    background: #009cce;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}

 
th.t-1-h:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #009cce;
    border-width: 10px;
    margin-top: -10px;
}
th.t-1-h-2{height:10px; text-align:left;}

td.t-1-b{
    background: #f8f8f8;
    padding-left: 30px;
	text-align:left;
}

td.price{ background:#fff;}
.last-price{font:bold;margin:10px 0 0 0;}
.last-price-right{float:right;width:110px;height:60px;background:#CFF; text-align:center;padding:20px 0;}
.last-price-left{float:right;width:300px;height:60px; text-align:center;background: #009cce;padding:20px 0;}
.last-price-right-p{font-size:36px;color:#F60;line-height:40px;}



table.s-price{
    width: 800px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 1px 0;
    font-size: 15px;
}

table.s-price th,
table.s-price td {
    padding: 10px;
}

table.s-price th {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset;
    border-radius: 5px 5px 10px 10px;
    background: #88b7d5;
    vertical-align: middle;
    text-align: center;
    width: 180px;
    height: 50px;
    position: relative;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    font-size: 24px;
}
 
table.s-price th.c1 {
 background: rgb(41,179,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(41,199,255,1) 1%, rgba(41,179,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(41,179,255,1)), color-stop(100%,rgba(0,44,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(41,199,255,1) 1%,rgba(41,179,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(41,199,255,1) 1%,rgba(41,179,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(41,199,255,1) 1%,rgba(41,179,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(41,199,255,1) 1%,rgba(41,179,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b3fa', endColorstr='#113f8c',GradientType=0 ); /* IE6-9 */
}

table.s-price th.c2 {
background: rgb(29,140,233); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(17,63,140,1) 1%, rgba(15,56,125,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(17,63,140,1)), color-stop(100%,rgba(15,56,125,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113f8c', endColorstr='#0f387d',GradientType=0 ); /* IE6-9 */
}
table.s-price th:after {
    top: 100%;
    left: 5px;
    height: 0px;
    width: 0px;
    position: absolute;
    border: 78px solid transparent;
}
table.price th.c1:after {
    border-top: #333 15px solid;
}

table.s-price td {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    text-align: center;
    padding-top: 15px;
    border: none;
    height: 70px;
}
 
table.s-price tr:nth-child(2n+1) td.c1 {
    background: #fff;
}
table.s-price tr:nth-child(2n+0) td.c1 {
    background: #eee;
}

table.s-price tr:last-child td {
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}



table.link-t th,td{ text-align:center; vertical-align:middle;padding:10px;}

table.link-t th{width:240px;background:rgba(0,156,206,0.6);color:#fff;}
table.link-t td{width:255px;background:rgba(255,255,255,0.6);}
table.link-t tr{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
 
footer{height:200px;color:#fff;background:#2c61bb; overflow:hidden;}
#foot-inner{width:980px;margin:0 auto;overflow:hidden}
#foot-left{width:302px;height:114px;border-right:solid 1px #fff;float:left;margin-top:33px; text-align:center;padding-top:20px;}
#foot-left h1{font-size:22px;margin-top:10px;}
#foot-center{width:289px;height:104px;border-right:solid 1px #fff;float:left;margin-top:33px;font-size:18px;line-height:28px;padding:30px 0 0 40px;}
#foot-right{width:347px;height:120px;float:left;margin-top:33px; text-align:center;padding-top:14px;}
.foot-tel{font-size:38px; font-weight:bold;margin:5px 0;}
.foot-add{font-size:20px; letter-spacing:3px; font-weight:500;}
td.t-1-b br {
	display: none;
}
#wrap h2 br{
	display: none;
}
.box-4 p br {
	display: none;
}
td.t-1-b-1 br {
	display: block;
}
#smartphone {
	display: none;
}
#top-tel a{
	color: #2c61bb;
	text-decoration: none;
	pointer-events: none;
}
#foot-right p.foot-tel a {
	pointer-events: none;
	color: #fff;
	text-decoration: none;
}
td.t-1-b a {
	color: #000;
	text-decoration: none;
	pointer-events: none;
}
@media screen and (max-width: 980px) {

#wrapper {
	overflow: hidden;
}
@media screen and (max-width: 700px) {
body {
	background: none;
}
body::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(image/back.jpg) center/cover no-repeat;
}
#wrapper {
	overflow: hidden;
}
img {
	max-width: 100%;
	height: auto;
}
header {
		margin-top: 48px;
		width: 100%;
		height: 144px;
		border-top: none;
		
}
#smartphone {
	width: 100%;
	display: block;
	position: fixed;
	top: 0;
	z-index: 15;
	
}
#head-grup,
#head-top {
	width: 100%;
}
#top-logo {
	margin: 1em auto 0;
	float: none;
}
#top-tel{
	margin: 10px 10px;
	text-align: center;
}
#top-tel a {
	color: #2c61bb;
	text-decoration: underline;
	pointer-events: auto;
}
header nav {
	display: none;
}
.head-line-1 {
	margin-top: 0;
	padding-left: 3%;
}
.head-line-1 h1 {
	font-size: 2em;
}
#top-image {
	width: 100%;
	padding: 20px 0 0 0;
	margin-bottom: 2em;
}
.flexslider {
	width: 100%;
	height: auto;
}
#box-1 {
	width: 100%;
}

.box-1-1 {
	width: 95%;
	margin: 0 auto 0;
	
}
.box-1-1-inner {
	width: 100%;
	margin-top: 2em;
	
}
.new-line li {
	width: 100%;
	float: none;
}
.new-line li p {
	font-size: 17px;
}
.new-line li img {
	width: 100%;	
}
.r-m-1 {
	margin-bottom: 3em;
	
}
#box-2 {
	width: 100%;
}
#box-2 p {
	margin: 1em 0;
	font-size: 20px;
}
.s-menu {
	width: 290px;
	margin: 0 auto;
}
.r-m-2,
.r-m-3 {
	margin: 0;
	padding: 10px;
}
#box-3 {
	width: 100%;
}
.box-3-inner {
	width: 96%;
	margin: 0 auto;
}
.box-3-inner img {
	display: block;
	margin: 0 auto 20px;
	float: none;
}
.box-3-inner p {
	margin: 0;
}
#main-contents {
	width: 100%;
}
.main-box {
	width: 100%;
}
#wrap {
	width: 96%;
	margin: 0 auto;
}
.box-4 {
	width: 100%;
}
table.s-price {
	width: 100%;
}

.box-4 iframe {
	width: 100%;
	height: 300px;
}
.t-1 {
	width: 100%;
}
td.t-1-b {
	font-size: 15px;
	padding-left: 4%;
}
td.t-1-b br {
	display: block;
}
th.t-1-h-2 {
	text-align: center;
}
.t-s {
	display: block;
}
.last-price-right {
	width: 40%;
}
.last-price-left {
	width: 60%;
}
#wrap h2 {
	line-height: 1.2em;
}
#wrap h2 br {
	display: block;
}
.box-4 p br {
	display: block;
}
footer {
	width: 100%;
	height: auto;
}
th.t-1-h {
	width: 24%;
	padding: 0;
	font-size: 13px;
	text-align: center;
}
table.s-price th {
	font-size: 16px;
}
#foot-inner {
	width: 100%;
	display: flex;
	flex-direction: column;
}
#foot-inner #foot-center {
	order: 1;
}
#foot-left {
	margin: 0;
	padding: 2em 0;
	width: 100%;
	height: 3em;
	float: none;
	
}

#foot-center {
	margin: 0;
	padding: 20px 0 0;
	width: 100%;
	height: 5em;
	float: none;
	font-size: 15px;
	text-align: center;
	line-height: 1.3em;
	border: none;	
}
#foot-right {
	width: 100%;
	float: none;
}
#foot-right p.foot-tel a {
	color: #fff;
	text-decoration: none;
	pointer-events: auto;
}
td.t-1-b a {
	color: #0000ee;
	text-decoration: underline;
	pointer-events: auto;
}
p.pc {
	display: none;
}
@media screen and (max-width: 350px) {
header #head-top h1 {
	font-size: 21px;
}
header #head-top #top-logo p {
	font-size: 12px;
}
td.t-1-b {
	font-size: 11px;
}
#wrap h2 {
	font-size: 25px;
}
}