@charset "UTF-8";
/* Note: This file is for art gallery page */


.clearfix:after { content: "."; display: block; height: 0; clear: both;visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
.form-content .error { margin-top: -0.2em; clear: both; color: #c00;}
.imagefaq{width:350px;}
div.text, p.text{ padding: 10px !important;}
div .text_top{ padding-top:0px; }
div .image,.img p .image,.img{ padding: 0px 20px 10px 10px;}
.infoBox01 .text { margin-bottom: 0px;}
#kv img {width:960px;height:470px;}
#kv .slid_text a {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 24px;
    font-weight: bold;
}#kv .slid_text .title {
    position: absolute;
    left: 55px;
    top: 50px;
    font-size: 3.9rem;
    line-height: 1.6;
    color: #000;
    text-shadow: 2px 2px 1px rgb(73 73 73 / 60%);
    font-weight: bold;
}

#notices { background: #D8D8D8;}
.inner_notices { margin: 20px auto; box-sizing: border-box; border: 1px solid #b00;}
#notices { padding: 30px 95px;}
#gaiyou {padding: 20px 10px;}
#gaiyou .twoColumn { display: flex; align-items: flex-start; margin-bottom: 20px;}
#gaiyou .twoColumn p { margin: 20px 15px 0 15px; text-indent: -1rem;}
#gaiyou .twoColumn img { margin-top:20px; max-width:350px;}
#gaiyou .btn_img {margin-top:10px;margin-bottom:20px;}
#gaiyou .btn_img:hover {opacity:0.7;}
#gaiyou .lists {list-style: disc; padding-left:3rem;}
#detail {margin-bottom: 30px;}
#detail img {margin: 20px auto;}
.form-header-navi {width:960px;margin-bottom:auto;}
/*完了ページ署名*/
.contact-box { color: #625454; border: 2px solid #eaeaea; border-radius: 4px; padding: 40px;}
.contact-box .company {font-size: 14px; font-weight: bold;}
.contact-box .department { margin-left: 20px; font-size: 12px; font-weight: normal; line-height: 2.5;}
.contact-box .mailaddress { color: #0099cc;}
.contact-complete__title { font-size: 16px; color: #6f6262; margin-bottom: 10px;}
.attention { margin-top: 100px; padding-bottom: 100px; position: relative;}
.attention-text { font-size: 14px;}
.attention-text li.red { color: #d0021b;}
.attention-text li.gray { color: #2D2D2D;}
.marginT30 { margin-top: 30px;}
.marginB30 { margin-bottom: 30px;}


@media print, screen and (max-width: 767px) {
	#kv img {width:auto;height:calc(100vw * 675 / 700);}
	#kv .slid_text .title {
    position: absolute;
    left: 20px;
    top: 30px;
    font-size: 2.8rem;
    line-height: 1.4;
    text-shadow: 1px 1px 1px rgb(73 73 73 / 60%);
    font-weight:bold;
	}
	#notices { padding: 20px; margin-bottom: 15px;}
	#gaiyou .twoColumn { display: block;}
	#gaiyou .twoColumn p{margin: 20px 10px 0 14px;}
	#gaiyou .twoColumn img { width:100%;}
	#detail img {width:100%;margin-bottom:30px;}
	.form-header-navi {width:100vw;}

	.rwd_section { margin: 0 10px 20px; border: none; }
	.rwd_section .contact-information { background: none !important; }
	.form-content .error { font-size: 1.2rem;}
	.form-table th img.require{ padding-left: 0.2em;}
	.smbk{ display:block;}
	#info .inquiry,#info .mail { float: none; margin: 0 4px 4px 0; width: auto;}
	#info .inquiry .btn { left: auto; right: 10px;}
	#info .mail .btn { left: auto; right: 10px;}
	.form-table input[type='text']{/* margin-bottom: .5em; */}
	input#input-tel,input#input-fax{margin-bottom: .5em;}
	form#contact-form .numbered-bold li{ margin-bottom: 1em; line-height: 1.3em;}
	.imagecenter{text-align:center;margin-left:0px !important;}
	.imagefaq{max-width:90%;}.imagefaq_sp{width:350px;}
	/*完了ページ署名SP*/
	.contact-box { padding-right: 20px;  padding-left: 20px; border-radius: 0; }
	.contact-box .department { display: block; margin-left: 0; }
	.contact-complete__title { font-size:16px; }
	.marginT30 { margin-top: 20px;}
	.marginB30 { margin-bottom: 20px;}
}
@media print, screen and (min-width: 768px) {
	.contactBoxWrap{ padding: 20px;}
	.contactBoxWrap .boxWrapTitle {margin: -19px -19px 1em -19px;}
}