@charset "UTF-8";


/*============== ●変数設定● ==============*/
:root {
    --main_font_color: #000;
    --main_font_size: 15px;
    --line_height: 1.5em;
    --family: 'M PLUS 1 Code', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    --bace_color_01: #fff;
    --bace_color_02: #20a550;
    --bace_color_03: #e71f18;
    --bace_color_04: #009b63;
    --bace_color_05: #d6286a;
    --bace_color_06: #314d98;
    --bace_color_07: #e68041;
    --bace_color_08: #bae3f9;
    --bace_color_09: #f4b4d0;
    --bace_color_10: #e5f2ec;
    --bace_color_11: #0067b6;
    --bace_color_12: #c69e44;
    --bace_color_13: #fbe8b1;
    --bace_color_14: #fef2de;
    --bace_color_15: #fdeff5;
    --bace_color_16: #252525;
    --bace_color_17: #c0c0c0;
}














/*============== ●基本設定● ==============*/

html, body {
font-family: var(--family);
line-height: var(--line_height);
letter-spacing: 0.1em;
font-size:var(--main_font_size);
color:var(--main_font_color);
padding: 0;
margin: 0;
}

body{
    overflow-x: hidden;
}

h1, h2, h3, h4, ul, li, a, p, span, img, div{
padding: 0px;
margin: 0px;
}

a {
color:var(--main_font_color);
text-decoration:none;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-webkit-transform:translateZ(0);
}




/*============== ●共通項目 ==============*/
img{
width: 100%;
height: auto;
vertical-align: top;
}

ul{list-style: none;}





/*============== 以下スマホ縦（共通）用 =================================================================*/

/*===============================================
●切り替え
=================================================*/
#pcnomi{display: none;}
#smnomi{display: block;}


/*===============================================
●ヘッダー
=================================================*/
header{
    background-image: url("https://kansai-walk.jp/img/logo/2025_hai.jpg");
    width: 100%;
    background-position: top;
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0 auto;
}

div.logo{
    width: 90%;
    padding: 20px 0;
    margin: 0 auto;
}

div.menu{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
    margin: 0 auto;
}

div.menu a {
    width: 48%;
    color: var(--bace_color_01);
    padding: 0;
    margin: 0 0 10px;
}


div.menu a div.mn1{
    width: 100%;
    background-color: var(--bace_color_02);
    border-radius: 10px;
    padding: 10px 0;
    margin: 0;
}

div.menu a div.mn1 p{
    width: 90%;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    padding: 0;
    margin: 0 auto;
}

div.menu a div.mn1 p i{
    margin-right: 5px;
}


/*===============================================
●メイン
=================================================*/
div.warrper{
    background-color: var(--bace_color_01);
    width: 100%;
    padding: 20px 0px;
}

section.sc1{
    width: 100%;
    padding: 0;
    margin: 0;
}

section.sc1 div.topga{
    width: 100%;
    padding: 0 0 15px;
    margin: 0;
}

section.sc1 div.topga div.tpg1,
section.sc1 div.topga div.tpg2,
section.sc1 div.topga div.tpg3,
section.sc1 div.topga div.tpg4{
    width: 90%;
    border-radius: 10px;
    background-image: linear-gradient(90deg, rgb(198, 158, 68), rgb(251, 232, 177) 50%, rgb(198, 158, 68));
    padding: 4px 0;
    margin: 0 auto 10px;
}

section.sc1 div.topga div.tpg1 p,
div#dai1taikai
{background-color: var(--bace_color_04);}

section.sc1 div.topga div.tpg2 p,
div#dai2taikai
{background-color: var(--bace_color_05);}

section.sc1 div.topga div.tpg3 p,
div#dai3taikai
{background-color: var(--bace_color_06);}

section.sc1 div.topga div.tpg4 p,
div#dai4taikai
{background-color: var(--bace_color_07);}

section.sc1 div.topga div.tpg1 p,
section.sc1 div.topga div.tpg2 p,
section.sc1 div.topga div.tpg3 p,
section.sc1 div.topga div.tpg4 p{
    width: calc(100% - 8px);
    border-radius: 10px;
    text-align: center;
    color: var(--bace_color_01);
    font-weight: 700;
    font-size: 18px;
    padding: 5px 0;
    margin: 0 auto;
}

section.sc2{
    width: 90%;
    padding: 20px 0;
    margin: 0 auto;
}

section.sc2 div.ositit{
    width: 100%;
    padding: 0 0 10px;
    margin: 0 auto;
}

