/*====================================================================================================
  TOP
====================================================================================================*/
#toppage {overflow: hidden;}

/* MAINIMG */
#toppage ul.mainimg {  margin:0 auto; max-width:1000px;}
#toppage ul.mainimg img { max-width:100%; height:auto;}
#toppage ul.mainimg li { position: relative; margin:20px 5px;}
#toppage ul.mainimg .slick-list { overflow:visible;}
@media only screen and (max-width:800px){
    #toppage ul.mainimg li { margin:0;}
}


/* SEARCH */



/* ABOUT CENTER */
#toppage .about .about_main { display: flex; gap:20px;}
#toppage .about .about_main .photo {
    position: relative; 
    width:calc(100% - 57% - 20px);
}
#toppage .about .about_main .photo img { width: calc(100% + 120px);}
#toppage .about .about_main .cont { 
    display: flex; flex-direction: column; gap:40px;
    width: 57%;
}
#toppage .about .about_main h2 small { font-size: 125%;}
#toppage .about .about_main h2 b { display: block; font-size: 287.5%; color: #33B9B1; line-height:120%; font-weight: bolder;}
#toppage .about .about_main .btn_box { display: flex; gap:40px;}
/*
#toppage .about .about_main .btn a {
    position: relative;
    display: block;
    padding: 0 0 0 30px;
    color: #222;
    font-weight: bold;
    text-decoration: none;
    background:url("../img/arrow_p.svg") no-repeat left 5px;
    background-size:20px auto;
}
*/
#toppage .about .about_main .btn{
	width:100%;
}
#toppage .about .about_main .btn a{
    display: block;
    margin: auto;
    padding:15px 10px;
    max-width: 350px;
    text-decoration: none;
    color: #fff;
    font-size: 120%;
    font-weight: 500;
    text-align: center;
    background: #F17A87;
    border-radius: 100px;
    box-shadow: 0px 5px 0px 0px rgba(230,90,106,1.00);
}





#toppage .about .soudan {
    position: relative;
    margin: 0 auto 100px;
    max-width: 1200px;
    background: rgba(163,219,214,0.25);
    border-radius: 30px;
}
#toppage .about .soudan::before {
/*    position: absolute; top: -80px; left: -10px; */
    position: absolute; top: -140px; left: -10px;
    display: block; clear: both; content:"";
    width: 220px; height: 180px;
    background: url("../../img/about_photo2.png") no-repeat;
}

#toppage .about .soudan .inner { padding: 50px 0 50px;}
#toppage .about .soudan h3 {
    position: absolute; top:-20px; left: 0; right: 0;
    margin: auto;
/*    max-width: 640px; */
    max-width: 715px;
    min-height: 45px;
    padding:  0 40px;
    text-align: center;
    font-size: 225%;
    background-image: url("../../img/fukidashi_l.png"), url("../../img/fukidashi_r.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left center, right center;
    line-height:1.5em;
}
#toppage .about .soudan .come {
    margin:  0 0 50px;
    text-align: center;
}
#toppage .about .soudan_list {
    display: flex; gap:10px;
}
#toppage .about .soudan_list dl {
    width:calc(33.3% - 6.66px);
    color: #fff;
    background: #F17A87;
    border-radius: 30px;
    box-shadow: 0px 5px 0px 0px rgba(230,90,106,1.00);
}
#toppage .about .soudan_list dl dt a { color: #fff; text-decoration: none;}
#toppage .about .soudan_list dl dt,
#toppage .about .soudan_list dl dd { padding: 20px;}
#toppage .about .soudan_list dl dt {
    font-size: 125%;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    background: url("../img/arrow_w2.svg") no-repeat 95% center;
    background-size: 30px auto;
    border-bottom: 1px dotted #fff;
}
@media only screen and (min-width:768px){
/*    #toppage .about .about_main .btn a:hover { color: #F17A87;} */
    #toppage .about .about_main .btn a:hover { color: #FFF;}
}
@media only screen and (max-width:768px){
    #toppage .about .about_main { flex-direction: column;}
    #toppage .about .about_main .photo {
        position: absolute; top:20px; right: 0;
/*        width:220px; */
        width:190px;
    }
    #toppage .about .about_main .photo img { width: 100%;}
    #toppage .about .about_main .cont { width: 100%;}
    #toppage .about .about_main h2 b {font-size:212.5%;}
    #toppage .about .about_main .btn_box { flex-direction: column; gap:10px;}
    #toppage .about .about_main .btn a {
