/*----------------------------------------------------*/								
/*                        MV                          */								
/*----------------------------------------------------*/								
.mv_wrap{								
	background-image: url('../img/service/isana/outline/isana-outline_mv_img.jpg');							
    background-color: #cbdbee;								
}

/*----------------------------------------------------*/								
/*                       features                     */								
/*----------------------------------------------------*/								
.features {
    background-color: #ebebeb;
}

h2{								
    margin-bottom: 40px;								
}

.hd_txt{								
    text-align: center;								
    line-height: 2;								
    word-break: keep-all;								
}								
								
h3 {								
    text-align: left;								
    margin-top: 60px;								
    font-weight: bold;								
    font-size: 20px;								
}								
								
.section_list {								
    background-color: #ffffff;								
    width: 320px;								
    padding: 35px 0 32px;								
    margin-bottom: 40px;								
    height: 430px;								
}								
								
span.numberdin {								
    background: #fff;								
    border-radius: 50%;								
    font-size: 20px;								
    padding: 12px;								
    color: #000;								
    border: 4px solid #358F7F;								
    text-align: center;								
    box-sizing: border-box;								
    font-weight: 500;								
    position: absolute;								
    margin: -60px 130px 0 130px;								
}								
								
p.subtitle {								
    text-align: center;								
    font-size: 18px;								
    margin-top: 7px;								
    line-height: 1.6;
    font-weight: 500;   								
}								
								
p.feature_txt.mb {								
    margin-bottom: 35px;								
}								
								
p.feature_txt {								
    margin: 10px 21px;								
    line-height: 1.6;								
}								
								
img.feature {								
    display: block;								
    margin: 10px auto;								
}								
								
a.about_button {								
    width: 80%;								
    font-size: 16px;								
    color: #ffffff;								
    background-color: #358F7F;								
    padding: 10px;								
    margin: auto auto 0 auto;								
    align-items: center;								
    justify-content: center;								
    display: flex;								
    text-align: center;	
    position: relative;
}							
								
.section_list a.about_button::after {								
    content: url(../img/inquiry/inquiry_arw2.png);		
    position: absolute;
    right: 21%;						
}								
								
@media all and (min-width: 0px) and (max-width: 768px) {								
    .hd_txt{								
        word-break: normal;								
    }								
}								
								
.features ul{								
    margin-top: 50px;								
}

.point_link{								
　　background-color: #ffffff;								
　　width: 320px;								
    padding: 23px 0 32px;								
    margin-bottom: 20px;								
}

.point_link span{								
　　font-size: 15px;								
　　color: #787878;								
　　letter-spacing: 0.05;								
　　display: block;								
    text-align: center;								
    margin-bottom: -6px;								
}		

.point_link .number{								
　　font-size: 50px;								
　　margin-bottom: 8px;								
}			

.point_link p{								
    text-align: center;								
    display: block;								
    margin: auto;								
    word-break: keep-all;								
    line-height: 1.6;								
}								

/*1～6*/	
@media all and (min-width: 0px) and (max-width: 768px) {													
span.numberdin {								
    margin: 0 0 0 -30px;								
}								
								
.section_list {								
    padding: 15px;								
    margin: 10px;								
    height: auto								
}								
								
p.subtitle {								
    margin-top: 0;								
}								
								
.features ul a.about_button {								
    width: 80%;								
    display: block;								
}	

img.feature {
    width: 80%;
    height: auto;
}
}								
								
/*----------------------------------------------------*/								
/*                       summary01                     */								
/*----------------------------------------------------*/								
.summary01{
    background-color: #fafafa;
}

.summary_img{								
    margin: auto;								
    display: block;								
    margin-top: 30px;								
    max-width: 100%;								
}	
							
.summary_img + .summary_img {								
    margin-top: 0;								
}								
								
/*----------------------------------------------------*/								
/*                       summary02                       */								
/*----------------------------------------------------*/								
.summary02{
    background-color: #ffffff;
    }	

.summary02 ul{								
    margin-top: 50px;								
}	

@media all and (min-width: 0px) and (max-width: 768px) {							
	.summary02 ul {							
		display: block;						
	}							
}			

.function{		
    border: solid 1px #dcdcdc;								
    padding: 30px;								
    flex: 1;								
}		

.function a {								
	margin: 30px auto 0 auto;							
}			

@media all and (min-width: 0px) and (max-width: 768px) {							
	.function a {							
		max-width: 320px;						
	}							
}		

.function + .function {								
    margin-left: 30px;								
}		

@media all and (min-width: 0px) and (max-width: 768px) {								
    .function + .function {								
        margin-top: 30px;								
        margin-left: 0;								
    }								
}			

.function h3{								
    font-size: 24px;								
    font-weight: bold;								
    margin-bottom: 30px;								
    text-align: center;	
    margin-top: 0;							
}	

