@charset "utf-8";

/* CSS Document */

/*---------------------------------------------------------------
  link
----------------------------------------------------------------*/
a:link{ text-decoration:none; color:#000;}
a:visited{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#999;}


/*---------------------------------------------------------------
  base
----------------------------------------------------------------*/
html{ font-size: 62.5%; /*10px*/}

body {
color:#333;
font-size:14px;
font-size:1.4rem;
font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif!important;
line-height:1.6;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}

table { font-size:100%;}

::selection { background:#3399FF; color:#FFF; text-shadow:0 0px 3px #000/* Safari */}
::-moz-selection { background:#3399FF; color:#FFF; text-shadow:0 0px 3px #000 /* Firefox */}


/*---------------------------------------------------------------
  spacing
----------------------------------------------------------------*/
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}


/*---------------------------------------------------------------
  clear
----------------------------------------------------------------*/
.clr{clear:both;}

.clrfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clrfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clrfix {height: 1%;}
.clrfix {display:block;}
/* End Hack */ 

.disnon{
	display:none;
}


.tl_head{
	text-align:center;
	padding:20px 0 30px;
}

.tl_head img{
	width:auto;
	height:auto;
}

.navArea dt{ display:none;}

.navArea ul{
	width:960px;
	margin:0 auto 20px;
}

.navArea ul::after{
	content:"";
	display:block;
	clear:both;
}
.navArea ul li{
	width:25%;
	float:left;	
}

.navArea ul li img{
	width:100%;
	height:auto;
}

.navArea_case dt{ display:none;}

.navArea_case ul{
	width:960px;
	margin:0 auto 20px;
}

.navArea_case ul::after{
	content:"";
	display:block;
	clear:both;
}
.navArea_case ul li{
	width:20%;
	float:left;	
}

.navArea_case ul li img{
	width:100%;
	height:auto;
}

.qa .main_contents {
	width:960px;
	margin:0 auto;
	font-size:16px;
	font-size:1.6rem;
}

.qa .main_contents #title{
	margin:0 0 20px;
}

.qa .main_contents #title span{
	font-weight:bold;
	color:#004EA2;
}

#answer{
	border:14px solid #E6E6E6;
}

#answer dt{
	border-bottom:1px solid #E6E6E6;
	padding:20px 20px 20px 55px;
	background:url(../../faq/images/ic_question.svg) no-repeat 20px 23px;
}

#answer dd{
	padding:18px 20px 20px 55px;
	background:url(../../faq/images/ic_answer.svg) no-repeat 21px 23px;
}

#answer dd a{
	color:#004EA2;
	text-decoration:underline;
}
#answer dd a:hover{ text-decoration:none;}

#answer dd .faqimg{
	margin:1.8em 0;
	font-size:12px;
	font-size:1.2rem;
	color:#999;
}

#answer .gototop{
	margin-top:60px;
	text-align:right;
}

#answer dd a.btn{
	display:inline-block;
	border:1px solid #CCC;
	background:#FFF;
	font-size:14px;
	font-size:1.4rem;
	padding:.5em 1em;
	text-decoration:none;
	border-radius:2px;
	box-shadow:1px 1px 3px rgba(0,0,0,.1);
}

#answer dd a.btn::before{
	content:"";
	display:inline-block;
	border:transparent 3px solid;
	border-left-color: #004EA2;
	vertical-align:middle;
	margin:-.2em .5em 0 0;
}

#answer .gototop a{
	display:inline-block;
	background:#221815;
	border-radius:100px;
	line-height:30px;
	padding:0 1.5em;
	font-size:13px;
	font-size:1.3rem;
	color:#FFF;
	text-decoration:none;
	transition:linear .1s;
}
#answer .gototop a:hover{ opacity:.8;}

#faqlist {
	border:14px solid #E6E6E6;
}

#faqlist li{
	float:none;
	width:auto;
}

#faqlist li.not{
	padding:30px;
}

#faqlist li a{
	display:block;
	border-bottom:1px solid #E6E6E6;
	padding:20px 20px 20px 55px;
	background:url(../../faq/images/ic_question.svg) no-repeat 20px 23px;
}
#faqlist li:last-child a{ border:none;}

