body {
	font-family: 'Noto Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #424242;
	background: #fff;
}

.sp {
	display: none;
}

img { 
	-ms-interpolation-mode: bicubic;
	-webkit-backface-visibility: hidden;
}

.grayout {
	background: #efefef;
	pointer-events: none;
}

.commingsoon {
	width: 50%;
	padding: 20px;
	margin: 40px auto;
	text-align: center;
	border: 1px solid red;
}

.commingsoon p {
	font-size: 20px;
	color: red;
}

/*===== ポップアップ =====*/

div.modal {
	position: fixed;
	display: none;
	width: 90%;
	max-width: 600px;
	top: calc(50% - 89px);
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
}

div.modal h5 {
	font-size: 18px;
	font-weight: bold;
	color: #555;
	text-align: center;
	margin-bottom: 15px;
}

div.modal p {
	font-size: 14px;
	line-height: 1.75;
	text-align: center;
	margin-bottom: 20px;
}

div.modal .pr_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.4);
	padding: 40px;
	background: rgba(255,255,255,0.95);
}

div.modal ul {
	display: flex;
	margin-top: 20px;
}

div.modal ul li {
	width: 50%;
	text-align: center;
	margin-right: 20px;
}

div.modal ul li:last-child {
	margin-right: 0;
}

div.modal ul li a {
	display: block;
	font-size: 20px;
	color: #fff;
	padding: 20px;
}

div.modal ul li a.close_modal {
	background: #408dcb;
}

div.modal ul li a.close_modal_no {
	background: #8c8c8c;
}

div.modal span {
	display: block;
	font-size: 14px;
	line-height: 1.75;
	margin-top: 20px;
	text-align: center;
}

img {
	max-width: 100%;
}

/*===== //ポップアップ =====*/

/*===== アニメーション =====*/

.iv,
.movetext,
.movetext span { opacity: 0; }

/*===== //アニメーション =====*/

/*===== ヘッダー =====*/

header .hd_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 95%;
	max-width: 1000px;
	padding: 35px 0 25px;
	margin: 0 auto;
}

header .hd_inner .logo {
	margin-right: 5%;
}

header .hd_inner .logo a:hover {
	opacity: .7;
}

header .hd_inner .contact_box a {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 300;
	padding: 25px 30px 25px 60px;
	border: 1px solid #424242;
}

header .hd_inner .contact_box a:hover {
	border: 1px solid #E9F3F5;
	background: #E9F3F5;
}

header .hd_inner .contact_box a::before {
	position: absolute;
	content: "\f0e0";
	font-size: 22px;
	font-family:'Font Awesome 5 Free';
	top: calc(50% - 11px);
	left: 20px;
}

header #g_nav {
	padding: 50px 0;
	background: #E9F3F5;
}

header #g_nav .main_nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 92.5%;
	max-width: 1000px;
	margin: 0 auto;
	*zoom: 1;
}

header #g_nav .main_nav li.main_list {
	position: relative;
	width: calc(100% / 5);
}

header #g_nav .main_nav li.main_list:first-child::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 16px;
	top: calc(50% - 8px);
	left: 0;
	background: #424242;
}

header #g_nav .main_nav li.main_list::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 16px;
	top: calc(50% - 8px);
	right: 0;
	background: #424242;
}

header #g_nav .main_nav li a {
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 300;
	padding: 0 10px;
	text-align: center;
}

header #g_nav .main_nav li a.gray_out {
	opacity: .4;
	pointer-events: none;
}

header #g_nav .main_nav li a:hover {
	opacity: .4;
}

header #g_nav .main_nav > li.menu__single {
    position: relative;
}

header #g_nav .main_nav > li.menu__single.active a {
	opacity: .4;
}

header #g_nav .main_nav > li.menu__single a::before {
	position: absolute;
	content: "\f107";
	font-size: 20px;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	left: calc(50% - 6.25px);
	bottom: -25px;
	transition: all .3s ease;
	opacity: .7;
}

header #g_nav .main_nav > li.menu__single a:hover::before {
	bottom: -28px;
}

header #g_nav .main_nav > li.menu__single.active a::before {
	bottom: -28px;
}

header #g_nav li.menu__single ul.menu__second-level {
    position: absolute;
	display: none;
    top: calc(100% + 45px);
    width: 100%;
	padding: 30px 0;
    background: #E9F3F5;
	border-top: 5px solid #EC6D37;
	box-shadow: 2px 2px 10px #ccc;
    z-index: 1;
}

@keyframes active {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

header #g_nav li.menu__single ul.menu__second-level.active {
	display: block;
    animation: active .2s linear 0s;
}

header #g_nav li.menu__single.active ul.menu__second-level {
	opacity: 1;
}

header #g_nav li.menu__single ul.menu__second-level li {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

header #g_nav li.menu__single ul.menu__second-level li:last-child {
	margin-bottom: 0;
}

header #g_nav li.menu__single ul.menu__second-level li a {
	padding: 0;
}

header #g_nav .main_nav > li.menu__single.active ul li a {
	opacity: 1;
}

header #g_nav .main_nav > li.menu__single.active ul li a:hover {
	opacity: .4;
}

header #g_nav .main_nav > li.menu__single ul li a::before {
	content: none;
}

/*===== //ヘッダー =====*/

/*========== メインコンテンツ ==========*/

/*===== ファーストビュー =====*/

#main_content #first_view {
	padding-top: 100px;
	margin-bottom: 110px;
}

#main_content #first_view .first_view_inner {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}

#main_content #first_view .first_view_inner .box {
	margin-bottom: 60px;
}

@media screen and (max-width: 480px) {
	#main_content #first_view .first_view_inner .box {
		margin-bottom: 30px;
	}
}

#main_content #first_view .first_view_inner .column {
	display: flex;
	justify-content: space-between;
}

#main_content #first_view .first_view_inner .text_box {
	margin-top: 20px;
	margin-right: .75%;
	margin-bottom: 40px;
}

#main_content #first_view .first_view_inner .text_box strong {
	display: block;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: .5px;
	margin-bottom: 5px;
}