section.sc2 div.ositit p{
    width: 100%;
    color: var(--bace_color_02);
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

section.sc2 div.osinaka{
    width: calc(100% - 10px);
    border-radius: 15px;
    border: solid 5px var(--bace_color_02);
    padding: 10px 0;
    margin: 0 auto;
}

section.sc2 div.osinaka div.osirase{
    width: 90%;
    padding: 0;
    margin: 0 auto;
}

div.osirase div.osi1{
    width: 100%;
    padding: 0;
    margin: 0 0 5px;
}

div.osirase div.osi1 p{
    width: 100%;
    text-align: left;
    font-size: 15px;
    padding: 0;
    margin: 0;
}

div.osirase div.osi2{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.osirase div.osi2 p{
    width: 100%;
    text-align: left;
    font-size: 15px;
    color: var(--bace_color_03);
    text-decoration: underline;
    padding: 0;
    margin: 0;
}

div.osirase div#kako p{
    color: var(--bace_color_11);
    text-decoration: none;
}


div.keisen{
    width: 100%;
    border-bottom: 1px dotted var(--bace_color_17);
    margin: 10px 0;
}

div#saisin{
    margin: 10px 0 30px;
}

section.sc3{
    width: 90%;
    padding: 20px 0;
    margin: 0 auto;
}

div.ibetit{
    width: 100%;
    padding: 0 0 10px;
    margin: 0 auto;
}