.case{
	width:960px;
	margin:0 auto;
}

.case .tl_genre{
	float:left;
}

.case .tl_genre p{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	margin:0 0 30px 5px
}

.case .move_top,
.case .move_sub{
	float:right;
	font-size:16px;
	font-size:1.6rem;
	line-height:1;
	margin-right:5px;
}

.case .move_top a,
.case .move_sub a{
	color:#004EA2;
	text-decoration:underline;
}

.case .move_top a:hover,
.case .move_sub a:hover{
	text-decoration:none;
}

.case .caseWrap{
	clear:both;
	border:14px solid #E6E6E6;
}

.case .casebox{
	border-bottom:1px solid #E6E6E6;
	padding:20px;
}

.case .casebox::after{
	content:"";
	display:block;
	clear:both;
}
	
.case .casebox-in-img{
	width:150px;
	float:left;
	margin:0 20px 0 0;	
}

.case .casebox-in-img img{
	width:100%;
	height:auto;
}

.composition01_r{
	overflow:hidden;
}

.composition01_r .of{ margin:0 0 10px;}
.composition01_r .of::after{
	content:"";
	display:block;
	clear:both;
}

.composition01_r .of .composition01_r02{
	float:left;
	margin:0 15px 0 0;	
}

.composition01_r .tl p{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin-bottom:1em;
	background:url(../../case/images/ic_arrow01.svg) no-repeat left .35em;
	padding:.3em 0 .3em 32px;
}

.composition01_r .use p{ padding-left:1.5em;}
.composition01_r .use p.fs12_liteg{text-indent:-1.5em;}
.composition01_r .use p.fs12_liteg::before{
	content:"■";
	color:#004EA2;
	margin-right:.5em;
}
	
#caseDetail .titlebox{
	clear:both;
	background:#000;
	color:#FFF;
	padding:20px 540px 20px 20px;
	position:relative;
	min-height:200px;
	margin-bottom:30px;
	font-size:13px;
	font-size:1.3rem;
}

#caseDetail .titlebox a{
	color:inherit;
}

#caseDetail .titlebox_r{
	position:absolute;
	top:20px;
	right:20px;
	width:500px;
	text-align:center;
	height:200px;
	overflow:hidden;
}

#caseDetail .titlebox_r img{
	height:100%;
	width:auto;
}

#caseDetail .titlebox_t{
	font-size:20px;
	font-size:2rem;
	font-weight:bold;
	padding:0 0 13px;
	border-bottom:2px dotted #404040;
	line-height:1.4;
	margin-bottom:13px;
}

#caseDetail .use_tl{
	margin-top:2em;
}

#caseDetail .use_tl p::before{
	content:"■";
}

#caseDetail .use_detail{
	margin-top:.5em;
}
#caseDetail .use_detail a{
	background:url(../../case/images/ic_arrow02.svg) no-repeat left .3em;
	padding:.3em 0 .3em 23px;
}

#caseDetail .subtl_head p{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#4F4644;
	padding:0 0 10px;
	margin-bottom:10px;
	border-bottom:2px dotted #C0C0C0;
}

#caseDetail .img_mgn20{ margin-bottom:20px;}

#caseDetail .case01_img_body::after{
	content:"";
	display:block;
	clear:both;
}

#caseDetail .case01_img_body{
	margin-bottom:20px;	
}

#caseDetail .case01_img_body .imgbox01{
	float:left;
	margin-right:15px;
	font-size:11px;
	font-size:1.1rem;
}

#caseDetail .case01_img_body .imgbox01 img{
	display:block;
	margin-bottom:5px;
}

#caseDetail .casedetail{
	margin-bottom:40px;	
}

#linkage-topics{
	border:1px solid #E6E6E6;
	margin-top:40px;
	margin-bottom:10px;
}

#linkage-topics h2{
	background:#E6E6E6;
	color:#4F4644;
	font-weight:bold;
	padding:10px;
}

#linkage-topics .body a{
	display:inline-block;
	background:url(../../case/images/ic_arrow03.svg) no-repeat .3em;
	padding:.3em 0 .3em 27px;
	margin:1em;
}

