@charset "utf-8";

/* --------------------------------------------------------------------
	各ページ個別スタイル　info/2017直下index.html以外はOS_P17.cssに記載
--------------------------------------------------------------------- */
h1.hid{
display:none;
}
.headtab{
margin-bottom:40px;
font-size:0;
}
.headtab li{
width:188px;
height:50px;
line-height:50px;
display:inline-block;
/display:inline;
/zoom:1;
text-align:center;
font-size:20px;
}
.headtab li#here{
border-bottom:3px #000000 solid;
}
.headtab li a{
display:block;
}

.btn a {
text-align: center !important;
margin: 0 auto 150px;
padding: 20px;
display: inline-block !important;
font-weight: bold;
font-size: 18px;
color: #757575;
text-decoration: none;
}
.btn a:hover{
	color: #ABABAB !important;
}

/*---------- index ----------*/
.top .fixed_visual {
/*
  position: fixed !important;
*/
position: absolute;
top: 0;
left: 0;
/*
  margin-top: 80px;
*/
}
.top #visual {
z-index: 90;
position: relative;
width: 100%;
margin-top:110px;
margin-bottom: 0;
}
.top #visual .loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 590px;
background: url('../images/loading.gif?1451038868') center center no-repeat;
}
.top #visual .slideImgs {
display: none;
}
.top #visual .imageContainer {
height: 590px;
opacity: 0;
}
.top #visual .navigation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 590px;
z-index: 100;
}
.top #visual .navigationContainer {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.top #visual .navigationContainer div {
position: absolute;
top: 0;
left: 0;
display: table;
width: 105px;
height: 590px;
}
.top #visual .navigationContainer div.nextBtn {
left: inherit;
right: 0;
}
.top #visual .navigationContainer div.nextBtn a {
padding-right: 15px;
text-align: right;
opacity: 0;
}
.top #visual .navigationContainer div.prevBtn a {
opacity: 0;
}
.top #visual .navigationContainer div.prevBtn a:hover,
.top #visual .navigationContainer div.nextBtn a:hover{
  opacity: 1;
}
.top #visual .navigationContainer a {
display: table-cell;
padding-left: 15px;
vertical-align: middle;
text-align: left;
}
.top #visual .toggleCaption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
}
.top #visual .toggleCaptionContainer {
z-index: 101;
position: relative;
display: table;
table-layout: fixed;
width: 100%;
max-width: 1200px;
height: 100%;
margin: 0 auto;
text-align: right;
padding: 10px 0;
}
.top #visual .toggleCaptionContainer span {
display: table-cell;
padding: 0 17px;
vertical-align: middle;
}
.top #visual .toggleCaptionContainer a {
line-height: 1.6;
}
.top #visual .toggleCaptionContainer a:hover{
opacity: 1;
}
.top #visual .toggleCaptionContainer img {
vertical-align: middle;
}
.top #visual .caption {
opacity: 0;
z-index: 10;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.top #visual .captionInner {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.top #visual .captionInner div {
display: none;
width: 100%;
max-width: 1200px;
margin: 0 auto;
height: 50px;
font-size: 12px;
text-align: right;
color: white;
background: rgba(0, 0, 0, 0.5);
}
.top #visual .captionInner div p {
display: table;
table-layout: fixed;
max-width: 1200px;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 60px;
}
.top #visual .captionInner div span {
display: table-cell;
vertical-align: middle;
line-height: 1.6;
}
.top footer {
position: relative;
background: white;
}
/*
.top .fixed_contents {
  margin-top: 590px !important;
}
*/
.top #contents{
position: relative;
z-index: 100;
padding: 180px 0 80px;
background: white;
}
.top .section#pickup01{
margin-bottom:10px;
}
.top #pickup01 ul{
overflow:hidden;
position:relative;
/zoom:1;
}
.top #pickup01 li{
width:598px;
border:1px #000000 solid;
float:left;
}
.top #pickup01 li + li{
margin-left:4px;
}
.top #pickup01 li .img{
width:596px;
height:299px;
}
.top #pickup01 li .caption{
width:596px;
height:85px;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.top #pickup01 li h2.alphabet{
font-weight:bold;
font-size:24px;
margin: 5px 0 -8px 0;
padding: 0 auto;
text-align: center
}
.top #pickup01 li p.sub{
padding:0;
margin: 5px auto 20px;
text-align: center
}
.top #infonav ul{
text-align:center;
font-size:0;
}
.top #infonav li{
margin:15px;
display:inline-block;
/display:inline;
/zoom:1;
}
<strong>
/*---------- contact ----------*/
/*.contact #faq h2{
padding-bottom:10px; /* add KMD 
margin-bottom:30px;  /* add KMD 
border-bottom:1px #cccccc solid; /* add KMD 
font-size:18px;
}
*/
.contact #faq h2 .subtitle{ /* add KMD */
font-size:14px;
font-weight:normal;
}
.contact #faq h3{
margin-bottom:15px; /* 30 > 15 : edit KMD */
padding-bottom:8px;
/* border-bottom:1px #cccccc solid; commentout KMD */
font-size:15px;
}
.contact #faq dt{
 padding:10px 10px 10px 40px;
 position:relative;