div.ibetit p{
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

section.sc3 div.ibeeria{
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

section.sc3 div.ibeeria div.ibe1,
section.sc3 div.ibeeria div.ibe2,
section.sc3 div.ibeeria div.ibe3,
section.sc3 div.ibeeria div.ibe4{
    width: 100%;
    padding: 0;
    margin: 0 auto 25px;
}


div.ibe1 div.ibe1ue{
    background-color: var(--bace_color_04);
    border: solid 1px var(--bace_color_04);
}
div.ibe2 div.ibe1ue{
    background-color: var(--bace_color_05);
    border: solid 1px var(--bace_color_05);
}
div.ibe3 div.ibe1ue{
    background-color: var(--bace_color_06);
    border: solid 1px var(--bace_color_06);
}
div.ibe4 div.ibe1ue{
    background-color: var(--bace_color_07);
    border: solid 1px var(--bace_color_07);
}

div.ibe1ue{
    width: calc(100% - 2px);
    border-radius: 15px 15px 0 0;
    padding: 15px 0;
    margin: 0 auto;
}

div.ibe1ue p{
    width: 90%;
    color: var(--bace_color_01);
    padding: 0;
    margin: 0 auto;
}

div.ibe1ue p:first-of-type{
    font-size: 18px;
    font-weight: 500;
    margin: 0 auto 15px;
}

div.ibe1ue p:last-of-type{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

div.ibe1sita{
    width: calc(100% - 2px);
    border-radius: 0 0 15px 15px;
    border: solid 1px var(--bace_color_17);
    padding: 15px 0;
    margin: 0 auto;
}

div.ksnaiyou div.ibe1sita{
    width: 100%;
    border-radius: 0;
    border: solid 0px var(--bace_color_17);
}

div.ibe1sita div.ibes1{
    width: 90%;
    padding: 0;
    margin: 0 auto 15px;
}

div.ibe1sita p{
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

div.ibe1sita div.ibes2{
    width: 90%;
    padding: 0;
    margin: 0 auto 20px;
}

div.ibe1sita div.ibes2 p:first-of-type{
    background-color: var(--bace_color_08);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 5px 0;
    margin: 0 auto 5px;
}

div.ibe1sita div.ibes2 p:last-of-type{
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

div.ibe1sita div.ibes3{
    width: 90%;
    padding: 0;
    margin: 0 auto;
}

div.ibe1sita div.ibes3 p:first-of-type{
    background-color: var(--bace_color_15);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 5px 0;
    margin: 0 auto 5px;
}

div.ibe1sita div.ibes3 p{
    width: 100%;
    font-size: 14px;
    padding: 0;
    margin: 0 auto;
}

div.midoribotan{
    width: 90%;
    padding: 0;
    margin: 20px auto;
}

div.midoribotan a{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.midoribotan a p{
    width: 100%;
    border-radius: 15px;
    background-color: var(--bace_color_04);
    color: var(--bace_color_01);
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0;
    margin: 0;
}

div.midoribotan a p i, div.aobotan a p i{
    margin-left: 5px;
}

div.aobotan{
    width: 90%;
    padding: 0;
    margin: 20px auto;
}

div.aobotan a{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.aobotan a p{
    width: 100%;
    border-radius: 15px;
    background-color: var(--bace_color_11);
    color: var(--bace_color_01);
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0;
    margin: 0;
}


section.sc4{
    width: 100%;
    background-color: var(--bace_color_10);
    padding: 40px 0;
    margin: 0 auto;
}

div.sc4naka{
    width: 90%;
    padding: 0;
    margin: 0 auto;
}

div.tokuten{
    width: 100%;
    padding: 0;
    margin: 0 auto 40px;
}

div.nakatit{
    width: 100%;
    padding: 0;
    margin: 0 auto 10px;
}

div.nakatit p{
    width: 100%;
    border-bottom: solid 3px var(--bace_color_02);
    color: var(--bace_color_02);
    font-weight: 700;
    font-size: 20px;
    padding: 0 0 5px;
    margin: 0 auto;
}

div.nakatit p i{
    margin-right: 5px;
}

div.nakatit p span{
    color: var(--main_font_color);
    font-size: 14px;
}



div.bunnaka{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.bunnaka p.bun1{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.bunnaka p.bun1 span{
    font-weight: 700;
    text-decoration: underline;
}

div.bunnaka p.bun1 span.tyui{
    color: var(--bace_color_03);
    font-weight: 700;
}

div.bunnaka p.bun1 a{
    color: var(--bace_color_03);
    text-decoration: underline;
}

div.bunnaka p.bun1tyu{
    width: 100%;
    font-size: 13px;
    padding: 0;
    margin: 10px 0 0;
}

div.bunnaka p.bun2{
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    margin: 10px 0;
}


div.tokuga{
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

div.tokutensetu{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 10px 0 15px;
}

div.tokuri{
    width: 30%;
    padding: 0;
    margin: 0 auto;
}

div.tokubun{
    width: 70%;
    padding: 0;
    margin: 0 auto;
}

div.tokubun p{
    width: 95%;
    padding: 0;
    margin: 0 0 0 auto;
}

div.mousan{
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

p.bundai1{
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    padding: 0;
    margin: 0 0 10px;
}

p.bundai2{
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 0;
    margin: 0 0 10px;
}

p.bundai2 span{
    color: var(--bace_color_03);
}

div.bunnaka p.bun2{
    width: 100%;
    color: var(--bace_color_03);
    padding: 0;
    margin: 0;
}

#speue{
    margin-top: 30px;
}

#speue2{
    margin-top: 60px;
}

section.sc5{
    width: 90%;
    padding: 30px 0;
    margin: 20px auto;
}

div.kanabwaku{
    width: 100%;
    padding: 0;
    margin: 20px 0;
}

div.kanab{
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
}

div.kankako{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.kakotaikai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
}

div.kakotaikai a{
    width: 40%;
    padding: 0;
    margin: 0;
}

div.kakotaikai a p{
    width: 100%;
    font-size: 18px;
    padding: 0;
    margin: 0 0 10px;
}

div.fbtime{
    width: 100%;
    padding: 0;
    margin: 0;
}

.fb-page,
.fb-page span,
.facebook_wrap iframe{
  width: 100% !important;
  height: 500px !important;
}

div.sc4tyui{
    width: 90%;
    padding: 0;
    margin: 0 auto;
}

div.sc4tyui ul{
    width: 90%;
    list-style: disc;
    padding: 0;
    margin: 0 0 0 auto;
}

div.sc4tyui ul li{
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
}


section.sc8{
    width: 90%;
    padding: 0;
    margin: 0 auto;
}

div.kosuwaku{
    width: 100%;
    padding: 0;
    margin: 0 0 80px;
}

div.kosuwaku:last-of-type{
    margin-bottom: 0;
}

div.kosudai{
    width: 100%;
    border-radius: 10px;
    background-image: linear-gradient(90deg, rgb(198, 158, 68), rgb(251, 232, 177) 50%, rgb(198, 158, 68));
    padding: 4px 0;
    margin: 0 0 20px;
}

div.kosudai div.kosudainaka{
    width: calc(100% - 8px);
    border-radius: 10px;
    padding: 5px 0;
    margin: 0 auto;
}

div.kosudai div.kosudainaka p{
    width: 90%;
    color: var(--bace_color_01);
    font-size: 15px;
    font-weight: 700;
    padding: 0;
    margin: 0 auto;
}

div.kosutizuwaku{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.kosumap{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.kosumap iframe{
    width: 100%;
    height: 250px;
    padding: 0;
    margin: 0;
}

dl.syugo{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

dl.syugo dt{
    width: calc(40% - 2px);
    background-color: var(--bace_color_02);
    border-radius: 15px 0 0 15px;
    border: 1px solid var(--bace_color_02);
    padding: 5px 0;
    margin: 0 0 20px;
}

dl.syugo dt p{
    width: 90%;
    color: var(--bace_color_01);
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    padding: 0;
    margin: 0 auto;
}

dl.syugo dd{
    width: calc(60% - 2px);
    border-radius: 0 15px 15px 0;
    border: 1px solid var(--bace_color_17);
    padding: 5px 0;
    margin: 0 0 20px;
}

dl.syugo dd p{
    width: 90%;
    font-size: 15px;
    padding: 0;
    margin: 0 auto;
}

dl.syugo dd p i{
    color: var(--bace_color_11);
    margin: 0 2px 0;
}

dl.syugo dd p span{
    color: var(--bace_color_04);
    font-weight: 700;
}


div.mapbotan{
    width: 100%;
    padding: 0;
    margin: 30px auto 0;
}

div.link-ab, div.link-bb{
    width: 90%;
    padding: 0;
    margin: 0 auto 20px;
}

div.link-ab a{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.link-ab a p{
    width: 100%;
    border-radius: 15px;
    background-color: var(--bace_color_04);
    color: var(--bace_color_01);
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0;
    margin: 0;
}

div.link-bb p{
    width: 100%;
    border-radius: 15px;
    background-color: var(--bace_color_17);
    color: var(--main_font_color);
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0;
    margin: 0;
}

div.link-ab a p i, div.link-bb p i{
    margin-left: 5px;
}

dl.youkouwaku{
    width: 100%;
    padding: 0;
    margin: 0;
}

dl.youkouwaku dt{
    width: calc(70% - 2px);
    border-color:  var(--bace_color_17);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    background-color: var(--bace_color_10);
    padding: 5px 0;
    margin: 0;
}

dl.youkouwaku dt p{
    width: 90%;
    font-size: 15px;
    font-weight: 700;
    color: var(--bace_color_02);
    padding: 0;
    margin: 0 auto;
}

dl.youkouwaku dd{
    width: calc(100% - 2px);
    border-color:  var(--bace_color_17);
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding: 5px 0;
    margin: 0 0 15px;
}

dl.youkouwaku dd p{
    width: 90%;
    font-size: 15px;
    padding: 0;
    margin: 0 auto;
}

dl.youkouwaku dd p span{
    color: var(--bace_color_03);
    font-weight: 700;
}

dl.youkouwaku dd p span.midoririnku{
    color: var(--bace_color_02);
}

dl.youkouwaku dd p a{
    color: var(--bace_color_03);
    text-decoration: underline;
}

dl.tokutei{
    width: 100%;
    padding: 0;
    margin: 0;
}

dl.tokutei dt{
    width: calc(100% - 2px);
    border-color:  var(--bace_color_17);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    background-color: var(--bace_color_10);
    padding: 5px 0;
    margin: 0;
}

dl.tokutei dt p{
    width: 90%;
    font-size: 15px;
    font-weight: 700;
    color: var(--bace_color_02);
    padding: 0;
    margin: 0 auto;
}

dl.tokutei dd{
    width: calc(100% - 2px);
    border-color:  var(--bace_color_17);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    padding: 5px 0;
    margin: 0;
}

dl.tokutei dd:last-child{
    border-width: 1px 1px 1px 1px;
}

dl.tokutei dd p{
    width: 90%;
    font-size: 15px;
    padding: 0;
    margin: 0 auto;
}

div.nagare{
    width: 100%;
    border-radius: 20px;
    background-color: var(--bace_color_10);
    text-align: center;
    padding: 10px 0;
    margin: 20px 0;
}

div.nagare img{
    width: 90%;
}

div.kesai1a, div.kesai1b, div.kesai1c{
    width: 100%;
    border-radius: 20px;
    padding: 10px 0;
    margin: 10px 0 10px;
}

div.kesai1a{
    background-color: var(--bace_color_14);
}

div.kesai1b{
    background-color: var(--bace_color_08);
}

div.kesai1c{
    background-color: var(--bace_color_15);
}


div.kesai1a p, div.kesai1b p{
    width: 90%;
    font-weight: 700;
    padding: 0;
    margin: 0 auto;
}

div.kesai1c p{
    width: 90%;
    font-weight: 700;
    color: var(--bace_color_03);
    padding: 0;
    margin: 0 auto;
}


div.kesai2a{
    width: 100%;
    padding: 10px 0;
    margin: 0 0 20px;
}

div.ks2al{
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
}

p.tyusyaku{
    width: 90%;
    font-size: 13px;
    padding: 0;
    margin: 0 0 5px;
}

div.ks2al dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

div.ks2al dl dt{
    width: calc(32% - 2px);
    border-color:  var(--bace_color_17);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    background-color: var(--bace_color_10);
    padding: 5px 0;
    margin: 0;
}

div.ks2al dl dt p{
    width: 90%;
    font-size: 15px;
    font-weight: 700;
    color: var(--bace_color_02);
    padding: 0;
    margin: 0 auto;
}

div.ks2al dl dd{
    width: calc(68% - 1px);
    border-color:  var(--bace_color_17);
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    padding: 5px 0;
    margin: 0;
}

div.ks2al dl dt:last-of-type{
    border-width: 1px 1px 1px 1px;
}

div.ks2al dl dd:last-of-type{
    border-width: 1px 1px 1px 0px;
}

div.ks2al dl dd p{
    width: 90%;
    font-size: 15px;
    padding: 0;
    margin: 0 auto;
}

div.ks2ar{
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
}

div.hagakityui{
    width: 100%;
    border-radius: 20px;
    background-color: var(--bace_color_10);
    padding: 10px 0;
    margin: 10px 0;
}

div.hagakityui p{
    width: 90%;
    font-size: 15px;
    padding: 0;
    margin: 0 auto;
}

div.kakoeria{
    width: 100%;
    padding: 0;
    margin: 0;
}

div.kakoeria div{
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
}

div.kakoeria div:last-of-type{
    margin: 0;
}

div.kakoeria div img{
    border-radius: 20px;
}



div.jyunbi{
    width: 90%;
    font-size: 30px;
    text-align: center;
    padding: 0;
    margin: 50px auto;
}

/*===============================================
●フッター
=================================================*/

section.sc6{
    width: 90%;
    border-radius: 20px;
    background-image: linear-gradient(90deg, rgb(198, 158, 68), rgb(251, 232, 177) 50%, rgb(198, 158, 68));
    padding: 5px 0;
    margin: 30px auto;
}

dl.kikaku{
    width: calc(100% - 10px);
    border-radius: 20px;
    background-color: var(--bace_color_02);
    padding: 20px 0;
    margin: 0 auto;
}

dl.kikaku dt{
    width: 90%;
    padding: 0;
    margin: 0 auto 5px;
}

dl.kikaku dt p{
    width: 100%;
    font-weight: 700;
    font-size: 25px;
    color: var(--bace_color_01);
    padding: 0;
    margin: 0;
}

dl.kikaku dd{
    width: 90%;
    padding: 0;
    margin: 0 auto 20px;
}

dl.kikaku dd:last-of-type{
    margin-bottom: 0;
}

dl.kikaku dd p{
    width: 95%;
    color: var(--bace_color_01);
    padding: 0;
    margin: 0 0 0 auto;
}

dl.kikaku dd p a{
    color: var(--bace_color_01);
}

dl.kikaku dd div.renraku{
    width: 95%;
    padding: 0;
    margin: 10px 0 0 auto;
}

dl.kikaku dd div.renraku div.ren1 p{
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    padding: 0;
    margin: 0;
}

dl.kikaku dd div.renraku div.ren2 p{
    width: 100%;
    padding: 0;
    margin: 0;
}

section.sc7{
    width: 90%;
    padding: 0;
    margin: 40px auto;
}

div.kyousanwaku{
    width: 70%;
    padding: 0;
    margin: 0 auto 30px;
}

div.kyousanwaku div.syusai{
    width: 100%;
    padding: 0;
    margin: 0 auto 30px;
}

div.kyousanwaku div.syusai:last-of-type{
    margin-bottom: 0;
}

div.kyousanwaku div.syusai p:first-of-type{
    width: 100%;
    border-bottom: 1px dotted  var(--main_font_color);
    padding: 0 0 5px;
    margin: 0 auto 10px;
}


div.kyousanwaku div.syusai div.syulogo{
    width: 70%;
    padding: 0;
    margin: 0 auto;
}

div.kouenwaku{
    width: 90%;
    padding: 0;
    margin: 50px auto;
}

div.kouenwaku p:first-of-type{
    width: 100%;
    border-bottom: 1px dotted  var(--main_font_color);
    padding: 0 0 5px;
    margin: 0 auto 10px;
}

div.kouenwaku p:last-of-type span{
    font-weight: 700;
}

footer{
    background-color: var(--bace_color_16);
    width: 100%;
    padding: 20px 0px 20px;
    margin: 0px;
}

ul.menu{
    width: 90%;
    padding: 0;
    margin: 0 auto;
}

ul.menu li{
    width: auto;
    display: inline-block;
    padding: 0;
    margin: 0 auto;
}

ul.menu li a{
    color: var(--bace_color_01);
}


div.cop{
    width: 100%;
    margin: 20px auto 0px auto;
}

div.cop p{
    width: 100%;
    color: var(--bace_color_01);
    text-align: center;
    font-size: 13px;
}

div.cop p i{
    margin-right: 5px;
}





/*============== 以下縦タブ用 =====================================================================*/
@media screen and (min-width: 750px){
    /*===============================================
    ●ヘッダー
    =================================================*/

    div.menu{
        width: 90%;
        padding: 10px 0;
        margin: 0 auto;
    }

    div.menu a {
        width: 23%;
        padding: 0;
        margin: 0 0 10px;
    }

    div.menu a div.mn1 p{
        font-size: 18px;
    }



    /*===============================================
    ●メイン
    =================================================*/
    section.sc1{
        width: 90%;
        padding: 0;
        margin: 0 auto;
    }

    section.sc1 div.topga{
        padding: 0 0 30px;
        margin: 0;
    }

    section.sc2 div.ositit{
        padding: 0 0 20px;
    }

    section.sc2 div.osinaka{
        padding: 20px 0;
    }

    section.sc2 div.ositit p{
        font-size: 35px;
    }
    div.osirase div.osi1 p,div.osirase div.osi2 p{
        font-size: 18px;
    }

    div.midoribotan, div.aobotan{
        width: 300px;
    }

    div.sc4naka{
        width: 50%;
        padding: 0;
        margin: 0 auto;
    }

    section.sc5{
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.kanabwaku, div.fbtime{
        width: 49%;
        padding: 0;
        margin: 0;
    }

    div.sc4tyui ul{
        width: 95%;
        margin: 0 0 0 auto;
    }

    div.kosudai div.kosudainaka{
        padding: 10px 0;
    }

    div.kosudai div.kosudainaka p{
        font-size: 20px;
        line-height: 1.5em;
    }


    div.kosutizuwaku{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }

    div.kosumap{
        width: calc(60% - 2.5%);
        padding: 0 0 0 2.5%;
        margin: 0;
    }

    div.ksnaiyou{
        width: 40%;
        padding: 0;
        margin: 0;
    }

    div.ksnaiyou div.ibe1sita{
        padding: 0 0 15px;
    }

    dl.syugo{
        width: 95%;
        margin: 0 auto;
    }


    dl.syugo dt{
        width: calc(20% - 2px);
    }

    dl.syugo dt p{
        font-size: 20px;
    }

    dl.syugo dd{
        width: calc(80% - 2px);
    }

    div.mapbotan{
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 20px auto 0;
    }

    div.link-ab, div.link-bb{
        width: 45%;
        padding: 0;
        margin: 0;
    }

    #speue2{
        margin-top: 100px;
    }

    div.kakoeria{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 0;
        margin: 0;
    }

    div.kakoeria div{
        width: 45%;
        padding: 0;
        margin: 0 auto 20px;
    }

    div.kakoeria div:last-of-type, div.kakoeria div:nth-of-type(7){
        margin: 0;
    }



    /*===============================================
    ●フッター
    =================================================*/

    dl.kikaku dd div.renraku{
        display: flex;
        width: 95%;
        padding: 0;
        margin: 10px 0 0 auto;
    }

    dl.kikaku dd div.renraku div.ren2 p{
        padding: 12px 0 0;
        margin: 0;
    }

    ul.menu{
        text-align: center;
    }






}/*[media min-width 750px 終]*/







/*============== 以下PC用 =====================================================================*/
@media screen and (min-width: 1024px){
    /*===============================================
    ●切り替え
    =================================================*/
    #pcnomi{display: block;;}
    #smnomi{display: none;}

    /*===============================================
    ●ヘッダー
    =================================================*/
    header{
        width: 100%;
        height: 340px;
        padding: 0px;
        margin: 0 auto;
    }

    div.logo{
        width: 1000px;
        padding: 20px 0;
        margin: 0 auto;
    }

    div.menu{
        width: 1000px;
        padding: 40px 0 20px;
    }

    div.menu a {
        width: 18%;
        padding: 0;
        margin: 0;
    }

    div.menu a div.mn1{
        padding: 15px 0;
        margin: 0;
    }


    div.menu a div.mn1 p{
        font-size: 22px;
    }



    /*===============================================
    ●メイン
    =================================================*/
    div.warrper{
        width: 100%;
        padding: 50px 0;
        margin: 0 auto;
    }

    section.sc1{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }

    section.sc1 div.topga{
        width: 49%;
        padding: 0 0 20px;
        margin: 0;
    }

    section.sc1 div.topga div.tpg1 p,
    section.sc1 div.topga div.tpg2 p,
    section.sc1 div.topga div.tpg3 p,
    section.sc1 div.topga div.tpg4 p{
        font-size: 20px;
        padding: 8px 0;
        margin: 0 auto;
    }

    section.sc2{
        width: 800px;
        padding: 40px 0;
        margin: 0 auto;
    }

    section.sc2 div.ositit{
        padding: 0 0 30px;
    }

    section.sc2 div.ositit p{
        font-size: 45px;
    }

    section.sc3{
        width: 1000px;
    }

    div.ibetit{
        padding: 0 0 20px;
    }

    div.ibetit p{
        font-size: 40px;
        text-align: center;
    }

    section.sc3 div.ibeeria{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0 auto;
    }

    section.sc3 div.ibeeria div.ibe1,
    section.sc3 div.ibeeria div.ibe2,
    section.sc3 div.ibeeria div.ibe3,
    section.sc3 div.ibeeria div.ibe4{
        width: 48%;
        padding: 0;
        margin: 0 0 25px;
    }

    div.ibe1sita div.ibes3 p{
        font-size: 15px;
    }

    section.sc4{
        padding: 80px 0;
        margin: 0 auto;
    }

    div.sc4naka{
        width: 1000px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0 auto;
    }

    div.tokuten, div.mousan{
        width: 45%;
        padding: 0;
        margin: 0;
    }

    div.nakatit p{
        border-bottom: solid 5px var(--bace_color_02);
        color: var(--bace_color_02);
        font-size: 30px;
        padding: 0 0 8px;
        margin: 0 auto;
    }

    div.tokuri{
        width: 20%;
    }

    div.tokubun{
        width: 80%;
    }

    section.sc5{
        width: 1000px;
    }

    div.kanabwaku{
        width: 660px;
        padding: 0;
        margin: 0;
    }

    div.fbtime{
        width: 340px;
        padding: 0;
        margin: 0;
    }

    div.kanab{
        width: 90%;
        padding: 0;
        margin: 0 auto 40px 0;
    }

    div.kankako{
        width: 90%;
        padding: 0;
        margin: 0 auto 0 0;
    }

    div.kakotaikai{
        justify-content: flex-start;
    }

    div.kakotaikai a{
        width: 33.3%;
        padding: 0;
        margin: 0;
    }

    div.kakotaikai a p{
        font-size: 17px;
        padding: 0;
        margin: 0 0 10px;
    }

    div.kakotaikai a p span#pcnomi{
        display: initial;
    }

    div.sc4tyui{
        width: 1000px;
        padding: 0;
        margin: 0 auto;
    }

    section.sc8{
        width: 1000px;
    }

    div.kosuwaku{
        width: 100%;
        padding: 0;
        margin: 20px 0 150px;
    }

    div.kosudai div.kosudainaka{
        padding: 15px 0;
    }

    div.kosudai div.kosudainaka p{
        font-size: 30px;
        line-height: 1.5em;
    }


    div.kosumap{
        width: calc(70% - 2.5%);
        padding: 0 0 0 2.5%;
        margin: 0;
    }

    div.kosumap iframe{
        height: 300px;
    }

    div.ksnaiyou{
        width: 30%;
        padding: 0;
        margin: 0;
    }

    dl.syugo{
        width: 95%;
        margin: 10px auto 0;
    }

    dl.youkouwaku{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }

    dl.youkouwaku dt{
        width: calc(30% - 2px);
        border-width: 1px 1px 1px 1px;
        padding: 5px 0;
        margin: 0 0 15px;
    }

    dl.youkouwaku dd{
        width: calc(70% - 1px);
        border-width: 1px 1px 1px 0px;
        padding: 5px 0;
        margin: 0 0 15px;
    }

    dl.tokutei{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }

    dl.tokutei dt{
        width: calc(30% - 2px);
        border-width: 1px 1px 0px 1px;
        padding: 5px 0;
        margin: 0;
    }

    dl.tokutei dd{
        width: calc(70% - 1px);
        border-width: 1px 1px 0px 0px;
        padding: 5px 0;
        margin: 0;
    }

    dl.tokutei dt:last-of-type{
        border-width: 1px 1px 1px 1px;
    }

    dl.tokutei dd:last-child{
        border-width: 1px 1px 1px 0px;
    }

    div.nagare{
        width: 800px;
        padding: 20px 0;
        margin: 40px auto;
    }

    div.kesai1a, div.kesai1b, div.kesai1c{
        width: 900px;
        border-radius: 20px;
        padding: 20px 0;
        margin: 20px auto 10px;
    }

    div.kesai1a p, div.kesai1b p, div.kesai1c p{
        font-size: 20px;
    }

    div.kesai2a{
        width: 900px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 10px 0;
        margin: 0 auto 50px;
    }

    div.ks2al,div.ks2ar{
        width: 45%;
        padding: 0;
        margin: 0;
    }

    div.kakoeria{
        width: 800px;
        padding: 0;
        margin: 0 auto;
    }




    /*===============================================
    ●フッター
    =================================================*/

    section.sc6{
        width: 900px;
        margin: 30px auto 50px;
    }

    dl.kikaku{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 40px 0;
        margin: 0 auto;
    }

    dl.kikaku dt{
        width: 30%;
        padding: 0;
        margin: 0 auto 20px;
    }

    dl.kikaku dt p{
        width: 85%;
        font-size: 25px;
        padding: 0;
        margin: 0 0 0 auto;
    }

    dl.kikaku dd{
        width: 70%;
        padding: 0;
        margin: 0 auto 20px;
    }

    dl.kikaku dd p{
        width: 95%;
        padding: 0;
        margin: 0 auto 0 0;
    }

    dl.kikaku dd div.renraku{
        width: 95%;
        padding: 0;
        margin: 10px auto 0 0;
    }

    dl.kikaku dd div.renraku div.ren1 p{
        font-size: 25px;
        line-height: 1.2em;
        padding: 0;
        margin: 0;
    }

    dl.kikaku dd div.renraku div.ren2 p{
        padding: 18px 0 0;
        margin: 0;
    }

    section.sc7{
        width: 900px;
        margin: 80px auto 50px;
    }

    div.kyousanwaku{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0 auto 30px;
    }

    div.kyousanwaku div.syusai{
        width: 27%;
        padding: 0;
        margin: 0;
    }

    div.kyousanwaku div.syusai div.syulogo{
        width: 60%;
        padding: 0;
        margin: 0 auto 0 0;
    }

    div.kouenwaku{
        width: 100%;
        padding: 0;
        margin: 50px auto;
    }



    footer{
        width: 100%;
        padding: 40px 0px 30px;
        margin: 0px;
    }










}/*[media min-width 1024px 終]*/


/*============== 以下PCワイド用 =====================================================================*/
@media screen and (min-width: 1200px){

    /*===============================================
    ●ヘッダー
    =================================================*/
    header{
        width: 100%;
        height: 370px;
        padding: 0px;
        margin: 0 auto;
    }

    div.logo{
        padding: 35px 0;
        margin: 0 auto;
    }

    div.menu{
        width: 1200px;
    }





    /*===============================================
    ●メイン
    =================================================*/
    section.sc1 div.topga div.tpg1 p,
    section.sc1 div.topga div.tpg2 p,
    section.sc1 div.topga div.tpg3 p,
    section.sc1 div.topga div.tpg4 p{
        font-size: 24px;
        padding: 10px 0;
    }

    section.sc2{
        width: 1000px;
        padding: 60px 0;
        margin: 0 auto;
    }

    section.sc3{
        width: 1200px;
    }

    section.sc3 div.ibeeria div.ibe1,
    section.sc3 div.ibeeria div.ibe2,
    section.sc3 div.ibeeria div.ibe3,
    section.sc3 div.ibeeria div.ibe4{
        width: 24%;
        padding: 0;
        margin: 0;
    }

    div.ibe1sita div.ibes3 p{
        font-size: 14px;
    }

    div.nakatit{
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
    }

    div.tokuga{
        width: 80%;
        padding: 0;
        margin: 10px auto;
    }

    div.tokuri{
        width: 15%;
        padding: 0;
        margin: 0 auto;
    }

    div.tokubun{
        width: 85%;
        padding: 0;
        margin: 0 auto;
    }

    p.bundai2{
        font-size: 20px;
        font-weight: 700;
        margin: 20px 0;
    }

    section.sc8{
        width: 1200px;
    }

    dl.syugo dd p{
        width: 95%;
    }

    div.mapbotan{
        width: 50%;
        justify-content: space-around;
    }

    div.link-ab, div.link-bb{
        width: 45%;
        padding: 0;
        margin: 0;
    }



}/*[media min-width 1200px 終]*/



/*========================= CSS END ==============================*/