@charset "utf-8";
/* CSS Document */
body{
	color: #000 !important;
}

#contents{
	font-family:"Noto Sans Japanese","Noto Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:17px !important;
	line-height:160%;
	padding-bottom:20px;
	background: linear-gradient(-90deg, #e8e8e8, #FAFAFA);
}
#contents2{
	font-family:"Noto Sans Japanese","Noto Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:15px !important;
	line-height:170%;
	padding-bottom:20px;
}
#contents2 strong{
	display: block;
}
p{
	margin:1em 0 !important;
}
#logo{
	padding:10px 0;
	overflow:hidden
}
#logo_in{
	width:350px;
	margin:0 auto !important;
	float:left;
}

.width{
	width:960px;
	margin:0 auto;
}
.main{
	padding:10px 0 25px 0;
	line-height:170%;
	font-size:19px;
}

#top{
	padding:20px 0 30px;
}

#item{
/*	background-color:#ececec;*/
	padding:0 0 60px 0;
	text-align:center;
}
#item a{
	color:#01083e !important;
}
#item-home{
	background-image:url(img/home-back.jpg);
	background-color:#efe0c7;
	padding:35px 0 15px 0;
	text-align:center;
	margin-top:10px;
	border-top:5px solid #331200;
}
#item-home .itemtxt{
	color: #331200;
}
#item-clinic{
	background-image:url(img/clinic-back.jpg);
	background-color:#dae7d7;
	padding:40px 0 15px 0;
	text-align:center;
	border-top:5px solid #022d16;
	color: #022d16;
}
#item-clinic .itemtxt{
	color: #022d16;
}

#main{
	margin:30px auto;
}
.main{
	text-align:center;
	font-size:130%;
	font-weight:bold;
	color:#01083e;
}
h2{
	background:#01083e !important;
	width:530px;
	color:#fff;
	font-size:27px !important;
	padding:13px 0 !important;
	margin:10px auto !important;
	text-align:center;
	    border-radius: 28px;        /* CSS3草案 */  
    -webkit-border-radius: 28px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 28px;   /* Firefox用 */  
}
#title{
	color:#331200;
	font-weight:bold;
	text-align:center;
	font-size:180% ;
	background:url(img/housing-icon.jpg) no-repeat;
	background-position: 270px;
	height:30px;
	margin-bottom: 20px;
}
#title-sp{
	color:#331200;
	font-weight:bold;
	text-align:center;
	font-size:180% ;
}
#title2{
	color:#022d16;
	font-weight:bold;
	text-align:center;
	font-size:180% ;
	background:url(img/clinic-icon.jpg) no-repeat;
	background-position: 270px;
	height:30px;
	margin-bottom: 20px;
}
#title2-sp{
	color:#022d16;
	font-weight:bold;
	text-align:center;
	font-size:180% ;
}
.caption{
	color:#331200;
	font-weight:bold;
	font-size:90%;
	padding:5px 0 20px;
	font-style:italic;
}
.caption2{
	color:#022d16;
	font-weight:bold;
	font-size:90%;
	padding:5px 0 20px;
	font-style:italic;
}
.info{
	overflow:hidden;
	background: linear-gradient(#fff,#b5d8dd);
}
.info-left{
	float:left;
	width:490px;
	padding: 40px 0 10px 0;
}
.info-right{
	float:right;
	width:470px;
}

.info-title{
	font-size:160% !important;
	padding-bottom:8px;
	font-weight:bold;
	line-height:140%;
}
.info-title span{
	color:#df255f;
	font-style: italic;
}
.info-right2{
	padding: 40px 0 10px 0;
	float:right;
	width:490px;
}
.info-left2{
	float:left;
	width:470px;
}
.info-in{
	overflow:hidden;
	background:url(img/info-back.png) no-repeat;
}
.info-in2{
	overflow:hidden;
	background:url(img/info-back2.png) no-repeat;
}
.itemtxt{
	padding-bottom:20px;
	color: #01083e;
}
.icion{
	width:960px;
	background-color:#fff;
	padding:10px 0;
}
h4{
	font-weight:bold;
	color:#01083e;
	font-size:130% !important;	
	overflow: hidden;
	padding: 0 0.5em 5px 3px !important;
}
h4 span{
	border-left:6px solid #01083e !important;
}

.service{
	padding:30px;
	width:960px;
	background:#fff;
	overflow:hidden;
	margin:40px auto;
	border:3px solid #BBBBBB;
	font-size: 16px !important;
	color: #1F1F1F;
}
#left{
	float:left;
	width:710px;
}
#right{
	width:236px;
	float:right;
}
#option{
	background:#EBEBEB;
	padding:20px 0;
	margin:25px 0 20px;
	overflow:hidden;
}
#item_title{
	text-align:center;
	font-weight:bold;
	color:#01083e;
	font-size:26px;
	padding:50px 0 15px;
}
.itemtxt p{
	font-size:85%;
	line-height: 150%;
}
#price{
	background:#FFFFFF;
	border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */  
	width:500px;
	margin:0 auto;
}
#price p{
	color:#ee0000;
	font-size:32px;
	font-weight:bold;
	padding:15px 0;
	margin-bottom:20px;
}