font-size:15px;
font-weight:bold;
 }
.contact #faq dt .ico{
	position:absolute;
 top:0;
 left:0;
font-size:25px;
font-weight:bold;
 }
.contact #faq dd{
 position:relative;
 }
.contact #faq dd .box{
width:100%;
margin: 0 ;
padding:30px 0 20px;
border: 1px solid #aeaeae;
background-color:rgba(255,255,255,0.95);
position:absolute;
top:0;
left:0;
display: none ;
z-index: 2 ;
}
.contact #faq .btn a{
width:40px;
height:40px;
display:block;
background:url(../../contact/images/ico_close.gif) right top no-repeat;
position:absolute;
top:-1px;
right:-1px;
text-indent:-9999px;
overflow:hidden;
}
.contact #faq dd .ico{
position:absolute;
top:15px;
left:55px;
font-size:25px;
font-weight:bold;
}
.contact #faq dd .ans{
padding:0 100px;
}
/*
.contact #contact h2{
margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px #cccccc solid;
font-size:18px;
}
*/
.contact #contact ul{
padding-top:20px;
overflow:hidden;
position:relative;
/zoom:1;
}
.contact #contact li{
width:300px;
float:left;
}
.contact #contact li + li{
margin-left:45px;
}
.contact #contact li.add{
margin-top:-10px;
line-height:1.3;
}
.contact #contact li.add strong{
font-weight:bold;
padding-bottom:7px;
display:inline-block;
/display:inline;
/zoom:1;
}
.contact #contact li.add .name{
font-size:20px;
}
.contact #contact li.add .tel{
font-size:30px;
}

