@charset "UTF-8";
/* CSS Document */

/*タブレット用スタイル*/
@media (min-width: 768px) and (max-width: 1009px) {
html{
    overflow-x: hidden;
}
body{
    font-size: 16px;
}
section{
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}
.h2_blue {
    padding-top: 30px;
    padding-bottom: 30px;
}
.tabph15{
    padding-right: 15px;
    padding-left: 15px;
}
.w70{
    width: 70%;
}
.sh_tit{
	font-size: 30px;
}
.sh_eng{
	font-family: "Roboto Condensed",sans-serif;
}
.sh_small{
	font-size: 24px;
	font-weight: normal;
	color: #094ba3;
}
.sh_blue{
	color: #094ba3;
}
.sh_blue_tit{
	font-size: 30px;
	color: #fff;
}
.sh_blue_small{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.narrow{
    margin-left: 70px;
    margin-right: 70px;
}
	
/*--------------------------------------------------------
top
--------------------------------------------------------*/

/*header*/
#header .header {
	width: 100%;
	margin: 0 auto;
}
#header .logo{
	width: 40%;
}
#header .ul{
	width: 58%;
}
	
/*gnav*/	
.gnav li{
	font-size: 10px;
}
.gnav .br_sp {
    display: none;
}	
/*pan*/	


/*mv*/
.mv{
	padding-top: 30px;
	padding-bottom: 70px;
}
.mv_txt{
	width: 49%;	
}
.mv_bg{
	right: 2%;	
	width: 60%;
	bottom: -70px;
}
.mv_bg img{
	width: 100%;
}
.mb_btnarea{
	width: 49%;	
}
.fl {
    float: left;
    padding-right: 30px;
    padding-bottom: 30px;
	max-width: 45%;
}
/*-------mv_3------------*/
.mv_3{
	padding-top: 60px;
	padding-bottom: 80px;
}
.mv_bg3 img{
	width: 65%;
}
.mv_bg3{
	position: absolute;
	z-index: -1;
/*	right: -10%;*/
	right: -25%;
	bottom: -80px;
	margin: auto;
}

/*-------------------
追加css20/05/08
-------------------*/

.mv_bg_d{
	right: 0;	
	width: 50%;
	bottom: 20px;
}
.mv_bg_d img{
	width: 95%;
}
.mv_txt_d img{
	max-width: 45%
}
.mv_txt_d{
	margin-bottom: 20px;
}
.wd{
	width: 100%;
}
.fl2{
	float: left;
	padding-right: 30px;
    padding-bottom: 30px;
	max-width: 50%;
	
}

.ribon{
  position: relative;
  padding: 1em;
  background: #094ba3;
  color: white;
	left: -3em;
	margin-bottom: 10px;
	width: 65%;
}

.ribon::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 16px rgb(149, 158, 155);
}
	
.img01 img{
	max-width: 100%;
}

/*sec01*/
.top_sh01_man{
	position: absolute;
	top: 30%;
	right: 15px;
}
.compare_h3{
	color: #4367c7;
	text-align: center;
	font-size: 20px;
	position: relative;
	margin-bottom: 30px;
}
.compare_box_in {
    padding: 30px;
}
/*sec02*/
.inp_txt{
	font-size: 16px;
}

/*sec02*/
.top_sh04_woman{
	position: absolute;
	left: .5%;
	bottom: 0;
}
	
/*sec05*/
.pfm_txt{
	font-size: 12px;
}
.pfm_box_in{
	background: url(../img/tab_pfm_arrow.png) no-repeat left center #e7f3fe;
}
	
/*sec08*/
.document_pic{
	right: 75px;
}
	
/*--------------------------------------------------------
about
--------------------------------------------------------*/

/*mv*/
.about_mv img{
	width: 110%;
}
.about_mv_man{
	right: 5%;
}
	
.service_box h3 {
    font-size: 20px;
	padding: 0 10px;
	padding: 0 50px;
}
	
/*sec01*/
.movie_wrap {
	padding: 56.25% 0 0 0;
	max-width: 100%;
	margin:60px auto 40px;
}
/*sec06*/
.case_dl dd{
	font-size:18px;
}
	
