@charset "UTF-8";

html {
	font-size: 16px;
}
body {
	text-align: center;
	font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 0;
	color:#333333;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
	font-family: "fot-udkakugo-large-pr6n",sans-serif;
	
}
h1,h2,h3,h4,h5,h6,ul,ol,li,p {
	line-height: 190%;	
	
}
h2{
	font-size: 1.8rem;
}
h3{
	font-size: 1.5rem;
}
h4{
	font-size: 1.22rem;
}
h5{
	font-size: 1.1rem;
}
h6{
	font-size: 1.0rem;
}
small{
	font-size: 60%;
}
a{color:#333333;
}
a:hover{color:rgba(0,166,185,1.00);
	text-decoration: none;
}
a:visited{color:#333333;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.cb{
	clear:both;
	height: 1px;
	width: 1px;
}
hr.dot{
	clear:both;
	width: 100%;
	border-top:1px dashed rgba(0,0,0,1.00);
	margin: 50px 0;
	display: block;
}
.chushak{
	margin:10px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 0.7rem;
}
.chushak li{
	margin: 0;
	padding: 0;
	line-height: 140%;
	
}
.sm_b{
	display:none;
	}
.pc_b{
	display:block;
	}
.covervid-wrapper {
    position:absolute;
    top: auto;
	bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:-1;
}
header{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	height:auto;
	z-index: 10000;
}
div.d_wap{
	max-width: 100%;
	background: rgba(255,255,255,0.9);
	margin: 0 auto;
}
div.head{
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
}
header div form{
	margin: 30px 0 0 0;
	float: right;
	font-size: 0.8rem;
}
header div form input{
	margin: 0 0 0 8px;
}
.ttsr {
	z-index: 100;
}

.logo {
  width: 160px;
	margin: 0;
	text-align: left;
}
/* サイト内検索 */
.ks_label{
  }
.ks_txt{
	width: 200px;
  }
.ks_button{
  }
/* メインコピー */
.m_cop {
	position:absolute;
	color: rgba(255,255,255,1.00);
	font-size: 3.2rem;
	left:50%;
	top:35%;
	margin-left:-500px;
	padding: 0;
	width: 1000px;
	text-shadow:0px 6px 12px #444444;
	line-height: 150%;
	font-weight: 500;
	
}
.m_cop img{
	width: 55%;	
	margin-bottom:1%;
}
.m_cop small{
	font-size:1.6rem;
	padding-top:-100px;
}
.c_name {
	position:absolute;
	color: rgba(255,255,255,1.00);
	font-size: 110%;
	left:50%;
	bottom: 1%;
	margin-left:-360px;
	padding: 0;
	width: 740px;
	text-shadow:0px 6px 12px #444444;
	
}
.c_name img{
	width: 300px;	
}
.nav_wap{
  background: rgba(0,69,159,0.85);
	width: 100%;
	height: 55px;
	margin: 0 auto;
	padding: 0;
	z-index: 100000;
	}
.m_navi{
  max-width: 1100px;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	font-family: "fot-udkakugo-large-pr6n",sans-serif;
	font-weight: 500;
	font-size: 0;
	}
.m_navi span{
	color: rgba(255,255,255,1.00);
	width: 25%;
	min-width: 93.5px;
	display: inline-block;
	height: 50px;
	padding:0;
	font-size:1rem;
	letter-spacing:0.1rem;
	vertical-align: top;
	line-height: 210%;
	}
.m_navi span a{
	color: rgba(255,255,255,1.00);
	width: 100%;
	display: inline-block;
	padding-top: 10px;
	height: 45px;
	text-decoration: none;
	transition: 0.3s 0.3s;
	border-left: solid 1px rgba(0,27,135,0.45)
	}
.r_line{
	border-right: solid 1px rgba(0,27,135,0.45)
	}
.m_navi span a:hover{
	background: rgba(0,166,185,1.00);
	width: 100%;
	display: inline-block;
	height: 45px;
	text-decoration: none;
	}
.active{
	background: rgba(0,166,185,1.00);
	}

/* メインコンテンツ*/
.bg_gray{
	background-color:rgba(250,250,250,1.00)
}
.m_cont{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding-top: 80px;
  }
.m_cont section{
	width: 92%;
	max-width: 1100px;
	padding-bottom: 80px;
	margin: 0 auto 0 auto;
  }
 img.w_hyaku{
	width: 100%;
  }
.m_cont section h2{
	border-bottom: solid 3px rgba(0,166,185,1.00);
	margin:0 auto 35px auto;
	padding-bottom: 15px;
  }
