f@charset "UTF-8";
/* CSS Document */



img{
	width:100%;
	height:auto;
}


/* ************************************************************
choice -素材の選び方-
************************************************************ */

div.choice
{
	margin:0 auto;
	width:100%;
 max-width:1120px;
	padding:0;
} 

div.choice img
	 {width:100%;}

.dl-choice{
	margin:0 auto;
	width:90%;
	position:relative;

}

.choice-dt01{
	margin:5% auto;
	width:100%;
	color:#000;
	font-size:14px;
	letter-spacing: 0.05em;
	line-height: 1.4;
}

/* イラスト　PCのみ*/
.choice-dd01-pc{
	margin:5% auto;
	width:92%;
}

/* イラスト モバイルのみ*/
.choice-dd01-mb{display:none;}


/* イラスト後のテキスト*/
.dl-choice02{
	margin:0 auto;
	width:100%;
	position: static
}

.choice-dt02{
	margin:0% auto;
	width:100%;
	color:#ff8900;
	font-size:35px;
	letter-spacing: 0.05em;
	line-height: 1.4;
	font-weight:600;
}

.choice-dd03{
	margin:0% auto;
	width:100%;
	color:#000;
	font-size:14px;
	letter-spacing:0.03em;
	line-height: 1.2;
	font-weight:400;
}


/* 目次 */
.dl-agenda{
 margin:3% auto;
 width:100%;
	border:5px solid #ff8900;
}

.choice-dt03{
 margin:0 auto;
 width:100%;
 padding:2%;
 padding-left:3.5%;
	padding-bottom:0;
	color:#ff8900;
	font-size:20px;
	letter-spacing: 1em;
	line-height: 1.4;
	font-weight:600;
}

.choice-dd04{
 margin:0 auto;
 width:100%;
}

.ul-agenda{
 margin:0 auto;
 width:100%;
 padding:1.5%;
 padding-left:3.5%;
	color:#000;
	font-size:16px;
	letter-spacing: 0.05em;
	line-height:1.7;
	font-weight:500;
}

.ul-agenda ul{
 margin:-1% auto;
 width:100%;
}
.ul-agenda ul li{
 margin:0 auto;
 width:100%;
	color:#000;
	padding-left:4%;
	font-size:14px;
	line-height:0;
	letter-spacing: 0.05em;
	font-weight:500;
}


/* 【共通】アイコン見出し*/
.dt-agenda01{
margin:10% auto 2%;
width:100%;
padding-bottom:1%;
border-bottom:2px #4b4b4b solid;
}

img.icon{
margin:0 auto;
width:4%;
padding-left:1%;
}

.span01{
margin:0 auto;
width:90%;
font-size:20px;
letter-spacing: 0.1em;
padding-left:0.5%;
color:#4b4b4b;
vertical-align: middle;
}


/* #agenda01 まずは実際に触れてみる！*/
#agenda01{
 margin:0 auto;
 width:100%;
}

.choice-dd05{
 margin:2% auto;
 width:100%;
	color:#000;
	padding-left:0;
	font-size:14px;
	line-height:1.5;
	letter-spacing: 0.05em;
	font-weight:500;
}

.choice-dd06{
 margin:0 auto;
 width:98%;
}

/* #agenda03 マットコート220K */

#agenda03{
 margin:0 auto;
 width:100%;
}


/* 【共通】素材タイトル部分 */
.dt-agenda-title{
margin:6% auto 2%;
width:100%;
border-left:20px solid #479b61;
}
.dt-agenda-title p{
margin:0 auto;
width:100%;
padding:0.5%;
padding-left:2%;
font-size:25px;
color:#000;
font-weight: 600;
letter-spacing:0.05em;
line-height:1.3;
}

/* こんな方にオススメ */
.dt-agenda-subtitle{
margin:0 auto 2%;
width:100%;
padding:1.5%;
padding-left:3%;
font-size:20px;
color:#000;
font-weight: 500;
letter-spacing:0.05em;
line-height:1;
background-color: #e5fae3;
}

.dd-checklist{
margin:0% auto;
width:95%;
}

.dd-checklist img{
margin:1% auto;
width:4%;
}


.dd-checklist span{
margin:0 auto;
width:100%;
padding:0;
padding-left:1.5%;
font-size:18px;
color:#000;
font-weight: 500;
letter-spacing:0.05em;
line-height:1.6;
}



