@charset "utf-8";


/*==================================================
    ■ share start
==================================================*/
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

.sawarabi {
	font-family: "Sawarabi Mincho" , "ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝";
}
.wf-hannari {
	font-family: "Hannari" , "ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝";
}
.wf-rounded {
	font-family: "Rounded Mplus 1c";
}

nav {
}

/*==================================================
    ■ home start
==================================================*/

/******* image start (in main) ********/

#home #image {
	width: auto;
	margin: auto;
	clear: both;
}
#home #image #image_cnt {
	width:100%;
	text-align:center;
	padding-bottom: 40px;
}
#home #image_cnt img {
	width:100%;
 
}
/******* image end (in main) ********/

#home .cnt1 {
	width:700px;
	padding-bottom: 40px;
}
#home .cnt1 p {
	font-size: 1.6em;
}
/*-----------------*/
#home .btn1_box {
	width: 700px;
	margin: auto auto 70px;
	text-align: center;
	background-image: url(../img/common/mk1.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#home .btn1_box .btn1 a {
	display:block;
	width: 260px;
	background-color:#FF6C6C;
	border:2px solid #FF6C6C;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
#home .btn1_box .btn1 a:hover { 
	background-color:#ffffff;
	border:2px solid #FF6C6C;
	color: #FF6C6C;
}
/*-----------------*/
#home .cate {
	height: 720px;
	width: 1000px;
}
#home .cate .p1 {
	position: absolute;
	left: 79px;
	top: 2px;
}
#home .cate .p2 {
	position: absolute;
	left: 570px;
	top: 0px;
}
#home .cate .p3 {
	position: absolute;
	left: 10px;
	top: 412px;
}
#home .cate .p4 {
	position: absolute;
	left: 350px;
	top: 350px;
}
#home .cate .p5 {
	position: absolute;
	left: 695px;
	top: 412px;
}

    @media screen and (max-width:780px) { 

        /******* image start (in main) ********/

        #home #image {
            width: auto;
            margin: auto;
            clear: both;
        }
        #home #image #image_cnt {
            width:100%;
            text-align:center;
            padding-bottom: 40px;
        }
        #home #image_cnt img {
            width:100%;

        }
        /******* image end (in main) ********/

        #home .cnt1 {
            width:100%;
            padding-bottom: 40px;
        }
        #home .cnt1 p {
            font-size: 1.6em;
        }
        /*-----------------*/
        #home .btn1_box {
            width:100%;
            margin: auto auto 70px;
            text-align: center;
            background-image: none;
            background-repeat: no-repeat;
            background-position: right center;
        }
        #home .btn1_box .btn1 a {
            display:block;
            width:90%;
            background-color:#FF6C6C;
            border:2px solid #FF6C6C;
            color: #FFFFFF;
            text-decoration: none;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        #home .btn1_box .btn1 a:hover { 
            background-color:#ffffff;
            border:2px solid #FF6C6C;
            color: #FF6C6C;
        }
        /*-----------------*/
        #home .cate {
            height: inherit;
            width:100%;
        }
        #home .cate p { 
            width:49%;
            padding-bottom:10px;
        }
        #home .cate img { 
        }
        #home .cate .p1 {
            position: inherit;
            left: inherit;
            top: inherit;
            float:left;
        }
        #home .cate .p2 {
            position: inherit;
            left: inherit;
            top: inherit;
            float:right;
        }
        #home .cate .p3 {
            position: inherit;
            left: inherit;
            top: inherit;
            float:left;
        }
        #home .cate .p4 {
            position: inherit;
            left: inherit;
            top: inherit;
            float:right;
        }
        #home .cate .p5 {
            position: inherit;
            left: inherit;
            top: inherit;
            float:left;
        }
    }
#home .info_box {
    width: 740px;
    margin: auto;
    background-image: url("../img/common/mk1.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 55px;
    margin-bottom: 55px;
}
#home .info_box h3::before {
    content: url(../img/common/mk6.png);
    padding-right: 15px;
}
#home .info_box h3::after {
    content: url(../img/common/mk6.png);
    padding-left: 15px;
    opacity: 0;
}
#home .info_box h3 {
    padding-bottom: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#home .info_box h3 img{

}
#home .info_box dl {
}
#home .info_box dl dt {
    background-image: url("../img/common/bar2.png");
    background-position: bottom center;
    background-repeat: repeat-x;
    padding-bottom: 25px;
    margin-bottom: 25px;
    text-align: left;
}
#home .info_box dl dt .p_pc {
    display: block;
}
#home .info_box dl dt .p_sp {
    display: none;
}
#home .info_box dl dd {
    font-size: 1.6em;
    text-align: left;
    line-height: 200%;
    letter-spacing: 0px;
}
    @media screen and (max-width:980px) { 
        #home .info_box h3 img {
            max-width: 219px;
        }
    }
    @media screen and (max-width:740px) { 
        #home .info_box {
            width: 100%;
        }
        #home .info_box h3 img {
            width: 220px;
        }
        #home .info_box dl dt .p_pc {
            display: none;
        }
        #home .info_box dl dt .p_sp {
            display: block;
            font-size: 2.0em;
            color: #8C7246;
            font-weight: bold;
        }
    }