.m_cont section h3{
	margin:0 auto 10px auto;
  }
.five_point div{
	width: 27%;
	display: inline-block;
	margin:0 2.9% 30px 2.9%;
	vertical-align:top;
	min-height: 350px;
  }
.five_point div img{
	width:100%;
  }
.m_cont section div p{
	text-align: left;
	margin: 10px 0;
  }
div.you_tube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
div.you_tube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
section.kurofuchi{
	width:84%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	max-width: 1050px;
	border: solid 1px rgba(50,50,50,1.00);
	border-radius: 5px;
	padding:3%;
  }
.kurofuchi img{
	width: 56%;
	display: inline-block;
	vertical-align: top;
  }
.kurofuchi p{
	width: 40%;
	margin-right: 3%;
	display: inline-block;
	height: auto;
  }
/* 第二階層ヘッダー*/
.daini_hero{
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-size:auto;
  }
.daini_hero section{
	padding-top: 180px;
  }
.daini_hero h1 {
	color: rgba(255,255,255,1.00);
	font-size: 2.5rem;
	text-shadow:0px 6px 12px #444444;
	line-height: 120%;
	font-weight: 500;
}
.daini_hero h1 small {
	font-size: 50%;
}

/* 1:1受信の例 */
.ichi_ichi{
	width:93% !important; 
	margin:30px auto !important;
	max-width: 1100px;
	border: solid 1px rgba(50,50,50,1.00);
	border-radius: 5px;
	padding:2% 3%;
	display: block;
  }
.ichi_ichi h3{
	margin-bottom: 20px;
  }
.ichi_ichi img{
	width: 100%;
  }

/* ケース見出し */
div.case_one{
	background-image: url(../img/introduction/case1.svg);
	background-repeat: no-repeat;
	background-size: 100px 100px;
	height: 100px;
	display: block;
	margin-bottom: 50px;
  }
div.case_one h2{
	margin:0 0 0 98px !important;	
	padding: 0 0 0 15px;
	line-height: 180%;
	text-align: left !important; 
  }
div.case_one h5{
	margin: 0 0 0 98px;
	padding:0 0 0 15px !important;
	line-height: 200%;
  }
div.case_two{
	background-image: url(../img/introduction/case2.svg);
	background-repeat: no-repeat;
	background-size: 100px 100px;
	height: 100px;
	display: block;
	margin-bottom: 50px;
  }
div.case_two h2{
	margin:0 0 0 98px !important;	
	padding: 0 0 0 15px;
	line-height: 180%;
  }
div.case_two h5{
	margin: 0 0 0 98px;
	padding:0 0 0 15px !important;
	line-height: 200%;
  }
div.case_three{
	background-image: url(../img/introduction/case3.svg);
	background-repeat: no-repeat;
	background-size: 100px 100px;
	height: 100px;
	display: block;
	margin-bottom: 50px;
  }
div.case_three h2{
	margin:0 0 0 98px !important;	
	padding: 0 0 0 15px;
	line-height: 180%;
  }
div.case_three h5{
	margin: 0 0 0 98px;
	padding:0 0 0 15px !important;
	line-height: 200%;
  }

.haisenzu{
	width:55%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-right: 4%;
  }
div.kaisetsu{
	width:40%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 50px;
  }
div.kaisetsu p{
	width:100%;
	margin-bottom:50px !important;
  }
div.kaisetsu h4{
	border-bottom: solid 3px rgba(0,166,185,1.00);
  }
div.kaisetsu div{
	width: 44%;
	display: inline-block;
	margin:20px auto 10px;
	vertical-align: top;
  }
div.kaisetsu div h5{
	margin: 0;
	line-height: 150%;
	font-size: 1rem;
  }
div.kaisetsu div img{
	width: 100%;
	object-fit: contain;
	background-color: #FFFFFF;
	border: solid 1px #eeeeee;
	border-radius: 5px;
  }
div.kaisetsu div.mar_10{
	margin-right:9%;
  }
/* 理由 */
div.riyu_one{
	margin: 50px auto;
  }
div.riyu_one h2{
	border-bottom: none;
	background: url(../img/introduction/riyu_1.svg) no-repeat;
	background-size:140px 35px;
	padding-left:150px;
	line-height:120%;
	height: 18px;
  }
div.riyu_one p{
	width: 50%;
	display: inline-block;
	vertical-align: top;
  }
div.riyu_one img{
	width: 42%;
	margin:10px 0 30px 7%;
  }
div.riyu_two{
	margin: 50px auto;
  }