/*
        position: relative;
        display: block;
        padding:10px 10px 10px 50px;
        color: #222;
        font-weight: bold;
        text-decoration: none;
        background:#f6f6f6 url("../img/arrow_p.svg") no-repeat 20px center;
        background-size:20px auto;
        border-radius: 30px;
*/  
    }
    #toppage .about .soudan { margin-top:20px; width: 96%;}
    #toppage .about .soudan::before {
        position: absolute; top: -80px; left:0; right: 0;
        margin: auto;
        width: 160px; height: 130px;
        background-size: 100% auto;
    }
    #toppage .about .soudan .inner { padding: 80px 0 50px;}
    #toppage .about .soudan h3 {
        position: static;
        margin: 0 auto 30px;
        font-size:187.5%;
        line-height: 130%;
    }
    #toppage .about .soudan .come {
        margin:  0 0 30px;
    }
    #toppage .about .soudan_list {
        flex-direction: column;
    }
    #toppage .about .soudan_list dl {
        width:100%;
    }
}
@media only screen and (max-width:468px){
}





/* NEWS */
#toppage .news { background: #F7F5F6;}
#toppage .news .inner { position: relative;}
#toppage .news h3 { margin-bottom: 50px; font-size: 225%;}
#toppage .news .btn { position: absolute; top: 95px; right: 0;}
#toppage .news .btn a {
    position: relative;
    display: block;
    padding: 0 30px 10px 0;
    color: #222;
    font-weight: bold;
    text-decoration: none;
    background:url("../img/arrow_g.svg") no-repeat right 5px;
    background-size:20px auto;
    border-bottom: 2px solid #56B468;
}
#toppage .news_list ul { padding:15px 20px; overflow: hidden;}
#toppage .news_list ul:nth-child(odd) { background: #fff;}
#toppage .news_list ul li { float: left;}
#toppage .news_list ul li:nth-child(1) { width:140px;}
#toppage .news_list ul li:nth-child(2) { width:100px; text-align: center; color:#fff; font-weight: bold; border-radius:100px;}
#toppage .news_list ul li:nth-child(3) { width:calc(100% - 140px - 100px - 20px); margin-left: 20px; }
#toppage .news_list ul li:nth-child(3) a { color: #222; }
#toppage .news_list ul li:nth-child(2).cate1 { background:#7EC368;}
#toppage .news_list ul li:nth-child(2).cate2 { background:#F3AB0D;}
#toppage .news_list ul li:nth-child(2).cate3 { background:#049DE2;}
#toppage .news_list ul li:nth-child(2).cate4 { background:#F17A87;}
@media only screen and (min-width:768px){
    #toppage .news .btn a:hover { color: #56B468;}
}
@media only screen and (max-width:768px){
    #toppage .news h3 { margin-bottom: 50px; font-size:187.5%; text-align: center;}
    #toppage .news .btn { position: static; margin:50px auto 0; width: 123px;}
    #toppage .news_list ul li:nth-child(3) { width:100%; margin-left:0; }
    #toppage .news_list ul li:nth-child(3) a { color: #222; }
}
@media only screen and (max-width:468px){
}



/* BANNER */
#toppage .banner h4 {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    margin-bottom: 10px;
}
#toppage .banner .banner_list { overflow: hidden;}
#toppage .banner .banner_list p { float: left; margin-bottom: 5px; width:calc(16.66% - 4.16px);}
#toppage .banner .banner_list p + p { margin-left: 5px;}
#toppage .banner .banner_list p:nth-child(6n + 1) { margin-left:0;}
#toppage .banner .banner_list + h4 { margin-top: 50px;}
@media only screen and (max-width:768px){
    #toppage .banner .banner_list p { width:calc(33.33% - 3.33px);}
    #toppage .banner .banner_list p:nth-child(3n + 1) { margin-left:0;}
}
@media only screen and (max-width:468px){
}

fieldset{
	border: none;
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}