@charset "UTF-8";
#top-header-wrap,
#top-header-wrap02 { display: none;}
#free-page {width: 85%;}
#top-text p {font-size: 140%;	color: #ff0000;	font-weight: 600;}
.contents h2 { font-size: 180%; font-weight: 600;	background: #DBEEF5;	position: relative;	padding: 1rem .5rem;}
.con-box:nth-child(1) {padding-bottom: 5rem;}.con-box:nth-child(n+2) {padding: 5rem 0;}
.con-box h2::before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 35px transparent; border-right: solid 40px #bababa;}
.contents h3 { font-size: 200%; color: #EDCE65; font-weight: 600; text-shadow: 1px 1px #8A8A8A, 2px 2px #999, 3px 3px #888, 4px 4px #777, 5px 5px #666, 6px 6px #555, 7px 7px 4px #000; background-color: #DBEEF5; border-radius: 10px 10px 0 0;}
.con-box img {display: inline-block;	position: relative;	overflow: hidden;	padding: 10px; /* 6px だけは写真からはみ出す */	transform: rotate(-3deg);	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);}.con-box p {margin-bottom: .5rem;}
#contents-text {border: 2px solid #DBEEF5;	border-radius: 0 0 10px 10px;	padding: 1rem}
@media (min-width: 1300px){ .contents { font-size: 1.1rem; }}@media (max-width: 767px){#free-page {width: 100%;}}
@media (max-width: 575px){#top-text p {line-height: 1.6;}.contents h2 { font-size: 160%;}#painting-top > div {padding: .5rem;}#painting-top p {line-height: 1.6;}
.contents dl {padding: 2rem 1rem;}
.contents dt {padding-bottom: 1rem;}}