#main_content #first_view .first_view_inner .text_box h1 {
	font-size: 36px;
	line-height: 1.4;
	letter-spacing: -.5px;
}

#main_content #first_view .first_view_inner .text_box h1 span {
	font-weight: 300;
}

#main_content #first_view .first_view_inner .text_box h1 span:nth-child(31),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(32),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(33),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(34),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(35),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(36),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(37),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(38),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(39),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(40),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(41),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(42),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(43),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(44),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(45),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(46),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(47),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(48),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(49),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(50),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(51),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(52),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(53),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(54),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(55),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(56),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(57),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(58),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(59),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(60),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(61),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(62),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(63),
#main_content #first_view .first_view_inner .text_box h1 span:nth-child(64) {
	font-size: 24px;
	letter-spacing: -.5px;
}

#main_content #first_view .first_view_inner .btn_list {
	display: flex;
	margin-top: 40px;
}

#main_content #first_view .first_view_inner .btn_list li {
	width: 50%;
	text-align: center;
	margin-right: 10px;
}

#main_content #first_view .first_view_inner .btn_list li:last-child {
	margin-right: 0;
}

#main_content #first_view .first_view_inner .btn_list li a {
	display: block;
	font-size: 16px;
	font-weight: 300;
	padding: 43px 0;
	border: 1px solid #424242;
}

#main_content #first_view .first_view_inner .btn_list li a:hover {
	border: 1px solid #E9F3F5;
	background: #E9F3F5;
}

#main_content #first_view .first_view_inner .btn_list li a i {
	font-size: 28px;
	color: #424242;
	margin-right: 30px;
	vertical-align: text-bottom;
	transition: all .3s ease;
}

/*===== //ファーストビュー =====*/

/*===== bx slider =====*/

#main_content #slider_content {
	margin-bottom: 110px;
}

/*===== //bx slider =====*/

/*===== top content =====*/

#main_content #top_content {
	width: 100%;
	padding: 110px 0;
	background-image: url("../images/top_back_img.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#main_content #top_content section {
	width: 95%;
	max-width: 1284px;
	padding: 120px 141px;
	margin: 0 auto 110px;
	background: rgba(255,255,255,0.7);
}

#main_content #top_content section:last-child {
	margin-bottom: 0;
}

#main_content #top_content section .title_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 120px;
}

#main_content #top_content section .title_box h2 {
	font-size: 24px;
	font-weight: 400;
	margin-right: 5%;
}

#main_content #top_content section .title_box a {
	font-size: 16px;
}

#main_content #top_content section .title_box a:hover {
	opacity: .4;
}

#main_content #top_content section ul li {
	border-bottom: 1px solid #424242;
}

#main_content #top_content section ul li:first-child {
	border-top: 1px solid #424242;
}

#main_content #top_content section ul li a {
	position: relative;
	display: flex;
	min-height: 50px;
	padding: 20px 2.5%;
}

#main_content #top_content section ul li a::after {
	position: absolute;
	content: "\f105";
	font-size: 20px;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	color: #424242;
	top: calc(50% - 10px);
	right: 2.5%;
	transition: all .3s ease;
}

#main_content #top_content section ul li a:hover::after {
	right: 2%
}

#main_content #top_content section ul li a span {
	width: 15%;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

#main_content #top_content section ul li a p {
	width: 60%;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	margin-left: 5%;
}

#main_content #top_content section ul li a:hover {
	opacity: .7;
}

#main_content #top_content #top_faq ul li a span {
	font-size: 24px;
	color: #EC6D37;
	font-weight: 500;
}

#main_content .sub_title_box h3 {
	font-size: 20px;
	font-weight: 400;
	padding: 15px 15px 15px 40px;
	margin-bottom: 40px;
	border-left: 16px solid #EC6D37;
	background: #E9F3F5;
}

@media screen and (max-width: 480px) {
	#main_content .sub_title_box h3 {
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 20px;
		padding: 15px 15px 15px 20px;
		border-left: 6px solid #EC6D37;
		background: #E9F3F5;
	}
}

#main_content .sub_title_box h3 span {
	color: #EC6D37;
	vertical-align: baseline;
}

/*===== //top content =====*/

/*========== //メインコンテンツ ==========*/

/*===== フッター =====*/

footer {
	padding: 150px 0;
	background: #E9F3F5;
}

footer .ft_inner {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}

footer .ft_inner h1 {
	text-align: center;
	margin-bottom: 50px;
}

footer .ft_inner .site_list {
	display: flex;
	justify-content: space-between;
	padding: 70px 2.5%;
	margin-bottom: 70px;
	border-top: 1px solid #424242;
	border-bottom: 1px solid #424242;
}

footer .ft_inner .site_list li {
	margin-right: 40px;
	text-align: center;
}

footer .ft_inner .site_list li:last-child {
	margin-right: 0;
}

footer .ft_inner .site_list li a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	padding-left: 40px;
}

footer .ft_inner .site_list li a:hover {
	opacity: .4;
}

footer .ft_inner .site_list li a::before {
	position: absolute;
	font-size: 22px;
	color: #424242;
	top: calc(50% - 11px);
	left: 0;
}

footer .ft_inner .site_list li:first-child a::before {
	content: "\f1ad";
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
}

footer .ft_inner .site_list li:nth-child(2) a::before {
	content: "\f02d";
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
}

footer .ft_inner .site_list li:nth-child(3) a::before {
	content: "\f023";
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
}

footer .ft_inner .site_list li:last-child a::before {
	content: "\f0e8";
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
}

footer .ft_inner .add_list li {
	margin-bottom: 70px;
}

footer .ft_inner .add_list li p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
}

footer .ft_inner .ft_bottom {
	display: flex;
	align-items: center;
}

footer .ft_inner .ft_bottom .copy {
	font-size: 16px;
	font-weight: 300;
	margin-right: 40px;
}

footer .ft_inner .ft_bottom .sns_list {
	display: none;
}

footer .ft_inner .ft_bottom .sns_list li {
	margin-right: 40px;
}

footer .ft_inner .ft_bottom .sns_list li:last-child {
	margin-right: 0;
}