#price p span{
	font-size:22px;
}
#news{
	border:2px solid #F93;
	padding:20px;
	width:850px;
	background:#FEF5D8;
}
#User{
	background: linear-gradient(-90deg, #4d5279, #01083e);
	padding:10px 0;
	overflow:hidden;
	margin-bottom:1px;
}
.use_in{
	width:860px;
	margin:0 auto;
}
.use_in img{
	width:210px;	
}
#User span{
	font-size:25px;
	display:block;
	font-weight:bold;
	margin-bottom:13px;
}
.right{
	float:right;
	width:625px;
	color:#fff;
	padding:10px 0 20px;
}
#user_btn{
	border:1px solid #fff;
	text-align: center;
	width:200px;
	padding:10px;
	margin-top:20px;
	color:#fff;
	text-decoration:none !important;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#user_btn a{
	color:#fff !important;
	text-decoration:none !important;
}
#user_btn:hover{
	border:1px solid #4d5279;
	text-align: center;
	width:200px;
	padding:10px;
	margin-top:20px;
	color:#4d5279;
	background:#fff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#user_btn a:hover{
	color:#4d5279 !important;
	text-decoration:none !important;
}

#user_btn2{
	border:1px solid #de8238;
	text-align: center;
	padding:10px 20px;
	margin:20px 0 0 15px;
	color:#de8238;
	text-decoration:none !important;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#user_btn2 a{
	color:#de8238 !important;
	text-decoration:none !important;
}
#user_btn2:hover{
	border:1px solid #de8238;
	text-align: center;
	padding:10px 20px;
	margin-top:20px;
	color:#353c73;
	background:#de8238;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#user_btn2 a:hover{
	color:#353c73 !important;
	text-decoration:none !important;
}

#btn_top{
	margin:5px auto 0 !important;
	float:right;
	border:1px solid #f68600;
	font-size:17px;
	text-align: center;
	width:300px;
	padding:15px;
	color:#f68600;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#btn_top a{
	color:#fff !important;
	text-decoration:none;
}

#btn_top:hover{
	border:1px solid #f68600;
	background:#f68600;
	text-align: center;
	width:300px;
	padding:15px;
	margin-top:20px;
	color:#fff !important;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#btn_top a:hover{
	color:#f68600 !important;
	text-decoration:none;
}


#btn_top2{
	background:url(../img/list_mail.png) no-repeat 30px center;
	margin:20px auto 15px !important;
	border:1px solid #0a1464;
	font-size:17px;
	text-align: center;
	width:600px;
	padding:15px 0 15px 25px;
	color:#0a1464;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

