@charset "utf-8";

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

	TOP　トップページ共通

------------------------------------------------------*/


.sec_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}
.sec_innertop {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
}    
	
.btn_01 {
	text-align: center;
	font-weight: bold;
}
.btn_01 a {
	color: #4d4e53;
    background-color: #ffffff;
    padding: 5px 50px;
    border-radius: 10px;
    display: inline-block;
    border: solid 2px #ffffff;
    font-size: 15px;
    letter-spacing: 1px;
}
.btn_01 a:hover {
	color: #fff;
	background-color: #4d4e53;
	border: solid 2px #4d4e53;
}
.btn_02 {
	text-align: center;
	font-weight: bold;
}
.btn_02 a {
	color: #fff;
    background-color: #128754;
    padding: 8px 50px;
    border-radius: 10px;
    display: inline-block;
    border: solid 2px #128754;
    font-size: 16px;
    letter-spacing: 1px;
}
.btn_02 a:hover {
	color: #128754;
	background-color: #fff;
	border: solid 2px #128754;
}	
.btn_03 {
	text-align: center;
	font-weight: bold;
}
.btn_03 a {
	color: #fff;
    background-color: #f49d06;
    padding: 8px 50px;
    border-radius: 10px;
    display: inline-block;
    border: solid 2px #f49d06;
    font-size: 16px;
    letter-spacing: 1px;
}
.btn_03 a:hover {
	color: #f49d06;
	background-color: #fff;
	border: solid 2px #f49d06;
}	

.lead{
	text-align: center;
    font-size:36px;
    color: #4267b2;
    padding: 5px 0;
}
.lead_br{
	text-align: center;
    font-size:26px;
    color: #664a0b;
    padding-bottom: 15px;
}
.lead_br_s{
	text-align: left;
    font-size:22px;
    color: #664a0b;
    padding-bottom: 15px;
    line-height: 2;
    display: inline-block;
    margin:0 auto;
}    
.lead_wh_s{
	text-align: center;
    font-size:20px;
    color: #fff;
    margin-bottom: 20px;
}   
.lead_s{
	text-align: center;
    font-size:20px;
    color: #664a0b;
    margin-bottom: 20px;
    font-weight: bold;
}
.lead_m{
	text-align: center;
    font-size:26px;
    color: #664a0b;
    margin-bottom: 20px;
    font-weight: bold;
}    
    
.lead_s_red{
    text-align: center;
    font-size:20px;
    font-weight: bold;
    color:#ff0808;
} 
.lead_or{
	text-align: center;
    font-size:26px;
    color: #ea7849;
    font-weight: bold;
    padding:22px
}    
    
 .lead_ss_red{
    text-align: center;
    font-size:16px;
    color:#ff0808;
}     
    
.under_marker {
  background: linear-gradient(transparent 72%, #9dd4f5e0 72%);
  }    
.size_s{
    font-size:14px;    
    }
 .box18{
    font-size: 22px;
    color:#664a0b;
    margin:1.5em 0;
    position: relative;
    padding: 0.25em 3em;
    border: solid 2px #664a0b;
    border-radius: 3px 0 3px 0;
    display: inline-block;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #664a0b;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}   

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1em 0;
  padding: 3px 0;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #efa12e;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #efa12e;
}

.balloon1-top span {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
  color:#fff;
}    
    
    
  .square {
    border: solid 1px #ff0808;
    padding: 20px;    
}
    
.square .shop_bnr{
    display: inline-block;    
} 
.square .shop_bnr li{
    float:left;
    padding: 20px;
}       
    
    
    
    
    
    
    
/*-----------------------------------------------------

	TOP　　トップページ

------------------------------------------------------*/
#top .icon_l i{
	font-size: 100px;
    text-align: center;
    display: block;
    color:#4267b2;
}
    
#top #header .head_sec .left_box{
    float:left;
    width:500px;       
} 
#top #header .head_sec .right_box{
   float:right;
   font-size: 16px;
    padding:25px 0;  
   color: #664a0b;
    }    
#top #header .head_sec .right_box .add{
    font-size: 20px;    
    }     
#top #header .head_sec .right_box .tel{
    font-size: 40px;
    font-weight: bold;
    }    
#top #header .head_sec .right_box a{
    color: #664a0b;
    }    
#top p {
	color: #664a0b;
	font-size: 18px;
	line-height: 2;
}

#top .sec_inner {
	width: 1200px;
	padding: 50px 0;
	font-size: 13px;
}
    
     
    
    
#top .sec_inner .item_box {
    display: inline-block;
}    
#top #bnr_area01 {
    background-image: url("../image/bg04.jpg");
	text-align: center;
    background-size: cover;
}
#top #bnr_area02 {
    background-color: #dce5ee;
	text-align: center;
}
#top #menu_area01 ul{
    text-align: center;
}
#top #menu_area01 ul li{
    width: 220px;
    float: left;
    margin: 0px 40px 0 40px;
    font-size: 20px;
    font-weight: bold;
} 
#top #menu_area01 i{
     font-size: 45px;   
}    
    