footer .ft_inner .ft_bottom .sns_list li i {
	font-size: 24px;
	color: #424242;
}

#page_top {
    position: fixed;
	right: 2.5%;
    bottom: 7.5%;
	z-index: 9999;
}

#page_top a {
	position: relative;
	display: block;
    color: #335974;
    text-align: center;
    padding: 40px;
	background: rgba(255,255,255,1);
	border: 2px solid #E9F3F5;
	border-radius: 50%;
	box-sizing: border-box;
}

#page_top a::before {
	position: absolute;
	content: "\f102";
	font-size: 24px;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	color: #424242;
	top: calc(50% - 10px);
	left: calc(50% - 7.5px);
}

#page_top a::after {
	position: absolute;
	content: "";
	width: 15px;
	height: 4px;
	top: calc(50% - 12px);
	left: calc(50% - 7.5px);
	background: #424242;
	border-radius: 1px;
}

#page_top a:hover {
    opacity: .7;
}

/*===== //フッター =====*/

/*===== 下層ページ =====*/

#sub_content {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}

/*===== パンくず =====*/

#sub_content #breadcrumb {
	padding: 15px 0;
}

#sub_content #breadcrumb ul {
	display: flex;
	margin: 0 auto;
}

#sub_content #breadcrumb ul li {
	position: relative;
	font-size: 14px;
	margin-right: 60px;
}

#sub_content #breadcrumb ul li:last-child {
	margin-right: 0;
}

#sub_content #breadcrumb ul li::after {
	position: absolute;
	content: ">";
	right: -35px;
}

#sub_content #breadcrumb ul li:last-child::after {
	content: none;
}

#sub_content #breadcrumb ul li a:hover {
	opacity: .4;
}

/*===== //パンくず =====*/

#sub_content section {
	padding: 120px 0;
}

#sub_content section .section_title {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 120px;
}

/*===== お知らせ =====*/

#sub_content #news .news_box {
	margin-bottom: 120px;
}

#sub_content #news .news_box .news_list li {
	display: flex;
	min-height: 90px;
	padding: 20px 2.5%;
	border-bottom: 1px solid #424242;
}

#sub_content #news .news_box .news_list li:first-child {
	border-top: 1px solid #424242;
}

#sub_content #news .news_box .news_list li span {
	width: 15%;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

#sub_content #news .news_box .news_list li p {
	width: 80%;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	margin-left: 5%;
}

#sub_content #news .news_box .news_list li p a:hover {
	opacity: .4;
}

#sub_content #news .archive_box h3 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 60px;
}

#sub_content #news .archive_box .archive_list li {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 40px;
}

#sub_content #news .archive_box .archive_list li:last-child {
	margin-bottom: 0;
}

#sub_content #news .archive_box .archive_list li a:hover {
	opacity: .4;
}

/*===== //お知らせ =====*/

/*===== viewphii-US 製品情報 =====*/

#sub_content .sub_title_box {
	margin-bottom: 20px;
}

#sub_content .sub_title_box p {
	font-size: 14px;
	font-weight: 300;
	text-align: right;
	padding-right: 40px;
	margin-bottom: 10px;
}

#sub_content .sub_title_box h3 {
	font-size: 20px;
	font-weight: 400;
	padding: 15px 15px 15px 40px;
	border-left: 16px solid #EC6D37;
	background: #E9F3F5;
}

/*== 製品コンセプト ==*/

#sub_content .concept .text_box {
	margin: 50px 0 70px;
}

#sub_content .concept .text_box h4 {
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	padding: 10px 20px;
	margin-bottom: 40px;
	vertical-align: middle;
	border: 1px solid #424242;
}

#sub_content .concept .text_box strong {
	display: block;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.2;
}

#sub_content .concept .text_box strong img {
	padding-bottom: 9px;
}

#sub_content .concept .text_box strong span {
	font-size: 20px;
	font-weight: 500;
}

#sub_content .concept .text_box strong p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
}

#sub_content .concept .box01 {
	display: block;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}

#sub_content .concept .box01 h4 {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 20px;
}

#sub_content .concept .box01 p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
}

#sub_content .concept .box01 .img_list {
	display: flex;
	margin-top: 50px;
}

#sub_content .concept .box01 .img_list li {
	margin-right: 10px;
}

#sub_content .concept .box01 .img_list li:last-child {
	margin-right: 0;
}

#sub_content .concept .box02 h4 {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 20px;
}

#sub_content .concept .box02 p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
}

#sub_content .concept .box02 .img_list {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

#sub_content .concept .box02 .img_list li {
	margin-right: 90px;
}

#sub_content .concept .box02 .img_list li:last-child {
	margin-right: 0;
}

#sub_content .concept .box02 .img_list li small {
	display: block;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
	margin: 10px 0 0 10px;
}

/*== //製品コンセプト ==*/

/*== 製品の特長 ==*/

#sub_content .features section {
	padding: 0;
	margin-bottom: 80px;
}

#sub_content .features .page_navi {
	display: inline-block;
	padding-bottom: 100px;
	margin-top: 30px;
	margin-bottom: 100px;
	border-bottom: 1px solid #424242;
}

#sub_content .features .page_navi ul {
	display: flex;
	flex-wrap: wrap;
}

#sub_content .features .page_navi ul li {
	width: calc(100% / 2 - 5px);
	margin-right: 10px;
	margin-bottom: 15px;
}

#sub_content .features .page_navi ul li:nth-child(2n) {
	margin-right: 0;
}

#sub_content .features .page_navi ul li a {
	display: flex;
	border: 1px solid #424242;
}

#sub_content .features .page_navi ul li a:hover {
	background: #E9F3F5;
	border: 1px solid #E9F3F5;
}

#sub_content .features .page_navi ul li a span {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 300;
	color: #EC6D37;
	line-height: 1.6;
	padding: 0 25px;
	background: #E9F3F5;
}

#sub_content .features .page_navi ul li a p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	padding: 15px 0;
	margin-left: 30px;
}

#sub_content .features .page_navi ul li a p br {
	display: none;
}

