@charset "UTF-8";




#layout_block {width: 1000px;margin: 0 auto;padding: 60px 0;}
#layout_block dl {padding: 0 0 120px}
#layout_block dl dt {font-size: 24px;line-height: 34px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 40px;}
#layout_block dl dd {font-size: 14px;line-height: 28px;margin: 0 0 40px;position: relative;}
#layout_block dl dd #flowerlanguage {width:25%;text-align: center;position: absolute;top: 30px;right: 220px;}
#layout_block dl dd #flowerlanguage img {width: 100%;margin: 0 auto;}
#layout_block dl dd #flowerlanguage p {font-size: 10px;line-height: 20px;text-align: center;}
#layout_block #layoutdrawing {width: 100%; text-align: center;position: relative;padding: 40px 0;}
#layout_block #layoutdrawing .layout {width: 65%!important;}
#layout_block #layoutdrawing #layout_pic1 {position: absolute;left: 80px;bottom: -50px;}
#layout_block #layoutdrawing #layout_pic1 img {}
#layout_block #layoutdrawing #layout_pic2 {position: absolute;left: 200px;top: -80px;z-index: -1;width: 300px;}
#layout_block #layoutdrawing #layout_pic2 img {width: 100%;}
#layout_block #layoutdrawing #layout_pic3 {position: absolute;right: 0;bottom: -50px;}
#layout_block #layoutdrawing #layout_pic3 img {}
@media screen and (max-width: 1020px) {
#layout_block {width: 90%;margin: 0 auto;padding: 60px 0;}
#layout_block dl {padding: 0 0 100px}
#layout_block dl dt {font-size: 24px;line-height: 34px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 40px;}
#layout_block dl dd {font-size: 14px;line-height: 28px;margin: 0 0 40px;}
#layout_block dl dd #flowerlanguage {width:30%;text-align: center;position: absolute;top: 30px;right: 60px;}
#layout_block dl dd #flowerlanguage img {width: 100%;margin: 0 auto;}
#layout_block dl dd #flowerlanguage p {font-size: 10px;line-height: 20px;text-align: center;}
#layout_block #layoutdrawing {width: 100%; text-align: center;position: relative;padding: 0;}
#layout_block #layoutdrawing img {width: 100%;}
#layout_block #layoutdrawing .layout {width: 100%!important;}
#layout_block #layoutdrawing #layout_pic1 {width:36%; position: absolute;left: 5%;bottom: -5%;}
#layout_block #layoutdrawing #layout_pic1 img {width: 100%;}
#layout_block #layoutdrawing #layout_pic2 {width:45%; position:position: absolute;left: 1%;top: -19%;z-index: -1;}
#layout_block #layoutdrawing #layout_pic2 img {width: 100%;}
#layout_block #layoutdrawing #layout_pic3 {width:36%;position: absolute;right: -5%;bottom: -5%;}
#layout_block #layoutdrawing #layout_pic3 img {width: 100%;}
}
@media screen and (max-width: 767px) {
#layout_block {width: 90%;margin: 0 auto;padding: 10% 0;}
#layout_block dl {padding: 0 0 20%;}
#layout_block dl dt {font-size: 13px;line-height: 24px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 5%;text-align: left;}
#layout_block dl dd {font-size: 10px;line-height: 20px;margin: 0 0 5%;text-align: left;position: relative;}
#layout_block dl dd #flowerlanguage {width: 45%;text-align: center;position: absolute;top: 20px;right: 20px;}
#layout_block dl dd #flowerlanguage img {width: 100%;margin: 0 auto;}
#layout_block dl dd #flowerlanguage p {font-size: 10px;line-height: 20px;text-align: center;}
#layout_block #layoutdrawing {width: 100%; text-align: center;position: relative;padding: 0;}
#layout_block #layoutdrawing img {width: 100%;}
#layout_block #layoutdrawing .layout {width: 100%!important;}
#layout_block #layoutdrawing #layout_pic1 {width:36%; position: absolute;left: 5%;bottom: -5%;}
#layout_block #layoutdrawing #layout_pic1 img {width: 100%;}
#layout_block #layoutdrawing #layout_pic2 {width:45%; position:position: absolute;left: 1%;top: -19%;z-index: -1;}
#layout_block #layoutdrawing #layout_pic2 img {width: 100%;}
#layout_block #layoutdrawing #layout_pic3 {width:36%;position: absolute;right: -5%;bottom: -5%;}
#layout_block #layoutdrawing #layout_pic3 img {width: 100%;}
}