.contact #gnavv{  /* ignore KMD */
border-bottom: 1px solid #000;
}
.contact #gnavv > nav > ul{  /* ignore KMD */
text-align: left;
margin:0 0 0 25%;
}
.contact .subtitle_{
margin: 0 auto 20px;
font-size: 16px;
border-bottom: 1px solid;
}
.contact #contact h2 .subtitle{ /* add KMD */
font-size:14px;
font-weight:normal;
}/</strong>
/*---------- about ----------*/
.about h1{
margin-bottom:20px;
}
#visual{
	position: relative;
	margin:-70px auto 80px;
}
.about .articlebox{
}
.about #headsection .articlebox{
	padding: 0;
	background: url(../../about/images/about_bg.JPG) 35% center no-repeat;
	background-size: auto 100%;
}
.about h2{
margin-bottom:30px;
border-bottom: 2px solid #000;
}
.about .section > img{
	float: right;
	margin:20px;
}
.about .section dl{
font-size:0;
}
.about .section dt{
width:145px;
display:inline-block;
/display:inline;
/zoom:1;
position:relative;
vertical-align:top;
}
.about .section dt .img{
position:absolute;
}
.about .section dt#year1958 .img{
left:-240px;top:0;
}
.about .section dt#year1966 .img{
left:-240px;top:-40px;
}
.about .section dt#year1971 .img{
left:-240px;top:-20px;
}
.about .section dt#year1986 .img{
left:-240px;top:-20px;
}
.about .section dt#year1995 .img
{left:-240px;top:-20px;
}
.about .section dt#year2008 .img{
left:-240px;top:-40px;
}
.about .section dt#year2011 .img{
left:-240px;top:-50px;
}
.about .section dt#year2016 .img{
left:-240px;top:-60px;
}
.about .section dd{
width:515px;
display:inline-block;
/display:inline;
/zoom:1;
font-size:13px;
vertical-align:top;
}
.about .section dd strong{
font-size:15px;
font-weight:bold;
}
.about #sct02{
text-align:center;
}
.about #sct02 .name{
font-size:25px;
}
.about #sct02 .add,
.about #sct02 .url{
font-size:18px;
}
.about .section p + p{
margin-top:20px;
}

.about #gnavv{ /* ignore KMD */
  border-bottom: 1px solid #000;
}
.about #gnavv > nav > ul{ /* ignore KMD */
  text-align: left;
  margin:0 0 0 25%;
}

/*---------- supportindex ----------*/

#supportnav {
margin-bottom: 350px;
}

.supportindex .headtab li{
font-size:20px;
}
.supportindex h1{
margin-bottom:90px;
}
.supportindex .section ul{
border-bottom:1px #cccccc solid;
}
.supportindex .section li{
border-top:1px #cccccc solid;
}
.supportindex .section li a{
display:block;
}
.supportindex .section dt{
padding:40px 0 5px;
text-align:center;
font-size:30px;
}
.supportindex .section dd{
padding:5px 0 30px;
text-align:center;
font-size:14px;
}
/*20240426 KTN ADD*/
@media only screen and (max-width: 1000px) {
	.supportindex .section dd{
		font-size:24px;
	}
}

.supportindex #gnavv{ /* ignore KMD */
  border-bottom: 1px solid #000;
}
.supportindex #gnavv > nav > ul{ /* ignore KMD */
  text-align: left;
  margin:0 0 0 25%;
}

/*---------- supportlist ----------*/
.supportlist h1{
	font-size: 16px; /* 15 > 16 : edit by KMD */
	margin-bottom: 60px;
}
.supportlist .manual{
margin-bottom:40px;
}
.supportlist h2{
	font-size: 15px;
	margin-bottom: 10px
}
.supportlist h3{
padding-bottom:3px;
margin-bottom:15px;
border-bottom:1px #cccccc solid;
font-size:14px; /* 13 > 14 : edit by KMD */
}
.supportlist h4{ /* add by KMD */
	font-weight:bold;
	font-size:12px;
	color: #a7a7a7;
	margin-bottom:4px;
}
.supportlist .section{
overflow:hidden;
position:relative;
/zoom:1;
}
.supportlist .box{
	float: left;
	width: 220px;
}
.supportlist .box + .box{
	margin-left: 35px;
	width: 220px;
}
.supportlist .box ul + h3{
	/* [disabled]margin-top: 0px; */
}
.supportlist .box li + li{
margin-top:15px;
}
.supportlist .headtab li{
	font-size:23px;
}
/*
.supportlist .headtab li + li{
	background: url(../images/tab_old_list.png) center center no-repeat;
}
*/
.supportlist .box ul + h4{ /* add by KMD */
margin-top:25px;
}
.supportlist .box li + li{
margin-top:10px; /* 15 > 10 : edit by KMD */
}
.supportlist .headtab li{
	font-size:23px;
}
/*
.supportlist .headtab li + li{
	background: url(../images/tab_old_list.png) center center no-repeat;
}
*/
.supportlist .box ul  { /* add by KMD */
margin-bottom:40px;
}
.supportlist .box li + li{
margin-top:10px; /* 15 > 10 : edit by KMD */
}
.supportlist__notice{
  margin-bottom: 30px;
}

