/*-----------------------------------------------------------------------------------*/
/*	    HP1_2
/*      Built with Blocs
/*-----------------------------------------------------------------------------------*/

body{
	margin:0;
	padding:0;
	background:#FFF;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
a:hover{text-decoration: none; cursor:pointer;}
a,button{outline: none!important;}
h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
.btn, a{
	font-family:"Helvetica";
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.container{
	width:100%;
	padding-left:15px;
	padding-right:15px;}
.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;}
.bloc .container{
	padding-left:0;
	padding-right:0;}
.bloc-xxl{padding:200px 50px;}
.bloc-xl{padding:150px 50px;}
.bloc-lg{padding:100px 50px;}
.bloc-md{padding:20px;}
.bloc-sm{padding:20px 50px;}
.bloc-group{
	width:100%;
	display:table;
	table-layout: fixed;}
.bloc-group .bloc{
	position:relative;
	display: table-cell;
	vertical-align: top;}
.bloc-tile-2{width:50%;}
.bloc-tile-3{width:33.33333333%;}
.bloc-tile-4{width:25%;}
.bloc-tile-2 .container,
.bloc-tile-3 .container,
.bloc-tile-4 .container{width:100%;}
.b-parallax{background-attachment:fixed;}
.d-bloc{color:rgba(255,255,255,.7);}
.d-bloc button:hover{color:rgba(255,255,255,.9);}
.d-bloc h1,
.d-bloc h2,
.d-bloc h3,
.d-bloc h4,
.d-bloc h5,
.d-bloc h6,
.d-bloc .ico{
	color:rgba(255,255,255,.9);}
.d-bloc .icon-round,
.d-bloc .icon-square,
.d-bloc .icon-rounded,
.d-bloc .icon-semi-rounded-a,
.d-bloc .icon-semi-rounded-b{border-color:rgba(255,255,255,.9);}
.d-bloc .divider-h span{border-color:rgba(255,255,255,.2);}
.d-bloc a{color:rgba(255,255,255,.6);}
.d-bloc a:hover{color:rgba(255,255,255,1);}
.d-bloc .navbar-toggle .icon-bar{background:rgba(255,255,255,1);}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);}
.d-bloc .panel{color:rgba(0,0,0,.5);}
.d-bloc .panel button:hover{color:rgba(0,0,0,.7);}
.d-bloc .panel h1,
.d-bloc .panel h2,
.d-bloc .panel h3,
.d-bloc .panel h4,
.d-bloc .panel h5,
.d-bloc .panel h6,
.d-bloc .ico{color:rgba(0,0,0,.7);}
.d-bloc .panel icon{border-color:rgba(0,0,0,.7);}
.d-bloc .panel .divider-h span{border-color:rgba(0,0,0,.1);}
.d-bloc .panel a{color:rgba(0,0,0,.6);}
.d-bloc .panel a:hover{color:rgba(0,0,0,1);}
.d-bloc .panel .btn-wire, .d-bloc .panel .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);}
.l-bloc{color:rgba(0,0,0,.5);}
.l-bloc button:hover{color:rgba(0,0,0,.7);}
.l-bloc h1,
.l-bloc h2,
.l-bloc h3,
.l-bloc h4,
.l-bloc h5,
.l-bloc h6,
.l-bloc .ico{color:rgba(0,0,0,.7);}
.l-bloc .icon-round,
.l-bloc .icon-square,
.l-bloc .icon-rounded,
.l-bloc .icon-semi-rounded-a,
.l-bloc .icon-semi-rounded-b{border-color:rgba(0,0,0,.7);}
.l-bloc .divider-h span{border-color:rgba(0,0,0,.1);}
.l-bloc a{color:rgba(0,0,0,.6);}
.l-bloc a:hover{color:rgba(0,0,0,1);}
.l-bloc .navbar-toggle .icon-bar{color:rgba(0,0,0,.6);}
.l-bloc .btn-wire, .l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);}
.voffset{margin-top:30px;}
.voffset-md{margin-top:50px;}
.voffset .col-sm-4 {height: 300px;}
#hero-bloc h1{font-size:50px;}
#hero-bloc h3{font-size: 24px;}
#bloc-2 h3{font-size: 28px;}
#bloc-2 p{
	font-size: 16px;
	line-height: 30px;}