#kitamoto_back {background-image: url(images/life_back.gif); background-position: center;padding: 80px 0;}
#kitamoto_back #kitamoto {width: 1000px;margin: 0 auto;position: relative;}
#kitamoto_back #kitamoto #parenting_pic1 {position: absolute;right: 40px;top: -40px;}
#kitamoto_back #kitamoto #parenting_pic1 img {}
#kitamoto_back #kitamoto dl {text-align: left;margin: 0 0 40px}
#kitamoto_back #kitamoto dl dt {font-size: 24px;line-height: 34px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 20px;}
#kitamoto_back #kitamoto dl dd {font-size: 14px;line-height: 28px;margin: 0 0 20px;}
#kitamoto_back #kitamoto dl dd ul {margin: 0 0 0 14px;}
#kitamoto_back #kitamoto dl dd ul li {list-style: disc; font-size: 14px;line-height: 20px;}
#kitamoto_back #kitamoto dl dd p.sub_title {font-size: 18px;line-height: 28px;font-weight: 700;}
#kitamoto_back #kitamoto ul.life_pic {width: 100%;
margin: 0 0 60px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#kitamoto_back #kitamoto ul.life_pic li {width: 33.3%; display: inline-block;vertical-align: bottom;margin: 0;padding: 0;}
#kitamoto_back #kitamoto ul.life_pic li img {width: 100%;}

#parenting {width: 1000px;margin: 0 auto;background: #ffffff;padding: 60px 0 0;}
#parenting ul {width: 96%; margin: 0 0 0 4%;}
#parenting ul li {
text-align: left;
text-align: left;
width: 46%;
margin:0 4% 60px 0;
vertical-align: top;
display: inline-block!important;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position: relative;
}
#parenting ul li p.parenting_title {font-size: 22px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;position: relative;
display: inline-block;
margin: 0 0 20px;
letter-spacing: 4px;}
#parenting p.parenting_title:before {
content: '';
position: absolute;
left: 20px;
bottom: 2em;/*線の上下位置*/
display: inline-block;
width: 40px;/*線の長さ*/
height: 2px;/*線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);/*位置調整*/
background-color: #85a742;/*線の色*/
}
#parenting ul li p {font-size: 14px;line-height: 28px;}
#parenting ul li #parenting_pic2 {position: absolute;right: -20px;top: -220px;}
#parenting ul li #parenting_pic2 img {}
#parenting ul li #parenting_pic3 {position: absolute;right: 60px;top: -45px;}
#parenting ul li #parenting_pic3 img {}
#parenting ul li #parenting_pic4 {position: absolute;right: -20px;bottom: -130px;}
#parenting ul li #parenting_pic4 img {}
#parenting ul li #parenting_pic5 {position: absolute;right:-60px;top: -65px;}
#parenting ul li #parenting_pic5 img {}


