/* CSS Document */

@media (min-width: 768px) {
div#h1Title h1 { background: url(images/h1Title.png) no-repeat 0 37px; height: 100%; }
h2.aboutH2 { color: #391C00; font-size: 32px; line-height: 120%; letter-spacing: 1px; margin-bottom: 20px; }

table.table01 td,
table.table01 th { vertical-align: top; font-size: 15px; line-height: 180%; }

table.greetingTable,
table.rinenTable { margin-bottom: 60px; }
table.greetingTable th { padding-right: 35px; font-weight: normal; text-align: left; background-color: #fff;}
table.rinenTable th { padding-right: 30px; font-weight: normal; text-align: left; vertical-align: bottom; }
.rinenDoc { background: url(images/icon01.png) no-repeat; padding-left: 65px; margin-bottom: 20px; font-size: 15px; line-height: 180%; }

table.enkakuTable { width: 100%; }
table.enkakuTable th,
table.enkakuTable td { font-size: 14px; line-height: 120%; padding: 15px 0 12px; }
table.enkakuTable th { color: #391C00; font-weight: normal; text-align: left; width: 150px; border-bottom: #CCC 1px solid; background-color: #fff; }
table.enkakuTable td { border-bottom: #CCC 1px solid; }

/*rinen20190206upsate ▼*/
#rinen .img img { padding: 20px 10px; max-width: 670px; display: block; margin: 0 auto; width: calc(100% - 20px); }
#rinen .rinenImgBackground { background-color: #fef3ed; border-radius: 5px; }
#rinen li { list-style: none; font-size: 2rem; line-height: 1.5; position: relative; margin-bottom: 30px; }
.rinen_titile { font-weight: bold; position: relative; margin-left: 30px; margin-bottom: 6px; padding-left: 10px; }
.rinen_titile::before { content: ''; position: absolute; width: 24px; height: 24px; border-radius: 50%; background: #ccc; left: -30px; top: 3px; }
.rinen_titile::after { content: ''; position: absolute; left: -25px; top: 10px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.rinen_text { padding-left: 40px; font-size: 1.6rem;}

#rinen .rinenText { margin-top: 40px; padding: 0 40px; }
#rinen ul li:first-child .rinen_titile::before { background: #c76bbe; }
#rinen ul li:nth-child(2) .rinen_titile::before { background: #6d84c7; }
#rinen ul li:nth-child(3) .rinen_titile::before { background: #c78d5f; }
#rinen ul li:nth-child(4) .rinen_titile::before { background: #d3cd63; }
#rinen ul li:last-child .rinen_titile::before { background: #70d4a1; }
}
@media (max-width: 767px) {
/*div#h1Title h1 { background: url(images/h1Title.png) no-repeat 0 37px; }*/
h2.aboutH2 { color: #391C00; font-size: 32px; line-height: 120%; letter-spacing: 1px; margin-bottom: 20px; }

table.table01 td,
table.table01 th { vertical-align: top; font-size: 15px; line-height: 180%; }

table.greetingTable,
table.rinenTable { margin-bottom: 60px; }
table.greetingTable th { padding-right: 35px; font-weight: normal; text-align: left; }
table.rinenTable th { padding-right: 30px; font-weight: normal; text-align: left; vertical-align: bottom; }
.rinenDoc { background: url(images/icon01.png) no-repeat; padding-left: 65px; margin-bottom: 20px; font-size: 15px; line-height: 180%; }

table.enkakuTable { width: 100%; }
table.enkakuTable th,
table.enkakuTable td { font-size: 14px; line-height: 120%; padding: 15px 0 12px; }
table.enkakuTable th { color: #391C00; font-weight: normal; text-align: left; width: 150px; border-bottom: #CCC 1px solid; }
table.enkakuTable td { border-bottom: #CCC 1px solid; }


/*rinen20190206upsate ▼*/

#rinen .img img { padding: 20px 10px; max-width: 670px; display: block; margin: 0 auto; width: calc(100% - 20px); }
#rinen .rinenImgBackground { background-color: #fef3ed; border-radius: 5px; }
#rinen li { list-style: none; font-size: 2rem; line-height: 1.5; position: relative; margin-bottom: 30px; padding-left: 2em;}
.rinen_titile { font-weight: bold; position: relative; margin-bottom: 6px; padding-left: 10px; }
.rinen_titile::before { content: ''; position: absolute; width: 24px; height: 24px; border-radius: 50%; background: #ccc; left: -30px; top: 3px; }
.rinen_titile::after { content: ''; position: absolute; left: -25px; top: 10px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.rinen_text { padding-left: 10px; font-size: 1.6rem; }

#rinen .rinenText { margin-top: 20px; }
#rinen ul li:first-child .rinen_titile::before { background: #c76bbe; }
#rinen ul li:nth-child(2) .rinen_titile::before { background: #6d84c7; }
#rinen ul li:nth-child(3) .rinen_titile::before { background: #c78d5f; }
#rinen ul li:nth-child(4) .rinen_titile::before { background: #d3cd63; }
#rinen ul li:last-child .rinen_titile::before { background: #70d4a1; }
    
	#rinen .img.pc { display: none; }
	#rinen .img.sp { display: block; }
	#rinen .colWrap { background-color: #f5650a; }
	#rinen .col2-1:first-child { width: 40%; background: #f5650a; }
	#rinen .col2-1:last-child { width: 60%; background-color: #ffffff; }
}

@media (max-width: 480px) {
	#rinen .img.sp { display: block; }
	#rinen .img.pc { display: none; }
	
	#rinen .rinenText { margin-top: 20px; padding: 0; }
	#rinen li {}
	#rinen li::before { top: 0; right: 0; margin: auto;}
	#rinen li::after { left: 0; right: 0; text-align: center; bottom: auto; line-height: 70px;}
}