@charset "utf-8";

/*========================================================
about/css/about.css
========================================================*/


#pageBody #content .block .box03 p{
	padding: 0 10px 23px 15px;
}

#pageBody #content .block .box03 h3{
	padding: 0 10px 10px 15px;
}

#pageBody #content .block .box03 ul{
	padding: 0 10px 23px 15px;
}

#pageBody #content .block .box03 h3.title01{  
    border-left:7px solid #fabf1b; /* 20220324 Kanda 本番との差異修正 EC9E80→fabf1b */
	background-color: #f5f2ee; /* 20220324 Kanda 本番との差異修正 e9e6e3→f5f2ee */
    padding:.6em .9em;
	margin: 0 15px 15px 15px;
	float: none;
	font-weight: bold;
}

.about-navi-box01 {
	float: left;
	width: 352px;
}

.about-navi-box01 ul li {
	overflow: hidden;
}

.about-navi-box01 p{
	padding: 0 10px 10px 15px !important;
}



.sitemap-list01 li a{
	padding: 5px 5px 5px 20px;
	line-height: 230%;
	background-image: url(../images/sitemap01.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
}

dl.thumbnail div {
 float: left;
 margin: 0 5px 5px 0;
}
dl.thumbnail img {
	padding: 5px !important;
	border: 1px solid #aaa;
	margin: 5px 5px 0px 5px;
	width: 120px;
	height: 150px;
}
dl.thumbnail a { display: block; }
dl.thumbnail dd {
 text-align: center;
 margin-left: 0;
 margin-top: 2px;
}





.disc ul {
	list-style-type: disc;
	margin:0 30px 0 0;
}

.disc li {
	margin:0 0 0 20px;
	padding:0;
}

.data{
width: 100%;
border-collapse: collapse;
margin-bottom:16px;
}
.data th{
width: 25%;
padding: 6px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.data td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}


.pc_img { display: block !important; }
.sp_img { display: none !important; }

@media only screen and (max-width: 825px) {
    .pc_img { display: none !important; }
    .sp_img { display: block !important; }
}

.ppp{
padding-bottom:4px !important;
}

#faq01,
#faq02,
#faq03,
#faq04,
#faq05,
#faq06,
#faq07,
#faq08,
#faq09,
#faq10,
#faq11,
#faq12,
#faq13,
#faq14,
#faq15,
#faq16,
#faq17,
#faq18,
#faq19,
#faq20,
#faq21,
#faq22,
#faq23,
#faq24,
#faq25,
#faq26,
#faq27 {
   margin-top:-106px !important;
   padding-top:106px !important;
}
#pageBody.member #faq01,
#pageBody.member #faq02,
#pageBody.member #faq03,
#pageBody.member #faq04,
#pageBody.member #faq05,
#pageBody.member #faq06,
#pageBody.member #faq07,
#pageBody.member #faq08,
#pageBody.member #faq09,
#pageBody.member #faq10,
#pageBody.member #faq11,
#pageBody.member #faq12,
#pageBody.member #faq13,
#pageBody.member #faq14,
#pageBody.member #faq15,
#pageBody.member #faq16,
#pageBody.member #faq17,
#pageBody.member #faq18,
#pageBody.member #faq19,
#pageBody.member #faq20,
#pageBody.member #faq21,
#pageBody.member #faq22,
#pageBody.member #faq23,
#pageBody.member #faq24,
#pageBody.member #faq25,
#pageBody.member #faq26,
#pageBody.member #faq27 {
   margin-top:-160px !important;
   padding-top:160px !important;
}

@media only screen and (max-width: 750px) {
#faq01,
#faq02,
#faq03,
#faq04,
#faq05,
#faq06,
#faq07,
#faq08,
#faq09,
#faq10,
#faq11,
#faq12,
#faq13,
#faq14,
#faq15,
#faq16,
#faq17,
#faq18,
#faq19,
#faq20,
#faq21,
#faq22,
#faq23,
#faq24,
#faq25,
#faq26,
#faq27 {
   margin-top:-134px !important;
  padding-top:134px !important;
}
}



#sidebar .box-sidebar .news ul li .dot {
    background: unset;
}


.box-search {
    position: relative;
}

.box-search input {
    border: 1px solid #c0c0c0;
    border-radius: 8px;
    padding: 7px 40px 7px 15px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.box-search .btn-search {
    position: absolute;
    border: none;
    background-color: #0000;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
}

.box-search .btn-search img {
    width: 20px;
}

@media screen and (max-width: 750px) {
    .box-search input {
        padding: 15px 45px 15px 15px;
    }
}

/*===========================================================
    以下、従来のbase_new.css  (import廃止→cssを下記に展開 2021.10 sasaki)
===========================================================*/


#sidebar .box-sidebar .news {
	margin-top: 20px;
	padding: 0 15px;
	word-break: break-all;
}

#sidebar .box-sidebar .news ul li::before {
	content: '';
    position: absolute;
    background: url(/common/new_images/img_index/black-circle.svg) no-repeat center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 6px;
    left: 2px;
}

#sidebar .box-sidebar .news ul li {
    position: relative;
    width: unset;
    padding-left: 20px;
    margin-bottom: 4px;
    font-size: 14px;
    text-align: justify;
}

#sidebar .box-sidebar .news ul li a {
    color: #646464;
}

#sidebar .box-sidebar .news ul li a:hover{
	color: #e94e30;
}

#sidebar .box-sidebar .news .title {
    display: flex;
	justify-content: space-between;
	align-items: center;
	color: #646464;
}

.pc-display {
    display: block;
}
.sp-display {
    display: none;
}
@media screen and (max-width: 750px) {
    .pc-display {
        display: none;
    }
    .sp-display {
        display: block;
    }
    .flex {
        display: flex;
        width: 100%;
        margin-top: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .flex a:nth-of-type(2) {
        margin-left: 10px;
    }
}