@media screen and (max-width: 1020px) {
#kitamoto_back {background-image: url(images/life_back.gif);background-position: center;padding: 80px 0;}
#kitamoto_back #kitamoto {width:90%;margin: 0 auto;position: relative;}
#kitamoto_back #kitamoto #parenting_pic1 {width: 27%; position: absolute;right: -5%;top: 11%;}
#kitamoto_back #kitamoto #parenting_pic1 img {width: 100%;}
#kitamoto_back #kitamoto dl {text-align: left;margin: 0 0 40px}
#kitamoto_back #kitamoto dl dt {font-size: 24px;line-height: 34px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 20px;}
#kitamoto_back #kitamoto dl dd {font-size: 14px;line-height: 28px;margin: 0 0 20px;}
#kitamoto_back #kitamoto dl dd ul {margin: 0 0 0 14px;}
#kitamoto_back #kitamoto dl dd ul li {list-style: disc; font-size: 14px;line-height: 20px;}
#kitamoto_back #kitamoto dl dd p.sub_title {font-size: 18px;line-height: 28px;font-weight: 700;}
#kitamoto_back #kitamoto ul.life_pic {width: 100%;
margin: 0 0 60px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#kitamoto_back #kitamoto ul.life_pic li {width: 33.3%; display: inline-block;vertical-align: bottom;margin: 0;padding: 0;}
#kitamoto_back #kitamoto ul.life_pic li img {width: 100%;}

#parenting {width: 90%;margin: 0 auto;background: #ffffff;padding: 60px 0 0;}
#parenting ul {width:91%; margin: 0 5% 0 4%;}
#parenting ul li {
text-align: left;
text-align: left;
width: 100%;
margin:0 0 60px 0;
vertical-align: top;
display: inline-block!important;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position: relative;
}
#parenting ul li p.parenting_title {font-size: 22px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;position: relative;
display: inline-block;
margin: 0 0 20px;
letter-spacing: 4px;}
#parenting p.parenting_title:before {
content: '';
position: absolute;
left: 20px;
bottom: 2em;/*線の上下位置*/
display: inline-block;
width: 40px;/*線の長さ*/
height: 2px;/*線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);/*位置調整*/
background-color: #85a742;/*線の色*/
}
#parenting ul li p {font-size: 14px;line-height: 28px;}
#parenting ul li #parenting_pic2 {width:35%; position: absolute;right: -20px;top: -40%;}
#parenting ul li #parenting_pic2 img {width: 100%;}
#parenting ul li #parenting_pic3 {width:18%;position: absolute;right: 120px;top: -45px;}
#parenting ul li #parenting_pic3 img {width: 100%;}
#parenting ul li #parenting_pic4 {width:18%;position: absolute;right: 100px;bottom:inherit;top: -80px;}
#parenting ul li #parenting_pic4 img {width: 100%;}
#parenting ul li #parenting_pic5 {width:20%;position: absolute;right:-60px;top: inherit;top: -80px;}
#parenting ul li #parenting_pic5 img {width: 100%;}
}
@media screen and (max-width: 767px) {
#kitamoto_back {background-image: url(images/life_back.gif);background-position: center;padding: 10% 0;}
#kitamoto_back #kitamoto {width:90%;margin: 0 auto;position: relative;}
#kitamoto_back #kitamoto #parenting_pic1 {width: 25%; position: absolute;right: -5%;top: 10%;}
#kitamoto_back #kitamoto #parenting_pic1 img {width: 100%;}
#kitamoto_back #kitamoto dl {text-align: left;margin: 0 0 5%;}
#kitamoto_back #kitamoto dl dt {font-size: 14px;line-height: 24px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 5%;}
#kitamoto_back #kitamoto dl dd {font-size: 10px;line-height: 20px;margin: 0 0 5%;}
#kitamoto_back #kitamoto dl dd ul {margin: 0 0 0 14px;}
#kitamoto_back #kitamoto dl dd ul li {list-style: disc; font-size: 10px;line-height: 14px;}
#kitamoto_back #kitamoto dl dd p.sub_title {font-size: 12px;line-height: 22px;font-weight: 700;}
#kitamoto_back #kitamoto ul.life_pic {width: 100%;
margin: 0 0 5%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#kitamoto_back #kitamoto ul.life_pic li {width: 33.3%; display: inline-block;vertical-align: bottom;margin: 0;padding: 0;}
#kitamoto_back #kitamoto ul.life_pic li img {width: 100%;}

#parenting {width: 90%;margin: 0 auto;background: #ffffff;padding: 10% 0 5%;}
#parenting ul {width:90%; margin: 0 auto 0;}
#parenting ul li {
text-align: left;
text-align: left;
width: 100%;
margin:0 0 15% 0;
vertical-align: top;
display: inline-block!important;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position: relative;
}
#parenting ul li:last-child {margin:0 0 5% 0;}
#parenting ul li p.parenting_title {font-size: 14px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;position: relative;
display: inline-block;
margin: 0 0 5%;
letter-spacing:0;}
#parenting p.parenting_title:before {
content: '';
position: absolute;
left: 20px;
bottom: 2em;/*線の上下位置*/
display: inline-block;
width: 40px;/*線の長さ*/
height: 2px;/*線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);/*位置調整*/
background-color: #85a742;/*線の色*/
}
#parenting ul li p {font-size: 10px;line-height: 18px;}
#parenting ul li #parenting_pic2 {width:80px; position: absolute;right: -25px;top: -38px;}
#parenting ul li #parenting_pic2 img {width: 100%;}
#parenting ul li #parenting_pic3 {width:60px;position: absolute;right:30px;top: -20px;}
#parenting ul li #parenting_pic3 img {width: 100%;}
#parenting ul li #parenting_pic4 {width:60px;position: absolute;right:-10px;top:-50px;}
#parenting ul li #parenting_pic4 img {width: 100%;}
#parenting ul li #parenting_pic5 {width:55px;position: absolute;right:0;top:-40px;}
#parenting ul li #parenting_pic5 img {width: 100%;}
}