/*---------- list_tech ----------*/
#list_tech .articlebox ul  {
	overflow-x: hidden;
	margin: 40px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#list_tech .articlebox ul li {
	margin: 0;
	padding: 0;
	float: left;
}
#list_tech .articlebox ul li + li {
	float: left;
	margin-left: 22px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: 0;
}
li .article p {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
}
/*---------- ospreypck_maintenance ----------*/
#ospreypck_maintenance,#ospreypck_fitting{
	/*width:990px;*/
	margin: 65px auto 0;
}
#ospreypck_maintenance h1,#ospreypck_fitting h1{
	margin: 65px 0 0 0 ;
	font-size: 25px;
	margin: 0 0 98px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
}
#ospreypck_maintenance h1 .title_sub,#ospreypck_fitting h1 .title_sub{
	font-size: 16px !important;
	font-weight: normal;
}
#ospreypck_maintenance h2,#ospreypck_fitting h2{
	font-size: 20px;
	border-bottom: 1px solid #CCCCCC;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 30px;
}
#ospreypck_maintenance h3,#ospreypck_fitting h3{
	font-size: 16px !important;
	border-bottom-style: none !important;
	font-weight: bold;
	margin: 0 0 13px 0;
}
#ospreypck_maintenance h4,#ospreypck_fitting h4{
	font-size: 15px !important;
	font-weight: bold;
	margin: 0;
	color: #000000;
}
#ospreypck_maintenance .articlebox,#ospreypck_fitting .articlebox{
	width: 900px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 45px;
}
#ospreypck_maintenance .articlebox_img,#ospreypck_fitting .articlebox_img{
	width:300px;
	float:left;
	text-align:center;
}
#ospreypck_maintenance .articlebox_img img,#ospreypck_fitting .articlebox_img img{
	max-width: 100%;
	margin-bottom: 10px;
}
.articlebox .articlebox_img img.logo{
	margin: 20px 0 0 0;
}
#ospreypck_maintenance #contents img,#ospreypck_fitting #contents img{
	max-width: 100%;
}
#ospreypck_maintenance .articlebox_txt,#ospreypck_fitting .articlebox_txt{
	width: 535px;
	float: right;
	margin:0 0 40px 0;
}
#ospreypck_maintenance .articlebox_txt p,#ospreypck_fitting .articlebox_txt p{
	margin-top: 0 0  10px 0;
}
#ospreypck_maintenance .articlebox_txt ul,#ospreypck_fitting .articlebox_txt p{
	margin-bottom: 30px;
}
#ospreypck_maintenance .articlebox_txt ul li.disc,#ospreypck_fitting .articlebox_txt ul li.disc{
	margin: 0px;
	list-style-type: disc;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
}
#ospreypck_maintenance .articlebox_txt ul li.ula,#ospreypck_fitting .articlebox_txt ul li.ula{
	margin: 0px;
	list-style-type: upper-latin;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}

/*---------- ospreypck_size ----------*/
#ospreypck_size #contents img {
	max-width: 100%;
}
#ospreypck_size #contents {
	max-width: 100%;
}
#ospreypck_size{
	margin-top: 65px;
}

