@charset "UTF-8";



/*共通
---------------------------------------------------------*/
.com_lead dt span{
	color:#BBC314;
}
.med_style1 dt{
	color:#BBC314;
}
h4.com_index2{
background: -moz-linear-gradient(left, rgba(197,204,55,1) 0%, rgba(197,204,55,0.8) 100%);
background: -webkit-linear-gradient(left, rgba(197,204,55,1) 0%,rgba(197,204,55,0.8) 100%);
background: linear-gradient(to right, rgba(197,204,55,1) 0%,rgba(197,204,55,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5cc37', endColorstr='#ccc5cc37',GradientType=1 );
}
.med_point_box {
background: -moz-linear-gradient(top, rgba(244,247,193,1) 0%, rgba(244,247,193,0.3) 100%);
background: -webkit-linear-gradient(top, rgba(244,247,193,1) 0%,rgba(244,247,193,0.3) 100%);
background: linear-gradient(to bottom, rgba(244,247,193,1) 0%,rgba(244,247,193,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7c1', endColorstr='#4df4f7c1',GradientType=0 );
}
.med_point_box h6 {
color: #BBC314;
}
.med_frame_box h5 {
background: #CAD047;
}
.med_frame_box .med_frame_list > li dt, .med_frame_box .med_frame_list > li p.title {
    color: #59A957;
}
.med_frame_box {
    background: #FEFEE6;
}
.com_link {
    max-width: 370px;
}

.faq_list dt {color: #BBC314;}
.faq_list dt::before {
	color: #BBC314;
	opacity: 0.5;
}



/*お母さまも安心のファミリーサポート
---------------------------------------------------------*/
.box02 .img_box{
text-align: center;
}
.box02 .txt_box{
color: #59A957;
font-weight: bold;
font-size: 135%;
letter-spacing: 0.08em;
position: relative;
line-height: 1.5em;
text-align: center;
margin-top: 15px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box02 .txt_box{
    font-size: 115%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box02 .txt_box{
font-size: 110%;
letter-spacing: 0.05em;
margin-bottom: 3%;
}
.box02 .img_box{
width: 70%;
margin: 0 auto;
}
}


/*お母さまも安心のファミリーサポート
---------------------------------------------------------*/
.col_box{
background: -moz-linear-gradient(top, rgba(246,247,173,1) 0%, rgba(229,252,197,0.3) 100%);
background: -webkit-linear-gradient(top, rgba(246,247,173,1) 0%,rgba(229,252,197,0.3) 100%);
background: linear-gradient(to bottom, rgba(246,247,173,1) 0%,rgba(229,252,197,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7ad', endColorstr='#4de5fcc5',GradientType=0 );
padding: 80px 60px 60px;
position: relative;
}
.col_box::after{
position: absolute;
content: '';
top: 50px;
left:8%;
background: url(../images/fam_title_bg.svg)no-repeat left top;
width: 230px;
height: 90px;
z-index: 1;
}

.col_box h5{
font-size: 230%;
letter-spacing: .07em;
color: #333333;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
position: relative;
z-index: 2;
}
.col_box h5 span{
display: block;
font-size: 45%;
padding-top: 15px;
}

.col_box .txt_box{
text-align: center;
}
.col_box .flex{
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 50px 0 45px;
}
.col_box .flex li{
text-align: center;
margin-right: 3%;
}
.col_box .flex li:last-child{
margin-right: 0;
}

.col_box .flex li .illust{
margin-bottom: 15px;
}

.col_box .flex li .txt{
font-size: 120%;
letter-spacing: .07em;
font-weight: bold;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.col_box{
padding: 50px 30px 40px;
}
.col_box::after{
top: 25px;
left:5%;
}

.col_box h5{
font-size: 200%;
margin-bottom: 20px;
}
.col_box h5 span{
display: block;
font-size: 45%;
padding-top: 8px;
}
.col_box .flex{
margin: 30px 0 20px;
}
.col_box .flex li .illust{
margin-bottom: 10px;
}
.col_box .flex li .txt{
font-size: 105%;
letter-spacing: .03em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.col_box{
padding: 10% 5% 8%;
}


.col_box h5{
font-size: 160%;
margin-bottom:0;
line-height: 1.5em;
}
.col_box h5 span{
font-size: 55%;
padding-top: 0;
}

.col_box .flex{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 5% 0 0;
}
.col_box .flex li{
width: 48%;
margin-right: 2%;
margin-bottom: 5%;
}
.col_box .flex li:nth-child(2),
.col_box .flex li:last-child{
margin-right: 0;
}

.col_box .flex li .illust{
margin-bottom: 10px;
}

.col_box .flex li .txt{
font-size: 90%;
letter-spacing: .07em;
line-height: 1.6em;
}
.com_link {
    margin-top: 0.5em;
}
.col_box::after{
background: url(../images/fam_title_bg.svg)no-repeat left top;
width: 45%;
height: 100%;
left: 5%;
top: 25px;
}
}