@charset "utf-8";
/*********************************************
 
	about style 
 
*********************************************/
/* common
--------------------------------*/
#all-contents {
	width: 100%;
	margin: 0 0 30px 0;
	overflow: hidden;
}

/* cont_01
--------------------------------*/

#all-contents .cont_01 {
	background-color:#fff;
	text-align: center;
	padding:2% 0 1% 0;
	width: 100%;
	max-width:1000px;
	margin:0 auto;
}

#all-contents .cont_01 img {
	width:100%;
	max-width:650px;
}

/* title_line
--------------------------------*/
#all-contents .title{
width: 100%;
margin:0 auto 30px;

background-color:#ffffb9;
}

#all-contents .title td{
padding:10px 0;
}

#all-contents .title_line img {
	width:100%;
	max-width:502px;
	margin:0 auto;
}

#all-contents .cont_05 .title_line img {
	width:100%;
	max-width:502px;
	margin:0 auto;
}

/* top
--------------------------------*/
#all-contents .top {
	width: 100%;
	margin: 0 0 45px 0;
}

#all-contents .top img {
	width:100%;
	margin:0 auto;
	max-width:1000px;
}


/* cont_02
--------------------------------*/

#all-contents .cont_02 {
	background-color:#ed6d00;
	width:100%;
	text-align: center;
	padding:0 0 2% 0;
}

#all-contents .cont_02 .what {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

#all-contents .cont_02 .what .what_l {
	width:653px;
	float:left;
	margin: 0;
    padding: 40px 0 0 0;
}

#all-contents .cont_02 .what .what_l .whattxt {
	font-size: 18px;
	width: 620px;
    text-align: left;
    padding: 40px 0 0 15px;
    line-height: 1.6;
    color: #fff;
}

#all-contents .cont_02 .what .model{
	padding: 40px 0 0 0;
}

/* cont_03
--------------------------------*/

#all-contents .cont_03 {
	background-color:#7fcff4;
	width:100%;
	text-align: center;
	padding:0 0 2% 0;
}

#all-contents .cont_03 .colorcl {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

#all-contents .cont_03 .colorcl .cl_tt{
	padding:60px 0 0 0;
}

#all-contents .cont_03 .colorcl .cl_tt img {
	width:100%;
}
#all-contents .cont_03 .colorcl .cl_txt {
	width:100%;
	font-size:22px;
	color:#004ea2;
	text-align: left;
	margin:40px 0 80px;
	padding: 0;
} 

#all-contents .cont_03 .colorcl .cl_type{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	max-width:1000px;
}

#all-contents .cont_03 .colorcl .cl_type div{
	margin-bottom:40px;
}


/* cont_04
--------------------------------*/

#all-contents .cont_04 {
	background-color:#fabd00;
	width:100%;
	text-align: center;
	padding:0 0 5% 0;
}

#all-contents .cont_04 .pro {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

#all-contents .cont_04 .pro .cl_tt{
	padding:70px 0 0 0;
}

#all-contents .cont_04 .pro .cl_tt img {
	width:100%;
}
#all-contents .cont_04 .pro .cl_txt {
	width:100%;
	font-size:22px;
	color:#000;
	text-align: left;
	margin:40px 0 80px;
	padding: 0;
}

#all-contents .cont_04 .pro .caster{
	width:100%;
	margin:0 auto;
}

#all-contents .cont_04 .pro .caster .caster_l{
	float: left;
	margin: 15px 0 0 0;
}

#all-contents .cont_04 .pro .caster .caster_r{
    float: left;
    width: 280px;
    margin: 15px 0 0 14px;
	text-align: left;
	font-size:18px;
}

#all-contents .cont_04 .pro .caster .caster_r img {
	padding-bottom:10px;
}

#all-contents .cont_04 .pro .caster .caster_r span{
	color: #e60012;
	font-size: 16px;
}


#all-contents .cont_04 .pro .interior{
	width:100%;
	margin: 100px auto 0;
}

#all-contents .cont_04 .pro .interior .interior_txt{
	width:100%;
	font-size:20px;
	text-align: left;
	margin:15px auto 40px;
}

#all-contents .cont_04 .pro .interior .interior_c{
	margin: 0 auto 15px;
	width:100%;
	
}

#all-contents .cont_04 .pro .xx{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	max-width:1000px;
	margin:8% 0 0 0;
}

#all-contents .cont_04 .pro .xx .pcbody{
	width:48%;
	font-size:20px;
	color:#000;
	text-align: left;
}

#all-contents .cont_04 .pro .xx .alumiframe{
	width:48%;
	font-size:20px;
	color:#000;
	text-align: left;
}

#all-contents .cont_04 .pro .xx .tsa{
	width:48%;
	font-size:20px;
	color:#000;
	text-align: left;
	margin:8% 0 0 0;
}

#all-contents .cont_04 .pro .xx .carry{
	width:48%;
	font-size:20px;
	color:#000;
	text-align: left;
	margin:8% 0 0 0;
}


/* cont_05
--------------------------------*/

#all-contents .cont_05 {
	background-color:#fff;
	width:100%;
	text-align: center;
	padding:0 0 5% 0;
}


#all-contents .cont_05 .sizeh{
	margin: 0 0 30px 0;
}

.sp_cont{
display:none;
}
.pc_cont{
display:block;
}

/*****************************************************************************************
  タブレット
*****************************************************************************************/
@media screen and (max-width:1015px) {

#all-contents .cont_02 .what .what_l{
	width: 450px;
    float: left;
    margin: 0;
    padding: 40px 0 0 0;
}

