@charset "UTF-8";

/****************************************
       CSS レイアウト (PC)
*****************************************/
/*PCのみの表示*/
@media (min-width: 481px) {
	/****************************************
          メインコンテンツ
	*****************************************/

	.main-layout{
		background:#f7f7f7;
	}

	.main-contents{
		width:960px;
		margin-left:auto;
		margin-right:auto;
		background:#fff;
	}
	

	.breadcrumb-block{
		width:700px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	

	/****************************************
	   初めての方へ
	*****************************************/


	
	.beginner-contents{
		padding:20px 0px 0px 0px;
		width:700px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	.beginner-contents h2{
		font-size:24px;
		padding: 10px 0px;
		line-height: 1.4446;
		border-bottom: 2px solid #1b98e8;
		margin-bottom:20px;
	}
	
	
	.beginner-contents p{
		font-size:14px;
		line-height: 1.4446;
		padding-top:20px;
		padding-bottom:50px;
	}
	
	.review_search{
		padding-top:10px;
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.chart{
		width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.chart-img{


	}
	
	.logo-icn{
		display:block;
		width:400px;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:50px;
	}
	
	/****************************************
         最下層コンテンツ
	*****************************************/
	
	.bottom_content{
		background: #f7f7f7;
	}
	
	.bottom_content_layout{
		background: #f7f7f7;
		width:100%;
		padding-bottom:20px;
		padding-top: 20px;
	}
	
	.introduction{

		width:900px;
		display:block;
		background:#1b98e8;
		margin-left:auto;
		margin-right:auto;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		color:#fff;
		padding:20px;
	}
	
	.introduction h3{
		text-align:center;
		color:#fff;
		font-size:24px;
		padding-bottom:20px;
	}
	
	.intro_icon_layout{
		width:400px;
		margin-left:auto;
		margin-right:auto;
	
	}
	
	.intro_icon{
		float:left;
		padding:20px;
	}
	
	
	.introduction h4{
		text-align:center;
		color:#fff;
		font-size:14px;
		padding-top:20px;
	}
	
	
	
}


/****************************************
       CSS レイアウト (モバイル)
*****************************************/
/*モバイルのみの表示*/
@media (max-width: 481px) {
	.main-layout{
		background:#fff;
	}

	.main-contents{

	}
	

	.breadcrumb-block{
	
	}
	
	
	

	/****************************************
	   初めての方へ
	*****************************************/

	
	.beginner-contents{
		padding:20px;

	}
	
	
	.beginner-contents h2{
		font-size:24px;
		padding: 10px 0px;
		line-height: 1.4446;
		border-bottom: 2px solid #1b98e8;
		margin-bottom:20px;
	}
	
	
	.beginner-contents p{
		font-size:14px;
		line-height: 1.4446;
		margin-bottom:100px;
	}
	
	
	
	
	
	.review_search{
		padding-top:10px;
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.chart{
		

	}

	.chart-img{
		width:100%;

	}
	.logo{

	}
	
	/****************************************
         最下層コンテンツ
	*****************************************/
	
	.bottom_content{

	}
	
	.bottom_content_layout{

	}
	
	.introduction{

		background:#1b98e8;
		color:#fff;

	}
	
	.introduction h3{
		color:#fff;
		font-size:24px;
		padding-bottom:20px;
		line-height: 1.4446;
		padding:10px;
	}
	
	.intro_icon_layout{
		width:calc(60vw + 40px);
		margin-left:auto;
		margin-right:auto;
	}
	
	.intro_icon{
		float:left;
		padding:10px;
		width:30vw;
	}
	
	
	.introduction h4{
		color:#fff;
		font-size:14px;
		padding:20px;
		line-height: 1.4446;
		
	}

	
	
}