@charset "UTF-8";

.sub-header_h1 {
	background-color: #073061;
	background-image: url(images/duo.mp4);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.sub-header_title { /* product */
	background-color: #073061;
	background-image: url(images/title_catalog2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.title_use {
	background: url(images/title_index.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.title_scene {
	background: url(images/title_scene.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.title_maintenance {
	background: url(images/title_maintenance.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

/*カメラページ*/

.yt_video2 { /* 親要素内100%でサムネイル画像を表示する */
margin-right: 30px;
}



.box {
  /*display:flex;*/
  width: 100%;
  /*flex-direction: row;
justify-content: center;*/
  background: #073061;
  padding: 0px 0px 0px 0px;
}

.top_text {
width: 600px;
font-size: 22px;
font-weight: bold;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 0px;
}

.rental_title {
display: inline-block;
font-size: 28px;
font-weight: bold;
line-height: 140%;
margin: 10px 0px 0px 0px;
}

.rental_title p {
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
padding: 5px 0px 5px 0px;
}

.rental_title2 {
display: inline-block;
font-size: 32px;
font-weight: bold;
line-height: 140%;
margin: 10px 0px 0px 0px;
}

.camera_block {
display: inline-block;
}


.contact_button{
    width:250px;
    height:50px;
    line-height:50px;
	margin: 30px 0px 0px 0px;
}
.contact_button a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#073061;
    text-align:center;
    border:2px solid #ffffff;
    color:#ffffff;
    font-size:22px;
    font-weight:bold;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
}

.contact_button a:hover{
    background:#ffffff;
    color:#073061;
    margin-left:0px;
    margin-top:0px;
    border:2px solid #ffffff;
    box-shadow:none;
}

.contact_button_sp{
display: none;
}

.rental_midashi {
text-align: center;
font-size: 30px;
font-weight: bold;
margin: 30px 0px 30px 0px;
}

.rental_midashi2 {
text-align: center;
font-size: 30px;
font-weight: bold;
margin: 30px 0px 30px 0px;
}

.camera_midashi2 {
  display: flex;
  font-size: 30px;
  font-weight: bold;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
  margin-bottom: 30px;
}

.camera_midashi2:before, .camera_midashi2:after {
  border-top: 2px solid;
  content: "";
  width: 1em; /* 線の長さ */
}

.camera_midashi2:before {
  margin-right: 0.5em; /* 文字の右隣 */
}

.camera_midashi2:after {
  margin-left: 0.5em; /* 文字の左隣 */
}

.camera_box {
  width: 1000px;
  height: auto;
  display: flex;
  align-items: center;
  margin: 0px 0px 40px 0px;
}

.camera_box2 {
  width: 1000px;
  height: auto;
  display: flex;
  align-items: center;
  margin: 0px 0px 40px 0px;
}

.camera_text{
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  width: 480px;
  height: auto;
}

.camera_photo {
  display: inline-block;
  width: 480px;
  margin: 0px 30px 0px 0px;
  vertical-align: middle;
}

.camera_photo2 {
  display: inline-block;
  width: 480px;
  margin: 0px 0px 0px 30px;
  vertical-align: middle;
}

.camera_photo img {
  width: 480px;
  height: auto;
  display: inline-block;
}

.camera_photo2 img {
  width: 480px;
  height: auto;
  display: inline-block;
}

.prompterduo_package {
	/*width: 790px;*/
	padding: 40px 100px 40px 100px;
	background: #dddddd;
	margin: 0px 10px 30px 0px;
}

.prompterduo_package h4 {
	font-size: 30px;
	margin-bottom: 25px;
}
.prompterduo_package .column_5 {
	width: 800px;
}

.prompterduo_package ol {
	width: 570px;
	float: right;
}


.camera_point {
position: relative;
  display: inline-block;
	width: 64px;/*幅*/
	height: 64px;/*高さ*/
	border-radius: 50%;/*角丸*/
	background: #073061;
}

.point-txt {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :30px;
  text-align:center;
}

.point-txt2 {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
}

.circle_center {
text-align: center;
}

.circle {	
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #073061;
  margin: 10px 0px 20px 0px;
}

.point-txt {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 30%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :64px;
  text-align:center;
  color: #ffffff;
  font-size: 12px;
}

.point-txt2 {
font-size: 24px;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 150%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :64px;
  text-align:center;
  color: #ffffff;
}

.button_txt {
text-align: center;
font-size: 20px;
color: #073061;
margin: 50px 0px 10px 0px;
}

.bt_center {
text-align: center;
}

.camera_button{
    text-decoration: none;
	width: 380px;
	height:75px;
    font-size: 35px;
	font-weight: bold;
	color: #FFFFFF;
    background: #192C63;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
	}


.camera_button:hover{
    opacity: 0.9;
    color: #192C63;
    background: #FFFFFF;
	box-shadow: 0 0 0 3px #192C63 inset;
}

.gray_area {
background: #cccccc;
width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 40px 0px 40px 0px;
margin-bottom: 30px;
margin-top: 40px;
}

.gray_txt {
width: 880px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

.flexbox1{
	display: flex;
	width: 920px;
    margin-bottom: 1.5rem;
    justify-content: space-around;
margin: 0 auto;
  }
  
.item{
margin: 0 0px 0; /* 左右に10pxのmargin */
  }

.item img {
width: 420px;
height: auto;
}

.flexbox1 img{
  max-width: 100%;
}

.flexbox2{
	display: flex;
	width: 1020px;
    margin-top: 40px;
	margin-bottom: 50px;
    justify-content: space-around;
margin-left: auto;
margin-right: auto;
  }

.flexbox2 .item {
margin-left: -40px;
}


.price_txt {
text-align: center;
font-size: 20px;
margin: -20px 0px 0px 0px;
}

.price_txt2 {
font-size: 35px;
font-weight: bold;
color: #000000;
line-height: 130%;
margin: 0px 0px 0px 40px;
}

.direct {
display: block;
font-size:20px;
font-weight: bold;
color: red;
margin: 0px 0px 0px 0px;
}

.money {
display: inline-block;
font-size: 50px;
font-weight: bold;
color: #073061;
margin: 0px 0px 0px -5px;
}

.money2 {
display: inline-block;
font-size: 20px;
font-weight: bold;
margin-left: 5px;
}

.annotation {
font-size: 20px;
font-weight: normal;
color: #000000;
margin: -10px 0px 0px 0px;
}

.price_center{
text-align: center;
font-size: 16px;
font-weight: normal;
line-height: 200%;
color: #000000;
margin-bottom: 3px;
}

.price_button{
    text-decoration: none;
	width: 310px;
	height:50px;
	line-height:50px;
    font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
    background: #192C63;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
	}


.price_button:hover{
    opacity: 0.9;
    color: #192C63;
    background: #FFFFFF;
	box-shadow: 0 0 0 3px #192C63 inset;
}

.price_button2{
	margin: 0px 0px 20px 0px;
}
.price_button2 a{
    display:block;
    width:305px;
    height:36px;
	line-height:36px;
    text-decoration: none;
    background:#073061;
    text-align:center;
    border:3px solid #073061;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
}

.price_button2 a:hover{
    background:#FFFFFF;
    color:#073061;
    margin-left:0px;
    margin-top:0px;
    border:3px solid #073061;
    box-shadow:none;
}


.scene_button{
    width:310px;
    height:40px;
    line-height:40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.scene_button a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#073061;
    text-align:center;
    border:3px solid #073061;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
}

.scene_button a:hover{
    background:#FFFFFF;
    color:#073061;
    margin-left:0px;
    margin-top:0px;
    border:3px solid #073061;
    box-shadow:none;
}

/* column_index */



a.anchor{
    display: block;
    padding-top: 75px;
    margin-top: -75px;
}

/* index */

.blockquort {
	margin: 20px auto;
	border: 1px solid #060;
	padding: 10px;
	box-sizing: border-box;
	width: 80%;
}

.column_2 .btn_inquiry, .column_2 .btn_simple, .column_2 .btn_oncolor, .column_2 .btn_download {
	width: 100%;
}

@media screen and (max-width: 670px) {

a.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}

.column_2 img{
width: 100%;
height: auto;
}

.blockquort {
	margin: 10px auto;
	border: 1px solid #060;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
}

.block {
	display: inline-block;
}

/*カメラページSP*/
#sp_wrapper {
width: 100%;

}

.camera_block {
display: block;
}

.yt_video2 { 
margin-right: 0px;
}


.box {
  display:block;
  width: 100%;
  height: 100%;
  flex-direction: row;
justify-content: center;
  background: #073061;
  padding: 90px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.top_text {
text-align: center;
width: auto;
font-size: 20px;
font-weight: bold;
color: #ffffff;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.camera_title {
display: inline-block;
font-size: 30px;
font-weight: bold;
line-height: 140%;
margin: 30px 0px 0px 0px;
}

.contact_button{
display: none;
}

.contact_button_sp {
    float: none;
	display: block;
	width:100%;
    height:auto;
	padding-top: 30px;
	margin-top: 0px;
	padding-bottom: 30px;
background: #073061;
	
}
.contact_button_sp a{
    display:block;
    width:210px;
    height:100%;
    text-decoration: none;
    background:#073061;
    text-align:center;
    border:2px solid #ffffff;
    color:#ffffff;
    font-size:18px;
    font-weight:bold;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
		margin-left: auto;
	margin-right: auto;
}

.contact_button_sp a:hover{
    background:#ffffff;
    color:#073061;
    margin-left:0px;
    margin-top:0px;
    border:2px solid #ffffff;
    box-shadow:none;
			margin-left: auto;
	margin-right: auto;
}

.rental_midashi {
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 30px 0px 30px 0px;
}

.rental_midashi2 {
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 30px 10px 30px 10px;
}

.camera_midashi2 {
  display: flex;
  font-size: 20px;
  line-height: 140%;
  font-weight: bold;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}

.camera_midashi2:before, .camera_midashi2:after {
  border-top: 2px solid;
  content: "";
  width: 1em; /* 線の長さ */
}
.camera_midashi2:before {
  margin-right: 0.5em; /* 文字の右隣 */
}
.camera_midashi2:after {
  margin-left: 0.5em; /* 文字の左隣 */
}

.camera_box {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0px 0px 20px 0px;
}

.camera_box2 {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  margin: 0px 0px 20px 0px;
}

.camera_text{
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.camera_photo {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.camera_photo iframe {
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
}


.camera_photo2 {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.camera_photo img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  margin: 0px 0px 20px 0px;
}

.camera_photo2 img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  margin: 0px 0px 20px 0px;
}

.prompterduo_package {
	padding: 20px;
	margin: 0px 0px 20px 0px;
}

.prompterduo_package h4 {
	font-size: 20px;
	margin-bottom: 25px;
}
.prompterduo_package .column_5 {
	width: 100%;
}

.prompterduo_package .column_5 div {
	float: left;
	width: 50%;
	text-align: center;
}

.prompterduo_package .mgt20 {
	margin-top: 0;
}

.prompterduo_package .fl {
	float: none;
	text-align: center;
	margin-bottom: 20px;
}

.prompterduo_package ol {
	width: 100%;
	float: none;
}

.prompterduo_package ol li {
	text-indent: -1.6em;
	padding-left: 2em;
}


.button_txt {
text-align: center;
font-size: 20px;
color: #073061;
margin: 0px 0px 10px 0px;
}

.camera_button{
    text-decoration: none;
	width: 220px;
	height:63px;
    font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
    background: #192C63;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
	}


.camera_button:hover{
    opacity: 0.9;
    color: #192C63;
    background: #FFFFFF;
	box-shadow: 0 0 0 3px #192C63 inset;
}

.gray_area {
background: #cccccc;
width: 100%;
padding: 20px 0px 20px 0px;
margin-bottom: 30px;
}

.gray_txt {
width: auto;
margin: 0px 10px 30px 10px;
}

.flexbox1{
	display: inline;
	width: 100%;
    margin-bottom: 1.5rem;
    justify-content: space-around;
margin: 0 auto;
  }
  
.item{
width: auto;
margin: 0px 10px 20px 10px; /* 左右に10pxのmargin */
  }

.item img {
width: 100%;
height: auto;
}

.flexbox1 img{
  max-width: 100%;
}

.flexbox2 .item {
width: auto;
margin: 0px 0px 20px 0px; /* 左右に10pxのmargin */
}

.price_txt {
text-align: center;
font-size: 16px;
margin: -20px 0px 0px 0px;
}

.flexbox2{
display: flex;
flex-direction: column-reverse;
	width: 100%;
    margin-top: 30px;
	margin-bottom: -30px;
  }

.price_txt2 {
text-align: center;
font-size: 35px;
font-weight: bold;
color: #000000;
line-height: 130%;
margin: 0px 0px 0px 0px;
}

.money {
display: block;
font-size: 50px;
font-weight: bold;
color: #073061;
margin: 0px 0px 0px -5px;
}

.money2 {
display: inline;
font-size: 20px;
font-weight: bold;
margin-left: 5px;
}

.annotation {
text-align: center;
font-size: 16px;
font-weight: normal;
color: #000000;
margin: -10px 0px 0px 0px;
}

.price_center{
text-align: center;
font-size: 16px;
font-weight: normal;
line-height: 200%;
color: #000000;
margin-bottom: 3px;
}

.price_button{
    text-decoration: none;
	width: 255px;
	height:40px;
	line-height:40px;
    font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
    background: #192C63;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
	}


.price_button:hover{
    opacity: 0.9;
    color: #192C63;
    background: #FFFFFF;
	box-shadow: 0 0 0 3px #192C63 inset;
}

.price_button2{
    width:255px;
    height:40px;
    line-height:40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
.price_button2 a{
    display:block;
    width:250px;
    height:35px;
    text-decoration: none;
    background:#073061;
    text-align:center;
    border:3px solid #073061;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
		margin-left: auto;
	margin-right: auto;
}

.price_button2 a:hover{
    background:#FFFFFF;
    color:#073061;
    margin-left:0px;
    margin-top:0px;
    border:3px solid #073061;
    box-shadow:none;
}




.scene_button{
    width:240px;
    height:40px;
    line-height:40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

.scene_button a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#073061;
    text-align:center;
    border:3px solid #073061;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
}

.scene_button a:hover{
    background:#FFFFFF;
    color:#073061;
    margin-left:0px;
    margin-top:0px;
    border:3px solid #073061;
    box-shadow:none;
}

/***モニターレポートDuo_SP2***/


.bread{width:96%;min-width:96%;margin:0 auto 40px; line-height: 140%;}.bread ul{width:100%; margin-top: 6px;}

}


/* IEの游ゴシックズレを矯正 */
@media all and (-ms-high-contrast:none) {
	
body {
	font-family: 'メイリオ', 'Meiryo', sans-serif;
}

}