#all-contents .cont_02 .what .what_l img {
	width: 500px;
}

#all-contents .cont_02 .what .what_l .whattxt {
	font-size: 18px;
    width: 500px;
}

#all-contents .cont_03 .colorcl .cl_type div{
	width:100%;
}

#all-contents .cont_03 .colorcl .cl_type div img {
	width: 94%;
}

#all-contents .cont_04 .pro .caster{
	width:100%;
}

#all-contents .cont_04 .pro .caster img{
	width:94%;
}

#all-contents .cont_04 .pro .caster .caster_l{
	float: none;
}

#all-contents .cont_04 .pro .caster .caster_r{
    float: none;
    width: 96%;
    margin: 15px auto 0;
	text-align: center;
	font-size:18px;
}

#all-contents .cont_04 .pro .interior{
	width:100%;
}

#all-contents .cont_04 .pro .interior img{
	width:94%;
}

#all-contents .cont_04 .pro .interior .interior_txt{
	width:94%;
	font-size:20px;
	text-align: center;
	margin:15px auto 30px;
}
#all-contents .cont_04 .pro .interior .interior_c{
	margin: 0 auto 15px;
	width:94%;
}


.sp_cont{
display:block;
}
.pc_cont{
display:none;
}

}



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


#all-contents .top{
    margin:0;
}


/* title_line
--------------------------------*/
#all-contents .title_line{
width: 100%;
margin:0 auto;
}

#all-contents .title_line img {
	width:80%;
	margin:0 auto;
	padding:1.2% 0;
	display: inherit;
}

#all-contents .cont_05 .title_line img {
	width:80%;
	margin:0 auto;
	padding:1.2% 0;
	display: inherit;
}

/* cont_01
--------------------------------*/

#all-contents .cont_01 {
	padding: 0 2%;
    width: 100%;
    box-sizing: border-box;
}

#all-contents .top img {
	width:100%;
	margin:0 auto;
	padding: 0 0 10px 0;
}

/* cont_02
--------------------------------*/

#all-contents .cont_02 .what{
	width:100%;
}

#all-contents .cont_02 .what .what_l{
	width:98%;
	margin:0 auto;
	padding: 22px 0 0 0;
	float: none;
}

#all-contents .cont_02 .what .what_l img {
	width: 100%;
}

#all-contents .cont_02 .what .model{
	width:98%;
	margin:0 auto;
}
#all-contents .cont_02 .what .model img {
	width: 80%;
}

#all-contents .cont_02 .what .whattxt {
	font-size: 16px;
	width: 95%;
    margin: 26px auto 15px;
    text-align:center;
    padding:0;
    line-height: 1.4;
    color: #fff;
}


/* cont_03
--------------------------------*/
#all-contents .cont_03 .colorcl .cl_tt{
	padding: 30px 0 0 0;
	width:100%;
}

#all-contents .cont_03 .colorcl .cl_tt img {
	width:96%;
}

#all-contents .cont_03 .colorcl .cl_txt{
	width: 96%;
    font-size: 17px;
    color: #004ea2;
    margin: 20px auto 40px;
	text-align: center;
    padding: 0;
}

#all-contents .cont_03 .colorcl .cl_type img {
	width:96%;
}

#all-contents .cont_03 .colorcl .cl_type div img {
	width: 96%;
}


/* cont_04
--------------------------------*/
#all-contents .cont_04 .pro .cl_tt{
	padding: 30px 0 0 0;
	width:100%;
}

#all-contents .cont_04 .pro .cl_tt img {
	width:96%;
}

#all-contents .cont_04 .pro .cl_txt{
	width: 96%;
    font-size: 17px;
    color: #000;
    margin: 20px auto 40px;
	text-align: center;
    padding: 0;
}

#all-contents .cont_04 .pro .caster{
	width:100%;
}

#all-contents .cont_04 .pro .caster img{
	width:96%;
}

#all-contents .cont_04 .pro .interior{
	width:100%;
	margin:10% 0 0 0;
}

#all-contents .cont_04 .pro .interior img{
	width:96%;
}

#all-contents .cont_04 .pro .interior .interior_txt{
	width:96%;
	margin:2% auto 0;
	font-size:18px;
	text-align: center;
}
#all-contents .cont_04 .pro .interior .interior_c{
	margin: 0 auto 15px;
	width:100%;
}

#all-contents .cont_04 .pro .interior .interior_c img{
	width:100%;
	margin: 5% auto 0;
}

#all-contents .cont_04 .pro .xx{
	width:100%;
	margin: 8% 0 0 0;
}
#all-contents .cont_04 .pro .xx img {
	width:98%;
	padding: 0 0 1% 0;
}
#all-contents .cont_04 .pro .xx .pcbody{
	width: 96%;
    font-size: 18px;
    color: #000;
	margin:0 auto; 
    text-align: center;
}

#all-contents .cont_04 .pro .xx .alumiframe{
	width: 96%;
    font-size: 18px;
    color: #000;
	margin:10% auto 0; 
    text-align: center;
}

#all-contents .cont_04 .pro .xx .tsa{
	width: 96%;
    font-size: 18px;
    color: #000;
	margin:10% auto 0; 
    text-align: center;
}

#all-contents .cont_04 .pro .xx .carry{
	width: 96%;
    font-size: 18px;
    color: #000;
	margin:10% auto 0; 
    text-align: center;
}

/* cont_05
--------------------------------*/
#all-contents .cont_05 {
	padding: 30px 0 0 0;
	width:100%;
}
#all-contents .cont_05 img{
	width:100%;
}
	
}