#sub_content .features section .title_box {
	display: flex;
	margin-bottom: 40px;
	border: 1px solid #424242;
}

#sub_content .features section .title_box span {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 300;
	color: #EC6D37;
	line-height: 1.6;
	padding: 0 25px;
	background: #E9F3F5;
}

#sub_content .features section .title_box h3 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding: 15px 0;
	margin-left: 30px;
}

#sub_content .features section .inner_box h4 {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 20px;
}

#sub_content .features section .inner_box .img_list {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

#sub_content .features section .inner_box .img_list li {
	margin-right: 50px;
}

#sub_content .features section .inner_box .img_list li:last-child {
	margin-right: 0;
}

#sub_content .features section .inner_box .img_list li small {
	display: block;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
	margin: 10px 0 0 10px;
}

#sub_content .features section .inner_box p {
	position: relative;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
}

#sub_content .features section .inner_box .dotted {
	position: relative;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	padding-left: 15px;
}

#sub_content .features section .inner_box .dotted::before {
	position: absolute;
	content: "・";
	font-weight: 700;
	color: #EC6D37;
	left: 0;
}

/*== //製品の特長 ==*/

/*== 仕様 ==*/

#sub_content .specification .tb_scroll {
	margin: 50px auto 15px;
}

#sub_content .specification table {
	width: 100%;
}

#sub_content .specification table img {
	max-width: 254px;
}

#sub_content .specification table tr th,
#sub_content .specification table tr td {
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
	padding: 15px 10px;
	border: 1px solid #707070;
}

#sub_content .specification table tr th {
	letter-spacing: -1.5px;
}

#sub_content .specification table tr.bg th,
#sub_content .specification table tr.bg td {
	background: rgba(233,243,245,0.5);
}

#sub_content .specification table tr .no-wrap {
	width: 120px;
}

#sub_content .specification table tr:last-child th,
#sub_content .specification table tr:last-child td {
	padding: 45px 10px;
}

#sub_content .specification .dotted {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding-left: 20px;
	margin-bottom: 5px;
}

#sub_content .specification .dotted::before {
	position: absolute;
	content: "・";
	left: 0;
}

#sub_content .specification .txt {
	line-height: 1.6;
	margin-bottom: 5px;
}

/*== //仕様 ==*/

/*== 使い方ガイド ==*/

#sub_content .guide .column {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

#sub_content .guide .column .btn  {
	display: block;
	width: 50%;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 300;
	padding: 43px 0;
	margin-top: 20px;
	text-align: center;
	border: 1px solid #424242;
}

#sub_content .guide .column .btn.no {
	pointer-events: none;
	opacity: .4;
}

#sub_content .guide .column .btn:hover {
	border: 1px solid #E9F3F5;
	background: #E9F3F5;
}

#sub_content .guide .column .btn  i {
	font-size: 28px;
	color: #424242;
	margin-right: 30px;
	vertical-align: text-bottom;
	transition: all .3s ease;
}

#sub_content .guide .column .img_box {
	width: 35%;
}

#sub_content .guide .column .img_box img {
	width: 100%;
}


#sub_content .guide .faq_list .accordion_one {
	padding: 25px 2.5% 25px;
	border-bottom: 1px solid #424242;
}

#sub_content .guide .faq_list .accordion_one .accordion_header {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding-left: 35px;
	padding-right: 10%;
	cursor: pointer;
	transition: all .3s ease;
}

#sub_content .guide .faq_list .accordion_one:first-child {
	border-top: none;
}

#sub_content .guide .faq_list .accordion_one .accordion_header::before {
	position: absolute;
	content: "■";
	font-size: 24px;
	font-weight: 500;
	color: #EC6D37;
	top: -8px;
	left: 0;
}

#sub_content .guide .faq_list .accordion_one .accordion_header i::before,
#sub_content .guide .faq_list .accordion_one i::after {
	position: absolute;
	content: "";
	background: #424242;
	transition: all .3s ease;
}

#sub_content .guide .faq_list .accordion_one .accordion_header i::before {
	width: 22px;
	height: 2px;
	top: 15px;
	right: 0;
}

#sub_content .guide .faq_list .accordion_one .accordion_header i::after {
	width: 2px;
	height: 22px;
	top: 5px;
	right: 10px;
}

#sub_content .guide .faq_list .accordion_one .accordion_header.open i::after {
	opacity: 0;
}

#sub_content .guide .faq_list .accordion_one .accordion_header:hover {
	color: rgba(66,66,66,0.4);
}