/*--------------------------------------------------------
business
--------------------------------------------------------*/

/*mv*/
.business_clearbox{
	margin-top: -30%;
}
	
/*sec01*/
.business_area_man{
	top: -60px;
}
	
/*--------------------------------------------------------
price
--------------------------------------------------------*/
/*sec02*/
.price_sh02_man{
	position: absolute;
	bottom: -30%;
	right: 12%;
}
.price_dif_box_l{
	font-size: 20px;
}
	
.price_dif_box_l h3{
	font-size: 21px;
}
.price_dif_box_l h3{
	margin-top: 80%;
}
.price_dif_box_l02 h3{
	margin-top: 74%;
}
	
/*--------------------------------------------------------
company
--------------------------------------------------------*/
/*sec01*/
.company_h1_man{
	left: 12%;
}
#company .sec01 .txt01 {
    width: auto;
}
#company .sec01 .branch01 {
	left: 0;
	width: 48%;
}
#company .sec01 .branch02 {
	right: 0;
	width: 48%;
}
/*sec02*/
.company_sh02_woman{
	right:30%;
}
#company .seminar {
    margin-bottom: 60px;
}
/*sec03*/
.company_sh03_woman{
	left: 25%;	
}
#company .sec03 {
    padding-top: 30px;
}
/*sec04*/
.company_sh04_man {
    right: 29%;
}
/*bxslider*/
#company .navi-btn {
    width: 50px;
    height: 50px;
    -webkit-background-size: 50px;
    background-size: 50px;
}
#company .feed-prev-btn,
#company .feed-next-btn{
	top: 43%;
}
#company #feed02-prev-btn,
#company #feed02-next-btn{
	top: 43%;
}
#company .feed-prev-btn .bx-prev ,
#company .feed-next-btn .bx-next {
	width: 50px;
	height: 50px;
}
#company .feed-next-btn {
    right: -15px;
}
#company .feed-prev-btn{
    left: -15px;
}
#company .seminar .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -50px;
}
#company #map {
    width: 100%;
}
/*--------------------------------------------------------
materials
--------------------------------------------------------*/
/*sec01*/
.materials_h1_woman{
	position: absolute;
	right: 15%;
	bottom: 0;
}
/*sec02*/
.future_in{
	background: url("../img/tab_materials_light.png");
	background-size: cover;
	padding: 40px;
	margin-bottom: 30px;
}
.pcman {
    right: 0;
    top: unset;
    bottom: -15px;
}
.form_gray,.form_white {
    padding: 20px 0px;
}

/*--------------------------------------------------------
consultation
--------------------------------------------------------*/	
/*sec01*/
.consul_box_in{
	background:url("../img/tab_consultation_back_huki.png") no-repeat #fff; 
    background-size:cover;
    padding: 30px;
    z-index: 1;
}

/*--------------------------------------------------------
thanks
--------------------------------------------------------*/
.thanks .btn-accent a {
    width: 300px;
}
.thanks h1 {
    font-size: 36px;
}
	
/*--------------------------------------------------------
owner
--------------------------------------------------------*/
/*mv*/
.mv_owner{
	padding-top: 40px;
	padding-bottom: 40px;
	z-index: 1;
}
.mv_txt_owner{
	margin-bottom:0px;
}
.mv_txt_owner img{
	width: 80%
}

.mv_bg_owner{
	position: absolute;
	z-index: -1;
	right: -10%;
	bottom: 0%;
}
.mv_bg_owner img{
	width: 70%;
}
.mb_btnarea_owner{
	bottom: 10%;
	left: 1%;
}

/*--------------------------------------------------*/

.compare_box_in_owner{
	background: #f3f3f3;
	padding: 30px;
}

.pfm_fl_owner{
	float: left;
	width: 30%;
}
.pfm_fr_owner{
	float: right;
	width: 65%;
}

.blue_ib_owner{
	font-size: 24px;
	color: #fff;
	background: #4367c7;
	padding: 5px 15px;
	text-align: center;
}
.compare_box .blue_ib_owner{
	font-size: 18px;
	color: #feea34;
	background: #4367c7;
	padding: 5px 10px;
	text-align: center;
	line-height: 1.4;
}

}


/*タブレット用スタイルend*/