#ospreypck_size h1{
	margin: 65px 0 0 0 ;
	font-size: 25px;
	margin: 0 0 98px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
}
#ospreypck_size h1 .title_sub{
	font-size: 16px !important;
	font-weight: normal;
}
#ospreypck_size h2{
	font-size: 20px;
	border-bottom: 1px solid #CCCCCC;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 30px;
}
#ospreypck_size h3{
	font-size: 16px !important;
	border-bottom-style: none !important;
	font-weight: bold;
	margin: 0 0 13px 0;
}
#ospreypck_size h4{
	font-size: 15px !important;
	font-weight: bold;
	margin: 0;
	color: #000000;
}
#ospreypck_size .articlebox{
	width: 900px;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin: 0 45px 135px 45px;
}
#ospreypck_size .articlebox_img{
	/* [disabled]text-align:center; */
}
#ospreypck_size .articlebox_img img{
	max-width: 100%;
	margin-bottom: 16px;
}
#ospreypck_size .articlebox_img img.fix{
	margin: 0 15px 0 0;
}
#ospreypck_size .articlebox_txt{
	width: 900px;
	margin: 10px 0 17px 0;
}
#ospreypck_size .articlebox_txt p{
	margin: 0 0 10px 0;
}
#ospreypck_size .articlebox_img2{
	width:300px;
	float:left;
}
#ospreypck_size .articlebox_txt2{
	width: 565px;
	float: right;
	margin:0 0 40px 0;
}
#ospreypck_size .articlebox_txt2 p{
	margin-bottom: 10px;
}
#ospreypck_size .articlebox_txt ul{
	margin-bottom: 30px;
}
#ospreypck_size .articlebox_txt ul li .disc{
	margin: 0px;
	list-style-type: disc;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
}
#ospreypck_size .articlebox_txt ul li .ula{
	margin: 0px;
	list-style-type: upper-latin;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}



/*---------- infoindex ----------*/
.infoindex .headtab li{
font-size:25px;
}
.infoindex .articlebox{
width:990px;
overflow:hidden;
position:relative;
/zoom:1;
}
.infoindex .img{
width:300px;
float:left;
}
.infoindex .article{
width:660px;
float:right;
}
.infoindex .date{
position:absolute;
right:0;
top:0;
white-space:nowrap;
}
.infoindex h3.title{
padding-right:6em;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}
.infoindex .articlebox + .articlebox{
margin-top:30px;
}
.infoindex .detail{
margin-top:5px;
}
.infoindex .detail a{
width:auto;
margin-top:5px;
padding:2px 5px;
display: inline-block;
border:2px #218cc1 solid;
color:#218cc1;
text-align:center;
font-weight:bold;
}
.infoindex .detail a:hover{
border:2px #42a2d1 solid;
color:#42a2d1;
}
.infoindex .article p + ul,
.infoindex .article ul + p,
.infoindex .article p + p,
.infoindex .article li + li{
margin-top:10px;
}

.infoindex #oldlist li{
font-size:30px;
font-weight:bold;
text-align:center;
}
.infoindex #oldlist li + li{
margin-top:20px;
}
.infoindex #gnavv{ /* ignore KMD */
  border-bottom: 1px solid #000;
}
.infoindex #gnavv > nav > ul{ /* ignore KMD */
  text-align: left;
  margin:0 0 0 25%;
}



/*---------- infodetail ----------*/
.infodetail .hr{
margin:40px 0;
}
.infodetail .section{
margin-left:0;
}
.infodetail #contents .inner{
}
.infodetail h1{
margin-bottom:30px;
padding-bottom:0;
background:none;
font-size:25px;
}
.infodetail h1 img{
margin-right:20px;
vertical-align:bottom;
}
.infodetail #sct_headimg{
padding:30px 0;
margin-bottom:20px;
}
.infodetail #sct_headimg .date{
margin-bottom:20px;
}
.infodetail #sct_headimg .img{
text-align:center;
}
.infodetail h2{
margin-bottom:0;
border-bottom:none;
}

.infodetail #sct_head h2{
font-size:14px;
}
.infodetail #sct_head h3{
font-size:14px;
font-weight:bold;
}
.infodetail #sct_head{
font-size:14px;
}
.infodetail #sct_head p + p{
margin-top:20px;
}
.infodetail #sct_head p + h3{
margin-top:40px;
}

