@charset "UTF-8";
/* CSS Document */
/* font-family: "ヒラギノ角ゴ W3 JIS2004"; font-family: "ヒラギノ角ゴ W6 JIS2004"; font-family: "A1ゴシック B";*/

@media (min-width:769px) {
	.stylefreeUmasaWrap .pc { display: block;}
	.stylefreeUmasaWrap .sp { display: none;}
}
@media (max-width:768px) {
	.stylefreeUmasaWrap .pc { display: none;}
	.stylefreeUmasaWrap .sp { display: block;}
}

/* 画面外にいる状態 */
.stylefreeUmasaWrap .fadein { opacity : 0; transform : translate(0, 50px); transition : all 1000ms;}

/* 画面内に入った状態 */
.stylefreeUmasaWrap .fadein.scrollin { opacity : 1; transform : translate(0, 0);}

.stylefreeUmasaWrap { width: 100%; max-width: 1100px; margin: 0 auto; background-color: #FFF; font-family: "ヒラギノ角ゴ W3 JIS2004";/* font-size:62.5%!important;*/}
.stylefreeUmasaWrap img { vertical-align: bottom; width: 100%; max-width: 100%; padding: 0; margin: 0;}
.stylefreeUmasaWrap a img:hover { opacity: 0.7;}

.stylefreeUmasaWrap h1 { width: 100%;}
.stylefreeUmasaWrap h2 { width: 25%; max-width: 300px; margin: 0 auto; padding: 10px 10px 12px; border-radius: 25px; background-color: #009933; text-align: center; color: #FFF; font-size: 1.2rem;/*19px*/ line-height: 130%; font-family: "A1ゴシック M"; box-sizing: border-box;}

.stylefreeUmasaWrap .greenBox { width: 95%; margin: -5px auto 50px; padding: 0 50px; background-color: #FFF; border: solid 2px #009933; border-radius: 50px; box-sizing: border-box;}

.stylefreeUmasaWrap .greenBox .kijiBox { width: 100%; display: flex; align-items: center; flex-wrap:wrap; justify-content: space-between; margin: 50px auto;}
.stylefreeUmasaWrap .greenBox .kijiBox dl { flex: 50% 0 0;}
.stylefreeUmasaWrap .greenBox .kijiBox dl dt { padding-bottom: 0.5em; font-size: 1.7rem;/*24px*/ color: #000; font-family: "ヒラギノ角ゴ W6 JIS2004"; text-align: justify;}
.stylefreeUmasaWrap .greenBox .kijiBox dl dd { margin-left: 0; font-size: 1rem;/*16px*/ color: #000; line-height: 180%; text-align: justify;}
.stylefreeUmasaWrap .greenBox .kijiBox dl dd p { padding-bottom: 0; margin-bottom: 0; font-size: 0.8rem; line-height: 135%;}
.stylefreeUmasaWrap .greenBox .kijiBox div { flex: 47% 0 0;}
.stylefreeUmasaWrap .kome { font-size: 70%;}
.stylefreeUmasaWrap .greenBox .kijiBox .textOrange { color: #FF6633;}
.stylefreeUmasaWrap .greenBox .baseHonsuu { position: relative; margin-top: 30%;}
.stylefreeUmasaWrap .greenBox .imgHonsuu { width: 100%; position: absolute; top: -65%; left: 0; z-index: 2;}
.stylefreeUmasaWrap .greenBox .kijiR { flex-flow: row-reverse wrap;}
.stylefreeUmasaWrap .greenBox .kijiTop { align-items: flex-start;}
.stylefreeUmasaWrap .greenBox .kijiMiddle { align-items: center;}
.stylefreeUmasaWrap .greenBox .kijiBottom { align-items: flex-end;}

.stylefreeUmasaWrap .riyuuBox { width: 100%; padding: 20px 30px; display: flex; align-items: center; flex-wrap:wrap; justify-content: space-between; margin: 50px auto; background-color: #F9BF12; box-sizing: border-box; border-radius: 20px;}
.stylefreeUmasaWrap .riyuuBox div { flex: 20% 0 0;}
.stylefreeUmasaWrap .riyuuBox p { flex: 75% 0 0; font-size: 1.2rem;/*19px*/ color: #000; font-family: "ヒラギノ角ゴ W6 JIS2004";}

.stylefreeUmasaWrap .sec4Box { width: 90%; display: flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start; margin: 50px auto;}
.stylefreeUmasaWrap .sec4Box dl { flex: 50% 0 0;}
.stylefreeUmasaWrap .sec4Box div { flex: 47% 0 0; font-size: 0.8rem; text-align: right;}
.stylefreeUmasaWrap .sec4Box div img { padding-bottom: 10px;}
.stylefreeUmasaWrap .sec4Box dl dt { padding-bottom: 0.5em; font-size: 1.6rem;/*26px*/ color: #000; font-family: "ヒラギノ角ゴ W6 JIS2004";}
.stylefreeUmasaWrap .sec4Box dl dd { margin-left: 0; font-size: 1rem;/*16px*/ color: #000; line-height: 180%;}

@media (max-width:860px) {
	.stylefreeUmasaWrap .greenBox .imgHonsuu { top: -50%;}
}

@media (max-width:768px) {
	.stylefreeUmasaWrap h2 { width: 90%;}
	.stylefreeUmasaWrap .greenBox { margin: -5px auto 50px; padding: 0 20px; border-radius: 20px;}
	.stylefreeUmasaWrap .greenBox .kijiBox { display: block; margin: 30px auto;}
	.stylefreeUmasaWrap .greenBox .kijiBox dl dt { font-size: 1.4rem;}
	.stylefreeUmasaWrap .greenBox .imgHonsuu { position: static;}
	
	.stylefreeUmasaWrap .riyuuBox { padding: 10px 20px; display: block; margin: 50px auto 20px;}
	.stylefreeUmasaWrap .riyuuBox div { width: 100%;}
	.stylefreeUmasaWrap .riyuuBox p { width: 100%; font-size: 1rem;/*19px*/}
	
	.stylefreeUmasaWrap .sec4Box { display: block; margin: 50px auto;}
}