.pc{
	display: none;
}
#global{
	display: none;
}
.inner{
	width: 98% !important;
	margin: 0 auto;
}
.sfn{float: none !important;}
.w700{width: 100% !important;}

img{
	width: 100%;
	height: auto;
}
header{z-index: 9999;}
#fixing-page>header>#header{
	position:fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #28b2e8;
	background: #fff;
	z-index: 9999;
}
#header{width: 100%;}
header #head-left{
	position: relative;
	width: 50%;
	padding: 0 5% 0 3%;
	z-index: 998;
}
#index>header #head-left{
	width: 50%;
	padding: 3px 5% 10px 3%;
}
#head-left>h1{
	font-size: 0.8rem !important;
	padding-left: 27% !important;
	background-size: 23% !important;
	background-position-y: center !important;
}
header #head-right{display: none;}
header #nav{
	position: relative;
	width: 20%;
	float: right;
	background: #28b2e8;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 3%;
  margin-top: 20px;
  cursor: pointer;
  z-index: 998;
}
#orverlay{
	width: 100%;
	background: rgba(0,0,0,0.7);
	display: none;
	position: fixed;
	left: 0;
	z-index: 9999;
}
#orverlay a{
	color: #fff;
}
#overlay>ul{
	border-top: 1px solid #fff;
}
#orverlay>ul>li{
	width: 100%;
	background: #28b2e8;
	text-align: center;
	font-size: 0.9rem;
	border-bottom: 1px solid #fff;
}
#orverlay>ul>li>a{
	display: block;
	padding: 10px 0;
}
#orverlay>ul>li>a>span{
	display: block;
	padding-top: 2px;
}
#orverlay>ul>li>ul{
	display: none;
	margin-bottom: 10px;
}
#orverlay>ul>li>ul>li{
	width: 90%;
	border-top: 1px solid #fff;
	font-size: 0.8rem;
	margin: 0 auto;
}
#orverlay>ul>li>ul>li>a{
	display: block;
	line-height: 100%;
  padding: 12px 0;
}

/*フッター
*/
footer>#fbtn-area{
	padding: 15px 0 0;
	margin-bottom: 20px;
}
footer>#fbtn-area>.inner>a{
	width: 80%;
	margin: 0 10% 15px;
}
footer>#fbtn-area>.inner>a:last-child{
	width: 45%;
	margin: 0 27.5% -1px;
	display: block;
}
footer>#fnavi{
	margin-bottom: 20px;
}
footer>#fnavi>.inner>ul{
	display: none;
}
footer>#fnavi>.inner>.sp>ul{
	display: block;
}
footer>#fnavi>.inner>.sp>ul>li{
	margin-bottom: 10px;
	width: 33%;
	float: left;
	padding: 0;
	border-right: 1px solid #cecece;
	font-size: 0.75rem;
}
footer>#fnavi>.inner>.sp>ul>li{
	color: color: #333;
}
footer>#copy{
	width: 100%;
}


/*トップページ
*/

#index #information {
border-bottom: none;
}
#index #information #why-hawaii,
#index #information #topic,
#index #information #news{
	width: 100%;
	border-bottom: 1px solid #cecece;
}
#index #information #why-hawaii>.inner,
#index #information #topic>.inner,
#index #information #news>.inner{
	width: auto !important;
}
#index #information #topic .f1.x2{
	width: 30%;
}
#index #information #topic .f2{
	width: 65%;
}
#index #information #news ul>li{
	width: 40%;
	padding: 5%;
}
#index #service ul>li{
	float: left;
	margin-right: 5%;
	margin-bottom: 12px;
	width: 47.5%;
}
#index #service ul>li:nth-child(2n){
	margin-right: 0;
}
#index #sando>.inner{
	padding-bottom: 20px;
}
#index #sando>.inner>table{
	margin: 0 !important;
}
#index #sando>.inner>p>img{
	width: 40%;
	margin-bottom: 15px;
}