.case .gototop {
	margin:30px 0;
	text-align:right;	
}
.case .gototop a{
	display:inline-block;
	background:#221815;
	border-radius:100px;
	line-height:30px;
	padding:0 1.5em;
	font-size:13px;
	font-size:1.3rem;
	color:#FFF;
	text-decoration:none;
	transition:linear .1s;
}
.case .gototop a:hover{ opacity:.8;}

#contactArea .contact_head{
	clear:both;
	background:#004EA2;
	color:#FFF;
	font-size:16px;
	font-size:1.6rem;
	padding:10px;
	line-height:1;
	font-weight:bold;
	margin:0 0 1em;
}
#contactArea .contact_head > p{ font-weight:bold;}

#contactArea .main_contents{
	max-width:960px;
	padding:0 15px;
	margin:0 auto;	
}

#contactArea .leadTx{
	margin-bottom:1.5em;
	word-break:break-all;
}

#contactArea .leadTx a{
	color:#004EA2;
	text-decoration:underline;
}

#contactArea .leadTx a:hover{ text-decoration:none;}

#contactArea .leadTx p{
	margin-bottom:1em;
}

#contactArea .catalogGallery{
	margin:0 -10px	40px;
}

#contactArea .catalogGallery::after{
	content:"";
	display:block;
	clear:both;
}

#contactArea .catalogGallery > div{
	width:14.285714%;
	float:left;
	box-sizing:border-box;
	padding:0 10px;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.4;
}

#contactArea .catalogGallery > div img{
	width:100%;
	height:auto;
	display:block;
	margin:0 0 10px
}

.catalog_unit01_l{
	width:50%;
	float:left;
	padding-right:20px;
	margin-bottom:40px;
}

.catalog_unit01_l .catarog_im{
	font-size:12px;
	font-size:1.2rem;	
}

.catalog_unit01_l .catarog_im img{
	display:block;
	margin:0 0 10px;
}

.catalog_unit01_r{
	overflow:hidden;
	margin-bottom:40px;
}

.catalogFlow{
	text-align:center;
	font-size:0;
	border:solid #D6D6D6;
	border-width:1px 0;
	padding:20px;
	margin:20px 0
}

.catalogFlow > *{
	display:inline-block;
	vertical-align:middle;
	margin:0 1.5625%;
	width:14.583333%;
}

.catalogFlow > *.catalog_unit02_arrow{
	width:3.75%;
}

.catalogFlow img{
	width:100%;
	height:auto;
}

.tx_list{ margin-bottom:25px;}
.tx_list::after{
	content:"";
	display:block;
	clear:both;
}

.tx_list dt{
	clear:both;
	float:left;
	width:1.5rem;
	position:relative;
	color:#004EA2;
}

.tx_list dd{
	float:left;
	width:100%;
	margin:0 0 0 -1.5rem;
	padding:0 0 0 1.5rem;
	box-sizing:border-box;	
}

#contactArea table{
	width:100%;
	border-collapse:collapse;	
	margin-bottom:30px;
}

#contactArea table th,
#contactArea table td{
	border-bottom:1px solid #D6D6D6;
	padding:15px 0;	
}

#contactArea table th{ width:200px; padding-right:2em;}

#contactArea table .required{ color:#F55;font-weight:bold;}

#contactArea table input[type="text"]{
	box-sizing:border-box;
	border:1px solid #D6D6D6;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,.1);
	font-size:13px;
	padding:8px;
	background:#FAFAFA;
}

#contactArea table textarea{
	box-sizing:border-box;
	border:1px solid #D6D6D6;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,.1);
	font-size:13px;
	padding:8px;
	background:#FAFAFA;
	width:100%;
	height:13em;
}

#contactArea table select{
	padding:8px;
	border:1px solid #D6D6D6;
	background:#FAFAFA;
}

#contactArea table input[type="checkbox"]{
	width:20px;
	height:20px;
	vertical-align:middle;
	margin-right:.5em;
}

#contactArea table label{ margin-right:1.5em;}

.form_s{ width:25%;}
.form_m{ width:50%;}
.form_l{ width:100%;}

.agreement {
    width: 100%;
    height: 20em;
    padding: 20px;
    border: 1px solid #D6D6D6;
	 background:#FAFAFA;
	 overflow-y:scroll;
    line-height: 1.6;
	 box-sizing:border-box;
	 margin-bottom:20px;
	 font-size:13px;
	font-size:1.3rem;
}