#bloc-3 {
    background: url(../img/ga_report_2.jpg) center no-repeat;
    background-size: cover;}
#bloc-3 h3{
	font-size: 26px;
	font-weight: bold;}
#bloc-3 p{
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
	width: 90%;
	margin: 0 0 0 10%;}
#bloc-3 br { display: none;}
#bloc-3 p:before {
	content:"一、";
	margin-left: -33px;}
#bloc-3 div.colsm6 { padding: 2% 0 2% 5%;}
#bloc-4 div.colsm6 { padding: 2% 5%;}
#bloc-5 div.colsm6 { padding: 2% 5%;}
#bloc-4 h3{font-size: 22px;}
#bloc-4 p{
	font-size: 16px;
	line-height: 30px;}
#bloc-5 h3{font-size: 22px;}
#bloc-5 p{
	font-size: 16px;
	line-height: 30px;}
#bloc-6 h2{font-size: 24px;}
#bloc-6 p{line-height: 24px;
        text-align: center;}
#bloc-7 h3{font-size: 22px;}
#bloc-7 p{
	font-size: 16px;
	line-height: 30px;}
#bloc-9 h2{font-size: 24px;}
#bloc-9 p{line-height: 24px;}
#bloc-10 p{
	font-size: 16px;
	line-height: 26px;}
#bloc-12 h3{line-height: 36px;}
#bloc-14 p{font-size: 16px;}
.navbar{
	margin-bottom: 0;
	z-index:1;}
.navbar-brand{
	height:auto;
	padding:15px 15px;
	font-size:25px!important;
	font-weight:normal;
	font-weight:600;}
.navbar-brand img{
	width: 100%;
	max-height: 200px;
	margin: 0 15px 0 0;
	display:inline;}
.navbar-brand{ padding: 15px 15px;}
.navbar .nav{
	padding-top: 2px;
	margin-right: -16px;
	float:right;
	z-index:1;}
.nav > li{
	float:left;
	margin-top:4px;
	font-size:16px;}
.navbar-nav .open .dropdown-menu > li > a{ text-align: inherit;}
.nav > li a:hover, .nav > li a:focus{ background:transparent;}
.navbar-toggle{
	margin: 10px 10px 0 0;
	border: 0px;}
.navbar-toggle:hover{ background:transparent!important;}
.navbar-toggle .icon-bar{
	background-color: rgba(0,0,0,.5);
	width: 26px;}
.nav-invert .navbar .nav{ float:left;}
.nav-invert .navbar-header, .nav-invert .navbar-brand{ float:right;}
.center {text-align:center;}
table {
	width: 90%;
	margin: 0 5%;}
table tr {}
table tr th {width: 25%;}
table tr td {
    padding: 1% 0;
    line-height: 1.8;}
/*.col-sm-6 p { line-height: 1.8;}*/
form input,
form textarea { color: #000;}
@media (min-width: 768px){
	.site-navigation{
		position:absolute;
		top:50%;
		right:20px;
		transform:translate(0, -50%);
		-webkit-transform:translateY(-50%);}
	.nav-invert .site-navigation{
		left:20px;
		right:0;}
	.nav-center{text-align:center;}
	.nav-center .navbar-header{width:100%;}
	.nav-center .navbar-header, .nav-center .navbar-brand, .nav-center .nav > li{
		float: none;
		display:inline-block;}
	.nav-center .site-navigation{
		position:relative;
		width:100%;
		margin-top:20px;}
}
.nav > li > .dropdown a{
	background: none!important;
	display: block;
	padding: 14px 15px;}
nav .caret{margin: 0 5px;}

.hero{padding-top:0;}
.hero-nav{
	position:absolute;
	margin: 0 auto;
	top:0;
	left:0;
	right:0;}
.v-center{
	position: relative;
	height: inherit;}
.v-center .vc-content{
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);}
.hero .btn-dwn{
	width: 58px;
	height: 58px;
	line-height: 58px;
	margin: 0 0 0 -29px;
	padding: 0;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	color: rgba(255,255,255,.8);
	background: rgba(0,0,0,.6);
	position: absolute;
	left: 50%;
	bottom: 60px;
	border:0;}
