@charset "utf-8";
/* CSS Document */
@media (max-width: 1600px) {

#header_inner{padding: 0 10px;}
}
@media (max-width: 1180px) {
ul#navi_ul li{    padding: 0 4px;}
#logo img {
    height: auto;
    max-height: 38px;
}

}
@media (max-width: 1023px) {
	
	.fixapply{     background: #EA5442 url(../img/icon_fly.png)no-repeat 10px 50%;
    background-size: 20px; 
    font-size: 18px;
    padding: 20px;padding-left:30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 290px;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: bold;
    border: 1px solid #EA5442;height:auto;
}
.fixapply:hover{background:#fff url(../img/icon_fly2.png)no-repeat 10px 50%;background-size:20px;color:#EA5442!important;text-decoration:none;border:1px solid #EA5442;}

	
	.sidefixed{
    position: fixed;
    right: auto;left:10%;
    top: auto;bottom:0;
    z-index: 100;
    box-shadow: 0px 0px 3px 1px #ccc;
    -moz-box-shadow: 0px 0px 3px 1px #ccc;
    -webkit-box-shadow: 0px 0px 3px 1px #ccc;}

	
	
	
#f-page{margin-top:30px;}
	.count-r {
    display: inline-block;
    text-align: center;
}
	
.Mv .Mv-text {
    font-size: 40px;
}

body{padding-top: 52px;}

	
.notab{display:none;}
.nopc{display:block!important;}.nosp{display:none!important;}

.w1100{    width: auto;padding:0 1%;}

#header_inner {
	width:auto;
	margin: 0 auto;
}
#header_left {
    float:none;
    width:auto;
    padding:0;
}
/*.submenu{display:block;}*/
.submenu li a{background:#eee;}

.trigger:hover .sub-wrap {
    opacity:0;
    visibility:hidden;
    height: 0;
    z-index: -2;
}

ul.accordion li p {
    line-height: 26px !important;
    /* background: #E8EEFF; */
    padding: 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #fff;
    display: block;
    background-image: url(../img/ya01.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    /* height: 18px; */
    padding: 8px;
    /* padding-top: 13px; */
    /* border: 1px solid #cccccc; */
    border-top: none;
    text-align: left;
    cursor: pointer;
    font-weight: normal;
}
    ul.accordion li p{
     background-image: url(../cmn/open.png);
     background-repeat: no-repeat;background-size:16px;
     background-position: 95% center;
}

ul.accordion li p.active{
          background-image: url(../cmn/close.png);background-size:16px;
}


#navi{
		 color:inherit;height:auto;    overflow-x: hidden;
/*    overflow-y: hidden;*/
}


ul#navi_ul {
	position: relative;
	text-align:inherit;
	margin:0 auto;
	background: rgba(255,255,255,0.9);

}
ul#navi_ul li a {
	text-decoration: none;
color:#666;
	font-weight:normal;
	letter-spacing:inherit;
	font-family:inherit;
	line-height:26px;padding:8px;
}
ul#navi_ul li {
		padding: 0;
	float: none;
	position: relative;
	display:inherit;margin:auto}




/*ul#navi_ul li:hover {
background:#abb9db;
color:#ffffff !important;
}*/



