@charset "UTF-8";
@media screen and (min-width: 768px),print {
main {width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;}
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-100px;padding-bottom:100px;}

#con1 {}
#con1 .bx{width: 100%; margin: -65px auto -375px; background: #F2F1E7; padding: 138px 0 225px;}
#con1 .bx .ttl1{text-align: center; margin-bottom: 125px; padding-right: 5px;}

#con1 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con1 .bx .inner .flex-bx{  display: flex;flex-wrap: wrap;align-items: flex-start; }

#con1 .bx .inner .flex-bx .l-bx{width: 420px; margin-top: 7px; position: sticky; top: 100px;}
#con1 .bx .inner .flex-bx .l-bx .list{}
#con1 .bx .inner .flex-bx .l-bx .list li{margin-bottom: 30px;}

#con1 .bx .inner .flex-bx .r-bx{width: 65%; padding-left: 95px; margin-left: auto;}
#con1 .bx .inner .flex-bx .r-bx .in-ttl1{font-size: 32px; letter-spacing: 0; line-height: 1.6; font-weight: bold; text-align: center; padding-bottom: 30px; margin-bottom: 55px; position: relative; }
#con1 .bx .inner .flex-bx .r-bx .in-ttl1::after{content: ""; width: 214px; height: 4px; margin: 0 auto; background: #212121; position: absolute; left: 0; right: 0; bottom: 7px;}

#con1 .bx .inner .flex-bx .r-bx table{margin-bottom: 80px;}
#con1 .bx .inner .flex-bx .r-bx tbody{}
#con1 .bx .inner .flex-bx .r-bx tr{width: 686px; position: relative;}
#con1 .bx .inner .flex-bx .r-bx tr::before{content: ""; width: 686px; height: 4px; margin: 0 auto; background: url(../images/guide/con1-r-b-icon.png) repeat-x top center; position: absolute; left: 0; right: 0; bottom: 0;}
#con1 .bx .inner .flex-bx .r-bx tr:first-child::after{content: ""; width: 686px; height: 4px; margin: 0 auto; background: url(../images/guide/con1-r-b-icon.png) repeat-x top center; position: absolute; left: 0; right: 0; top: -5px;}
#con1 .bx .inner .flex-bx .r-bx th{width: 160px; font-size: 16px; letter-spacing: 0; line-height: 1.9; padding: 30px 0 30px 0; font-weight: bold; }
#con1 .bx .inner .flex-bx .r-bx td{width: 421px; font-size: 16px; letter-spacing: 0; line-height: 1.9; padding: 30px 0 30px 0; position: relative; left: 104px;}
#con1 .bx .inner .flex-bx .r-bx td .in-ttl2{width: 240px; font-size: 12px; letter-spacing: 0; line-height: 1.9; color: #fff; background: #212121; padding: 5px 5px 5px 16px; margin-top: 10px;}
#con1 .bx .inner .flex-bx .r-bx td .in-txt1{width: 240px; font-size: 14px; letter-spacing: 0; line-height: 1.9; font-weight: 400; background: #fff; padding: 10px 0 10px 16px; }
#con1 .bx .inner .flex-bx .r-bx td .ss1{background: #fff; border: 1px solid #000; border-radius: 20vw; padding: 1px 10px; margin-right: 5px;}
#con1 .bx .inner .flex-bx .r-bx td .ss2{background: #fff; border: 1px solid #000; border-radius: 20vw; padding: 1px 10px; margin-right: 5px;}

#con1 .bx .inner .flex-bx .r-bx .in-ttl3{font-size: 32px; letter-spacing: 0; line-height: 1.6; font-weight: bold; text-align: center; padding-bottom: 30px; margin-bottom: 55px; position: relative; }
#con1 .bx .inner .flex-bx .r-bx .in-ttl3::after{content: ""; width: 323px; height: 4px; margin: 0 auto; background: #212121; position: absolute; left: 0; right: 0; bottom: 7px;}

