﻿
/*-----a----------------*/

/*-----------bg---------------------*/

/*----------------slide-----------------------*/


/*-------------submenu------------------*/

/*-------------568---------------*/
@media screen and (min-width:568px){
.gyoumu h2{
    font-size: 25px;
    top:38%;
    left:39%;
}
.gyoumu p{
    font-size: 20px;
    top:51%;
    left:37%;
}
.gyoumu .gyoumu_t{
    font-size: 13px;
    top: 66%;
    left: 22.5%;
    line-height:25px;
}
}
/*------------------------------*/
/*----------main-----------*/
/*-------gyomu-------------------*/
@media screen and (min-width:667px){
.hanbai_link ul li p{
    font-size: 20px;
    line-height: 15px;
}
.hanbai_link ul li .hanbai_t{
    font-size: 25px;
    line-height: 30px;
}
}
/*---------------------------*/
/*-----------------------------------------------*/
@media screen and (min-width:414px){
.gyoumu h2{
    top: 35.3%;
    left: 38.5%;
}
.gyoumu p{
    top: 50.5%;
    left: 38.2%;
}
.gyoumu .gyoumu_t{
    top: 63%;
    left: 24%;
}
}
/*------------------321------------------------*/
@media screen and (max-width: 321px){

.hanbai_link ul li:nth-child(1) .hanbai_t{
    top: 22.5%;
    left: 49%;
    text-align: center;
}
.hanbai_link ul li:nth-child(2) .hanbai_t{
    top: 21.6%;
    left: 46.8%;
    text-align:center;
}
.hanbai_link ul li:nth-child(3) .hanbai_t{
    top: 21.5%;
    left: 55%;
    text-align: center;
}
.hanbai_link ul li p{
    left: 53%;
}
}
/*-----------------------------------------------*/
/*------------sharyou------------------*/

/*---------------376px415px-----------------*/
@media only screen and (min-width: 376px) and (max-width:415px){
    .sikou_list ul li:nth-child(1) p{
    left: 18.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 27%;
}
.sikou_list ul li:nth-child(3) p{
    left: 14.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 30.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 31.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 24%;
}
.sikou_list ul li:nth-child(7) p{
    left: 37.9%;
    top:61.1%;
}
}
/*---------------------------------*/
/*---------------321px-----------------*/
@media screen and (max-width:321px){
.shikou_bg{
     height:580px;
}
.sikou_list ul li p{
    position:absolute;
    font-size: 8px;
}

    .sikou_list ul li:nth-child(1) p{
    left: 18.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 26%;
}
.sikou_list ul li:nth-child(3) p{
    left: 14.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 30.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 31.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 24%;
}
.sikou_list ul li:nth-child(7) p{
    left: 37.9%;
    top:58.1%;
}
}
/*---------------------------------*/
/*-------------------------------*/
@media only screen and (min-width:667px) and (max-width:1000px){
.sikou_list ul li p{
    font-size: 15px;
    top: 70.3%;
}

.sikou_list ul li:nth-child(1) p{
    left: 19.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 28%;
}
.sikou_list ul li:nth-child(3) p{
    left: 17.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 32.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 32.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 27%;
}
.sikou_list ul li:nth-child(7) p{
    left: 37.9%;
    top: 68%;
}
}
/*-------------------------------*/
/*-------------------------------*/
@media only screen and (min-width:480px) and (max-width:666px){
.sikou_list ul li p{
    font-size: 12px;
    top: 70.3%;
}

.sikou_list ul li:nth-child(1) p{
    left: 18.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 27%;
}
.sikou_list ul li:nth-child(3) p{
    left: 15.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 31.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 31.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 25%;
}
.sikou_list ul li:nth-child(7) p{
    left: 38.9%;
    top: 64%;
}
}
/*------------tenpo---------------*/

/*-----------footer---------------*/

/*-------------320----------------*/
@media only screen and (max-width:321px){
footer .menu ul li{
    font-size: 8px;
}
}
/*-------------------------------*/
/*-------------414----------------*/
@media only screen and (min-width:376px) and (max-width:736px){
footer .menu ul{
 width: 90%;
}
}
/*-------------------------------*/
/*-----------------------------*/
@media only screen and (min-width:376px) and (max-width:479px){
footer .menu ul{
 width: 90%;
}
}
/*-------------------------------*/
@media only screen and (min-width:480px) and (max-width:566px){
footer .menu ul{
 width: 77%;
}
}
/*--------------------------------*/
@media only screen and (min-width:568px) and (max-width:666px){
footer .menu ul{
 width: 65%;
}
}
/*--------------------------------*/
@media only screen and (min-width:667px) and (max-width:735px){
footer .menu ul{
 width: 55%;
}
}
/*-----------------------------------------------------*/
@media only screen and (min-width:736px) and (max-width:1000px){
footer .menu ul{
 width: 50%;
}
}
/*------------cop-----------------*/

/*------------slide yajirusi-----------------*/


/*------------tenpo slide yajirusi-----------------*/


/*botan-------------------------*/
@media screen and (min-width:470px){
 .botan{
 	position:fixed;
 	left: 85%;
 	width: 19%;
 	z-index:2;
 }
}

/*--------------nav-------------------*/