/* �w�b�_�[ */
header  {
    position:fixed;
    top:0;
    left:0;
    width:100%;
	height:52px;
    background:#fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    z-index:9999;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
header .inner {
    position:relative;
    padding:0 0px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
header h1#logo {
    font-size: 16px;
    height: 30px;
    float: left;
    max-height: 30px;
    max-width: 200px;
    /* max-width: 160px; */
    display: table-cell;
    vertical-align: middle;
    position: relative;
     margin-top: 0px;
}
	
header .inner01 h1 img {
/*display:table-cell;*/vertical-align:middle;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
} 
/* �i�r�Q�[�V���� */
header nav {
        overflow:auto;
        position: fixed;
        top: 0;
        right: -70%;
        width: 70%;
        max-width:320px;
        /*height: 100%;*/
        opacity: 0;
        z-index:9999;
		/*background:rgba(255,255,255,0.9);*/
}
/* �i�r�Q�[�V�����F�A�N�e�B�u�� */
header.navOpen nav {
        opacity: 1;
        right: 0;
}
header nav ul {
    border-top:1px solid #ccc;
}
header nav ul li {
    border-bottom:1px solid #ccc;	color:#000000;
}
header nav ul li a {
    position:relative;
    display:block;
    padding:13px;
    text-decoration:none;
	color:#000000;line-height: 45px;
}
header nav ul li a:hover {
    background:#f2f2f2;	color:#000000;
}
header nav ul li a:before {
  position: absolute;	color:#000000;
  top: 50%;
  right: 1.5em;
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  margin-top: -4px;
  margin-right: -4px;
  vertical-align: middle;
    border-top: 3px solid #666666;
  border-right: 3px solid #666666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
 
/**/
	
	header .tel2 {
        display: block;
        width: 30px;
		height:30px;
        position: absolute;
        top: 5px;
        right: 58px;
	
        cursor: pointer;
		padding:5px;

}

header .navBtn {
        display: block;
        width: 30px;
		height:30px;
        position: absolute;
        top: 0;
        right:0;
        cursor: pointer;padding:10px 10px;padding-top:7px;padding-bottom:16px;
background:#474747;
box-sizing:content-box;

}

header .navBtn span {
		z-index:10;
	margin-top: 3px;
        display: block;
        height: 4px;
        width: 100%;
        background: #ffffff;
        border-radius: 2px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

header .navBtn span.menuB{
	background:none;
	width:auto;	margin-top: 0px;
	border-radius:0;
	display: block;
	position: absolute;
	height:auto;
    top: 34px;
    right:11px;
	z-index:15;color:#ffffff;
		font-size:10px;} 

header .navBtn span:nth-of-type(2),
header .navBtn span:nth-of-type(3) {
margin-top: 5px;
}
/* �i�r�Q�[�V�����A�C�R���F�A�N�e�B�u */
header.navOpen .navBtn span:nth-of-type(1) {
        -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
        -ms-transform: translateY(9px) translateX(0) rotate(45deg);
        transform: translateY(9px) translateX(0) rotate(45deg);
}
header.navOpen .navBtn span:nth-of-type(2) {
        margin-top: 5px;
        opacity: 0;
        -webkit-transform: translateY(9px);
        -ms-transform: translateY(9px);
        transform: translateY(9px);
}
header.navOpen .navBtn span:nth-of-type(3) {
        -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
        -ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
        transform: translateY(-9px) translateX(0) rotate(-45deg);
}



}
@media (max-width: 900px) {
	
.main-visual {
    width: 100%;background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;height:auto;
}
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;    position: relative;
}
	.main-visual:before {
    content:none;
}
.Mv .Mv-text{    font-size: 30px;}

ul#navi_ul .submenu li a{font-size:14px;}

.case_l{background:#ffffff;float:left;height:auto;min-height:auto;width:50%;padding:15px;padding-top: 64px;position:relative;}
.case_l2{background:#ffffff;float:right;height:auto;min-height:auto;width:50%;padding:15px;padding-top: 64px;position:relative;}
	
}
@media (max-width: 768px) {
	
	.awsm-selectric .label {
    line-height: 36px!important;
    height: 36px!important;
}
	.awsm-selectric{margin-bottom:10px;}
	
	.awsm-lists{display:block;}
	.awsm-list-item{margin:auto;width:auto!important;}
	.awsm-list-left-col{float:none;    width:auto!important;}
	.awsm-list-right-col{float:none;    width:auto!important;}
	p{line-height: 160%;}.fo18 {
    font-size: 16px;
}
	.page .metoos_concept {
    padding-bottom: 30px;
}
	.metoos_concept li{font-size: 16px;}
	.mf_qa{border: 16px solid #eee;padding:10px;}
.case_number {
    padding: 0px 20px;
    font-size: 16px;
    top: -16px;
    left: 16px;
}
	.tags{margin-top: 50px;padding: 0 10px;margin-right:auto;display:block;float: none;}
	
	.tags span {
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    text-align: center;
    padding: 2px 20px;
    border-radius: 20px;
    margin-right: 5px;
    margin-top: 10px;
    display: inline-block;
	}.balloon1{margin-bottom:2em;}
	.flex_table{display:block;}
	.question1 {    padding: 10px;
    padding-bottom: 30px;
    width: 100%;position:relative;}
	.question1 img{max-height:180px;width:auto;}
	.question1:before{content:'';left: 0;
    right: 0;
    margin:0 auto;    bottom: -20px;position:absolute;z-index:1;
	background:url(../img/metoosfast/arrow2.png) no-repeat 50% 50%;background-size:172.5px;width:172.5px;height:38px;}
	.question1 p {
		font-size: 15px;}
	.answer1{
    width: 100%;padding:20px;
    border: 10px solid #ffe6eb;    min-height:inherit;}
	.flex_table_wrap:before{content:none;}
	.kaisetsu{display:none;}

	
	.table_contact th{width: 100%;display:block;}
	.table_contact td{width: 100%;display:block;}


	

.big{font-size:20px;}

.w1100 {
    width: auto;
    padding: 0 3%;
}



ul#navi_ul li a,ul#navi_ul li p span{font-size: 15px;}
ul#navi_ul .submenu li a{font-size:14px;}

.toiform th{display:block;background:#fde225;		padding:15px;width:auto;box-sizing:border-box;				border-bottom:1px solid #D7D7D7;
}

.toiform td{display:block;
	width:auto;box-sizing:border-box;
		padding:15px;
				border-bottom:1px solid #D7D7D7;
	}

h2 {
    font-size: 28px;
    margin-bottom: 26px;
    display: inline-block;
    line-height: 28px;
}
	#about h2{    font-size: 28px;
}

.kaso_back{/*margin-top:53px;*/padding:26px 0;}
.kaso_back h2{font-size:18px;}

h2 span{font-size:14px;}

h3{font-size:18px;}


#blog{padding-bottom:30px;}

/*.check1 li{
width: 100%;
    display: block;
    float: none;
    margin-bottom: 12px;}
	*/
.orebox_in{
    background: #FF7D00;
    margin: 10px auto;
    width: auto;
    color: #fff;
    display: table;
}

/**/

.mail_btn2 {
    background: #fde225 url(../cmn/mail.png) no-repeat 20px 50%;
    display: block;
    float: right;
    background-size: 30px;
    display: block;
    box-sizing: border-box;
    color: #333 !important;
    max-width: 267px;width:100%;
    height: 65px;
    line-height: 100%;
    font-size: 16px;
    font-weight: bold;
    padding-top: 27px;
    padding-left: 44px;
    text-decoration: none;
}
.mail_btn3{    font-size: 16px;    line-height: 120%;
     padding-top: 17px;
}
.contactbox p{    width:auto;
    float:none;font-size:13px;}
	

#sitemap2 ul
{

border-left:none;
height:auto;

}
#sitemap2 li a{display:block;padding:10px 5px;}

.fleft li{text-align:left;border-bottom:1px solid #fff;}
/*.fleft li a{display:block;}*/


#copyright {
    font-size: 11px;
}
/*���w*/
.logo_l{    width: auto;margin: 0 10%;
    float:none;margin-bottom:20px;}
	.logo_r{width: auto;
    float:none;}
	
	.logo_concept td{padding-bottom:10px;vertical-align:top;}

	.page h3{font-size: 18px;}
	.page .inbound_concept h3{line-height:160%;}
	
	.case_r div iframe,.case_r2 div iframe{height:280px;}
	

@media (max-width: 380px) {
/* CSS Document */
*{
padding:0;
margin:0;
font-size:13px;
boader:0;
text-decoration:none;
}

	
	.Mv .Mv-text2 h2{
font-size:16px;	
}
	.Mv .Mv-text2{height:76px;}

.nobor{display:none;}

.hpbox_in img{width:200px;height:auto;display:block;margin:0 auto;margin-bottom:10px;}


img{max-width:100%;
height:auto;}
a{
	outline:none;		color:#666666;
}

a:hover{
		color:#666666;		text-decoration: underline;
	}
	
a:visited{
	color:#666666;
	}
	
ul {
padding:0;
margin:0;
line-height:180%;
}

body{
min-width:100%;
-webkit-text-size-adjust: 100%;
font-size:13px;line-height:180%;
}

p{line-height:180%;}


#container {
	width: 100%;
	margin-top:0;
}
#content {


}

/**/
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
.nosmp,.nosp{display:none;}
.nosp2{display:none;}
.nopc{display:block;}

.logoimg{height:65px;width:62px;display:block;padding-right:5px;vertical-align:middle;display:inline;}
.logo{margin:0;width:150px;height:auto;vertical-align:middle;margin-bottom:15px;display:inline;}

#menu
{display:block;
margin: 0 auto;
padding-top:3px;
background:#ffffff;
color:#666666;
padding-bottom:5px;
height:38px;
width:100%;
}
/* header */
   .fixed {
    position:fixed;
    top:0;
    left:0;
    width:100%;
   }
 
/* �I�[�o�[���C */
.overlay {
        /*position: fixed;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
        z-index: 999;*/
}
 
 
#contents {
   /* margin-top:53px;*/
}
/* ���Z�b�g */
html,nav,ul,li {
    margin:0;
    padding:0;
    list-style-type:none;
}
#single_news{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 36px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 60px;
}


/*footer*/
@media screen,tv{
.print{
		display:none;
	}}

@media print{
#pagetop {
	display:none;
	}
}

	#pageTop{
/*	background:rgba(0,0,0,0.75);*/
	border-radius:5px;
	color:#FFF;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:20px;
	font-family:Palatino Linotype;z-index:99;
	}
#pageTop:hover{
	/*background:rgba(33,22,19,0.75);*/
	}

#pageTop img{width:30px;}


#footer {
	position: relative;
	text-align:center;
	width:auto;
	margin:0 auto;margin-top: 30px;padding:0 20px;padding-top: 40px;padding-bottom: 40px;
}

/**/

.Mv .Mv-text{
/*height:210px;*/
	font-size:17px;color:#fff;    font-weight: bold;
    line-height: 180%;
}

}

@media screen and (max-height: 350px) { 
#navi{height:100%;}
}