@charset "utf-8";
body{background:#eee;}
#intro_wrap{width: 100%; min-height: 100vh; position:relative;}
.box_inner{width:1100px; height:650px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.title{margin-bottom:40px;}
.title img{width:75px;}
.title p{font-size:40px; font-weight:bold;}
.title_txt{line-height:75px;}
.go_box_out{width:100%; height:400px; float:left; display: flex; align-items: center;  flex-direction: row; justify-content: space-between; flex-wrap: wrap;}

.go_box p{font-size:30px; font-weight:bold; text-align:center; line-height:40px;}
.go_box img{width:100px; height:40px; margin:10px auto; display:block; }
.go_box{width:23%; background:#333; height:100%; float:left; border-radius:10px;  color:#fff;font-family: 'LotteMartDream_l';
display: flex; align-items: center;  flex-direction: row; justify-content: space-around; flex-wrap: wrap; cursor:pointer; transition: all 0.3s;}
.arrow{transition: all 0.3s}
.go_box:hover .arrow{margin-left:30px;}
.go_box:hover{box-shadow:rgb(99 99 99 / 90%) 0px 4px 10px 0px;}

.intro_footer{width:100%; height:70px;float:left;  margin-top:50px;}
.box1{background-image: linear-gradient( 102.1deg,  rgba(96,221,142,1) 8.7%, rgba(24,138,141,1) 88.1% );}
.box2{background-image: radial-gradient( circle 685.3px at 47.8% 55.1%,  rgba(255,99,152,1) 0%, rgba(251,213,149,1) 90.1% );}
.box3{background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);}
.box4{background-image: linear-gradient( 109.6deg,  rgba(45,116,213,1) 11.2%, rgba(121,137,212,1) 91.2% );}

.intro_footer{font-family: 'LotteMartDream_l';} 
.intro_logo{display:inline-block; float:left;} 
.intro_info{display:inline-block;float:left;}
.intro_info p{ line-height:20px;  margin:20px 10px; font-size:14px;}
.intro_sns{float:right; width:23%;display: flex; align-items: center;  flex-direction: row; justify-content: space-around; flex-wrap: wrap; }
.intro_address{width:70%;float:left;}
.intro_address p{font-size:15px; word-break:break-all;}
.intro_sns ul{width:100%;display: flex; align-items: center;  flex-direction: row; justify-content: space-around; flex-wrap: wrap;}
.intro_sns ul li{width:50px; height:50px; float:left; margin-left:5px; cursor:pointer; position:relative;}
.intro_sns ul li a{width:100%; height:100%; position:absolute; top:0px; left:0px;}
.sns1{background:url("/images/intro_sns1.png") no-repeat; background-size:100%;}
.sns2{background:url("/images/intro_sns2.png") no-repeat; background-size:100%;}
.sns3{background:url("/images/intro_sns3.png") no-repeat; background-size:100%;}
.sns4{background:url("/images/intro_sns4.png") no-repeat; background-size:100%;}
.tt{display:none;}
.br_m{display:none;}
@media all and (max-width:1100px){
.box_inner{width:95%; height:90%;}



}

@media all and (max-width:1010px){

.title img{width:70px;position:relative; top:-15px;}
.title_txt{line-height:40px;}
.title p{font-size:30px; font-weight:bold;}
.go_box p{font-size:28px;  line-height:35px;}
.intro_sns ul{width:50%;}
.intro_address{width:100%;}

.intro_sns{width:100%; display: flex; align-items: center;  flex-direction: row; justify-content: center; flex-wrap: wrap;}
}

@media all and (max-width:970px){
.intro_footer{ margin-top:30px;}
.intro_info p{margin:5px 0px; text-align:center;}
.intro_sns ul{margin-top:5px; margin-bottom:15px;}
}
@media all and (max-width:800px){
.br_m{display:block;}
.intro_address p{text-align:center;}
.go_box_out{width:100%; height:600px;}
.go_box{width:48%; height:50%;}
.box4 , .box3 {margin-top:10px;}
.go_box p{margin-top:10px;}



}
@media all and (max-width:570px){
.title img{width:40px; position:relative; top:-10px;}
.title_txt{font-size:22px;line-height:35px;}

.go_box_out{height:400px;}
.go_box p{font-size:22px;  line-height:30px;}
.go_box img{width:90px; height:37px; }
.intro_info p{font-size:12px;}
.tt{display:block;}
.intro_sns ul{width:80%;}
}


@media all and (max-width:400px){
.logo img{width:45px;}
}