div.riyu_two h2{
	border-bottom: none;
	background: url(../img/introduction/riyu_2.svg) no-repeat;
	background-size:140px 35px;
	padding-left:150px;
	line-height:120%;
	height: 18px;
  }
div.riyu_two p{
  }
div.riyu_two img{
	width: 100%;
	margin: 30px 0;
  }
/* 商品一覧 */
/* カテゴリ選択 */
.cat_check{
	margin: 0 auto;
	width:70% !important;
	text-align:center;
	display: block;
	border: solid 1px rgba(0,166,185,1.00);
	border-radius: 5px; 
	padding:30px 30px 15px 30px;
  }
.search-box{
	font-size:0;
	margin: 35px 0;
  }
.cat_check dd{
	min-width: 120px;
	max-width: 33%; 
	padding:5px;
	margin: 0 0 0 0;
	display: inline-block;
	font-size: 1rem;
	text-align:;
	margin: 0;
	vertical-align: top;
  }
.cat_check p{
	margin: 20px 0 20px 0;
  }
.is-hide {
    display: none !important;
}
.sh_mark {
	width: 90%;
	margin:0 auto;
	text-align: center;
	line-height: 150%;
}
.sh_mark img{
	width: 60px;
	margin-right: 10px;
	vertical-align: middle;
}
/* 一覧 */
.s_ichiran{
	text-align:left;
	margin-bottom: 150px;
	display: block;
	clear: both;
  }
div.s_ichiran_t{
	width: 100% !important;
	display: block;
	margin: 0 0 50px 0 !important;
  }
div.s_ichiran_t h2{
	margin:0;	
	padding: 0 !important;
	line-height: 170%;
  }
div.s_ichiran_t h5{
	margin:15px 0 0 0 !important;
	padding:0 !important;
	line-height: 180%;
  }
.s_ichiran img{
	border: solid 1px #eeeeee;
	border-radius: 5px;
  }
.s_ichiran a div:hover img{
	border: solid 1px rgba(0,166,185,1.00);
	border-radius: 5px;
	
  }
.s_ichiran a div:hover{
	color:rgba(0,166,185,1.00);
  }
.s_ichiran div{
	width: 20%;
	margin:0 4.5% 50px 0;
	display: inline-block;
  }
.s_ichiran h4{
	margin: 0;
	padding: 0;
  }
.s_ichiran h6{
	margin: 0;
	padding: 0;
	line-height: 140%;
  }
.s_ichiran div img{
	width:100%;
	border-radius: 5px;
  }
/* 教えて! 4k8k */
.question{
	padding:0 0 0 100px;
	background:url(../img/question/question.svg) no-repeat;
	margin: 20px 0;
	vertical-align: top;
	min-height: 65px;
	background-size: 80px 65px;
	line-height: 140%;
  }
.anser{
	padding:0 0 0 100px;
	background:url(../img/question/anser.svg) no-repeat;
	margin: 20px 0;
	vertical-align: top;
	min-height: 65px;
	background-size: 80px 65px;
  }
.case_qa{
	width: 43%;
	margin:0 3%;
	display: inline-block;
	vertical-align: top;
  }
.case_qa img{
	width:100%;
  }
/* フッター */
footer{
	padding: 8px 0;
	text-align: center;
	clear: both;
	background: rgba(0,166,185,1.00);
	color: #ffffff;
	margin: 0;
  }
.foot_nav{
  font-size: 0.9rem;
	text-align: center;
  }
.foot_nav a span{
	min-width: 10%;
	margin:0 5% ;
	display:inline-block;
	color:#ffffff;
  }
.foot_nav a span:hover{
	text-decoration: underline;
	color:#ffffff;
  }
.maru_c{
  font-size: 0.8rem;
	text-align: center;
	margin-bottom: 0;
  }
