@charset "UTF-8";
/*---------------------------------------------------------------*\
	$INDEX
\*---------------------------------------------------------------*/
/*
・共通
・◯◯◯◯◯
・◯◯◯◯◯
*/
body {
	overflow-x: hidden;
}
/*---------------------------------------------------------------*\
	$共通
\*---------------------------------------------------------------*/
.pc {
	display: block;
}
.sp {
	display: none;
}
main {
	width: 1260px;
	margin: 0 auto;
	position: relative;
}
.mainvisual {
	position: relative;
}
.catch_01 {
    position: absolute;
    z-index: 10;
    top: 10%;
    left: 5%;
    width: 38%;
}
.catch_02 {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 10%;
    width: 40%;
}
.line_link {
    position: fixed;
    z-index: 10000;
    top: 52%;
    right: 0;
}
.ba_banpaku {
    position: fixed;
    z-index: 40;
    top: 33%;
    right: 0;
}

.ba_question {
    position: fixed;
    z-index: 40;
    top: 12%;
    right: 0;
}
.line {
	position: relative;
}
.line_img_01 {
    position: absolute;
	top: 0;
	z-index: 20;
}
.line_img_02 {
    position: absolute;
	top: 0;
	z-index: 10;
}
.line_img_03 {
    position: absolute;
	top: 0;
	z-index: 10;
}
.line_img_04 {
    position: absolute;
	top: 0;
	z-index: 10;
}
.kosodate {
	position: relative;
}
.kosodate div img:nth-child(1){
	margin:0 auto;
	padding-top:60px;
}
.kosodate div img:nth-child(2){
	    position: absolute;
    top: 16px;
    left: 75%;
}
.kosodate {   
 background-image: url(../img/home/back_ent.gif);
    background-repeat: repeat;
    position: relative;
}
.kosodate h2 img{
	margin:20px auto;
}

.kosodate p{

      margin-bottom: 35px;
    font-size: 20px;
	text-align:center
}
.kosodate ul{
     text-align: center;
	 margin-bottom:100px;
	 padding-bottom:60px;
}
.kosodate ul li{
	    display: inline-block;
    width: 495px;
    margin: 0 5px 10px 0;
}

/*---------------------------------------------------------------*\
	$1300px
\*---------------------------------------------------------------*/
@media screen and (max-width: 1300px) {
main {
	width: 100%;
	margin: 0 auto;
}	
.kosodate h2 img{
	margin:20px auto;
}
.kosodate p{

      margin-bottom: 35px;
    font-size: 20px;
	text-align:center
}
.kosodate ul{
     text-align: center;
	 margin-bottom:100px;
}
.kosodate ul li{
      display: inline-block;
	  width:487px;
    margin: 0 5px 10px 0;
}

/*---------------------------------------------------------------*\
	$1300px
\*---------------------------------------------------------------*/
@media screen and (max-width: 1300px) {
main {
	width: 100%;
	margin: 0 auto;
}	
}

/*---------------------------------------------------------------*\
	$768px
\*---------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
.line_btn {
    width: 240px;
    margin: 20px auto 0;
}
.line_btn img {
	width: 100%;
	height: auto;
}
.line_link {
    position: fixed;
    z-index: 40;
    bottom: 0;
	top: inherit;
    right: 0;
    width: 80px;
}
.ba_question {
  position: fixed;
  z-index: 40;
  bottom: 160px;
  top: inherit;
  right: 0;
  width: 80px;
}  

.ba_banpaku {
    position: fixed;
    z-index: 40;
    bottom: 80px;
	top: inherit;
    right: 0;
    width: 80px;
}
.kosodate div img:nth-child(1){
	width:90%;
}
.kosodate div img:nth-child(2){
    position: absolute;
    top: 5%;
    left: 80%;
    width: 20%;
}
.kosodate ul{
     text-align: center;
}
.kosodate ul li{
     text-align: center;
}
.kosodate p{
	margin:0 5% 5%;
     font-size: 20px;
}

/*---------------------------------------------------------------*\
	$480px
\*---------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	.kosodate ul li{
     text-align: center;
	  width:100%;
}
}

/*---------------------------------------------------------------*\
	$320px - iPhone SE, 5s, 5 and 4s
\*---------------------------------------------------------------*/
@media screen and (max-width: 320px) {
}