.parent{display:flex}.parent02{margin-top:3em}.child-box{width:60px;height:60px;background:#3498db}.child-list{margin:0 -10px}.child-list li{width:60px;height:60px;background:#3498db;display:inline-block;margin:0 10px;list-style:none}.parent01 .child-box{margin-right:auto}.parent02 .child-list{margin:0 auto}.parent02 .child-box:nth-of-type(1){background:#e74c3c}.parent02 .child-box:nth-of-type(2){background:#f39c12}p.text{margin:1.5em 0 .5em;color:#222;font-family:'Open Sans', sans-serif;font-size:1.8rem;font-weight:300;text-align:center}p.text:first-child{margin-top:0}.parent{display:flex}.parent01{justify-content:space-between}.parent02{justify-content:space-around}.parent03{justify-content:space-evenly}.child{width:60px;height:60px;background:#3498db}.parent{display:flex}.child2{display:flex;justify-content:center;align-items:center;height:200px;color:#fff;font-size:1.4rem}.main{flex:1;background:#3498db}.side{width:200px;background:#e74c3c}.child3{display:flex;justify-content:center;align-items:center;height:200px;color:#fff;font-size:1.4rem}.left{background:#e74c3c}.center{background:#3498db}.right{background:#f39c12}@media (min-width: 768px){.child3:not(.center){width:150px}.parent{display:flex}.left{order:1}.center{flex:1;order:2}.right{order:3}}.parent2{display:flex;justify-content:center;align-items:center;padding:4em 0}.child4{width:50%;color:#222;font-family:'Open Sans', sans-serif;font-weight:400}.item{display:flex;flex-wrap:nowrap;margin-bottom:2em}.item-image{width:50%}.item-image img{width:100%;height:100%;object-fit:cover}.item-text{display:flex;flex-wrap:wrap;flex:1;justify-content:center;align-content:center;align-items:center;padding:3em;background:#eee}.item-text p+p{margin-top:1em}.item:nth-child(odd){flex-direction:row-reverse}.item-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.item-list2{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}.item-list3{display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between;align-items:stretch}.item2{width:49%;box-sizing:border-box}.item2-2{width:49%;box-sizing:border-box;padding:1em;background-color:#fff;border:solid 1px #e4ddc7;border-radius:10px;margin-bottom:1em;line-height:1.5}.item-image2{margin-bottom:1em}.item-image2 img{width:100%;height:auto;vertical-align:bottom}.item3{display:flex;flex-direction:column;width:32%;padding:1em;border:3px solid #eee;box-sizing:border-box;margin-bottom:1em}.item3-0{width:23%;display:flex;flex-direction:column}.item3-1{text-align:center;width:36%;margin:1% 0;padding:1em 1em;background-color:#fffded;border-radius:10px;font-size:1.5rem;box-sizing:border-box;margin-bottom:1em}.item3-1 h3{background-color:#f9be00;color:#333;margin-bottom:10px;border-radius:10px;font-size:3rem}.item3-2{width:32%;box-sizing:border-box;padding:0.5em;background-color:#fff;border:solid 2px #e4ddc7;border-radius:10px;margin-bottom:1em;line-height:1.5}.item3-2 h3{font-size:2rem}.item3-2 p{font-size:1.4rem}.item-image3{min-height:0%;margin-bottom:1em}.item-image3 img{width:100%;height:auto;vertical-align:bottom}.item-btn00{margin-top:auto;font-size:1.4rem;padding-top:.5em}.item-btn01{margin-top:50%;font-size:1.4rem;padding-top:.5em}.item-btn{margin-top:auto;font-size:1.4rem;padding-top:.5em}.item-btn a{display:block;padding:0;background:#0087d1;border-radius:4px;color:#fff;text-decoration:none;text-align:center}.item-btn a:hover{text-decoration:none;opacity:0.8}.item-btn *{-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s}.item-btn2{margin-top:auto;font-size:1.4rem;padding-top:.5em}.item-btn2 a{display:block;padding:0;background:#00a042;border-radius:4px;color:#fff;text-decoration:none;text-align:center}.item-btn2 a:hover{text-decoration:none;opacity:0.8}.item-btn2 *{-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s}.item-btn3{margin-top:auto;font-size:1.4rem;padding-top:.5em}.item-btn3 a{display:block;padding:0;background:#f99500;border-radius:4px;color:#fff;text-decoration:none;text-align:center}.item-btn3 a:hover{text-decoration:none;opacity:0.8}.item-btn3 *{-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s}.item4{display:flex;width:49%;margin-top:2em;padding:1em;border:1px solid #ccc;box-sizing:border-box}.item:nth-child(-n+2){margin-top:0}.item-image4{width:200px;margin-right:1em}.item-image4 img{width:100%;height:auto;vertical-align:bottom}.item-text4{display:flex;flex:1;flex-direction:column;justify-content:space-between}.item-btn4{align-self:flex-end;margin-top:1em}.item-btn4 a{display:inline-block;padding:.3em 2.5em;background:#3498db;border-radius:4px;color:#fff;text-decoration:none;text-align:center}@media screen and (max-width: 800px){.item2,.item2-2,.item3{width:100%;margin-bottom:1em}.item3-2{width:49%;margin-bottom:1em}.item3-0{width:10%;display:flex;flex-direction:column}.item3-1{text-align:center;width:40%;margin:1%;padding:0.5em;font-size:1.4rem}.item3-1 h3{font-size:1.8rem}}
/*# sourceMappingURL=flexbox.css.map */