@media screen and (max-width:768px){

/*  */
.m_navi span{
	font-size:0.9rem;
	letter-spacing:0rem;
	}
	
}
@media screen and (max-width:640px){
/* コンポーネント　*/
	h2{
	font-size: 1.5rem;
		line-height: 160%;
}
	h3{
	font-size: 1.4rem;
}
	h4{
	font-size: 1.22rem;
}
h5{
	font-size: 1rem;
}
h6{
	font-size: 0.9rem;
}
/* ヘッダー　*/
	.logo {
  width: 100px;
	margin: 0;
	text-align: left;
}
/* サイト内検索 */
.head form{
	font-size: 0.7rem;
	margin:17px 10px 0 0 ;
	display: none;
  }
.ks_txt{
	width: 100px;
	margin: 0;
	padding: 3px;
  }
.ks_button{
	margin-left: 3px;
  }
.ks_label{
	margin-right: 4px;
	padding-right: 0;
  }
.ks_txt{
	width:100px;
  }
.m_navi span{
	font-size:0.7rem;
	letter-spacing:0rem;
	width:25%;
	line-height: 160%;
	min-width: 79px;
	}
.sm_b{
	display:block !important;
	}
.pc_b{
	display:none !important;
	}
/* メインコピー　*/
	.m_cop {
	font-size: 2rem;
	left:50%;
	top:30%;
	margin-left:-187px;
	padding: 0;
	width: 374px;
	text-shadow:0px 6px 12px #444444;
	line-height: 170%;
	
}
.m_cop img{
	width: 80%;	
}
.m_cop small{
	font-size:1.0rem;
}
.c_name {
	left:50%;
	bottom: 3%;
	margin-left:-187px;
	padding: 0;
	width: 374px;
	
}
.c_name img{
	width: 60%;	
}
/* メインコンテンツ*/
.m_cont{
	padding-top: 40px;
  }
.m_cont section{
	padding-bottom: 40px;
  }
.five_point div{
	width: 100%;
	display:block;
	margin:0 0 30px 0;
	min-height: 350px;
  }
.five_point div img{
	width:100%;
  }
	section.kurofuchi{
	width:84%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1050px;
	border: solid 1px rgba(50,50,50,1.00);
	border-radius: 5px;
	padding:3%;
  }
.kurofuchi img{
	width:100%;
	display:block;
  }
.kurofuchi p{
	width:100%;
	margin-right:0;
	display:block;
  }
	/* 第二階層ヘッダー*/
.daini_hero{
	width: 100%;
	height: 350px;
  }
.daini_hero h1 {
	font-size: 2rem;
}
	/* ケース見出し */
div.case_one{
	background-size: 60px 60px;
  }
div.case_one h2{
	margin:0 0 0 0 !important;	
	padding: 0 0 0 70px;
	line-height: 275%;
  }
div.case_one h5{
	margin: 10px 0 0 0;
	padding:0 0 0 0 !important;
	line-height: 150%;
  }
div.case_two{
	background-size: 60px 60px;
  }
div.case_two h2{
	margin:0 0 0 0 !important;	
	padding: 0 0 0 70px;
	line-height: 275%;
  }
div.case_two h5{
	margin: 10px 0 0 0;
	padding:0 0 0 0 !important;
	line-height: 150%;
  }
div.case_three{
	background-size: 60px 60px;
  }
div.case_three h2{
	margin:0 0 0 0 !important;	
	padding: 0 0 0 70px;
	line-height: 275%;
  }
div.case_three h5{
	margin: 10px 0 0 0;
	padding:0 0 0 0 !important;
	line-height: 150%;
  }

.haisenzu{
	width:100%;
	display:block;
	margin-right:0;
  }
div.kaisetsu{
	width:100%;
	display:block;
  }
div.kaisetsu p{
	width:100%;
  }
	/* 理由 */
div.riyu_one{
	margin: 50px auto;
  }
div.riyu_one h2{
	padding-left:0;
	padding-top:45px;
	background-size: 140px;
  }
div.riyu_one p{
	width: 100%;
	display: inline-block;
	vertical-align: top;
  }
div.riyu_one img{
	width: 100%;
	margin:10px 0 30px 0;
  }
div.riyu_two{
	margin: 50px auto 0 auto;
  }
div.riyu_two h2{
	padding-left:0;
	padding-top:45px;
	background-size: 140px;
  }
/* 商品一覧 */
	/* カテゴリ選択 */
.cat_check{
	margin: 0 auto;
	text-align:center;
	display: block;
	border: solid 1px rgba(0,166,185,1.00);
	border-radius: 5px; 
  }
.search-box{
	font-size:0;
	margin-bottom: 20px;
	text-align: left;
  }
.cat_check dd{
	width: 100%;
	min-width: 97%;
	font-size: 0.9rem;
	padding:2% 1%;
	text-align: left;
	display: block;
  }
.sh_mark{
	width: 88%;
	margin: 0 auto;
}
.sh_mark img{
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
}
/* 一覧 */
div.s_ichiran_t h2{	
	padding: 0 0 5px 0 !important;
  }
div.s_ichiran_t h5{
	padding:0 0 0 0 !important;
	line-height: 170%;
	font-size: 0.9rem;
  }
.s_ichiran div{
	width: 44%;
  }
/* フッター */
.foot_nav{
  font-size: 0.8rem;
  }
.foot_nav a span{
	min-width: 30%;
  }

.maru_c{
  font-size: 0.55rem;
  }
}