.hero .btn-dwn:hover{color: rgba(255,255,255,1);}
.hero .hero-nav{
	padding-left:inherit;
	padding-right:inherit;}
.mg-clear{margin:0;}
.mg-md{
	margin-top:10px;
	margin-bottom:20px;}
.mg-lg{
	margin-top: 0px;
	margin-bottom:10px;}
img.mg-sm,img.mg-md,img.mg-lg{margin-top: 0;}
img.mg-sm{margin-bottom:10px;}
img.mg-md{margin-bottom:30px;}
img.mg-lg{margin-bottom:50px;}

/* = Buttons
-------------------------------------------------------------- */

.btn{margin: 0 5px 5px 0;}
.btn.pull-right{margin: 0 0 5px 5px;}
.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF!important;
	background:rgba(0,0,0,.3);}
button{outline: none!important;}
.a-btn{
	padding: 6px 10px 6px 0;
	line-height: 1.42857143;
	display:inline-block;}
.text-center .a-btn{padding: 6px 0;}
.a-block{
	width:100%;
	text-align: left;}
.dropdown a .caret{margin:0 0 0 5px}
.icon-xl{font-size:100px!important;}
.panel{
	border:0!important;
	box-shadow: 0 0 2px rgba(0,0,0,.4);}
.panel-heading, .panel-footer{
	background-color: inherit;
	border-color: rgba(0,0,0,.1)!important;}
.panel-sq, .panel-sq .panel-heading, .panel-sq .panel-footer{border-radius:0;}
.panel-rd{border-radius:30px;}
.panel-rd .panel-heading{border-radius:29px 29px 0 0;}
.panel-rd .panel-footer{border-radius:0 0 29px 29px;}
.form-control{
	border-color:rgba(0,0,0,.1);
	box-shadow:none;}
.empty-column,.empty-column.thin{
	width:100%;
	height:350px;
	display:inline-block;}
.empty-column{height:350px;}
.empty-column.thin{height:150px;}
iframe{border:0;}
.scrollToTop{
	width:40px;
	height:40px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity: 0;
	z-index: 500;
	transition: all .3s ease-in-out;}
.scrollToTop span{margin-top: 6px;}
.showScrollTop{
	font-size: 14px;
	opacity: 1;}