#btn_top2:hover{
	background:url(../img/list_mail_hover.png) no-repeat 30px center #0a1464;
	border:1px solid #0a1464;
	text-align: center;
	width:600px;
	padding:15px 0 15px 25px;
	margin:20px 0;
	color:#fff !important;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#btn_top2 a{
	color: #0a1464;
}
#btn_top2:hover a{
	color: #fff;
}

#btn_top3{
	margin:5px auto 0 !important;
	border:1px solid #f68600;
	font-size:17px;
	text-align: center;
	width:300px;
	padding:15px;
	color:#f68600;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#btn_top3 a{
	color:#fff !important;
	text-decoration:none;
}

#btn_top3:hover{
	border:1px solid #f68600;
	background:#f68600;
	text-align: center;
	width:300px;
	padding:15px;
	margin-top:20px;
	color:#fff !important;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#btn_top3 a:hover{
	color:#f68600 !important;
	text-decoration:none;
}

/*導入事例*/

#detail{
	font-size:15px;
	line-height:160%;
}
#page{
	font-size:1.4rem;
}
#cate_name{
	font-size:25px;
	font-weight:700;
	text-align:center;
	padding-top:35px;
}
#cate_name em{
	display:block;
	font-size:16px;
	font-weight:900;
	color:#de8238;
	font-style:normal;
}
#cate_name2{
	font-size:27px;
	font-weight:700;
	text-align:center;
	padding-top:15px;
	color:#fff;
}
#cate_name2 p{
	font-size:22px;
	padding:0 0 15px;
}
#cate_name2 em{
	display:block;
	font-size:16px;
	font-weight:900;
	color:#de8238;
	font-style:italic;
}
#cate_name3{
	font-size:27px;
	font-weight:700;
	text-align:center;
	padding-top:15px;
	margin-top: 60px;
	color: #01083e !important;
}
#cate_name3 hr{
	border-top: 1px solid !important;
}
#cate_name3 em{
	display:block;
	font-size:16px;
	font-weight:900;
	color:#de8238;
	font-style:italic;
}
#main_img{
	float:left;
	width:60%;
}
#name{
	float:right;
	width:38%;
}
#namein{
	font-size:22px;
	margin:0 !important;
}
#case_maintitle{
	font-size:26px;
	font-weight:bold;
	padding:15px 0 15px;
	margin:18px auto;
	text-align:center;
	background:#01083e;
	color:#fff;
}


.ttl03{
	color:#ff6464;
	font-size:24px !important;
	border-left:7px solid #ff6464;
	padding:0 0 0 7px !important;
	margin:30px 0 15px 0;
}
.before{
	width:48%;
	float:left;
	padding-left:1px;
}
.before2{
	width:48%;
	float:right;
	padding-left:1px;
}
.ba{
	overflow:hidden;
}

#case_title{
	font-size:160%;
	color:#565e94;
	font-weight:bold;
	padding:20px 0;
	line-height:120%;
}
.conversion_ttl{
	background:#333;
	color:#fff;
	padding:8px 0 8px 15px;
}
.conversion_ttl em{
	font-style:normal;
	color:#999;
	padding-left:10px;
	font-size:14px;
}
.conversion_content ul{
	padding:20px;
}
.conversion_content ul li{
	padding-left:30px;
	background:url(../img/case/ico_check01.png) no-repeat left center;
	margin:0 0 10px 0;
}
.conversion{
	border:1px solid #ccc;
	margin:25px 0;
}

#Left0{
	text-align:left;
}

#arrow{
	width:400px;
	margin:25px auto 0;
	overflow:hidden;
}
#arrow li{
	font-size:19px;
	color:#de8238;
	width:25%;
	text-align:center;
	float:left;
	padding:8px;
	margin-left:2%;
	font-weight:bold;
}
#arrow li:hover{
	text-decoration:underline;
}
.list

.case_cap{
	font-size:15px;
	font-weight:bold;
	padding-bottom: 10px;
	display: block;
}