#sub_content .guide .faq_list .accordion_one .accordion_inner {
	display: none;
	margin-top: 80px;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one {
	position: relative;
	padding: 0 10% 0 5%;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one::before {
	position: absolute;
	content: "";
	font-size: 24px;
	font-weight: 500;
	top: -6px;
	left: 0;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box {
	margin-bottom: 80px;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box .container {
	margin-bottom: 80px;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box:last-child,
#sub_content .guide .faq_list .accordion_one .accordion_inner .box .container:last-child {
	margin-bottom: 0;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .title_box {
	display: flex;
	margin-bottom: 40px;
	border: 1px solid #424242;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .title_box span {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 300;
	color: #EC6D37;
	line-height: 1.6;
	padding: 0 25px;
	background: #E9F3F5;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .title_box h3 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding: 15px 0;
	margin-left: 30px;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .img_box {
	margin: 40px auto;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li {
	margin-bottom: 20px;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li:last-child {
	margin-bottom: 0;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li p {
	position: relative;
	padding-left: 20px;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li p::before{
	position: absolute;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	left: 0;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li p.a::before {
	content: "1.";
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li p.b::before {
	content: "2.";
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li p.c::before {
	content: "3.";
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li p.d::before {
	content: "4.";
}

#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one .box .num_list li p.e::before {
	content: "5.";
}

#sub_content .guide .faq_list .accordion_one .accordion_inner p.txt_a_ac a {
	font-weight: 500;
	border-bottom: 1px solid #424242;
}

#sub_content .guide .faq_list .accordion_one .accordion_inner p.txt_a_ac a:hover {
	opacity: .4;
}

/*== //使い方ガイド ==*/

/*===== //viewphii-US 製品情報 =====*/

/*===== 症例集 =====*/

#sub_content #gallery .mv_list {
	display: flex;
	flex-wrap: wrap;
}

#sub_content #gallery .mv_list li {
	width: calc(100% / 2 - 20px);
	margin-right: 40px;
	margin-bottom: 140px;
}

#sub_content #gallery .mv_list li:nth-child(2n) {
	margin-right: 0;
}

#sub_content #gallery .mv_list li h3 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}

#sub_content #gallery .mv_list li .mv_box {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

#sub_content #gallery .mv_list li .mv_box iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/*===== //症例集 =====*/

/*===== ユーザーの声 =====*/
/*===== //ユーザーの声 =====*/

/*===== FAQ =====*/

#sub_content #faq .faq_list .accordion_one {
	padding: 25px 2.5% 50px;
	border-bottom: 1px solid #424242;
}

#sub_content #faq .faq_list .accordion_one .accordion_header {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding-left: 15%;
	padding-right: 10%;
	cursor: pointer;
	transition: all .3s ease;
}

#sub_content #faq .faq_list .accordion_one:first-child {
	border-top: 1px solid #424242;
}

#sub_content #faq .faq_list .accordion_one .accordion_header::before {
	position: absolute;
	content: "Q";
	font-size: 24px;
	font-weight: 500;
	color: #EC6D37;
	top: -8px;
	left: 0;
}

#sub_content #faq .faq_list .accordion_one .accordion_header i::before,
#sub_content #faq .faq_list .accordion_one i::after {
	position: absolute;
	content: "";
	background: #424242;
	transition: all .3s ease;
}

#sub_content #faq .faq_list .accordion_one .accordion_header i::before {
	width: 22px;
	height: 2px;
	top: 20px;
	right: 0;
}

#sub_content #faq .faq_list .accordion_one .accordion_header i::after {
	width: 2px;
	height: 22px;
	top: 10px;
	right: 10px;
}

#sub_content #faq .faq_list .accordion_one .accordion_header.open i::after {
	opacity: 0;
}

#sub_content #faq .faq_list .accordion_one .accordion_header:hover {
	color: rgba(66,66,66,0.4);
}

#sub_content #faq .faq_list .accordion_one .accordion_inner {
	display: none;
	margin-top: 80px;
}

#sub_content #faq .faq_list .accordion_one .accordion_inner .box_one {
	position: relative;
	padding: 0 10% 0 15%;
}

#sub_content #faq .faq_list .accordion_one .accordion_inner .box_one::before {
	position: absolute;
	content: "A";
	font-size: 24px;
	font-weight: 500;
	top: -6px;
	left: 0;
}

#sub_content #faq .faq_list .accordion_one .accordion_inner p.txt_a_ac {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
}

#sub_content #faq .faq_list .accordion_one .accordion_inner p.txt_a_ac a {
	font-weight: 500;
	border-bottom: 1px solid #424242;
}

#sub_content #faq .faq_list .accordion_one .accordion_inner p.txt_a_ac a:hover {
	opacity: .4;
}

/*===== //FAQ =====*/

/*===== サイトマップ =====*/

#sub_content #sitemap .site_list li {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 40px;
}

#sub_content #sitemap .site_list li:last-child {
	margin-bottom: 0;
}

#sub_content #sitemap .site_list li a {
	position: relative;
	padding-left: 20px;
}

#sub_content #sitemap .site_list li a.gray_out,
#sub_content #sitemap .site_list li.main_list a {
	pointer-events: none;
}

#sub_content #sitemap .site_list li a.gray_out {
	opacity: .4;
}

#sub_content #sitemap .site_list li a:hover {
	opacity: .4;
}

#sub_content #sitemap .site_list li a::before {
	position: absolute;
	content: "・";
	font-weight: 700;
	color: #EC6D37;
	left: 0;
}

#sub_content #sitemap .site_list li ul.sub {
	margin-top: 40px;
	padding-left: 40px;
}

#sub_content #sitemap .site_list li ul.sub li {
	font-size: 16px;
	margin-bottom: 20px;
}

#sub_content #sitemap .site_list li.main_list ul li a {
	pointer-events: auto;
}

#sub_content #sitemap .site_list li ul.sub li a::before {
	position: absolute;
	content: "-";
	color: #424242;
	left: 0;
}

/*===== //サイトマップ =====*/

/*===== //下層ページ =====*/

/*========== レスポンシブ1100px以下 ==========*/

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

	/*===== ヘッダー =====*/
	
	header .hd_inner .contact_box a {
		font-size: 14px;
		padding: 20px 5px 20px 30px;
		white-space: nowrap;
	}
	
	header .hd_inner .contact_box a::before {
		font-size: 18px;
		top: calc(50% - 9px);
		left: 10px;
	}
	
	header #g_nav .main_nav li {
		width: calc(100% / 5);
		text-align: center;
	}
	
	header #g_nav .main_nav li a {
		display: block;
		width: auto;
		font-size: 14px;
		font-weight: 300;
		padding: 0;
	}
	
	/*===== //ヘッダー =====*/
	
	/*===== フッター =====*/
	
	footer .ft_inner .site_list {
		flex-wrap: wrap;
	}

	footer .ft_inner .site_list li {
		width: calc(100% / 2 - 20px);
		margin-bottom: 40px;
	}
	
	footer .ft_inner .site_list li:nth-child(2n) {
		margin-right: 0;
	}
	
	/*===== //フッター =====*/
	
}

/*========== //レスポンシブ1100px以下 ==========*/

/*========== レスポンシブ780px以下 ==========*/