/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 960px) {
 /* ************** */
  
/* イラスト後のテキスト*/
.choice-dt02{
	font-size:25px;
}

.choice-dd03{
	margin:2% auto 8%;
	width:100%;
	color:#000;
	font-size:14px;
	letter-spacing:0.03em;
	line-height: 1.4;
	font-weight:400;
}


/* #agenda01 まずは実際に触れてみる！*/
.choice-dd05{
 margin:3% auto;
	line-height:1.4;
}

.choice-dd06{
 width:95%;
}

/* 【共通】素材タイトル部分 */
.dt-agenda-title{
margin:6% auto 2%;
width:100%;
border-left:20px solid #479b61;
}
.dt-agenda-title p{
font-size:23px;
}

/* こんな方にオススメ */
.dt-agenda-subtitle{
margin:0 auto 3%;
font-size:18px;
}

.dd-checklist span{
padding-left:1.8%;
font-size:16px;
}


	
  
 /* *************** */
	}

    
      
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */

.dl-choice{width:95%;}

/* イラスト　PCのみ*/
.choice-dd01-pc{
	margin:5% auto;
	width:95%;
}

/* 目次 */
.dl-agenda{
 margin:3% auto;
 width:100%;
	border:5px solid #ff8900;
}

.ul-agenda{font-size:14px;}

.ul-agenda ul{
 margin:-1% auto;
 width:100%;
}
.ul-agenda ul li{
 margin:0 auto;
 width:100%;
	color:#000;
	padding-left:4%;
	font-size:14px;
	line-height:0;
	letter-spacing: 0.05em;
	font-weight:500;
}


/* 【共通】アイコン見出し*/
img.icon{
margin:0 auto;
width:5%;
padding-left:1%;
}

/* #agenda01 まずは実際に触れてみる！*/

.choice-dd05{
 margin:2% auto;
 width:100%;
	color:#000;
	padding-left:0;
	font-size:13px;
	line-height:1.5;
	letter-spacing: 0.05em;
	font-weight:500;
}

/* 【共通】素材タイトル部分 */
.dt-agenda-title{
margin:10% auto 2%;
border-left:15px solid #479b61;
}

  
 /* *************** */
	}
    
    
    
    
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 480px) {
 /* ************** */
 
.dl-choice{
	margin:0 auto;
	width:95%;
	position:relative;

}

.choice-dt01{
	margin:5% auto;
	width:100%;
	color:#000;
	font-size:12px;
	letter-spacing: 0.05em;
	line-height: 1.4;
}

/* イラスト　PCのみ*/
.choice-dd01-pc{display:none;}

/* イラスト モバイルのみ*/
.choice-dd01-mb{
	margin:4% auto;
	width:100%;
 display:block;
}

.choice-dd01-mb ul li{
	margin:6% auto;
	width:100%;
}

/* イラスト後のテキスト*/

.choice-dt02{
	font-size:20px;
	line-height: 1.2;
}

.choice-dd03{
	font-size:12px;
}

/* 目次 */
.dl-agenda{
 margin:3% auto;
 width:100%;
	border:5px solid #ff8900;
}

.choice-dt03{
 padding:3%;
 padding-left:5.5%;
	font-size:18px;
}

.ul-agenda{
 padding:1.5%;
 padding-left:5.5%;
	font-size:14px;
}

/* 【共通】アイコン見出し*/
.dt-agenda01{
margin:18% auto 4%;
width:100%;
padding-bottom:1%;
border-bottom:2px #4b4b4b solid;
}

img.icon{
margin:0 auto;
width:6%;
padding-left:0%;
}

.span01{
font-size:20px;
letter-spacing: 0.05em;
line-height:1.4;
}

/* #agenda01 まずは実際に触れてみる！*/

.choice-dd05{
 margin:3% auto 8%;
	font-size:12px;
}

.choice-dd06{
 width:100%;
}

/* 【共通】素材タイトル部分 */
.dt-agenda-title{
margin:10% auto 3%;
width:100%;
border-left:10px solid #479b61;
}
.dt-agenda-title p{
padding-left:2%;
font-size:20px;
line-height:1.5;
}

/* こんな方にオススメ */
.dt-agenda-subtitle{
margin:0 auto 4%;
font-size:16px;
line-height:1.8;
}

.dd-checklist img{
margin:1% auto;
width:6%;
}

.dd-checklist span{
font-size:13px;
letter-spacing:0.03em;
}

 /* *************** */
	}