#ivent{
	border: 1px solid #9F9F9F;
	padding: 10px;
	width: 700px;
	overflow: hidden;
	font-size: 95%;
}
#ivent a:hover{
	color: #de8238;
}
#ivent_title{
	font-weight: bold;
	font-size: 110%;
	background: #D5D5D5;
	padding: 3px 0;
}

#ivent_left{
	float: left;
	width: 230px;
	padding-top: 5px;
}
#ivent_right{
	float: right;
	width: 470px;
	text-align: left;
	padding: 15px 0;
}
#trial{
	line-height: 200%;
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
body,#logo,.info,.service{
	width:100% !important;
}
#arrow{
	width:40%;
}
.width{
	width:98%;
}
.info-left,.info-right2,.info-right,.info-left2{
	width:48%;
}
.info-in{
	padding:2%;
}
#title,#title2{
	background-position: 160px;
}
.right{
	width:63%;
}
.use_in,.service{
	width:100%;
}
.use_in a {
	width:29%;
}

}



@media only screen and (min-width: 641px){
#title-sp,#title2-sp,#sp,#main_sp{
	display:none;
}
}


@media only screen and (max-width: 640px){
#item{
	padding:30px 0;
}
#user_btn2{
	margin:20px 0 0 0;
}
#cate_name2 em,#cate_name3 em{
	padding: 0;
}
#namein{
	margin:0 !important;
	font-size:20px !important;
	padding:0 3%;
}

#pc,#main{
	display:none;
}

.main{
	font-size:110%;
}
#logo{
	padding:0 0 10px 0;
}
#logo img,#arrow{
	width:100%;
}
#logo_in{
	padding:10px;
	width:70%;
}
#btn_top,#btn_top:hover,#btn_top2,#btn_top2:hover{
	width:90%;
	padding-top:10px;
}
#case_maintitle{
	font-size:18px;
}
#main,#logo,.info,#main_img,#name,#User{
	width:100%;
}
#news{
	width:95%;
	padding:0;
	font-size:90%;
}

.info-right2{
	float:left;
}
.info-left2{
	float:right;
}
.info-right{
	padding-bottom:20px;
	float:none;
}
.info-right img{
	margin:0 auto;
}
h2,.width,#price,#left,#right,.info-left,.info-left2,.info-right,.info-right2,.use_in,.right{
	width:97% !important;
}
.info-in,.info-in2{
	padding:0;
}
.caption,.caption2{
	padding:0 0 5px;
}
#right img{
	width:40%;
	margin:0 auto;
	text-align:center;
}
h2{
	font-size:120% !important;
}
.info-title{
	font-size:140% !important;
	padding-top:20px;
}
.info-in,.info-in2{
	background:none;
}
.icion{
	width:99%;
}
.use_in img{
	margin:0 auto;
}
#price p,#price p span{
	font-size:20px;
}
#title{
	font-size:120%;
}
#title2{
	font-size:120%;
}
#title,#title2{
	display:none;
}
#title-sp,#title2-sp{
	font-size:24px !important;
	line-height:130% !important;
}
.service{
	width:90%;
	padding:10px;
}
.before,.before2{
	width:100%;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	#ivent{
		width: 92%;
		margin: 20px 0 0;
		font-size: 90%;
		line-height: 130%;
	}
	#ivent_right{
		width: 96%;
		padding-bottom: 0;
	}
	#ivent_left{
		width: 40%;
		float: none;
	}
	#ivent_left img{
		width: 85%;

	}
#btn_top2{
	background:none;
	margin:20px auto 15px !important;
	border:1px solid #0a1464;
	font-size:17px;
	text-align: center;
	width:98%;
	padding:15px 0;
	color:#0a1464;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

#btn_top2:hover{
	background:none;
	border:1px solid #0a1464;
	text-align: center;
	width:98%;
	padding:15px 0;
	margin:20px 0;
	color:#0a1464 !important;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#btn_top2 a{
	color: #0a1464;
}
#btn_top2:hover a{
	color: #fff;
}
}
.youtube{
	padding:0 1%;
}
.youtube iframe{
	width: 100%;
	min-height:250px;
}