.agree_chk{
	margin-top:1.5em;	
}

#contactArea .btn {
	text-align:center;
	margin:40px 0 100px
}

#contactArea .att{
	color:#F55;
	margin-bottom:.5em;
}


#contactArea .btn input{
	width:15em;
	margin:0 1.5em;
	height:60px;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	color:#FFF;
	background:#004EA2;
	box-shadow:inset 0 -2px 0 rgba(0,0,0,.2);
	border:none;
	border-radius:2px;
	cursor:pointer;
}

#contactArea .btn input[name="re"]{
	background:#999;	
}

#contacthead{
	max-width:960px;
	margin:0 auto;
	padding:0 20px;
	font-size:1px;
	line-height:1;
}

#contacthead::after{
	content:"";
	display:block;
	clear:both;
}

#contacthead h1{
	float:left;
	margin:20px 0 0 0;
}

#contacthead .sekisuiLogo{
	float:right;
	margin:20px 10px 0 0;
}

#contactArea #pageTitle{
	clear:both;
	padding:20px 0 30px;
	margin:0 0 30px;
	border-bottom:1px solid #D6D6D6;
	text-align:center;	
}

#contactArea .finishClose{
	margin-top:80px;
	text-align:center;
}

#contactArea .finishClose a{
	display:inline-block;
	background:#221815;
	border-radius:100px;
	line-height:30px;
	padding:0 1.5em;
	font-size:13px;
	font-size:1.3rem;
	color:#FFF;
	text-decoration:none;
	transition:linear .1s;
}
#contactArea .finishClose a:hover{ opacity:.8;}


#fixedClose{
	position:fixed;
	right:20px;
	bottom:20px;
}

#fixedClose a{
	display:inline-block;
	background:#221815;
	border-radius:100px;
	line-height:30px;
	padding:0 1.5em;
	font-size:13px;
	font-size:1.3rem;
	color:#FFF;
	text-decoration:none;
	transition:linear .1s;
}
#fixedClose a:hover{ opacity:.8;}









@media screen and (max-width: 600px){
	
#contacthead {
	padding:0 15px;
}

#contacthead h1 {
	max-width:40%;
	margin-bottom:20px;
}

#contacthead .sekisuiLogo {
	width:40px;
	margin-right:0;
}

#contacthead h1 img,
#contacthead .sekisuiLogo img{
	max-width:100%;
	height:auto;
}

#contactArea .catalogGallery {
	margin-bottom:20px;
}

#contactArea .catalogGallery > div {
    width:25%;
	 font-size:10px;
	 margin-bottom:15px;
}

.catalog_unit01_l{
    width: auto;
    float: none;
	 padding:0;
	 margin-bottom:20px;
}

.catalog_unit01_l .catarog_im{
	width:25%;
	font-size:10px;
}

.catalog_unit01_l .catarog_im img{
	width:100%;
	height:auto;
}

.catalogFlow > *{
	width:24.5%;
}

.catalogFlow > *.catalog_unit02_arrow {
    width: 4%;
}

.catalog_unit01_r {
	overflow:visible;
}


#contactArea table,
#contactArea table tbody,
#contactArea table tr,
#contactArea table th,
#contactArea table td{
	display:block;
	padding:0;
	width:auto;
}

#contactArea table th{
	border:none;
	font-weight:bold;
	margin:0 0 .5em;
}

#contactArea table td{
	font-size:12px;
	padding:0 0 15px;
	margin-bottom:15px;	
}

#contactArea table td br{
	display:block;
	line-height:2;
}

#contactArea table input[name="other"],
#contactArea table input[name="gother"]{
	width:100% !important;
	box-sizing:border-box;	
}

#contactArea .agreement{
	-webkit-overflow-scrolling: touch	
}
	
#contactArea .agree_chk{ text-align:center;}

#contactArea .btn input{
	display:block;
	width:80%;
	margin:0 auto 15px;
	-webkit-appearance: none;
   border-radius: 2px;
}

#fixedClose{
	position:fixed;
	right:10px;
	bottom:10px;
}
}

/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 60px;
}