.infodetail #explan{
width:760px;
margin:0 auto;
line-height:1.5;
}
.infodetail #explan h2{
margin-bottom:30px;
}
.infodetail #explan h3{
margin-bottom:30px;
font-size:16px;
font-weight:bold;
}
.infodetail .column2{
overflow:hidden;
position:relative;
/zoom:1;
background:url(../images/line.gif) center top repeat-y;
}
.infodetail .column2 .left{
width:360px;
float:left;
}
.infodetail .column2 .right{
width: 360px;
/* padding: ショートハンドを設定; */
float: right;
}
.infodetail .column2 .box{
overflow:hidden;
position:relative;
/zoom:1;
}
.infodetail .column2 .box .fixed{
margin-right:15px;
margin-bottom:0;
}

.infodetail .endcap{
font-size:14px;
text-align:center;
}

.clfix:after {content: '';display: block;clear: both;}
.clfix {zoom: 1;}
.clear {clear: both;}



/*---------- ospreypck_maintenance ----------*/
#ospreypck_maintenance .articlebox_img,#ospreypck_fitting .articlebox_img02{
	/*--width:900px;*/
	/*--text-align:center;*/
}
#ospreypck_maintenance .articlebox_img,#ospreypck_fitting .articlebox_img02 img{
	margin:0 10px 20px 0;
}

#notice01 {
	text-align: center;
}
.articlebox .img img {
	margin-bottom: 15px;
}
.articlebox .txt p {
	text-align: left;
}


/*---------- guarantee ----------*/
/*---------- contactを複製して修正 2017/11/20----------*/
.guarantee #main h2{
border-bottom:1px #ccc solid;
font-size:18px;
padding-bottom:10px;
margin-bottom:21px;
}
.guarantee #main p{
font-size: 16px;
line-height: 30px;
margin-bottom: 215px;
width: 740px;
}
@media only screen and (max-width: 767px) {
.guarantee #main p{
font-size: 24px;
line-height: 30px;
margin-bottom: 215px;
width: 990px;
}

}

/* ----- CONTACT hmm ----- */

.contact__icon {
  margin-right: 5px;
  vertical-align: middle;
  width: auto;
}

.contact h2{
  border-bottom: 1px #cccccc solid;
  font-size: 18px;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.leadParagraph {
  font-size: 15px;
  line-height: 1.8;
}

.contact_link_button_ {
  background-color: #E4002B;
  border-radius: 10px;
  color:#FFFFFF !important;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight:700;
  height: 82px;
  line-height: 82px;
  margin: 30px 0 10px 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: 300px;
}

.contact_link_button_:hover{
  text-decoration:none;
}

.contact_link_text_ {
  border-bottom: 2px solid #E4002B;
  color:#E4002B !important;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  height: 24px;
  line-height: 18px;
  margin: 30px 0 10px 0;
  padding: 0 2px;
  text-align: left;
  text-decoration: none;
}

.contact_link_text_:hover{
  text-decoration:none;
}

.contact__noticeBox{
  border: 1px solid #707070;
  height: auto;
  margin-top: 20px;
  opacity: 1;
  padding: 10px;
  width: 100%;
}

.contact__noticeBox--title{
  font-size: 16px;
  font-weight:700;
}

.contact__notice {
  font-size: 13px;
}

.contact__notice--strong {
  font-size: 15px;
  font-weight:700;
  padding-left:1em;
  text-indent:-1em;
}

.contactBox__body {
  font-size: 14px;
  line-height: 1.8;
}

@media only screen and (max-width: 767px) {
  .contactBox__body {
    margin-bottom: 40px;
  }
}

.contactBox__phoneLabel {
  font-size: 16px;
  line-height: 1.4;
}

.contactBox__phoneNum {
  font-size: 20px;
  font-weight: 700;
}

.u-mb20px {
  margin-bottom: 20px;
}