#top #menu_area01 ul li .cp_link {
	display: inline-block;
	padding: 0.3em;
	transition: .3s;
	transform: scale(1);
	color: #4267b2;
}
#top #menu_area01 ul li .cp_link:hover {
	transform: scale(1.05);
}    
#top #sec_01{
    text-align: center;
    background-image: url(../image/bg02.jpg);
}
    
#top #sec_01 .left_box {
	float:left;
    width:50%;
}
#top #sec_01 .right_box {
	float:right;
    width: 48%;
    padding: 35px 10px;
    background-color: #ffffff6e;
}
#top #sec_01 .right_box .top_box{
    margin-bottom:20px;   
    }    
#top #sec_01 .right_box .bottom_box{
    text-align: left;    
    } 
#top #sec_01 .right_box .bottom_box .ht_l{
    font-size:14px;
    line-height: 3;
    padding: 0 50px;
    }
#top #sec_01 .right_box .bottom_box .cate_point{
    background-color:#523e107d;
    color:#fff;   
    padding:5px 15px;
    
    }    
#top #sec_01 .list{
	font-size:20px;
    font-weight: bold;
    text-align: left;
    display: inline-block;
}    
#top #sec_01 .list li{
	margin-bottom: 20px;
}   
#top #sec_01 .list li:before{
	font-family: FontAwesome;
    content: "\f00c";
    margin-right: 20px;
    font-size: 40px;
    left: 0;
    top: 0;
    color: #f49d06;
}

#top #sec_02 {
    text-align: center;
	background-image: url("../image/bg07.jpg");
}    
    
#top #sec_02 .img_box{
    padding:25px 0;    
    }    
#top #sec_02 .sec_inner {
	padding: 25px 0;
} 
#top #sec_02 .cont_inner{
   text-align: center;
    padding:25px 0;
    }
#top #sec_02 .brand_list{
	display: inline-block;
    width:950px;
}
#top #sec_02 .brand_list li{
    float:left;
    margin-bottom: 20px;
    width:33%
}
  
#top #sec_02 .brand_list li span{
	font-size:35px;
        line-height: 1;
}
#top #sec_02 .brand_list li .small{
	font-size:22px;
}    

   
#top #sec_02 .brand_list li a:hover{
	background-color: #6558f3;
    color:#fff;    
}    
#top #sec_03 {
	background-image: url("../image/");
    text-align: center;
}


#top #sec_03 .pickup_box{  
   text-align: center;
}
#top #sec_03 .flow {
         
}    
#top #sec_03 .flow .explain{    
}
   
#top #sec_03 .list{
	font-size:30px;
    text-align: center;
    display: inline-block;
    margin-bottom: 60px;
}      
#top #sec_03 .list li{
    width: 1000px;
	margin-bottom: 20px;
    background-color: #f5f2ee;
    padding: 20px 20px 20px 80px;
    display: inline-block;
    border: solid 1px #dad8d3;
}
#top #sec_03 .txt_box {
    float: left;
    width: 70%;
    padding: 35px 0;
    text-align: left;
}   
#top #sec_03 .img_box {
    float: right;
    width: 25%;
}      
    
    
/*#top #sec_03 .list li:before{
	font-family: FontAwesome;
    content: "\f219";
    margin-right: 20px;
    font-size: 40px;
    left: 0;
    top: 0;
    color: #ea7849;
}
    */
.pc { display: block !important; }
.sp { display: none !important; }  
    
#top #sec_04{
   background-image: url(../image/bg09.jpg);
   background-size: contain;    
}    
    
    
#top #sec_04 .sec_inner {
	padding: 25px 0;
} 
#top #sec_04 .icon_l i{
	font-size: 100px;
    text-align: center;
    display: block;
    color:#4267b2;
}   
    
#top #sec_04 .cont_inner{
   text-align: center;
    padding:50px 0;
    }
    
    
#top #sec_04 .img_box{
    padding-bottom:25px;
    text-align: center;
    }        
#top #sec_04 .brand_list{
	display: inline-block;
    width:950px;
}
#top #sec_04 .brand_list li{
    margin-bottom: 20px;
}
     
#top #sec_04 .brand_list li a{
    color: #4267b2;
    border: solid #4267b2 5px;
    border-radius: 10px;
    font-size: 25px;
    padding: 30px 25px;
    font-weight: bold;
}
   
#top #sec_04 .brand_list li a:hover{
	background-color: #4267b2;
    color:#fff;    
}    

#footer{
   background-color:#54492e; 
   text-align: center;
    }    
#footer a{
     color:#fff;    
    }  
 #footer .tel {
    font-weight: bold;
     font-size: 34px;
}   
    
}