#con1 .bx .inner .flex-bx .r-bx .table-can{ width: 100%; margin-bottom: 63px;}
#con1 .bx .inner .flex-bx .r-bx .table-can tbody{ border: 1px solid #000;}
#con1 .bx .inner .flex-bx .r-bx .table-can tr{width: 686px; position: relative;border-bottom: 1px solid #DEDEDE;}
#con1 .bx .inner .flex-bx .r-bx .table-can tr:last-child{width: 686px; position: relative;border-bottom: 1px solid #000;}
#con1 .bx .inner .flex-bx .r-bx .table-can th.bg1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; color: #fff; background: #00523F; padding: 13px 0;}
#con1 .bx .inner .flex-bx .r-bx .table-can td.bg1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; color: #fff; background: #00523F; padding: 13px 0;}
#con1 .bx .inner .flex-bx .r-bx .table-can th{width: 62%; font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; padding: 15px 0; background: #fff; text-align: center; }
#con1 .bx .inner .flex-bx .r-bx .table-can td{width: 38%; font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; padding: 15px 0; background: #fff; text-align: center; position: initial;border-left: 1px solid #DEDEDE;}
#con1 .bx .inner .flex-bx .r-bx .table-can tr::before { content: ""; width: 100%; height: 4px; margin: 0 auto; background: none; position: initial; left: 0; right: 0; bottom: 0;}
#con1 .bx .inner .flex-bx .r-bx .table-can tr:first-child::after { content: ""; width: 100%; height: 4px; margin: 0 auto; background: none; position: initial; left: 0; right: 0; top: -5px; }
#con1 .bx .inner .flex-bx .r-bx .btn { text-align: center;}


.bnr-u-box {padding-bottom: 290px; padding-top: 146px; }
.bnr-u-box .s-ttl {font-weight: bold;font-size: 28px;letter-spacing: 0.05em;line-height: 51px;text-align: center;margin-bottom: 44px;}
.bnr-u-box .bnr-u-list { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.common-bg-ki {margin-top: 0}



}


@media screen and (max-width: 767px) {
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-10vw;padding-bottom:10vw;}


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: #F2F1E7; padding: 16vw 0 1vw;}
#con1 .bx .ttl1{width: 44%; margin: 0 auto 10vw;}

#con1 .bx .inner{width: 100%; margin: 0 auto 15vw; position: relative;}
#con1 .bx .inner .flex-bx{ }

#con1 .bx .inner .flex-bx .l-bx{width: 92%; margin: 0 auto;}
#con1 .bx .inner .flex-bx .l-bx .list{margin-bottom: 13vw;}
#con1 .bx .inner .flex-bx .l-bx .list li{margin-bottom: 5vw;}

#con1 .bx .inner .flex-bx .r-bx{width: 100%; }
#con1 .bx .inner .flex-bx .r-bx .in-ttl1{font-size: 5.2vw; letter-spacing: 0; line-height: 1.6; font-weight: bold; text-align: center; padding-bottom: 5vw; margin-bottom: 8vw; position: relative; }
#con1 .bx .inner .flex-bx .r-bx .in-ttl1::after{content: ""; width: 52%; height: 2px; margin: 0 auto; background: #212121; position: absolute; left: 0; right: 0; bottom: 1vw;}