@media screen and (max-width: 780px) {
	
	.commingsoon {
		width: 70%;
		padding: 15px;
	}

	.commingsoon p {
		font-size: 16px;
	}

	.pc { display: none; }
	.sp { display: block; }
	
	/*===== ヘッダー =====*/
	
	.sp_button {
		position: absolute;
		width: 30%;
		height: 100%;
		top: 0;
		right: 0;
		z-index: 9999;
	}
	
	.sp_button_inner {
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		background: #E9F3F5;
		transition: all .3s ease;
	}
	
	.sp_button_inner.active {
		background: #fff;
	}
	
	.sp_button_inner .contact {
		width: 50%;
		text-align: center;
	}
	
	.sp_button_inner .contact a i {
		font-size: 30px;
		color: #424242;
	}
	
	.humburger {
		position: relative;
		display: inline-block;
		width: 50%;
		height: 35px;
		text-align: center;
		right: 0;
		cursor: pointer;
		z-index: 3;
	}

	.humburger span {
		display: block;
		position: absolute;
		width: 35px;
		height: 2px;
		top: calc(50% - 10px);
		right: calc(50% - 17.5px);
		background: #424242;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	.humburger span:nth-child(2) {
		transform: translateY(10px);
	}

	.humburger span:nth-child(3) {
		transform: translateY(20px);
	}

	.humburger.active span:nth-child(1) {
		 -webkit-transform: translateY(10px) rotate(35deg);
		-moz-transform: translateY(10px) rotate(35deg);
		transform: translateY(10px) rotate(35deg);
	}

	.humburger.active span:nth-child(2) {
	   opacity: 0;
	}

	.humburger.active span:nth-child(3) {
		-webkit-transform: translateY(10px) rotate(-35deg);
		-moz-transform: translateY(10px) rotate(-35deg);
		transform: translateY(10px) rotate(-35deg);
	}
	
	header {
		position: fixed;
		width: 100%;
		background: #fff;
		box-shadow: 1px 1px 10px #efefef;
		z-index: 999;
	}
	
	header .hd_inner {
		position: relative;
		width: 100%;
		padding: 1.5vw 2.5% 1vw;
	}
	
	header .hd_inner .logo {
		width: 60%;
		margin-right: 10%;
	}
	
	header .contact_box {
		display: none;
	}
	
	header #g_nav {
		display: none;
		height: 100vh;
		text-align: center;
		background: #E9F3F5;
		-webkit-overflow-scrolling: touch;
	}
	
	header #g_nav .main_nav {
		display: block;
	}
	
	header #g_nav .main_nav li.main_list {
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #707070;
	}
	
	header #g_nav .main_nav li.main_list::after,
	header #g_nav .main_nav li:first-child.main_list::before {
		content: none;
	}
	
	header #g_nav .main_nav li a {
		font-size: 16px;
		padding: 20px 10px;
		text-align: left;
	}
	
	header #g_nav .main_nav > li.menu__single a::before {
		position: absolute;
		content: "";
		width: 15px;
		height: 2px;
		top: 28px;
		left: auto;
		right: 10px;
		bottom: auto;
		background: #424242;
	}
	
	header #g_nav .main_nav > li.menu__single a::after {
		position: absolute;
		content: "";
		width: 2px;
		height: 15px;
		top: 21.5px;
		left: auto;
		right: 16.25px;
		bottom: auto;
		background: #424242;
		transition: all .3s ease;
	}
	
	header #g_nav .main_nav > li.menu__single.active a::after {
		opacity: 0;
	}
	
	header #g_nav li.menu__single ul.menu__second-level.active {
		animation: active 0s linear 0s;
	}
	
	header #g_nav li.menu__single ul.menu__second-level {
		position: static;
		width: 75%;
		height: 0;
		padding: 0;
		margin-left: auto;
		background: none;
		border-top: none;
		box-shadow: none;
		overflow: hidden;
		opacity: 0;
	}
	
	header #g_nav li.menu__single.active ul.menu__second-level {
		height: auto;
		overflow: visible;
		opacity: 1;
		transition: all .3s ease;
	}
	
	header #g_nav li.menu__single ul.menu__second-level li {
		border-top: 1px solid #707070;
		border-bottom: none;
		margin-bottom: 0;
		text-align: left;
	}
	
	header #g_nav li.menu__single ul.menu__second-level li a {
		padding: 20px 10px;
	}
	
	header #g_nav li.menu__single ul.menu__second-level li a::before,
	header #g_nav li.menu__single ul.menu__second-level li a::after {
		display: none;
	}
	
	/*===== //ヘッダー =====*/
	
	/*===== メインコンテンツ =====*/
	
	#main_content {
		padding-top: 20vw;
	}
	
	/*===== ファーストビュー =====*/

	#main_content #first_view {
		padding-top: 50px;
		margin-bottom: 50px;
	}

	#main_content #first_view .first_view_inner .column {
		display: block;
		padding: 0 5vw;
	}

	#main_content #first_view .first_view_inner .column .text_box {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 3vw;
	}

	#main_content #first_view .first_view_inner .column .text_box strong {
		font-size: 3vw;
		margin-bottom: .5vw;
	}

	#main_content #first_view .first_view_inner .column .text_box h1 {
		font-size: 5vw;
		letter-spacing: normal;
	}
	
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(31),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(32),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(33),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(34),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(35),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(36),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(37),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(38),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(39),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(40),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(41),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(42),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(43),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(44),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(45),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(46),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(47),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(48),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(49),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(50),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(51),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(52),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(53),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(54),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(55),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(56),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(57),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(58),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(59),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(60),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(61),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(62),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(63),
	#main_content #first_view .first_view_inner .column .text_box h1 span:nth-child(64) {
		font-size: 3vw;
		letter-spacing: normal;
	}
	
	#main_content #first_view .first_view_inner .column .img_box img {
		width: 100%;
	}

	#main_content #first_view .first_view_inner .btn_list {
		margin-top: 10vw;
	}

	#main_content #first_view .first_view_inner .btn_list li a {
		font-size: 2.5vw;
		padding: 4vw 0;
	}

	#main_content #first_view .first_view_inner .btn_list li a i {
		font-size: 3.25vw;
		margin-right: 2.25vw;
		vertical-align: baseline;
	}

	/*===== //ファーストビュー =====*/

	/*===== bx slider =====*/

	#main_content #slider_content {
		margin-bottom: 50px;
	}

	/*===== //bx slider =====*/

	/*===== top content =====*/

	#main_content #top_content {
		width: 100%;
		padding: 50px 0;
		background-image: url("../images/top_back_img.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	#main_content #top_content section {
		width: 100%;
		padding: 70px 2.5%;
		margin: 0 auto 50px;
	}

	#main_content #top_content section .title_box {
		padding: 0 2.5%;
		margin-bottom: 40px;
	}

	#main_content #top_content section ul li a {
		display: block;
		padding: 20px 2.5%;
	}
	
	#main_content #top_content section ul li a::after {
		display: none;
	}
	
	#main_content #top_content section ul li a span {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	#main_content #top_content #top_faq ul li a span {
		font-size: 20px;
	}
	
	#main_content #top_content section ul li a p {
		width: 100%;
		margin: 0 auto;
	}

	/*===== //top content =====*/

	/*========== //メインコンテンツ ==========*/

	/*===== フッター =====*/

	footer {
		padding: 60px 0 20px;
		background: #E9F3F5;
	}

	footer .ft_inner h1 {
		text-align: center;
		margin: 0 15% 50px;
	}

	footer .ft_inner .site_list {
		display: block;
		padding: 60px 2.5%;
		margin-bottom: 70px;
	}

	footer .ft_inner .site_list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 60px;
		text-align: left;
	}

	footer .ft_inner .site_list li:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}
	
	footer .ft_inner .add_list {
		padding: 0 2.5%;
	}

	footer .ft_inner .add_list li {
		margin-right: 0;
		margin-bottom: 60px;
	}

	footer .ft_inner .ft_bottom {
		display: block;
		padding: 0 2.5%;
	}

	footer .ft_inner .ft_bottom .copy {
		font-size: 16px;
		margin-right: 0;
		margin-bottom: 30px;
	}

	footer .ft_inner .ft_bottom .sns_list {
		padding-left: 2.5%; 
	}

	#page_top {
		position: fixed;
		right: 2.5%;
		bottom: 5%;
		z-index: 9999;
	}

	#page_top a {
		position: relative;
		display: block;
		color: #335974;
		text-align: center;
		padding: 30px;
		background: rgba(255,255,255,1);
		border-radius: 50%;
	}

	#page_top a::before {
		position: absolute;
		content: "\f102";
		font-size: 20px;
		font-family:'Font Awesome 5 Free';
		font-weight: 900;
		color: #424242;
		top: calc(50% - 8px);
		left: calc(50% - 6.25px);
	}

	#page_top a::after {
		position: absolute;
		content: "";
		width: 12.5px;
		height: 4px;
		top: calc(50% - 12px);
		left: calc(50% - 6.2px);
		background: #424242;
		border-radius: 1px;
	}

	#page_top a:hover {
		opacity: .7;
	}

	/*===== //フッター =====*/

	/*===== 下層ページ =====*/
	
	#sub_content {
		padding-top: 20vw;
	}
	
	/*===== パンくず =====*/

	#sub_content #breadcrumb {
		padding: 15px 0;
	}

	#sub_content #breadcrumb ul li {
		font-size: 12px;
		margin-right: 40px;
	}

	#sub_content #breadcrumb ul li::after {
		right: -25px;
	}

	/*===== //パンくず =====*/

	#sub_content section {
		padding: 50px 0;
	}

	#sub_content section .section_title {
		margin-bottom: 40px;
	}

	/*===== お知らせ =====*/

	#sub_content #news .news_box {
		margin-bottom: 70px;
	}

	#sub_content #news .news_box .news_list li {
		display: block;
		padding: 20px 2.5%;
	}
	
	#sub_content #news .news_box .news_list li span {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	#sub_content #news .news_box .news_list li p {
		width: 100%;
		margin: 0 auto;
	}

	/*===== //お知らせ =====*/

	/*===== viewphii-US 製品情報 =====*/
	
	#sub_content .sub_title_box {
		margin-bottom: 20px;
	}

	#sub_content .sub_title_box p {
		font-size: 12px;
		padding-right: 2.5%;
	}

	/*== 製品コンセプト ==*/
	
	#sub_content .concept .box02 .img_list li {
		margin-right: 50px;
	}
	
	/*== //製品コンセプト ==*/

	/*== 製品の特長 ==*/
	
	#sub_content .features section {
		padding-top: 20vw;
		margin-top: -20vw;
	}
	
	/*== //製品の特長 ==*/

	/*== 仕様 ==*/
	/*== //仕様 ==*/

	/*== 使い方ガイド ==*/

	#sub_content .guide .column .btn  {
		width: 70%;
		padding: 30px 0;
		margin-top: 10px;
	}

	#sub_content .guide .column .img_box {
		width: 45%;
	}

	/*== //使い方ガイド ==*/

	/*===== //viewphii-US 製品情報 =====*/

	/*===== 症例集 =====*/
	
	#sub_content #gallery .mv_list li {
		margin-bottom: 70px;
	}
	
	/*===== //症例集 =====*/

	/*===== ユーザーの声 =====*/
	/*===== //ユーザーの声 =====*/

	/*===== FAQ =====*/
	
	#sub_content #faq .faq_list .accordion_one .accordion_inner {
		margin-top: 50px;
	}
	
	/*===== //FAQ =====*/
	
	/*===== //下層ページ =====*/
	
}

