@charset "UTF-8";


.p01 img,
.p02 img{
display:block;
width:80%;
height:auto;
margin:0 auto 0.2em !important;
text-align:center !important;
}



/* .plan-btn
------------------------------------- */
.plan-btn{
max-width:300px;
margin:0 auto 10px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
text-align:center;
}

.plan-btn a{
display:block;
padding:10px 0;
text-decoration:none;
color:#FFF;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
}

.p01 .plan-btn a{
background-color:#C05320 !important;
}

.p02 .plan-btn a{
background-color:#AB913F !important;
}

.other-service .plan-btn a{
background-color:#8080C0 !important;
}


.plan-btn a span{
margin:0 5px;
}

.plan-btn a span:after{
content:"\f061";
font-family:FontAwesome;
font-weight:normal;
font-size:120%;
}

.plan-btn a:hover, .plan-btn a:focus {
opacity:0.8;
}


/* その他の支援サービス
------------------------------------- */


/* その他の支援サービストップ
---------------------- */

.other-service-col{
margin:1em auto;
padding:1em;
background-color:#F1F1F8;
border:#ABABD6 solid 1px;
-webkit-border-radius:6px;
-moz-border-radius:6px; 
border-radius:6px;	
text-align:center;	
}

.other-service dl dt{
font-weight:700;
}

.other-service dl ul{
width:96%;
margin:1em auto;
padding:0.2em;
border:#CCC solid 2px;
background-color:#FEFEFE;
-webkit-border-radius:6px;
-moz-border-radius:6px; 
border-radius:6px;	
}

.other-service dl ul li{
margin-left:0.8em;
padding:0.1em;
font-size:90%;	
}

.other-service dl ul li:before{
margin-left:0.5em;
text-indent:-0.5em;
font-weight:700;
display:inline-block;
margin:0 5px 0 0;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f111";
color:#3366CC;
font-size:80%;
}


/* その他の支援サービス詳細ページ
---------------------- */

.other-service-list{
margin:0.5em;
padding:0.5em;
background-color:#FCF7E2;
border:#FC6 solid 1px;
-webkit-border-radius:6px;
-moz-border-radius:6px; 
border-radius:6px;	
}

.other-service-list li{
margin:0.3em;
}


.other-service-list li:before{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
font-size:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f118";
margin-right:5px;
color:#FF6666;
}

.anshin-life-pack{
margin:0.5em;
padding:0.5em;
background-color:#FFF4FA;
border:#FFC8E3 solid 1px;
-webkit-border-radius:6px;
-moz-border-radius:6px; 
border-radius:6px;	
}


.anshin-life-pack h3{
margin-top:1em !important;
margin-bottom:0 !important;
padding-bottom:0 !important;
border-bottom: #F66 dashed 2px !important;
text-align:left !important;
font-size:120% !important;
}




@media (min-width:700px) {
	
/* プランの説明
----------------------------------------------- */
.service-plan{
display:flex;
margin:0.5em 0;
padding:0.5em 0;
}

.other-service,
.service-plan-cont{
margin:1em 0.5em;
}

.other-service,
.service-plan-cont{
position:relative;
flex:1;
padding-bottom:70px;
}

.service-plan-cont p{
line-height:1.5;
margin:0 2em;
}

.plan-btn{
position:absolute;
left:0;
right:0;
bottom:10px;
}

.plan-btn a{
width:300px;
margin:0 auto;
}
	
	
.p01 img,
.p02 img{
width:400px;
height:auto;
margin:1em auto !important;
}


/* その他の支援サービス詳細ページ
---------------------- */

.other-service-list{
margin:1em;
padding:1em;
}

.other-service dl ul li{
display:inline-block;
margin:0.5em;
}

.anshin-life-pack{
margin:1em;
padding:1em;
}

}