#con1 .bx .inner .flex-bx .r-bx table{margin-bottom: 19vw;}
#con1 .bx .inner .flex-bx .r-bx tbody{}
#con1 .bx .inner .flex-bx .r-bx tr{width: 90%; position: relative;}
#con1 .bx .inner .flex-bx .r-bx tr::before{content: ""; width: 93%; height: 1vw; margin: 0 auto; background: url(../images/guide/con1-r-b-icon.png) repeat-x top center; position: absolute; left: 0; right: 0; bottom: 0; background-size: 1.5vw;}
#con1 .bx .inner .flex-bx .r-bx tr:first-child::after{content: ""; width: 93%; height: 1vw; margin: 0 auto; background: url(../images/guide/con1-r-b-icon.png) repeat-x top center; position: absolute; left: 0; right: 0; top: 0; background-size: 1.5vw;}
#con1 .bx .inner .flex-bx .r-bx th{display: block; width: 83%; margin: 0 auto; font-size: 3.9vw; letter-spacing: 0; line-height: 1.7; padding: 3vw 0 1vw 0; font-weight: bold; text-align: left;}
#con1 .bx .inner .flex-bx .r-bx td{display: block; width: 83%; margin:0 auto 2vw; font-size: 3.9vw; letter-spacing: 0; line-height: 1.7; padding: 1vw 0 3vw 0; position: relative; text-align: left;}
#con1 .bx .inner .flex-bx .r-bx td .in-ttl2{width: 71%; font-size: 3vw; letter-spacing: 0; line-height: 1.7; color: #fff; background: #212121; padding: 1vw 1vw 1vw 2vw; margin-top: 3vw;}
#con1 .bx .inner .flex-bx .r-bx td .in-txt1{width: 71%; font-size: 3.3vw; letter-spacing: 0; line-height: 1.7; font-weight: 400; background: #fff; padding: 2vw 0 2vw 4vw; }
#con1 .bx .inner .flex-bx .r-bx td .ss1{background: #fff; border: 1px solid #000; border-radius: 20vw; padding: 0vw 2vw; margin-right: 2vw;}
#con1 .bx .inner .flex-bx .r-bx td .ss2{background: #fff; border: 1px solid #000; border-radius: 20vw; padding: 0vw 2vw; margin-right: 2vw;}

#con1 .bx .inner .flex-bx .r-bx .in-ttl3{font-size: 5.2vw; letter-spacing: 0; line-height: 1.6; font-weight: bold; text-align: center; padding-bottom: 5vw; margin-bottom: 9vw; position: relative; }
#con1 .bx .inner .flex-bx .r-bx .in-ttl3::after{content: ""; width: 52%; height: 2px; margin: 0 auto; background: #212121; position: absolute; left: 0; right: 0; bottom: 1vw;}

#con1 .bx .inner .flex-bx .r-bx .table-can{ width: 92%; margin: 0 auto 13vw;}
#con1 .bx .inner .flex-bx .r-bx .table-can tbody{ border: 1px solid #000;}
#con1 .bx .inner .flex-bx .r-bx .table-can tr{width: 100%; position: relative;border-bottom: 1px solid #DEDEDE;}
#con1 .bx .inner .flex-bx .r-bx .table-can tr:last-child{width: 100%; position: relative;border-bottom: 1px solid #000;}
#con1 .bx .inner .flex-bx .r-bx .table-can th.bg1{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.6; color: #fff; background: #00523F; padding: 3.5vw 0 3.5vw 2vw;}
#con1 .bx .inner .flex-bx .r-bx .table-can td.bg1{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.6; color: #fff; background: #00523F; padding: 3.5vw 0 3.5vw 2vw;margin: 0 auto 0;}
#con1 .bx .inner .flex-bx .r-bx .table-can th{display: inline-block; width: 63%; font-size: 4.2vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; padding: 4vw 0; background: #fff; text-align: center; }
#con1 .bx .inner .flex-bx .r-bx .table-can td{display: inline-block; width: 37%; font-size: 4.2vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; padding: 4vw 0; background: #fff; text-align: center; position: initial;border-left: 1px solid #DEDEDE;margin: 0 auto 0;}
#con1 .bx .inner .flex-bx .r-bx .table-can tr::before { content: ""; width: 100%; height: 4px; margin: 0 auto; background: none; position: initial; left: 0; right: 0; bottom: 0;}
#con1 .bx .inner .flex-bx .r-bx .table-can tr:first-child::after { content: ""; width: 100%; height: 4px; margin: 0 auto; background: none; position: initial; left: 0; right: 0; top: -5px; }
#con1 .bx .inner .flex-bx .r-bx .btn { width: 92%; margin: 0 auto;}


.bnr-u-box {padding-bottom: 11vw;padding-top: 9vw; }
.bnr-u-box .s-ttl {font-weight: bold; font-size: 6.6vw; letter-spacing: 0.5vw; line-height: 1.6; text-align: center; margin-bottom: 9vw;}
.bnr-u-box .bnr-u-list {width: 88%;margin: 0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.bnr-u-box .bnr-u-list li{margin-bottom: 7vw;}
.common-bg-ki {margin-top: 0}

}