/*========== //レスポンシブ780px以下 ==========*/

/*========== レスポンシブ680px以下 ==========*/

@media screen and (max-width: 680px) {
	
	/*===== ポップアップ =====*/

	div.modal ul li a {
		font-size: 14px;
		padding: 10px 15px;
	}

	div.modal p br {
		display: none;
	}
	
	/*===== //ポップアップ =====*/
	
	/*== 製品の特長 ==*/

	#sub_content .features .page_navi {
		padding-bottom: 70px;
		margin-bottom: 70px;
	}

	#sub_content .features .page_navi ul li {
		width: 100%;
	}
	
	#sub_content .features .page_navi ul li {
		margin-right: 0;
	}

	#sub_content .features .page_navi ul li a {
		align-items: center;
		height: 80px;
	}
	#sub_content .features .page_navi ul li a span {
		height: 100%;
		padding: 0 12px;
	}

	#sub_content .features .page_navi ul li a p {
		padding: 0;
		margin-left: 10px;
		margin-right: 10px;
	}

	#sub_content .features .page_navi ul li a p br {
		display: block;
	}
	
	#sub_content .features section .title_box span ,
	#sub_content .guide .faq_list .accordion_one .accordion_inner .title_box span{
		font-size: 16px;
		padding: 0 12px;
		background: #E9F3F5;
	}

	#sub_content .features section .title_box h3,
	#sub_content .guide .faq_list .accordion_one .accordion_inner .title_box h3 {
		margin-left: 10px;
		margin-right: 10px;
	}

	#sub_content .features section .inner_box .img_list li {
		margin-right: 10px;
	}

	#sub_content .features section .inner_box .img_list li small {
		font-size: 12px;
		text-align: center;
		margin: 10px 0;
	}

	#sub_content .features section .inner_box .dotted {
		position: relative;
		font-size: 16px;
		font-weight: 300;
		line-height: 1.6;
		padding-left: 15px;
	}

	#sub_content .features section .inner_box .dotted::before {
		position: absolute;
		content: "・";
		font-weight: 700;
		color: #EC6D37;
		left: 0;
	}

	/*== //製品の特長 ==*/
	
	/*== 仕様 ==*/
	
	#sub_content .specification .tb_scroll {
		overflow: auto;
	}
	
	#sub_content .specification .tb_scroll::-webkit-scrollbar {
		height: 5px;
	}
	
	#sub_content .specification .tb_scroll::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	
	#sub_content .specification .tb_scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	
	#sub_content .specification table {
		width: 780px;
	}
	
	#sub_content .specification table tr th,
	#sub_content .specification table tr td {
		font-size: 12px;
		padding: 10px 5px;
	}

	#sub_content .specification table tr .no-wrap {
		width: 80px;
	}

	#sub_content .specification table tr:last-child th,
	#sub_content .specification table tr:last-child td {
		padding: 35px 5px;
	}
	
	#sub_content .specification table tr td img {
		width: 100%;
	}
	
	#sub_content .guide .faq_list .accordion_one .accordion_inner .box_one {
		position: relative;
		padding: 0;
	}
	
	/*== //仕様 ==*/
	
}