.bgc-white{	background-color:#ffffff;}
.bgc-azure{background-color:#0099FF;}
.bgc-outer-space{background-color:#47454B;}
.tc-white{color:#ffffff!important;}
.bg-P1150523{background-image:url("../img/P1150523.JPG");}
.bg-bg-pc{background-image:url("../img/bg_pc.jpg?timestamp=1450833435284");}
.bg-bg-pc{background-image:url("../img/bg_pc.jpg");}
.bg-FF176-L{background-image:url("../img/FF176_L.jpg");}
.bg-hiro-image{background-image:url('../img/hiro_image.jpg');}
.bg-bg-pc{background-image:url('../img/bg_pc.jpg');}
.col-sm-6 ul.colsm6 {
    list-style: none;
    padding: 0;
    margin: 0;}
.col-sm-6 ul.colsm6 li {
    background: #deeb1d;
    width: 150px;
    height: 150px;
    padding: 60px 20px;
    vertical-align: middle;
    text-align: center;
    border-radius: 100px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin: 0 2%;}
.col-sm-6 ul.colsm6 li:nth-child(2),
.col-sm-6 ul.colsm6 li:nth-child(4) { padding: 70px 20px;}
.col-sm-6 ul.colsm6 li:nth-child(1) {margin: 0 2% 0 15%;}
.col-sm-6 ul.colsm6 li:nth-child(2) {margin: 0 15% 0 2%;}
.col-sm-6 ul.colsm6 li:nth-child(3) {}
.col-sm-6 ul.colsm6 li:nth-child(4) {}
.col-sm-6 ul.colsm6 li:nth-child(5) {}




@media (max-width: 1024px){
    .bloc{
        padding-left: 20px; 
        padding-right: 20px;}
}
@media (max-width: 768px){
    .container{width:100%;}
    .b-parallax{background-attachment:scroll;}
    .page-container, #hero-bloc{/*overflow-x: hidden;*/position: relative;} /* Prevent unwanted side scroll on mobile */  
}
@media (max-width: 767px){
    .page-container{
        overflow-x: hidden;
        position:relative;}
    h1,h2,h3,h4,h5,h6,p{
        padding-left:10px!important; 
        padding-right:10px!important; }
    #hero-bloc h1{font-size:40px;}
    #hero-bloc h2{font-size:34px;}
    #hero-bloc h3{font-size:25px;}
    .bloc{
        padding-left: 0; 
        padding-right: 0;  
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;}
    #bloc-3 { background: none !important;}
    .b-parallax{background-attachment:scroll;}
    .navbar .nav{
        padding-top: 0;
        border-top:1px solid rgba(0,0,0,.2);
        float:none!important;}
    .navbar.row{
        margin-left: 0;
        margin-right: 0;}
    .site-navigation{
	   position:inherit;
	   transform:none;
	   -webkit-transform:none;
	   -ms-transform:none;}  
    .nav > li{
        margin-top: 0;
        border-bottom:1px solid rgba(0,0,0,.1);
        background:rgba(0,0,0,.05);
        text-align: left;
        padding-left:15px;
        width:100%;}
    .nav > li:hover{background:rgba(0,0,0,.08);}
    #hero-bloc .navbar .nav{background:rgba(0,0,0,.8);}
    #hero-bloc .navbar .nav a{color:rgba(255,255,255,.6);}
    .hero{padding:50px 0;}
    .hero-nav{
        left:-1px;
        right:-1px;}
    .navbar-collapse{
        padding:0;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;}
    .navbar-brand img{
        max-height: 40px;
        width:auto;
        margin: -10px 10px 0 0;}
    .nav-invert .navbar-header{
        float: none;
        width:100%;}
    .nav-invert .navbar-toggle{float:left;}
    .btn.pull-left, .btn.pull-right{float:none!important;}
    .bloc-group .bloc{
         display:block;
         width:100%;}
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
	   padding-left: 10px;
	   padding-right: 10px;}
    .bloc-xxl,.bloc-xl,.bloc-lg{padding: 0;}
    .bloc-sm,.bloc-md{
        padding-left: 0; 
        padding-right: 0;}
    .a-block{padding:0 10px;}
    .btn-dwn{display:none;}
    .voffset{margin-top:5px;}
    .voffset-md{margin-top:20px;}
    .voffset-lg{margin-top:30px;}
    form{padding:5px;}
    .close-lightbox{display:inline-block;}
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        margin-top: 30px;
        margin-bottom: 30px;}
    .video-bg-contianer{display:none;}
    .col-sm-6 ul.colsm6 {
        list-style: none;
        padding: 0;
        margin: 0;}
    .col-sm-6 ul.colsm6 li {
        background: #fff;
        width: 90%;
        height: 80px;
        padding: 30px 10px;
        vertical-align: middle;
        text-align: center;
        border-radius: unset;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        border: solid 1px #eb781d;
        margin: 0 5% !important;}
    .col-sm-6 ul.colsm6 li:nth-child(2),
    .col-sm-6 ul.colsm6 li:nth-child(4) { padding: 30px 10px;}
    .col-sm-6 ul.colsm6 li:nth-child(1),
    .col-sm-6 ul.colsm6 li:nth-child(2),
    .col-sm-6 ul.colsm6 li:nth-child(3),
    .col-sm-6 ul.colsm6 li:nth-child(4),
    .col-sm-6 ul.colsm6 li:nth-child(5) { margin: 0;}
    #bloc-3 p { line-height: 40px;}
    #bloc-3 br { display: block;}
}

.col-sm-101 {
    width: max-content;
    margin: 0 auto;
    float: unset;}
@media (max-width: 767px){

h3, .h3 {
    font-size: 20px;
}
#bloc-3 h3 {
    font-size: 20px;}
#bloc-3 p {
    font-size: 14px;}
.voffset .col-sm-4 {
    height: auto;
}
.col-sm-101 {
    width: auto;
    margin: auto;
    float: unset;}
.col-sm-101 h3 { font-size: 17px;}
.col-sm-101 h4 { font-size: 15px;}

}