@charset "UTF-8";
/* -------------------------------------------------------- CSS Information
Last up date:   2016
Style Info:     case css
------------------------------------------------------------------------ */

/*CommonCSS_link*/
@import url(base.css);
@import url(common2.css);
/*------------------------------------------------------------*/
/*------------------------------------------content*/
.content_box div.left_box{
    width: 35%
}
.content_box div.right_box{
    width: 65%
}
.content_box div.left_box img{
    width: 90%;
    max-width: 270px;
}
.lb_pink,
#content1 ul li p:first-child,
.detail_list li:first-child,
.case_title{
    font-size: 18px;
    line-height: 120%;
    margin: 10px 0;
    border-left: 5px solid #DE427F;
    padding-left: 5px;
}
.content_box p{
    margin-bottom: 10px;
    line-height: 170%;
}
.content_box .tx_small{
    font-size: 14px;
}
.content_box .tx_pink{
    color: #DE427F;
}
}
.content_box ul{
    margin-bottom: 30px;
}
#content1 ul li{
    margin-bottom: 30px;
}
#content1 table{
    margin: 20px 0;
}
#content1 table tr td:first-child{
    vertical-align: top;
}
#content2{
    padding-bottom: 40px;
}
#content2 .content_box li{
    list-style: initial;
    margin-left: 60px;
}
#content2 .detail_list li:first-child{
    list-style: none;
    margin-left: 30px;
}
.view_detail{
	width:250px;
	float:right;
	text-align:center;
	padding:5px;
	color:#fff;
	background:#DE427F;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
	display:block;
	/* box-shadow */
box-shadow:rgba(120, 120, 120, 0.639216) 1px 2px 1px 0px;
-webkit-box-shadow:rgba(120, 120, 120, 0.639216) 1px 2px 1px 0px;
-moz-box-shadow:rgba(120, 120, 120, 0.639216) 1px 2px 1px 0px}

.view_detail:hover{opacity: 0.7;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}
.content_box div.box_one{
    margin-bottom: 120px;
}
@media screen and (max-width:768px){
.content_box div.left_box,
.content_box div.right_box{
    width: 95%;
}
.content_box div.left_box{
    margin-bottom: 0;
    padding-bottom: 0;
}
.content_box li{
font-size: 14px;
}
.content_box h4.check .fa {
    font-size: 28px;
    }
.view_detail{
    width: 200px;
    font-size: 14px;
}
.content_box div.right_box,
.content_box div.box_one{
    margin-bottom: 80px;
}
}
@media screen and (max-width:480px){
.content_box div.right_box{
    width: 100%;
}
.view_detail{
    width: 150px;
    font-size: 12px;
}
}

/*------------------------------------------faq*/
#faq{
    padding: 0 30px;
}
.case_title{
    font-size: 20px;
}
.wrapper{
    margin-bottom: 30px;
}
.one_question{
    margin-bottom: 10px;
}
.s_question,
.s_answer{
    padding: 15px;
    font-size: 16px;
    line-height: 150%;
}
.s_question{
    cursor: pointer;
    border: 1px dotted #DE427F;
}
.s_answer{
    display: none;
    background-color: #fbf7f2;
}
.s_question .fa,
.s_answer .fa{
    color: #DE427F;
    font-size: 24px;
}
@media screen and (max-width:678px){
   .s_question,
   .s_answer{
       padding: 10px;
   }
}
@media screen and (max-width:480px){
     .s_question,
     .s_answer{
        padding: 5px;
        font-size: 14px;
            line-height: 170%;
     }
}