/*========== //レスポンシブ680px以下 ==========*/

/*========== レスポンシブ480px以下 ==========*/

@media screen and (max-width: 480px) {
	
	/*===== ヘッダー =====*/
	/*===== //ヘッダー =====*/

	/*===== メインコンテンツ =====*/
	/*===== //メインコンテンツ =====*/

	/*===== フッター =====*/
	/*===== //フッター =====*/

	/*===== 下層ページ =====*/
	
	/*===== viewphii-US 製品情報 =====*/
	
	#sub_content .sub_title_box {
		margin-bottom: 20px;
	}
	
	#sub_content .sub_title_box h3 {
		font-size: 20px;
		font-weight: 400;
		padding: 15px 15px 15px 20px;
		border-left: 6px solid #EC6D37;
		background: #E9F3F5;
	}

	#sub_content .sub_title_box p {
		font-size: 14px;
		padding-right: 2.5%;
	}

	/*== 製品コンセプト ==*/
	
	#sub_content .concept .box01 .img_list li {
		margin-right: 5px;
	}
	
	#sub_content .concept .box02 .img_list li {
		margin-right: 10px;
	}
	
	#sub_content .concept .box02 .img_list li small {
		font-size: 12px;
		margin: 10px 0;
		text-align: center;
	}
	
	/*== //製品コンセプト ==*/

	/*== 製品の特長 ==*/
	/*== //製品の特長 ==*/

	/*== 仕様 ==*/
	
	#sub_content .specification table {
		width: 500px;
	}
	
	/*== //仕様 ==*/

	/*== 使い方ガイド ==*/

	#sub_content .guide .column {
		display: block;
	}

	#sub_content .guide .column .btn {
		width: 80%;
		padding: 20px 0;
		margin-right: 0;
		margin: 40px auto;
	}

	#sub_content .guide .column .btn  i {
		font-size: 24px;
		color: #424242;
		margin-right: 30px;
		vertical-align: text-bottom;
		transition: all .3s ease;
	}

	#sub_content .guide .column .img_box {
		width: 70%;
		margin: 0 auto;
	}

	/*== //使い方ガイド ==*/

	/*===== //viewphii-US 製品情報 =====*/
	
	/*===== 症例集 =====*/

	#sub_content #gallery .mv_list {
		display: block;
	}

	#sub_content #gallery .mv_list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 70px;
	}

	#sub_content #gallery .mv_list li:last-child {
		margin-bottom: 0;
	}

	/*===== //症例集 =====*/
	
	/*===== //下層ページ =====*/
}

/*========== //レスポンシブ480px以下 ==========*/

/*========== レスポンシブ380px以下 ==========*/

@media screen and (max-width:380px) {
	
	.sp_button_inner .contact a i {
		font-size: 22px;
	}

	.humburger span {
		width: 30px;
		right: calc(50% - 15px);
	}
	
	#sub_content .features .page_navi ul li a span,
	#sub_content .features .page_navi ul li a p {
		font-size: 12px;
	}
	
	#sub_content .features .page_navi ul li a {
		height: 50px;
	}
	
	#sub_content .guide .column .btn {
		font-size: 14px;
	}
	
}

/*========== //レスポンシブ380px以下 ==========*/

header #g_nav .main_nav li.sp_only {
	display: none;
}

.lang_box ul {
	display: flex;
}

.lang_box ul li {
	position: relative;
	margin: 0 15px 0 0;
}

.lang_box ul li::after {
	position: absolute;
	content: "/";
	right: -10px;
}

.lang_box ul li:last-child::after{
	content: none;
}

.lang_box ul li a:hover,
.lang_box ul li a.active {
	color: #EC6D37;
}

.lang_box ul li a.active {
	font-weight: bold;
	pointer-events: none;
}

@media screen and (max-width: 780px) {
	
	header #g_nav .main_nav li.sp_only {
		display: block;
	}
	
	.lang_box {
		display: none;
	}
	
}