@charset "utf-8";

/* ------------------------
 top 180130
------------------------- */
body {background-color: #D61518;}

.wrap{background-color: #D61518;}
.wrap-inner{background-color: #D61518;}

#header-inner{width:1080px !important; margin: 0 auto;}
#contact1{width:298px}

.wrap-page{padding: 0; margin: 0;}
.wrap-page-inner{width:1080px; margin: 0 auto; box-shadow:none; background-color: #D61518;}

#article-lp{width:1080px !important; margin: 0 auto;}

	#mainpanel-lp{width:1080px !important; margin: 0; padding: 0;}
	#mainpanel-lp img{width:auto !important; height: auto !important;}

	.content-main{
		padding-bottom: 0;
		display: -webkit-box;	/* safari*/
		display: -webkit-flex;	/* safari*/
		display: flex;
		box-pack:center;	/* safari？*/
		flex-pack:center;	/* safari？*/
		-webkit-justify-content: center;	/* safari*/
		justify-content: center;
		box-pack:start;	/* safari */
		align-items: flex-start;
	}
		.content-main .sect-item {width:330px; margin-right: 0.5em; margin-bottom: 5px;}
		.content-main .sect-item .pre{padding: 0.5em 0; font-weight:bold; color: #fff;}
		.content-main .sect-ttl,
		.content-main .btn-to-v{display: block; margin-bottom: 2px;}
		.content-main .btn-to-v.last{margin-bottom: 0;}

	#case{padding: 1em 1.5em; background-color:#FFFF00;}
		#case-lbl1{margin-bottom: 5px;}
		#case-lbl3{margin-bottom: 5px;}
		.case-images{height:296px; overflow: hidden;}
		.case-images img{width: auto;}
		.case-images ul{padding-top: 296px;}

	#info{
		padding-top: 2em;
		display: -webkit-box;	/* safari*/
		display: -webkit-flex;	/* safari*/
		display: flex;
		box-pack:center;	/* safari？*/
		flex-pack:center;	/* safari？*/
		-webkit-justify-content: center;	/* safari*/
		justify-content: center;
		box-align: stretch;			/* safari？*/
		-webkit-align-items:stretch;	/* safari*/
		align-items:stretch;
		flex-wrap:nowrap;
		}

		#info h2{padding: 1em; background-color: blue; color:#fff;}
		.pdf-wrap{width:530px; display: inline-block; background-color: #fff; margin-right: 1em}
		.map-wrap{width:530px; display: inline-block; background-color: #fff; margin-right: 0}
			.pdf-wrap .notes{display: inline-block; line-height: 48px; margin-right: 1em}
			#list-pdf{ padding: 2em; text-align: left;}
			#list-pdf li{display: inline-block;}
			.pdf-wrap .con-img,
			.pdf-wrap .con-txt{display: inline-block; line-height: 48px;}

	#banner{
			display: -webkit-box;	/* safari*/
			display: -webkit-flex;	/* safari*/
			display: flex!important;
			box-pack:center;	/* safari？*/
			flex-pack:center;	/* safari？*/
			justify-content: center;
			align-items:stretch;
			flex-wrap:nowrap;
		}
		.bn{background-color: #FFFF00; width:535px; padding: 1em;}
		#bn1{margin: 2em 1em 0 0;}
		#bn2{margin: 2em 0 0 0}


footer,footer a{color:#fff;}
footer a:hover{text-decoration: none; color:#FFFF00 !important}
#footer-addr,#copyright{margin-top: 2em; text-align: center; color:#fff}



/*20190906引き継ぎ修正作業*/
.top a { color: #333; }
#header #alert { display: none; }


.content-main { margin: 0 0 1em; }
.sect-item { margin-bottom: 3em; }
#info h2 { font-weight: normal; }
.top #list-pdf li {
    background: url(/common/top/lbl_pdf.png) top left no-repeat;
}
footer { margin: 50px 0 20px; }
footer a { color: #fff!important; }
.copyright { text-align: center; color: #fff; margin-top: 30px; }

@media (min-width: 769px){
    #case-lbl4{width:48%; margin-bottom: 5px; display: inline-block!important; text-align: right;}
	#case-lbl2{width:48%; margin-bottom: 5px; display: inline-block!important; text-align: left}
}

/*sp*/
@media (max-width: 768px){
    #content { margin: 10px; }
    #info h2 { padding: 5px; }
    #header_sp { background-color: #fff; }
    .to-blog { max-width: 50%; margin: 0 auto; }
    img { max-width: 100%; height: auto; }
    .fake_caution { background-color: #FFFF00!important; color: #000!important; text-align: center; }
    .taiou { padding: 0.2em; margin: 0 0 0.2em; font-weight: bold; font-size: 65%; background-color: #000; color: yellow; }
    #case-lbl1 img, #case-lbl3 img { width: 100%; height: auto; }
    .content-main .sect-item { width: 33%; margin-right:0; }
    #info { padding-top: 30px; display: block!important; }
    #info, #banner { display: block!important; }
    .pdf-wrap, .map-wrap, #bn1, #bn2 { width: 100%; display: block; }
    .pdf-wrap, .map-wrap { margin-bottom: 1.5em; }
    #list-pdf { padding: 0.3em; }
    .top #list-pdf li { display: block; text-align: center; background: none; }
    .top #list-pdf li::before { content: url(/common/top/lbl_pdf.png); position: relative;  }
    #bn-emergency { margin-bottom: 0.5em; }
    #bn-emergency .wrap { background-color: #FFFF00; }
    #bn-emergency #bn-emg-tel2 { border-top: 1px solid #D61518; }
    #case { padding: 0; }
    .top .cases td { padding: 0.2em; }
    .sect-item { margin-left: auto; margin-right: auto; margin-bottom: 1em; }
    .wrap-page-inner { width: 100%!important; }
    #mainpanel-lp { width: 100%!important; }
    #article-lp { width: 100%!important; }
    .bn { width: 100%; }
    .content-main { margin-bottom: 10px; }
    .top #open .wrap { padding: 0.5em; text-align: center; background-color: #fff; }
    .top #open p { font-size: 70%; font-weight: bold; }
    .top #main .item span, #index #open p span { display: block; }
    #bn-mail img { margin: 0 auto; display: block; max-width: 100%; height: auto; width: auto; }
    .top #corporate { padding: 0; color:#fff; margin-bottom: 1.5em; }
    .top #corporate address { font-style: normal; }

}

@media (max-width: 480px){
    #header_sp { margin-bottom: 0; }
}

/*------------------------------------------------------

    font

------------------------------------------------------*/
.font-01 { font-family: 'M PLUS 1p', sans-serif; }


/*------------------------------------------------------

    キャンペーン

------------------------------------------------------*/
#campaignWrap { display: none; }
.topicsCampaign { background-color: #fcee21; border: 10px solid #fff; border-radius: 10px; position: relative;}
.topicsCampaign p { background: url(/common/images/icon_megaphone.svg) no-repeat left+30px center; background-size: 38px 34px; min-height: 34px; background-color: #fff; color: #ff0000; display: inline-block; position: absolute; left: 0; right: 0; top: -30px; margin: auto; width: 85%; border-radius: 25px; padding: 6px 10px 6px 75px; font-weight: bold; }
.topicsCampaign a { color: #ff0000; line-height: 1.2; }
.topicsCampaign ul li { padding: 5px; font-weight: bold; }
.topicsCampaign ul li:not(:last-child) { margin-bottom: 10px; border-bottom: 2px dotted #ff0000; }
.topicsCampaign p { animation: blinkAnimeHead 1s infinite alternate; }
@keyframes blinkAnimeHead{
    0%  { color : red; }
    25% { color : #fff; }
    50% { color : red; }
    75% { color : #fff; }
}


@media (min-width: 769px){
.topicsCampaign { padding: 30px 20px 20px; margin-top: 50px; margin-bottom: 30px; }
.topicsCampaign p { font-size: 2.5rem; max-width: 360px; }
.topicsCampaign a { font-size: 2.8rem; }
.topicsCampaign ul li { text-align: center; }
}

@media (max-width: 768px){
.topicsCampaign { border-width: 5px; margin-top: 40px; margin-left: 10px; margin-right: 10px; padding: 20px 10px 15px; margin-bottom: 20px;}
.topicsCampaign p { padding-left: 60px; background-position: 18px center; padding-right: 5px; top: -24px; max-width: 265px; }
.topicsCampaign a {}
}

@media screen and (min-width:481px) and ( max-width:768px) {

}

@media (max-width: 480px){

}


/*------------------------------------------------------

    お知らせ

------------------------------------------------------*/
.topicsInfo { background-color: #c01316; border-radius: 10px;}
.topicsInfo section {}
.topicsInfo h2 { color: #fcee21; border-bottom: 1px dotted #fff; padding-bottom: 8px; margin-bottom: 8px;}
.topicsInfo h2 span { margin-right: 10px;}
.topicsInfo section > div { color: #fff;}
.topicsInfo section > div a { color: #fcee21; text-decoration: underline;}
.topicsInfo section:not(:last-of-type) { margin-bottom: 15px;}

.infoMore { text-align: right; }
.infoMore a { color: #fcee21; text-decoration: none;}
/* 24.10.11 サイト全体設定の打ち消し */
.topicsInfo strong { color: inherit; }

@media (min-width: 769px){
    .topicsInfo { padding: 15px 40px; margin-top: 30px; margin-bottom: 20px;}
    .topicsInfo section {}
    .topicsInfo h2 { font-size: 1.9rem;}
    .topicsInfo h2 span {}
    .topicsInfo section > div { font-size: 1.6rem; }
    
    .infoMore { font-size: 2rem; margin-bottom: 60px;}
    .infoMore a {}
    .infoMore a:hover { text-decoration: underline;}
}

@media (max-width: 768px){
    .topicsInfo { padding: 10px 20px; margin-bottom: 10px; margin-left: 10px; margin-top: 20px; margin-right: 10px;}
    .topicsInfo section {}
    .topicsInfo h2 { font-size: 1.8rem;}
    .topicsInfo h2 span {}
    .topicsInfo section > div { font-size: 1.4rem;}
    
    .infoMore { font-size: 1.8rem; margin-bottom: 40px; margin-left: 10px; margin-right: 10px;}
    .infoMore a {}
}

@media screen and (min-width:481px) and ( max-width:768px) {

}

@media (max-width: 480px){

}



/*------------------------------------------------------

    content-nav

------------------------------------------------------*/
#content-nav { margin-bottom: 50px;}
#content-nav .left {}
#content-nav .right {}
#content-nav .title { margin-bottom: 2px;}
#content-nav .title img { width: 100%; max-width: 480px;}
#content-nav ul {}
#content-nav ul li { margin-bottom: 2px;}
#content-nav ul li a {}
#content-nav ul li img { width: 100%; max-width: 480px; }

/*
#content-nav {}
#content-nav .left ,
#content-nav .right { border: 5px solid #ffff00; border-radius: 6px; background-color: #fff;}
#content-nav .left {}
#content-nav .right {}
#content-nav .title { margin-bottom: 20px;}
#content-nav .title img { height: 40px; vertical-align: -8px; margin-right: 8px; }
#content-nav ul {}
#content-nav ul li {}
#content-nav ul li:not(:last-child) { margin-bottom: 10px;}
#content-nav ul li a { color: #fff; background-color: #f15a24; border: 1px solid #ba4522; border-radius: 6px; display: block; padding: 8px 10px;}
#content-nav ul li a:hover { text-decoration: none;}

#content-nav .right ul li a { background-color: #29abe2; border: 1px solid #1d7493;}
*/

@media (min-width: 769px){
    #content-nav { max-width: 1000px; margin-left: auto; margin-right: auto;}
    #content-nav .left { width: calc(50% - 15px); }
    #content-nav .right { width: calc(50% - 15px); }
    #content-nav .title {}
    #content-nav .title img {}
    #content-nav ul {}
    #content-nav ul li {}
    #content-nav ul li a {}
    #content-nav ul li img {}
    
    /*
    #content-nav { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 90px;}
    #content-nav .left ,
    #content-nav .right { width: calc(50% - 18px); padding: 20px 20px 30px;}
    #content-nav .left {}
    #content-nav .right {}
    #content-nav .title { font-size: 3.2rem;}
    #content-nav .title img {}
    #content-nav ul {}
    #content-nav ul li {}
    #content-nav ul li a { font-size: 2.4rem;}
    #content-nav ul li a:hover { opacity: 0.8;}
    */
}

@media (max-width: 768px){
    #content-nav {}
    #content-nav .left { width: calc(50% - 5px);}
    #content-nav .right { width: calc(50% - 5px);}
    #content-nav .title { overflow: hidden;}
    #content-nav .title img { position: relative; width: 130%; left: -15%;}
    #content-nav ul {}
    #content-nav ul li { overflow: hidden;}
    #content-nav ul li a {}
    #content-nav ul li img { position: relative; width: 150%; left: -25%;}
    
    /*
    #content-nav { margin-bottom: 40px; }
    #content-nav .left ,
    #content-nav .right { padding: 15px 10px 15px; width: 100%; }
    #content-nav .left { margin-bottom: 20px;}
    #content-nav .right {}
    #content-nav .title { font-size: 2.4rem;}
    #content-nav .title img {}
    #content-nav ul {}
    #content-nav ul li {}
    #content-nav ul li a { font-size: 2rem;}
    */
}

@media screen and (min-width:481px) and ( max-width:768px) {

}

@media (max-width: 480px){
    #content-nav .title { margin-bottom: 2px;}
    #content-nav ul li { margin-bottom: 2px;}
    
/*
    #content-nav .left ,
    #content-nav .right {}
    #content-nav .left {}
    #content-nav .right {}
    #content-nav .title {}
    #content-nav .title img {}
    #content-nav ul {}
    #content-nav ul li {}
    #content-nav ul li a {}
    */
}



/*------------------------------------------------------

    itemLink

------------------------------------------------------*/
#itemLink {}
#itemLink .title { color: #fbed40; text-shadow:2px 2px 3px #888888,-1px -1px 3px #000000; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #000000 40%); background: -webkit-linear-gradient(top,  #ffffff 0%,#000000 40%); background: linear-gradient(to bottom,  #ffffff 0%,#000000 40%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); border: 1px solid #333; }
#itemLink ul {}
#itemLink ul li { width: calc(50% - 4px); font-size: 2.4rem; }
#itemLink ul li a { background-color: #579ef6; display: block; height: 100%; color: #fff; text-shadow:-1px -1px 3px #000000; font-weight: bold;}
#itemLink ul li a:hover { text-decoration: none; opacity: 0.8;}


@media (min-width: 769px){
    #itemLink {}
    #itemLink .title { height: 70px; line-height: 70px; font-size: 3rem; border-radius: 4px; overflow: hidden;}
    #itemLink ul {}
    #itemLink ul li { border-radius: 4px; overflow: hidden; }
    #itemLink ul li a { height: 50px; line-height: 50px;}
}

@media (max-width: 768px){
    #itemLink {}
    #itemLink .title { padding: 10px;}
    #itemLink ul {}
    #itemLink ul li {}
    #itemLink ul li a { padding: 10px;}
}

@media screen and (min-width:481px) and ( max-width:768px) {
    #itemLink {}
    #itemLink .title { font-size: 2.4rem;}
    #itemLink ul {}
    #itemLink ul li { font-size: 2rem;}
    #itemLink ul li a {}
}

@media (max-width: 480px){
    #itemLink {}
    #itemLink .title { font-size: 1.6rem; padding: 10px;}
    #itemLink ul {}
    #itemLink ul li { width: 100%; font-size: 1.5rem;}
    #itemLink ul li a { padding: 6px 10px;}
}