/* CSS Document */

/*@font-face {
font-family: "SmartUi";
  src: url(/id/font/smart-font.woff) format("woff");
}*/



.damd-id{
	text-align:center;
	    margin-top: 148px;
			  font-family: SmartUi, sans-serif;
}

.damd-id .sub-ttl{
	margin-top:80px;
}

.damd-id .logo{}
.damd-id .logo .ttl{
	padding:0 16px;
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
}
.damd-id .logo .ttl img{
	width:100%;
}

.damd-id .txt{
	margin-top:80px;
	line-height:2em;
}

.damd-id .list{
 max-width:500px;
margin-top:80px;
 margin-left:auto;
 margin-right:auto;
}

.damd-id .list .item{
margin-bottom:20px;
display:flex;
flex-wrap:wrap;
align-items:center;
padding:20px;
font-size:20px;
}
.damd-id .list .item .icon{
	width:20%;
	height:50px;
}
.damd-id .list .item .info{
	width:80%;
}

.txt-l{
	font-size:20px;
}

.damd-id .list .item:nth-child(1){
	background-color:#bce4e6;
}
.damd-id .list .item:nth-child(2){
	background-color:#abe0ff;
}
.damd-id .list .item:nth-child(3){
	background-color:#e8c0f4;
}
.damd-id .list .item:nth-child(4){
	background-color:#ffbee6;
}




/**
EAU DESIGN
*/

.content-wrap.pb.damd-id p{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'Noto Sans JP',"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif !important;
}


body.id{
	font-size: 100%;
	font-family: inherit;
	/*background: url(/images_1/bg_id.jpg) no-repeat center center !important;*/
	background-size: cover !important;
}
body.id:before {
    z-index: 60;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.6);
	position: fixed;
}

body.id p,
body.id div{
	z-index: 99;
}


body.id .intro p{
	font-size: 120%;
}
body.id .intro p.lead{
	font-size: 140%;
	font-weight: bold;
}

body.id p{
	line-height: 1.8;
}

body.id p.logo{
	margin-bottom: 100px;
}

.damd-id  p.catch{
	font-size: 180%;
	font-family: 'Kosugi Maru', sans-serif !important;
}

.damd-id ul.point{
	margin: 5em 0;
	margin-left: 0 !important
}

.damd-id ul.point li{
	background: rgba(255,255,255,.7);
	margin-left: 0 !important;
	width: 24% !important;
	padding: 10px;
	border-radius: 5px;
	font-size: 12px;
	margin: 0 .5% !important;
	border: solid 2px #333;
}

.damd-id ul.point li span.sp{
	padding: 5px 20px;
	border-radius: 3px;
	color: #FFF;
	background: #333;
	display: inline-block;
	margin-top: -50px;
}
/*.damd-id ul.point li:nth-child(even){
	margin-top: 50px !important;
}*/

/*.damd-id ul.point li:nth-child(even){
	padding-top: 100px;
}
*/
.damd-id ul.point li:nth-child(1) .icon i{
	color:#5ebec6;
}
.damd-id ul.point li:nth-child(2) .icon i{
	color:#7f86be;
}
.damd-id ul.point li:nth-child(3) .icon i{
	color:#b596c4;
}
.damd-id ul.point li:nth-child(4) .icon i{
	color:#f4a1b6;
}


p.button a.entry{
	background: -moz-linear-gradient(left, #5ebec6, #7f86be 30%, #b596c4 60%, #f4a1b6);
	background: -webkit-linear-gradient(left, #5ebec6, #7f86be 30%, #b596c4 60%, #f4a1b6);
	background: linear-gradient(to right, #5ebec6, #7f86be 30%, #b596c4 60%, #f4a1b6);
	border: solid 2px #333;
}



@media screen and (max-width: 800px) {

body.id p.logo {
    margin-bottom: 30px;
	padding: 0 10px;
}
body.id{
	font-size: 80% !important;
}

body.id p.catch{
	font-size: 130%;
}

.damd-id {
    margin-top: 78px;
    font-family: inherit;
}

.damd-id ul.point{
	margin: 3em 0 2em 0;
}

.damd-id ul.point li{
	width: 49% !important;
	margin-bottom: 20px;
	padding: 15px 5px 8px 5px;
	
    margin: .5% !important;
}


ul.item.box li div.icon i{
	line-height: 1;
	font-size: 50px;
}

.damd-id ul.point li p.title{
	font-size: 10px;
	line-height: 1.4;
}

body.id a.btn.size_l {
    padding: 15px 40px;
    font-size: 140%;
}

.pb{
	padding-bottom: 10px;
}


}