/*共通
*/
#content #pk,
#content #title{
	width: 100%;
	height: auto;
  padding-bottom: 3%;
}
#content #title>.in{
	padding: 3%;
	overflow: hidden;
  padding-bottom: 0;
	
}
#content #title>.in>p{
	left: 3%;
	top: 10px;
	width: 94%;
}
#content #title>.in>h1{
	margin: 0 auto;
	background: none;
	padding: 23px 0;
}
#content #title>.in>h1>span{
	padding: 5px;
}
#content>.inner h2{
	line-height: 120%;
	font-size: 1.085714rem;
}
#content>.inner h2>span{
	display: block;
	width: 80%;
	padding: 0 5%;
	line-height: 160%;
}
#content>.inner blockquote>span {
  position: absolute;
  top: -9px;
  left: 0px;
  width: 100px;
}
#content>.inner blockquote>h3,
#content>.inner blockquote>p{
	margin-left: 80px;
}
#content>.inner blockquote[data="current"],
#content>.inner blockquote[data="current2"]{
	padding: 10px !important;
}
#content>.inner blockquote .img{
	width: 60%;
  margin: 0 auto;
  float: none;
}
#content>.inner blockquote[data="current"] .f2{
	width: 100%;
	float: none;
}
#sando-list{
	margin: 0;
	padding: 0;
}
#sando-list>li{
	width: 100%;
	float: none;
	list-style-type: none;
	margin-bottom: 10px;
}
#sando-list>li>p{
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
	text-align: center;
}
#sando-list>li>p:first-child{
	text-align: center;
	width: 100%;
	float: none;
}
#sando-list>li>p>img{
	max-width: 100% !important;
	width: auto !important;
}


/*申込の流れ
*/
ul#flow{
	width: 90%;
}
#content>.inner ul#flow>li{
	margin-bottom: 20px;
  padding-bottom: 28px !important;
  background-position-x: center;
}
ul#flow>li>h3{
	background-size: 25% !important;
  padding-left: 40px !important;
  line-height: 200% !important;
}
ul#flow>li>p{
	padding-top: 5px !important;
}



/*これまでの実績
*/
#works #content>.inner ul>li{
	margin-bottom: 0 !important;
}
#list-anime>#list-area>div{
	width: 94% !important;
	float: none !important;
}
#list-anime>#list-area ul>li{
	padding: 0 !important;
}

/*よくある質問*/
#faq{
	margin: 0 1rem !important;
}

/*お問い合わせ*/
#contact table{
	width: 95% !important;
}
#contact table tr span{
	color: #ff0000;
	padding-left: 3px;
}
div.wpcf7 img.ajax-loader{width: auto !important;}
#contact table td input,
#contact table td textarea,
#contact table td select{
	width: 90% !important;
}
#contact table th{
	width: 30% !important;
}
#contact input[type="submit"], #contact input[type="reset"], #contact input[type="button"]{
	-webkit-appearance: none;
}
#contact input[type="reset"], #contact input[type="submit"]{
	margin-left: 0 !important
}

/*サービスページ*/
#service.inner>.clearfix>.sp{
	width: 90% !important;
	line-height: 100% !important;
	margin: 0 auto 10px !important;
}
#service.inner>.clearfix>.f1.w061p{
	width: 90% !important;
	margin: 0 auto 10px !important;
	float: none !important;
}

#service ul.service-theme>li{
	width: 99%;
	margin: 10px auto !important;
	float: none !important;
	padding-bottom: 0 !important;
}
#service ul.service-theme>li>h3{
	margin-bottom: 10px;
}
#service ul.service-theme>li>.sp{
	margin: 0 15px !important;
	line-height: 100% !important;
}
#service ul.service-theme>li>.l{
	margin: 0 15px !important;
	width: auto !important;
	padding-top: 15px !important;
}


/*関連情報ページ*/
.lawoffice{
	width: 80%;
  float: none;
  margin: 0 10% 30px;
}
.lawoffice>p.img{
	margin: 0 auto !important;
	text-align: center;
}
.lawoffice>p{
	width: 100% !important;
}
.lawoffice>p.img>img{width: 80% !important;}


/*なぜハワイ*/
#hawaii{}
#hawaii div.clearfix>.f1,
#hawaii div.clearfix>.f2{
	float: none !important;
	width: 100% !important;
}
#hawaii ul{
	margin-top: 30px !important;
}
#hawaii ul>li{
	padding-bottom: 0 !important;
}

/*新着ページ*/
#news-topic #list{
	width: 100%;
	float: none;
}
#news-topic #list>ul>li{
	padding: 10px;
}
#news-topic #list>ul>li .img{
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
#news-topic #list>ul>li .com{
	width: 100%;
	float: none;
}
#news-topic #side{
	width: 100%;
	float: none;
	padding: 20px 0 0;
	margin: 40px 0 0;
	border-top: 1px solid #ccc;
}

/*2017.09.26　トップページコンテンツ追加
------------------------------------------*/
#index #pickup_column .column_box{
    width: 100%;
    border-right: none;
	padding: 20px;
}
#index #pickup_column .column_box:nth-child(1){
    border-bottom: 1px solid #cecece;
}