/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
.br_pc_only {display:none}
.br_sp_only {display:block}
html {
	font-size: 0.85rem;
	line-height: 1.6;
}
#top:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:80vh;
	background-size: cover;
    background-image: url("../images/back.jpg");
	background-position:center bottom;
}
#top + div {top: 52px;}
/* -----------------------------------------------
ヘッダー・グローバルナビ部分
----------------------------------------------- */
#top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
    bottom: auto;
}
#top-head .inner {
	width:100%;
    height: 52px;
    padding: 0;
}
    /* Fixed reset */
#top-head.fixed {
    padding-top: 0;
    background: transparent;
	height: 52px;
}
#top-head.fixed .inner{
    background-color:rgba(255,255,255,1);
	height: 52px;
}

#mobile-head {
        background: #fff;
        width: 100%;
        height: 52px;
        z-index: 999;
        position: relative;
    }
#top-head .logo img,#top-head.fixed .logo img {width: 50px;}
.for-tel,.for-form {display: none;}
.for-tel-fixed,.for-form-fixed,

.for-tel-fixed,#top-head.fixed .for-tel-fixed {
	display: block;
	position: absolute;
	top: 0;
	right:112px;
	width: 52px;
}
.for-form-fixed,#top-head.fixed .for-form-fixed {
	display: block;
	position: absolute;
	top: 0;
	right:60px;
	width: 52px;
}
.for-tel-fixed img,.for-form-fixed img {max-width: 52px;}

#global-nav,#top-head.fixed #global-nav {
        position: absolute;
        top: -504px;
		right:0;
        background: #fff;
        width: 100%;
        text-align: center;
        padding: 14px 0 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
#global-nav ul,#top-head.fixed #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		text-align:left;
		margin:0;
		padding:0;
        width: 100%;
        flex-direction: column; 
}
#global-nav ul li {
	width:100%;
	border-bottom:solid 1px #faa0a0;
	border-right: none;padding: 0em;
	display:inline-block;
    }
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
}

#global-nav .head_menu{ border-left: none;}
#global-nav .head_menu a{display: block;; line-height: 50px;padding: 0 1.2em;}
#global-nav .head_menu a:link,
#global-nav .head_menu a:visited,
#global-nav .head_menu a:hover {
    border-bottom: none;
    text-decoration: none;
    -webkit-transition: all .5s;
    transition: all .5s;
 }
#top-head.fixed #global-nav ul li {
	font-size: 100%;
	padding: 0; 
}

#nav-toggle {display: block;}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
header {
	margin:0 auto 0;
	max-width:768px;
	padding:0;
    height: 60vh;
}
.head_innner h2 {font-size: 2.5rem;font-weight:bold;padding-bottom: 20px;}
.head_innner h2 span {display: block; text-align: center;}
.head_innner h3 {font-size: 1.5rem;font-weight:bold;}

#wrapper {
	width:100%;
	overflow: hidden;
    margin: 0 auto;
}
h4{font-size: 26px; margin: 1rem auto;}
h5{font-size: 14px;}
h5 span{font-size: 24px;}

.info_inner {
    padding: 20px 0;
	flex-direction: column;
	justify-content: center;
}
.info_inner .info_pt{padding: 20px 20px 10px;}

.message{padding: 30px 10px;}
.message_innner{height: 78px;padding: 0 10px;}
.message_innner::before{
	width: 16px;
	height: 78px;
	background-size: cover;
}
.message_innner::after{
	background-size: cover;
	background-position: right;
	width: 16px;
	height: 78px;
}

#feature .feature_inner {padding: 10px 0;}
.feature_inner .feature_pt_sp{display: block; width: 100%;max-width: 340px;margin: 10px auto 0;}
.feature_pt_sp img {width: 100%;  }
.feature_inner .feature_pt{display: none;}

#trouble { background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #f2f2f2 30%, #f2f2f2 100%);padding: 0 20px;}
#trouble .trouble_inner {padding: 40px 0 20px;}
.trouble_inner h4::after{height: 46px;margin-bottom: 1em;}
.trouble_inner .trouble_pt{display: none;}
.trouble_inner .trouble_pt_sp{display: block; width: 100%;max-width: 340px;margin: 0 auto 0;}
.trouble_pt_sp img {width: 100%;}

#solution {padding: 0 20px;}
#solution .solution_inner {padding: 10px 0 20px;}
.solution_inner p {	font-size: 1rem;}
.solution_box{
  display: block;
}
.solution_box ul {width: 100%;}
.profileimg{
	width: 100%;
	max-width: 1000px;
	margin: 2rem auto 2rem;
	position: inherit;
}
.profileimg .pro-textbox{position: relative;	top:0%;left: 0%;}
.pro-textbox .copytitle{font-size:2rem;font-weight: bold;margin: 0 auto;}
.pro-textbox .pro-text{font-size:0.9rem;max-width: 80%; }
.pro-textbox .pro-name{font-size:3rem;writing-mode: vertical-rl;position: absolute;right: 0%;bottom: 10%; }
.solution_box__image{width: 100%;}
.solution_box__image img{width: 100%;}
.leftspace{margin-left: 0px;}
.rightspace{margin-right: 0px;}

#support {}
#support .support_inner {padding: 40px 0 150px;}
.support_inner h5{font-size: 1.5rem;margin: 2rem auto;}
.support_inner .support_pt{display: none;}
.support_inner .support_pt_sp{display: block; width: 100%;max-width: 820px;margin: 20px auto 0;}
.support_pt_sp img {width: 100%;}
.support_info_box{padding: 10px 20px;}
.support_info_inner {justify-content: center;flex-direction: column;}
.support_info_inner .support_info_pt{margin: 10px auto 5px;}

footer{width: 100%;}
footer .f_inner{
	width: 100%;
	padding: 0 1rem;
}
footer .f_inner .copy{
	margin-top:0;
	padding: 0;
}
footer .f_inner .copy_en{
	line-height:2;
	padding:0;
}
footer .pagetop {margin-top:-0.5em;}
footer #entrybt img {width: auto;}
footer #entrybt {padding: 1em 0;}
footer .form_menu{font-size: 1.5rem;}
.form_menu a {background-size: auto 50%;}