.function p{								
    text-align: center;								
    line-height: 2;								
}								
								
/*----------------------------------------------------*/								
/*                       summary03                       */								
/*----------------------------------------------------*/								
.summary03{
    background-color: #fafafa;
}			

.summary03 .btn_red{								
    width: 270px;								
    margin: 20px auto 0;								
    padding: 13px 0;								
}								
								
.txt_ex_function {								
    margin: 40px auto;								
    line-height: 2.2em;								
    display: block;							
    border: solid 1px #dcdcdc;								
    padding: 30px;								
    width: 600px;								
}								
								
p.ex_function {								
    font-size: 24px;								
    margin-bottom: 30px;								
    font-weight: bold;								
}								
								
.summary03 ul {								
    text-align: left;	
    display: inline-block;							
}								
								
.summary03 ul li {								
    background: url(../img/solution/detail_icon2.png) no-repeat 0 0;		
    background-position: left;
    padding: 0 30px;
    text-align: left;
    margin: 0 0 10px 30px;	
    font-size: 18px;			
}								

@media all and (min-width: 0px) and (max-width: 768px) {
    .txt_ex_function {
    width: 100%;
}

.summary03 ul li {
    line-height: 1.7em;
    padding: 0 0 0 30px;
    background-position: 0% 18%;
    margin: 22px auto 0 auto;
}

p.ex_function {		
    margin-bottom: 10px;
}
}	

/*----------------------------------------------------*/								
/*                       summary04                       */								
/*----------------------------------------------------*/								
.summary04{
    background-color: #ffffff;
}			

.summary04 .flex{
    align-items: end;
}		

.summary04 img{
    margin: 0;
}		

.summary04 .block_txt{								
    width: 500px;								
}	

.summary04 h3{								
    text-align: left;								
    font-size: 24px;								
    margin-bottom: 32px;								
}								
.summary04 p{								
    line-height: 2;								
}				

.summary04 li:first-child{								
    margin-bottom: 80px;								
}				

.summary04 .btn_red{								
    width: 270px;								
    padding: 13px 0;								
    margin: 20px auto 0;								
}		

.reverse{								
    flex-direction: row-reverse;								
}								
								
p.mt {								
    margin: 10px 0 20px 0;								
    font-size: 20px;								
    font-weight: normal;								
    line-height: 1.4em;								
}								
								
img.about_size {								
    width: 60%;								
    margin: 10px;								
}								
								
.about_width {								
    width: 50%;								
}								
								
.summary04 .flex {								
    margin-top: 30px;								
}								
								
.summary04 p.mt {								
    font-weight: bold;		
    margin-top: 30px;						
}								
								
@media all and (min-width: 0px) and (max-width: 768px) {						
.about_width {								
    width: 100%;								
}								
								
img.about_size {								
    width: 80%;								
    margin-top: -10px;								
}								
								
p.mt_20 {								
    margin:0 auto 30px;								
    width: 80%;								
    text-align: center;								
}	

.summary04 p.mt {	
margin-top: 10px;
}	
}		

/*----------------------------------------------------*/								
/*                       summary05                       */								
/*----------------------------------------------------*/								
.summary05{
    background-color: #fafafa;
}								
								
.summary05 .flex {								
    width: 800px;								
    margin-left: auto;								
    margin-right: auto;								
    margin-top: 40px;								
}								
								
.summary05 a.btn_red {								
    width: 310px;								
    padding: 13px 0;								
    margin: 20px auto 0;								
}	

@media all and (min-width: 0px) and (max-width: 768px) {						
.summary05 .flex {								
    display: contents;								
}								
								
.summary05 .flexbox {								
    display: flex;	
    align-items: flex-start;							
}								
								
.summary05 img {								
    width: 23%;								
    margin-top: 20px;								
    object-fit: cover;								
    margin-left: 15px;								
}								
								
.summary05 p.mt {								
    padding-top: 35px;								
    margin-left: 25px;								
    font-size: 16px;								
}								
								
.summary05 a.btn_red {								
    margin-top: 40px;								
}								
}															
						
/*----------------------------------------------------*/								
/*                       summary06                       */								
/*----------------------------------------------------*/								
.summary06{
    background-color: #ffffff;
}								
																						
@media all and (min-width: 0px) and (max-width: 768px) {															
.summary03 .btn_red{
    width: 90%;
}		

.summary_img , .function p{
width: 100%;}	

.function{								
     padding: 30px 20px;								
    margin-bottom: 20px;								
}	

.summary04 .block_txt{								
    margin-bottom: 40px;								
	width: 100%;						
}		

.features ul a {							
	width: 48%;						
	display: inline-block;						
}							

.point_link{								
    width: 100%;								
}								
    
.point_link p {								
	width: auto;						
	word-break: normal;						
	padding: 0 15px;						
	}							
}