@charset "utf-8";
/*=================================================================================*/
/** 768px未満 スマホサイズ画面 ＜これが基本＞ **/

#main{
    max-width: 760px;
    width:100%;
    margin:0 auto;
    overflow: hidden;
    box-shadow: 0 0 4px #4D3A33;
}

/*==================
  電話番号タップ
==================*/
a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; color:#525252; }

svg {
    max-height:30px;
  }
img[src$=".svg"] {
    width: 100%;
}
.slid_hide,
.disp_p { display:none; }
.disp_s { display:block; }

/* #main  { box-shadow: 1px 0 4px 0 #4D3A33;} */

#disp_fix { position:fixed; top:0; left:0; z-index:100; width:100%; margin: 0 auto;}

/***  ヘッダー  ***/
#head00s {
    max-width: 760px;
	width:100%;
	margin:0 auto;
	padding: 0.5em 0 0.1em;
	background:#B81C22;
    box-shadow: 0 5px 4px -4px #4D3A33;
}
.head99s{ width:97.3684%; margin: 0 1.3157% }
.head01s{ width:45.1351%; }
.head02s{ width:34.0541%; }
.head03s{ width:12.5676%; }
.head04s{ width:8.2432%; }

/***  グランドナヴィゲーション  ***/
.slideout-header {
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	padding:0;
	margin:0;
	width:100%;
	display:block;
}

.slideout-menu {
	position: absolute;
	top:8em; left:0;
	width:100%;
	display:none;
}
.slideout-menu_in {
	width:90%;
    max-width: 600px;
	margin:0 auto;
}

.slideout-close{
	display: none;
}

.slideout-close img{
	width:100%;
}

.sm01_01{
	border:2px solid #003879;
}
.sm01_01>li a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	width:90%;
	padding:0.6em 5%;
	border-bottom:1px solid #003879;
	color:#222222;
	background: rgba(255,255,255,0.9);
	position: relative;
}

/****** コンテンツ ******/
/*コンバージョン設定*/
.conv_01 {
    position: relative;
}
.conv_01_01 {
	margin-top: -4%;
}
.conv_02 {
    position: absolute;
    top:39.2%;
    left:1%;
	width: 100%;
    z-index: 10;
}
.conv_02 img {
	width: 82%;
	max-width:620px;
	margin: 0;
}

/* 少し狭い設定 */
.w_8447 {
	width: 84.4736%;
	margin: 0 auto;
}
.w_8157 {
	width: 81.5789%;
	margin: 0 auto;
}

/* その他 */
.span_FF0000 {
	color: #FF0000
}

.font_vew,
.font_vew2 {
	font-size: 3.5vw;
}

.perf01_bnr {
	position: relative;
}

.perf01_bnr img{
	width:94%;
	margin:0 3%;
}

.slid_icon{
	position: absolute;
	right:3%;
	bottom:0;
	width:65px;
	height:65px;
	background-color:rgba(0,0,0,0.3);
}
.slid_icon::after{
	content: '';
	position: absolute;
	width:26px;
	height:26px;
	right:25%;
	bottom:30%;
	background:url(../img/icon/icon_zoom.svg) no-repeat;
	background-size: contain;
	box-sizing: border-box;
}
.pa_todd1 { padding-top: 0;}

/* テーブル設定 */
table { 
	width: 100%;
}
th,td { 
	padding: 0.9em 9%; 
}
.t_w50 { width: 50%; }
.t_b01 { border-right:#FCEBEC solid 1px;}
.t_b02 { border-right:#C8C8C8 solid 1px;}
.t_b03 { border-bottom:#C8C8C8 solid 1px;}


/* 会社概要設定 */
dl { 
	width: 82%;
	margin: 0 7%;
	padding: 1.2em 2%;
	border-bottom:#CCCCCC solid 1px;
}

dt {
	width: 100%;
	text-align: left;
	float: left;
}
dt:before { content: "【" }
dt:after { content: "】" }

dd {
	width: 97%;
	padding: 0 0 0 3%;
	float: left;
}

/* 一部画像上載せ */
.over_u01 {
	position: relative;
}
.over_o01 {
	position: absolute;
	top: -2%;
	left:0;
}
.over_o02 {
	position: absolute;
	bottom: 1.5%;
	left: 0;
}

/*お問い合わせ設定*/
.cont01 {
    position: absolute;
    top:-12%;
    left:0;
    z-index: 10;
}

.cont02 {
    width: 92.3684%;
    padding-top: 24.5%;
    margin: 0 auto;
}

#foot01 {
	width:100%;
	text-align:left;
	margin:0 auto;
    padding: 0;
	display:block;
    background: #FFFFFF;
}

/***  ページTOP  ***/
#page_tops {
    position: fixed;
	display:block;
	width:15%;
	z-index:50;
    bottom:0.5em;
    right:0.5em;
}


/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 760px) {
    
/*==================
  電話番号タップ
==================*/
a.telLink0 { display:inline-block; cursor: default; pointer-events: none; text-decoration:none; }

.disp_p { display:block; }
.disp_s { display:none; }

.conv_02 img {
	width: auto;
	max-width:620px;
}

.font_vew {
	font-size:170%; line-height:1.4;
}
.font_vew2 {
	font-size:150%; line-height:1.4;
}

.pa_todd1 { padding-top: 3%;}


dl { 
	width: 82%;
	margin: 0 7%;
	padding: 1.5em 2%;
}

dt {
	width: 30%;
	text-align: center;
}
dt:before { content: "" }
dt:after { content: "" }

dd {
	width: 60%;
	padding: 0 5% 0 5%;
}

}