@charset "UTF-8";
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,section,div {margin: 0;padding: 0;}
ul,ul li {list-style-type: none;}
input,textarea,select {font-size: 1rem;}
form,input,textarea {margin: 0;}
table {border-collapse:collapse; border-spacing: 0;}
caption,th {text-align: left;}
a {outline: none;}
img,a img {vertical-align: bottom;border: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
/*clearfix*/
.clearfix::after {content: "";display: block;clear: both;height: 0;visibility: hidden;}
*html .clearfix {height: 1%}
.clearfix {display: block}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

html {scroll-behavior: smooth;}/*スムーススクロール*/

/*js-animation*/
.js-animation {opacity: 0;visibility: hidden;transform: translateY(100px);transition: all 1.5s;}
.js-animation.is-show {opacity: 1;visibility: visible;transform: translateY(0px);}

body {background: #fff;color: #4d4d4d;margin: 0 auto;padding: 0;
font: 90%/180% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", arial, Helvetica, sans-serif;
-webkit-text-size-adjust: 100%;
font-family: "M PLUS Rounded 1c", sans-serif;font-style: normal;font-weight: 500;}/*font-family: "Zen Maru Gothic", sans-serif;font-style: normal;font-weight: 500;*/

a:link {color: #3495f4;text-decoration: underline;} a:visited {color: #3495f4;text-decoration: underline;} a:hover,a:active {color: #26559a;text-decoration: none;}

/*PC*/
.w-pc {max-width: 100%;margin: 0 auto;}
.w-sp {display: none !important;}
.anc {display: block;padding-top: 30px;margin-top: -30px;}
/*SP*/
@media print, screen and (max-width: 750px){
.w-pc {display: none !important;}
.w-sp {display: block !important;}
.anc {display: block;padding-top: 88px;margin-top: -88px;}
}

/*フレックスボックス*/
.flexbox {display:-webkit-box;display: -webkit-flex;display:-ms-flexbox;display: flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin: 0 auto;}

.box1a {-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.box2a {-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.box1b {-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;}
.box2b {-webkit-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;}
.box1a,.box2a,.box1b,.box2b {display: inline-block;width: 50%;margin: 0 auto;padding: 0;}
@media print, screen and (max-width: 750px){
.box1a {-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.box2a {-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.box2b {-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;}
.box1b {-webkit-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;}
.box1a,.box2a,.box1b,.box2b {display: block;width: 100%;}
}

.fw00 {width:100%;}
.fw90 {width: 87%;}
.fw80 {width: 80%;}
.fw75 {width: 75%;}
.fw70 {width: 70%;}
.fw65 {width: 65%;}
.fw60 {width: 60%;}
.fw55 {width: 55%;}
.fw50 {width: 50%;}
.fw40 {width: 40%;}
.fw35 {width: 35%;}
.fw30 {width: 30%;}
.fw25 {width: 25%;}
.fw20 {width: 20%;}
.fw10 {width: 10%;}
@media print, screen and (max-width: 750px){
.fw10, .fw20, .fw25, .fw30, .fw35, .fw40, .fw50, .fw55, .fw60, .fw65, .fw70, .fw75, .fw80, .fw90 {width: 100%;}
.fw90 {width: 90%;}
.fw20 {width: 50%;}
}

.i-cmn {display: block;margin: 0 auto;width: 100%;}
.i-cmn.i-w90 {width: 90%;}
.i-cmn.i-w80 {width: 80%;}
.i-cmn.i-w70 {width: 70%;}
.i-cmn.i-w60 {width: 60%;}
.i-cmn.i-w50 {width: 50%;}
.i-cmn.i-system-img01 {width: 70%;margin: -20px auto 0px;}
.i-cmn.i-system-img02 {width: 95%;margin: 0 auto 0px;}
.i-cmn.i-system-img03 {width: 100%;margin: 0 auto 50px;}
.i-cmn.i-system-img04 {width: 70%;margin: 0 auto 0px;}
.i-cmn.i-system-img05 {width: 80%;margin: 0 auto 0px;}

.i-cmn.i-rule-img01_1 {width: 60%;margin: 0 auto 60px;}
.i-cmn.i-rule-img01_2a {width: 95%;}
.i-cmn.i-rule-img01_2b {width: 95%;}
.i-cmn.i-rule-img01_3 {width: 90%;}
.i-cmn.i-rule-img01_4 {width: 70%;margin: 0 auto 20px;}

.i-cmn.i-rule-img02 {width: 80%;margin: -60px auto 0px;}
.i-cmn.i-rule-img03 {width: 75%;margin: 0 auto 0px;}
.i-cmn.i-rule-img04 {width: 65%;margin: -70px auto 20px;}
.i-cmn.i-rule-img05 {width: 70%;margin: 0 auto 20px;}
.i-cmn.i-rule-img-b01 {width: 100%;margin: 0 auto 20px;}
.i-cmn.i-rule-img-b03a {width: 80%;margin: 0 auto 20px;}
.i-cmn.i-rule-img-b03b {width: 80%;margin: 0 auto 20px;}
.i-cmn.i-rule-img-b03c {width: 59.5%;margin: 0 auto 20px;}
.i-cmn.i-rule-img-b04 {width: 70%;margin: 0 auto 20px;}
.i-cmn.i-rule-img-b05 {width: 70%;margin: -100px auto 0px;}
.i-cmn.i-rule-img-b06 {width: 100%;margin: 0 auto 50px;}
.i-cmn.i-rule-img-b07 {width: 80%;margin: -50px auto 50px;}
.i-cmn.i-rule-img-b08a {width: 100%;margin: 0 auto 30px;}
.i-cmn.i-rule-img-b08b {width: 100%;margin: 0 auto 30px;}

.i-cmn.i-control-img04 {width: 35%;margin: 10px auto 30px;}

.i-cmn.i-education-img-woman {width: 70%;margin: -50px auto 30px;}

.i-cmn.i-accident-img02 {margin-bottom: 60px;}
.i-cmn.i-accident-img03 {margin-bottom: 60px;max-width: 380px;}
.i-cmn.i-accident-img04 {margin-bottom: 60px;max-width: 800px;}
.i-cmn.i-accident-img05 {margin-bottom: 40px;max-width: 320px;}

.i-bicycle {margin: -45px 0 0;width: 30%;float: right;}
.i-bicycle.i-bicycle-accident {margin: -80px 0 0;}
.i-bicycle-m {margin: -30px 0 0;width: 25%;}
@media print, screen and (max-width: 750px){
.i-cmn {margin: 0 auto;}
.i-cmn.i-system-img01 {width: 50%;margin: -30px auto 30px;}
.i-cmn.i-system-img02 {width: 60%;margin: -20px auto 40px;}
.i-cmn.i-system-img03 {width: 98%;margin: 0 auto 30px;}
.i-cmn.i-system-img04 {width: 60%;margin: 0 auto 30px;}
.i-cmn.i-system-img05 {width: 70%;margin: -20px auto 40px;}

.i-cmn.i-rule-img01_1 {width: 100%;margin: 0 auto 20px;}
.i-cmn.i-rule-img01_2a {width: 100%;margin: 0 auto 5px;}
.i-cmn.i-rule-img01_2b {width: 100%;margin: 0 auto 5px;}
.i-cmn.i-rule-img01_3 {width: 100%;margin: 0 auto 40px;}
.i-cmn.i-rule-img01_4 {width: 100%;margin: 0 auto 10px;}

.i-cmn.i-rule-img02 {width: 100%;margin: -10px auto 50px;}
.i-cmn.i-rule-img03 {width: 90%;margin: -20px auto 20px;}
.i-cmn.i-rule-img04 {width: 70%;margin: -35px auto 0px;}
.i-cmn.i-rule-img05 {width: 90%;margin: 0 auto 20px;}
.i-cmn.i-rule-img-b01 {width: 85%;margin: -20px auto 40px;}
.i-cmn.i-rule-img-b02a {width: 90%;}
.i-cmn.i-rule-img-b02b {width: 97%;}
.i-cmn.i-rule-img-b02c {width: 92%;}
.i-cmn.i-rule-img-b03a {width: 90%;margin: 0 auto 30px;}
.i-cmn.i-rule-img-b03b {width: 88%;margin: 0 auto 5px;}
.i-cmn.i-rule-img-b03c {width: 90%;margin: 0 auto 20px;}
.i-cmn.i-rule-img-b04 {width: 100%;margin: -20px auto 40px;}
.i-cmn.i-rule-img-b05 {width: 80%;margin: -20px auto 40px;}
.i-cmn.i-rule-img-b07 {width: 90%;margin: 0 auto 50px;}
.i-cmn.i-rule-img-b08b {margin: 0 auto 0px;}

.i-cmn.i-control-img04 {width: 90%;margin: 10px auto 30px;}

.i-cmn.i-education-img-woman {width: 40%;margin: -25px auto 30px;}

.i-cmn.i-accident-img03 {width: 75%;max-width: 100%;}
.i-cmn.i-accident-img04 {width: 100%;max-width: 100%;}
.i-cmn.i-accident-img05 {width: 100%;max-width: 100%;}

.i-bicycle {margin: -15px 0 0;width: 35%;}
.i-bicycle-m {margin: -20px 0 0;width: 40%;}
}

#wrapper {width: 100%;margin: 0 auto;}
.wrapper-top {background-image: url("../img/top/sc-top-t-sky.gif");background-repeat: repeat-x;background-size: contain;background-position: center top;}

/* ヘッダー */
#hd-wrap {margin: 0 auto;padding: 0;width: 100%;height: auto;z-index: 999;position: relative;}/*background-color: rgba(255,255,255,0.3);position: fixed;*/
/* ▼ トップのヘッダーのみ下の余白調整 */
#hd-wrap.hd-wrap-top {margin-bottom: 45px;}
header {width: 100%;max-width: 1080px;min-width: 1050px;margin: 0 auto;height: auto;}
.menu-left {float: left;}
.menu-left img#logo {vertical-align: middle;width: auto;height: auto;max-width: 170px;margin: 25px 0 0 10px;}
#navi {top: 0;left: 0;width: 100%;padding: 0 10px;z-index: 99999;background-color: #fff;}
#navi input {display: none;}/* チェックボックスを非表示 */
@media print, screen and (max-width: 980px){
.menu-left img#logo {margin: 15px 0 0 20px;width: 40%;max-width: 100%;}
/*header {padding: 0;height: 100px;}
.menu-left {float: none;}
.menu-left img#logo {margin: 15px 0 0 30px;max-width: 750px;width: 50%;}
#navi {padding: 0;}*/
}
@media print, screen and (max-width: 750px){
#hd-wrap.hd-wrap-top {margin-bottom: 0px;}
header {min-width: 320px;padding: 0;height: 68px;position: fixed;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.95);}
/* ▼ スマホトップのヘッダーのみ背景色が透明 */
#header-sp_top-bg {background-color: rgba(255, 255, 255, 0);transition: background-color 0.3s ease;}
#header-sp_top-bg.scrolled {background-color: rgba(255, 255, 255, 0.95);} /* スクロール後の背景色 */
.menu-left img#logo {margin: 15px 0 0 10px;width: 60%;}
}

/* 上部メニュー */
ul.head-link {float: right;display: flex;flex-flow: row wrap;width: 100%;max-width: 450px;margin: 0 auto 15px;padding: 0;}
ul.head-link li {width: calc(33.333% - 8px);margin: 0 auto;list-style: none;}
ul.head-link li a {text-decoration: none;color: #fff;font-size: .85rem;line-height: 1.1;letter-spacing: 0.02rem;text-align: center;
margin: 0 auto;padding: 10px 2px 9px;border-radius: 0 0 9px 9px;width: 100%;display: inline-block;}
ul.head-link li:first-child > a {background-color: #ef95c2;}
ul.head-link li:nth-child(2) > a {background-color: #6ac8bd;}
ul.head-link li:last-child > a {background-color: #e18642;}
ul.head-link li a:hover {opacity: .7;transition: .3s;}
ul.head-link li a i.i-inquiry {background-color: #999;padding: 7px;border-radius: 20px;}
@media print, screen and (max-width: 980px){
ul.head-link {display: none;}
}
/* 上部メニュー（スマホ時）*/
@media print, screen and (min-width: 981px) {
#menu li.head-link-sp {display: none;}
}
#menu li.head-link-sp {padding: 15px 0;/*background-color: #fafafa;*/}
#menu li.head-link-sp a {text-align: center;font-size: .85rem;letter-spacing: .01rem;color: #444;font-weight: normal;margin: 0 auto;padding: .2rem .8rem .2rem .6rem;
border-right: solid 1px #777;display: inline-block !important;}
#menu li.head-link-sp a i.i-inquiry {background-color: #999;padding: 7px;border-radius: 20px;margin-left: 15px;}
#menu li.head-link-sp a::after {content: none;}
/*#menu li.head-link-sp a:first-child {border-right: none;background-color: #777;color: #fff;border-radius: 30px;margin: 20px auto;padding: 4px 4px 4px 30px;}*/
#menu li.head-link-sp a:last-child {border-right: none;}

/* メニュー */
#menu {float: right;background-color: #fff;box-shadow: 1px 1px 12px rgba(128, 128, 128, 0.5);border-radius: 55px;width: auto;height: auto;margin: 0 auto 10px;padding: 12px 15px 12px 21px;}
#menu li {display: inline-block;padding: 5px 0px 5px 26px;}
#menu li:first-child {background: url(../img/cmn/menu/menu-icon1.png) no-repeat 0px 0px;padding: 5px 0px 5px 26px;}
#menu li:nth-child(2) {background: url(../img/cmn/menu/menu-icon2.png) no-repeat 0px 0px;padding: 5px 0px 5px 21px;}
#menu li:nth-child(3) {background: url(../img/cmn/menu/menu-icon3.png) no-repeat 0px 0px;padding: 5px 0px 5px 27px;}
#menu li:nth-child(4) {background: url(../img/cmn/menu/menu-icon4.png) no-repeat 0px 0px;padding: 5px 0px 5px 19px;}
#menu li:nth-child(5) {background: url(../img/cmn/menu/menu-icon5.png) no-repeat 0px 0px;padding: 5px 0px 5px 24px;}
#menu li a {display: block;font-size: 13px;line-height: 1;letter-spacing: .01rem;margin: 0 auto;padding: 0 9px 0 0;text-decoration: none;color: #333;font-weight: 600;}
#menu li a.now {color: #3495f4;}
#menu li a:hover {color: #3495f4;transition: .3s;}
@media print, screen and (max-width: 980px){
#menu li:first-child {background: url(../img/cmn/menu/menu-icon1.png) no-repeat left 0px top 21px;padding: 5px 0px 5px 25px;}
#menu li:nth-child(2) {background: url(../img/cmn/menu/menu-icon2.png) no-repeat left 3px top 22px;padding: 5px 0px 5px 25px;}
#menu li:nth-child(3) {background: url(../img/cmn/menu/menu-icon3.png) no-repeat left 0px top 22px;padding: 5px 0px 5px 25px;}
#menu li:nth-child(4) {background: url(../img/cmn/menu/menu-icon4.png) no-repeat left 4px top 22px;padding: 5px 0px 5px 25px;}
#menu li:nth-child(5) {background: url(../img/cmn/menu/menu-icon5.png) no-repeat left 2px top 23px;padding: 5px 0px 5px 25px;}
}

#menu-navibtn {display: none;cursor: pointer;cursor: hand;}/* パソコンではチェックを非表示 */
/* メニュー（スマホ時）*/
@media print, screen and (max-width: 980px){
/* 基本非表示 */
#menu {float: right;border-radius: 0px;box-shadow: none;
/*display: none;*/opacity: 0;transition: 0s;height: 0;width: 0;margin: 4px 0 0;}/* メニュー非表示時 */
#menu li {height: auto;width: 100%;padding: 0px 20px;border-bottom: 1px solid #ddd;background: #fff;border-left: none;}/*white-space: nowrap;*/
#menu li, #menu li a {display: none;}
#menu li a {padding: 1.1rem 5px;font-size: 1.15rem;letter-spacing: 0.02rem;}
#menu li a::after {float: right;font-family: FontAwesome;content: '\f105';color: #3495f4;font-size: 18px;}
#menu li:first-child {border-top: 1px solid #ddd;}
#menu li i {padding: 0px 6px;}
#menu-navibtn:checked ~ #navi {position: fixed;overflow-y: scroll;overflow-x: hidden;height: 100%;}/* メニューを移動させないため */
/* ハンバーガーメニューがクリックされた時 */
#menu-navibtn:checked ~ * #menu {display: block;opacity: 1;transition: .3s;min-height: 100vh;height: 100vh;width: 100%;}/* メニュー表示時 */
#menu-navibtn:checked ~ * #menu > li {max-height: inherit;overflow-y: visible;}
#menu-navibtn:checked ~ * #menu > li, #menu-navibtn:checked ~ * #menu > li a {display: block;}
}

/* ハンバーガー */
#navi #navibtn {display: none;}
@media print, screen and (max-width: 980px){
#navi #navibtn {display: block;position: absolute;top: 10px;right: 10px;}
#navibtn span {display: block;width: 80px;height: 80px;border-radius: 40px;box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.3);background-color: #fff;}
#navibtn span span::before {width: 80px;height: 80px;content: '';display: inline-block;
background-image: url(../img/cmn/navi/navibtn.png);background-size: contain;vertical-align: middle;}
#menu-navibtn:checked ~ #navi label#navibtn span span::before {background-image: url(../img/cmn/navi/navibtn-on.png);}
}
@media print, screen and (max-width: 750px){
#navibtn span {display: block;width: 50px;height: 50px;border-radius: 25px;box-shadow: 0px 0px 8px rgba(128, 128, 128, 0.25);}
#navibtn span span::before {width: 50px;height: 50px;}
}

/*背景*/
section {background-color: transparent;}
section.sc-top1 {background-color: #dde6fb;padding: 60px 0 0;}
section.sc-top2 {background-color: #fbf6f0;padding: 100px 0 50px;}
section.sc-top3 {background-color: #fff;padding: 80px 0 0px;}
section.sc-top4 {background-color: #eaf9ff;padding: 70px 0 0px;}
section.sc-system {background-color: #dde6fb;padding: 0 0 30px;}
section.sc-rule {background-color: #fbf4f1;padding: 0 0 30px;}
section.sc-control {background-color: #e4f7eb;padding: 0 0 30px;}
section.sc-accident {background-color: #fdf0f8;padding: 0 0 30px;}
section.sc-education {background-color: #e9f9ff;padding: 25px 0 5px;}
section.sc-download {background-color: #d1f0ed;padding: 0 0 30px;margin-top: 15px;}
section.sc-materials {background-color: #d1f0ed;padding: 0 0 30px;margin-top: 15px;}
section.sc-material {background-color: #d1f0ed;padding: 30px 0 30px;margin-top: 15px;}

@media print, screen and (max-width: 750px){
section.sc-top1 {padding: 20px 0 0;}
section.sc-top2 {padding: 40px 0 0;}
section.sc-top3 {padding: 30px 0 0;}
section.sc-top4 {padding: 20px 0 0;}
section.sc-system {padding: 0 0 0px;}
section.sc-rule {padding: 0 0 0px;}
section.sc-control {padding: 0 0 0px;}
section.sc-accident {padding: 0 0 0px;}
section.sc-education {padding: 0 0 5px;}
section.sc-download {padding: 0 0 5px;margin-top: 0px;}
section.sc-sub-t {padding: 0 0 5px;}
}

/*共通枠*/
main {width: 100%;margin: 0 auto;padding: 0;}
.cont {width: 100%;max-width: 1120px;margin: 0 auto;padding: 0 20px;}
.c-box {display: block;width: 88%;margin: 0 auto 60px;padding: 0 50px 20px;border-radius: 50px;background-color: #fff;}
.c-box h2 {margin: 0 0 60px;padding: 20px 25px 19px;font-size: 16px;line-height: 1.2;border-radius: 0 0 15px 15px;display: inline-block;}/*ラベル*/
.c-box h3 {margin: 0 0 40px;padding: 0 0 1px 20px;font-size: 35px;line-height: 1.3;font-weight: 500;}
.c-box h4 {margin: 0 0 10px;padding: 0;font-size: 24px;line-height: 1.2;font-weight: 500;display: flex;align-items: center;}
.c-box h4 strong {font-size: 60px;padding-right: 10px;font-weight: 600;}
.c-box h4 strong.control-s {font-size: 36px;padding-right: 2px;}
.c-box h5 {position: relative;display: inline-block;margin: 0 0 30px;padding: 18px 20px 19px;font-size: 21px;line-height: 1.2;font-weight: 500;}/*吹き出し*/
.c-box h5::before {position: absolute;content: "";top: 99%;left: 50%;margin-left: -15px;border: 10px solid transparent;}
.c-box p {margin: 0 auto 55px;padding: 0;font-size: 18px;line-height: 2;font-weight: 400;text-align: justify;text-justify: inter-character;}
.c-box p strong {color: #f98c0c;font-weight: 500;}
@media print, screen and (max-width: 750px) {
main {padding: 68px 0 0;background-color: transparent;}
main.main-top {padding: 0px 0 0;}
.c-box h4 {font-size: 1.2rem;}
.c-box h4 strong {font-size: 2.4rem;}
.c-box h4 strong.control-s {font-size: 1.6rem;}
}

/*自動車の新しい制度*/
.c-box.c-box-system h2 {color: #fff;background-color: #3495f4;}/*ラベル*/
.c-box.c-box-system h3 {color: #3495f4;border-left: solid 20px #3495f4;}
.c-box.c-box-system h4 {color: #3495f4;}
.c-box.c-box-system h5 {color: #248aee;background-color: #d6eafd;border-radius: 20px;}/*吹き出し*/
.c-box.c-box-system h5::before {border-top: 15px solid #d6eafd;}
.c-box.c-box-system h6 {font-size: 17px;margin: 0 auto 20px;}
.c-box.c-box-system h6::first-letter {color: #3495f4;}
.arrow-system {width: 70px;margin: -30px 0 20px;}
@media print, screen and (max-width: 750px) {
.arrow-system {width: 70px;margin: 0px auto 20px;display: block;}
}
/*自転車の交通ルール*/
.c-box.c-box-rule.c-box-rule-top {margin-bottom: 150px;}
.c-box.c-box-rule h2 {color: #fff;background-color: #e18642;}/*ラベル*/
.c-box.c-box-rule h3 {color: #e18642;border-left: none;border-left: solid 20px #e18642;}
.c-box.c-box-rule h4 {color: #e18642;}
.c-box.c-box-rule h5 {color: #e17b2f;background-color: #f9e7d9;border-radius: 20px;}/*吹き出し*/
.c-box.c-box-rule h5::before {border-top: 15px solid #f9e7d9;}
.c-box.c-box-rule h5.bg-non {background-color: transparent;border-radius: 0px;margin: 0 0 20px;padding: 0;}/*吹き出し無し*/
.c-box.c-box-rule h5.bg-non:before {border-top: none;}
.c-box.c-box-rule h6 {font-size: 16px;line-height: 1.2;margin: 0 auto 10px;text-align: center;font-weight: 500;}
.c-box.c-box-rule h6.rule-ttl {width: 90%;margin: 0 auto 10px;padding: 12px 5px;font-size: 17px;line-height: 1;border-radius: 39px;background-color: #eee;}
.lst-rule {display: flex;flex-flow: row wrap;width: 96%;margin: 0 auto 80px;padding: 0;}
.lst-rule li {width: calc(33.333% - 10px);margin: 0 auto 10px;padding: 0;}
.lst-rule li span {margin: 0 auto 10px;padding: 0;font-size: .9rem;line-height: 1.2;text-align: center;display: block;}
.lst-rule-s {width: 100%;margin: -30px auto 30px;}
.lst-rule-s li {font-size: 17px;line-height: 1.8;font-weight: 400;}
.dl-rule {width: 98%;margin: 0 auto 70px;padding: 30px 35px 26px;border: solid 2px #e18642;border-radius: 30px;}
.dl-rule dt {width: 100%;margin: 0 auto 20px;padding: 0;font-size: 21px;color: #e18642;background: url(../img/cmn/ico-danger.svg) no-repeat 0px 0px;padding: 5px 0px 5px 45px;background-size: 38px;}
.dl-rule dd {width: 100%;margin: 0 auto 5px;padding: 0 0 0 0.9rem;font-size: 16px;line-height: 1.3;text-indent: -0.9rem;}
.c-box p.rule-txt1 {padding: 12px 0 12px 95px;margin: 0 auto 30px;line-height: 1.6;
background-size: 80px;background-image: url(../img/rule/rule-txt1.png);background-repeat: no-repeat;background-position: left 0px top 5px;}
.rule-txt2 {display: block;text-align: center;margin: 0 auto 60px;font-weight: 400;}
.rule-txt3 {display: block;text-align: center;margin: 0 auto 10px;font-weight: 400;}
.c-box p.rule-txt4 {font-size: 18px;text-indent: -1.1rem;padding-left: 1rem;padding-right: 1rem;line-height: 1.5;margin-bottom: 60px;}
.c-box p.rule-txt4.rule-txt4-tc {text-align: center;font-size: 16px;}
.flexbox.fw-rule {margin: 0 auto 60px;}
@media print, screen and (max-width: 750px) {
.c-box.c-box-rule.c-box-rule-top {margin-bottom: 70px;}
.lst-rule {width: 100%;}
.lst-rule li {width: 100%;}
.lst-rule-s {margin: -15px auto 25px;}
.lst-rule-s li {font-size: .85rem;line-height: 1.7;}
.dl-rule {margin: 20px auto 50px;padding: 15px 15px 11px;border-radius: 15px;}
.dl-rule dt {font-size: 1rem;background-size: 28px;margin: 0 auto 10px;padding: 1px 0px 0px 35px;}
.dl-rule dd {font-size: .85rem;}
.c-box.c-box-rule h6 {font-size: 1rem;line-height: 1.4;}
.c-box.c-box-rule h6.rule-ttl {width: 100%;font-size: 1.05rem;}
.rule-txt2 {margin: 0 auto 20px;line-height: 1.5;}
.rule-txt3 {margin: 0 auto 20px;line-height: 1.5;}
.c-box p.rule-txt4 {font-size: 1rem;text-indent: -1rem;margin-bottom: 40px;}
.c-box p.rule-txt4.rule-txt4-tc {text-align: left;font-size: 0.9rem;}
}

/*取締りについて*/
.c-box.c-box-control h2 {color: #fff;background-color: #7bd0ca;}/*ラベル*/
.c-box.c-box-control h3 {color: #7bd0ca;border-left: solid 20px #7bd0ca;}
.c-box.c-box-control h4 {color: #7bd0ca;}
.c-box.c-box-control h4.c-box-control-t {font-size: 36px;text-align: center;display: block;margin: -70px 0 50px;padding: 0;}
.c-box.c-box-control h5 {color: #4cc1b4;background-color: #e6f6f5;border-radius: 20px;}/*吹き出し*/
.c-box.c-box-control h5::before {border-top: 15px solid #e6f6f5;}
.lst-control {display: flex;flex-flow: row wrap;width: 100%;margin: -40px auto 20px;padding: 0;}
.lst-control.lst-control-standard {margin: 0px auto 50px;}
.lst-control li {width: calc(33.333% - 20px);margin: 20px auto 30px;padding: 0;}
.lst-control li span {margin: 0 auto 10px;padding: 0;font-size: .9rem;line-height: 1.2;text-align: center;display: block;}
.lst-control li strong {position: relative;margin: 0 auto 20px;padding: 10px 0 12px 10px;font-size: 20px;line-height: 1.2;font-weight: 500;
color: #6ac8bd;background-color: #e1f4f2;border-radius: 10px;text-align: center;display: block;}
/*
.lst-control li strong::before {position: absolute;z-index: 2;width: 45px;height: 45px;line-height: 45px;border-radius: 50%;font-size: 24px;font-weight: 500;
color: #fff;background-color: #6ac8bd;text-align: center;display: block;content: '例';top: -15px;left: 7px;}
*/
/*（例）*/
.c-box .ex-txt-wrap {display: flex;width: 96%;margin: 10px auto 0;}
.c-box p.ex-txt {position: relative;margin: 0 auto 10px;color: #fd8780;font-size: 23px;line-height: 1.2;text-align: center;}
.c-box p.ex-txt.ex-txt-ico {padding: 0 0 0 48px;text-align: left;}
.c-box p.ex-txt.ex-txt-ico::before {position: absolute;z-index: 2;width: 40px;height: 40px;line-height: 38px;border-radius: 50%;font-size: 21px;font-weight: 500;
color: #fff;background-color: #fd8780;text-align: center;display: block;content: '例';top: -6px;left: 0px;}
.c-box p.ex-txt.ex-txt1 {font-size: 21px;}
.c-box p.ex-txt.ex-txt2 {font-size: 20px;}
.c-box p.ex-txt.ex-txt3 {font-size: 19px;}
.c-box p.ex-txt.ex-txt4 {font-size: 16px;}
.c-box p.ex-txt.ex-txt5 {font-size: 14px;}
@media print, screen and (max-width: 750px) {
.c-box .ex-txt-wrap {margin: 10px auto 15px;}
}

.c-box p strong.control-ticket-red, .c-box p strong.control-ticket-blue {display: block;font-size: 23px;line-height: 1.4;font-weight: 600;margin: 0;padding: 10px 0 10px 80px;text-indent: -30px;
background-size: 45px;background-repeat: no-repeat;background-position: left 0px top 6px;}
.c-box p strong.control-ticket-red {color: #e52222;background-image: url(../img/control/control-ticket-red.png);}
.c-box p strong.control-ticket-blue {color: #345ccd;background-image: url(../img/control/control-ticket-blue.png);}
.lst-control.lst-control-standard li > img {width: 90%;margin: 0 auto;display: block;}
@media print, screen and (max-width: 750px) {
.c-box.c-box-control.c-box-control-btm {padding-bottom: 30px;}
.c-box.c-box-control h4.c-box-control-t {font-size: 1.6rem;margin: 10px 0 40px;}
.lst-control {width: 90%;margin: 0 auto 20px;}
.lst-control.lst-control-standard {margin: 0px auto 10px;}
.lst-control li {width: 100%;margin: 0 auto 20px;}
.lst-control li strong {font-size: 1.25rem;margin: 0 auto 10px;}
.c-box p strong.control-ticket-red, .c-box p strong.control-ticket-blue {font-size: 1.1rem;line-height: 1.2;padding: 8px 0 5px 4rem;text-indent: -1.5rem;
background-size: 35px;}
.lst-control.lst-control-standard li > img {width: 80%;margin: 0 auto 10px;}
}

/*事故・違反の発生状況*/
.c-box.c-box-accident h2 {color: #fff;background-color: #f3a9ce;}/*ラベル*/
.c-box.c-box-accident h3 {color: #f3a9ce;border-left: solid 20px #f3a9ce;}
.c-box.c-box-accident h4 {color: #f3a9ce;}
.c-box.c-box-accident h5 {color: #ec94be;background-color: #fdeff7;border-radius: 20px;}/*吹き出し*/
.c-box.c-box-accident h5::before {border-top: 15px solid #fdeff7;}
.c-box.c-box-accident h6 {font-size: 17px;margin: 60px auto 20px;text-align: center;}
.c-box.c-box-accident.c-box-accident-btm {padding-top: 60px;padding-bottom: 30px;}

/*自動車の交通安全教育・交通安全教育教材*/
.c-box.c-box-download h2 {color: #fff;background-color: #6ac8bd;}/*ラベル*/

.c-box.c-box-education {padding: 50px 50px 30px;}
.c-box.c-box-education.c-box-education_tab {width: 100%;padding: 50px 50px 30px;}
.c-box.c-box-education.c-box-education_tab.c-box-education_tab-top {border-radius: 0 0 50px 50px;}

.c-box.c-box-education.c-box-edu_ex {padding: 50px 50px 30px;}

.c-box.c-box-download {padding: 50px 50px 30px;}
.c-box.c-box-download.c-box-download_tab {width: 100%;padding: 50px 50px 30px;}
.c-box.c-box-download.c-box-download_tab.c-box-download_tab-top {border-radius: 0 0 20px 20px;}

.c-box.c-box-material {padding: 50px 50px 30px;}
.c-box.c-box-education h2 {color: #fff;background-color: #4374d7;}/*ラベル*/
.c-box.c-box-education h3 {color: #4374d7;border-left: solid 20px #4374d7;}
.c-box.c-box-material h3 {color: #1ebfac;border-left: solid 20px #1ebfac;}
	.c-box.c-box-download h3 {color: #1ebfac;border-left: solid 20px #1ebfac;}
.c-box.c-box-education h4 {color: #4374d7;}
.c-box.c-box-education h5 {color: #4374d7;background-color: #dee5f7;border-radius: 20px;}/*吹き出し*/
.c-box.c-box-education h5::before {border-top: 15px solid #dee5f7;}
.c-box p.txt-pd-r {padding-right: 8%;}
@media print, screen and (max-width: 750px) {
.cont {padding: 10px 0;}
.c-box {width: 94%;margin: 0 auto 30px;padding: 0 5% 5px;border-radius: 25px;}
.c-box h2 {margin: 0 0 30px;padding: 13px 15px 12px;font-size: .85rem;border-radius: 0 0 15px 15px;}/*ラベル*/
.c-box h3 {margin: 0 0 30px;padding: 0 0 1px 10px;font-size: 1.4rem;}
.c-box h5 {margin: 0 0 20px;padding: 15px 17px 16px;font-size: 1.15rem;}/*吹き出し*/
.c-box h5::before {left: 50px;}
.c-box.c-box-system h3 {border-left: solid 10px #3495f4;}
.c-box.c-box-rule h3 {border-left: solid 10px #e18642;/*font-size: 1.2rem;*/}
.c-box.c-box-control h3 {border-left: solid 10px #7bd0ca;}
.c-box.c-box-accident h3 {border-left: solid 10px #f3a9ce;}
.c-box.c-box-accident h6 {font-size: 1.05rem;margin: 30px auto 15px;line-height: 1.4;}
.c-box.c-box-education h3 {border-left: solid 10px #4374d7;}

.c-box.c-box-material {padding: 30px 3% 20px;}
.c-box.c-box-material h3 {border-left: solid 10px #1ebfac;}
	.c-box.c-box-download h3 {border-left: solid 10px #1ebfac;}
.c-box p {margin: 0 auto 35px;font-size: 1rem;line-height: 1.8;color: #333;/*font-weight: 500;*/}
.c-box.c-box-education {padding: 15px 5% 25px;}
.c-box.c-box-education.c-box-education_tab {padding: 20px 5% 25px;margin: 0 auto 30px;}
.c-box.c-box-education.c-box-education_tab.c-box-education_tab-btm {margin-top: 70px;}

.c-box.c-box-education.c-box-edu_ex {padding: 25px 5% 20px;margin-top: 10px;}

.c-box.c-box-download {padding: 25px 5% 35px;}
.c-box.c-box-download.c-box-download_tab {padding: 20px 5% 25px;margin: 0 auto 30px;}
.c-box.c-box-download.c-box-download_tab.c-box-download_tab-top {border-radius: 20px;}
.c-box.c-box-download.c-box-download_tab.c-box-download_tab-btm {margin-top: 70px;}
.c-box p.txt-pd-r {padding-right: 0%;}
}

.edu-map-wrap {position: relative;width: 100%;max-width: 860px;height: auto;margin: -100px auto 50px;}
.edu-map-wrap > a > img {position: absolute;width: 10%;}
.edu-map-wrap > img.edu-map-bg {width: 100%;}
.edu-map-wrap > img.edu_woman {position: absolute;top: 12%;left: 5%;width: 20%;}
.edu-map-wrap > a > img.i-hokkaidou {top: 8%;left: 57%;}
.edu-map-wrap > a > img.i-tyubu {top: 39%;left: 47%;}
.edu-map-wrap > a > img.i-tyugoku {top: 49%;left: 27%;}
.edu-map-wrap > a > img.i-kyusyu {top: 65%;left: 8%;}
.edu-map-wrap > a > img.i-tohoku {top: 35%;left: 84%;}
.edu-map-wrap > a > img.i-kanto {top: 64%;left: 78%;}
.edu-map-wrap > a > img.i-kinki {top: 78%;left: 58%;}
.edu-map-wrap > a > img.i-shikoku {top: 85%;left: 38%;}
@media print, screen and (max-width: 750px) {
.edu-map-wrap {max-width: 100%;height: 100%;margin: 0 auto 50px;}
.edu-map-wrap > a > img {width: 18%;}
.edu-map-wrap > img.edu_woman {top: 2%;left: 17%;width: 27%;}
.edu-map-wrap > a > img.i-hokkaidou {top: -5%;left: 57%;}
.edu-map-wrap > a > img.i-tyubu {top: 26%;left: 48%;}
.edu-map-wrap > a > img.i-tyugoku {top: 39%;left: 27%;}
.edu-map-wrap > a > img.i-kyusyu {top: 52%;left: 7%;}
.edu-map-wrap > a > img.i-tohoku {top: 40%;left: 81%;}
.edu-map-wrap > a > img.i-kanto {top: 69%;left: 72%;}
.edu-map-wrap > a > img.i-kinki {top: 78%;left: 50%;}
.edu-map-wrap > a > img.i-shikoku {top: 87%;left: 29%;}
}

/*交通安全教育教材（教材一覧）*/
.c-box .materials-list-t {display: block;width: 98%;margin: 0 auto 30px;padding: 3px 3px 3px 10px;border-left: solid 8px #1ebfac;font-size: 1.8rem;border-radius: 0;}
.materials-list-i {width: 40%;display: block;margin: 0 auto 20px;padding: 10px;border: solid 1px #ccc;}
.lst-teach {display: flex;flex-flow: row wrap;width: 100%;margin: 0 auto 15px;}
.lst-teach > li {width: calc(100% - 0px);list-style: none;font-size: 1.25rem;line-height: 1.4;font-weight: normal;border: solid 1px #aaa;border-radius: 15px;margin: 0 auto 15px;padding: 20px 25px;
background-color: #fcfcfc;box-shadow: 1px 1px 6px rgba(128, 128, 128, 0.25);}
@media print, screen and (max-width: 750px){
.c-box .materials-list-t {width: 90%;font-size: 1.3rem;margin: 0 auto 20px;}
.materials-list-i {width: 90%;}
}

.lst-teach > li > a {display: block;margin: 0 auto;color: #333;text-decoration: none;}
.lst-teach > li > a:hover, .lst-teach > li > a:active {color: #26559a;text-decoration: underline;}
.lst-teach > li > a > img.lst-teach-i {float: right;width: 25%;margin: 0 0 0 20px;padding: 5px;border: solid 1px #ccc;}
.lst-teach > li > a > img.lst-teach-i:hover {opacity: 0.5;transition: 0.5s;}
.lst-teach > li > a > strong {display: block;margin: 0 auto 10px;font-size: 1.4rem;
line-height: 1.3;letter-spacing: 0.05rem;color: #3495f4;text-decoration: underline;font-weight: normal;}
.lst-teach > li > a > .teach-t {display: block;font-size: 1.2rem;}
.lst-teach > li > a > .teach-about {display: block;font-size: 1rem;line-height: 1.6;letter-spacing: 0.02rem;padding-left: 2px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lst-teach > li > a > .read-more {display: block;width: 75%;margin: 5px 0;font-size: 1.1rem;
line-height: 1.1;letter-spacing: 0.05rem;text-align: right;color: #3495f4;}
.lst-teach > li > a > .read-more::before {font-family: FontAwesome;content: '\f0da';padding-right: 5px;}

.lst-teach > li > ul.lst-teach-s {display: flex;flex-flow: row wrap;width: 100%;margin: 0 auto;padding-left: 2px;}
.lst-teach > li > ul.lst-teach-s > li {width: auto;list-style: none;font-size: 0.8rem;line-height: 1;letter-spacing: 0.02rem;font-weight: bold;color: #fff;
margin: 0 5px 0 0;padding: 8px 9px;border-radius: 4px;background-color: #4674c2;}
.lst-teach > li > ul.lst-teach-s > li.lt-cr1 {background-color: #4674c2;}
.lst-teach > li > ul.lst-teach-s > li.lt-cr2 {background-color: #eb7d3c;}
.lst-teach > li > ul.lst-teach-s > li.lt-cr3 {background-color: #2eb9a9;}
.lst-teach > li > ul.lst-teach-s > li.lt-cr4 {background-color: #3495f4;}
@media print, screen and (max-width: 750px){
.lst-teach {margin: 0 auto;}
.lst-teach > li {font-size: 1rem;padding: 12px 15px;}
.lst-teach > li > a {font-size: 1.2rem;line-height: 1.3;}
.lst-teach > li > a > img.lst-teach-i {margin: 0 0 0 10px;}
.lst-teach > li > a > strong {font-size: 1.2rem;}
.lst-teach > li > a > .teach-t {font-size: 1.05rem;}
.lst-teach > li > a > .teach-about {font-size: 0.9rem;}
.lst-teach > li > a > .read-more {width: 100%;margin: 5px 0 10px;}

.lst-teach > li > span {font-size: 0.85rem;}
.lst-teach > li > span.read-more {font-size: 0.85rem;margin-bottom: 10px;}
.lst-teach > li > ul.lst-teach-s > li {font-size: 0.7rem;letter-spacing: 0.01rem;margin: 0 3px 3px 0;padding: 5px 6px 6px;border-radius: 3px;}
}

.lst-material {margin: 0 auto;}
.lst-material li {text-indent: -1.1rem;padding-left: 1.1rem;}/*list-style: disc;*/

/*交通安全教育教材（掲載までの流れ）*/
.lst-flow {display: flex;flex-flow: row wrap;width: 96%;margin: 0 auto 30px;}
.lst-flow li {width: calc(100% - 10px);list-style: none;font-size: 1.05rem;line-height: 1.4;font-weight: normal;text-indent: -2rem;margin: 0 auto;/*position: relative;*/}
.lst-flow li span {display: block;margin: 0 auto;padding: 15px 20px 16px 3rem;background-color: #fff;border: solid 1px #1ebfac;border-radius: 15px;}
.lst-flow li span > strong {font-weight: bold;font-size: 1.5rem;line-height: 1.2;letter-spacing: 0.1rem;color: #1ebfac;display: block;margin: 0 auto 5px;}
.lst-flow li::after {display: block;margin: 0 auto;font-family: FontAwesome;content: '\f0d7';color: #78e8db;font-weight: normal;font-size: 2rem;line-height: 1;text-align: center;
/*content: url(img/cmn/triangle1.svg);bottom: 10px;left: 0px;position: absolute;*/}
.lst-flow li:last-child::after {content: none;}
@media print, screen and (max-width: 750px){
.lst-flow {width: 100%;margin: 0 auto 20px;}
.lst-flow li {width: calc(100% - 0px);font-size: 1rem;text-indent: -1.8rem;}
.lst-flow li span {padding: 15px 16px 16px 2.5rem;border-radius: 10px;text-align: justify;text-justify: inter-ideograph;text-justify: inter-character;
word-break: break-all;word-wrap: break-word;overflow-wrap: break-word;}
.lst-flow li span > strong {font-size: 1.25rem;}
}
/*交通安全教育教材（掲載申請）*/
.check-box {display: none;}
#check1:checked ~ .check-box {display: block;}
label.check-txt {font-size: 1.2rem;margin: 20px 8px 30px;padding-left: 5px;display: inline-block;vertical-align: sub;/*border-bottom: solid 1px #aaa;*/}
label.check-txt:hover {color: #3495f4;}
.checkbox_ico {width: 26px;height: 26px;vertical-align: middle;/*margin-bottom: -6px;border: solid 2px #222;border-radius: 4px;appearance: none;*/}

.dl-request {width: 98%;margin: 0 auto 70px;letter-spacing: 0.02rem;}
.dl-request dt {width: 100%;margin: 0 auto 10px;font-size: 24px;line-height: 1.2;color: #1ebfac;}
.dl-request dd {width: 92%;margin: 0 auto 35px;font-size: 18px;line-height: 1.8;font-weight: 400;}
/*交通安全教育教材（掲載の基準）*/
.ol-request {width: 84%;margin: 15px auto;}
.ol-request li {margin: 0 auto 15px;font-size: 1.15rem;line-height: 1.4;letter-spacing: 0.02rem;}
.ol-request li > ul {width: 99%;margin: 15px auto 25px;}
.ol-request li > ul > li {margin: 0 auto 8px;padding-left: 1.85rem;text-indent: -1.85rem;font-size: 0.95rem;line-height: 1.4;letter-spacing: 0.01rem;}
/*このページを閉じる*/
.btn-close {display: block;margin: 40px auto 20px;padding: 20px 30px;border: 1px #ddd solid;width: 80%;max-width: 300px;background-color: #fafafa;font-size: 0.9rem;}
.btn-close:hover {opacity: 0.8;background-color: #eee;cursor: pointer;}
@media print, screen and (max-width: 750px) {
#check1:checked ~ .check-box {margin-top: 30px;}
label.check-txt {font-size: 1.05rem;padding-left: 0px;display: inline;}
.ol-request li {font-size: 1rem;}
}

/*タイトル*/
h1 {width: 100%;font-size: 53px;line-height: 1.2;letter-spacing: 0rem;margin: 50px 0px 20px 80px;padding: 0;font-weight: 500;}
h1.t-system {color: #3495f4;}
h1.t-rule {color: #e18642;}
h1.t-control {color: #7cd1c9;}
h1.t-accident {color: #f0aacb;}
h1.t-education {color: #446ed3;}
h1.t-movie {color: #ef95c2;}
h1.t-material {color: #6ac8bd;} h1.t-download {color: #6ac8bd;}
h1.t-faq {color: #e18642;}

.t-cmt {width: 100%;font-size: 18px;line-height: 1.7;letter-spacing: 0.02rem;margin: 0px 0px 40px 85px;padding: 0;font-weight: 500;}
.t-cmt.t-cmt_faq-btm {width: 90%;max-width: 1100px;margin: 100px auto 40px;}
.mv-img {width: 75%;margin: -10px auto 0;}
h2.sub-t1 {text-align: center;font-size: 55px;line-height: 1.2;font-weight: 700;margin: 0 auto 30px;padding: 0;}
h2.sub-t1.sub-t1-system {color: #3495f4;}
h2.sub-t1.sub-t1-rule {color: #e18642;}
h2.sub-t1.sub-t1-download {color: #1ebfac;}
h2.sub-t2-move {width: 90%;color: #fff;background-color: #ef95c2;border-radius: 10px 10px 0 0;font-size: 24px;line-height: 1.1;font-weight: 600;margin: 20px auto 25px;padding: 20px 25px;}
h3.sub-t3-move {width: 89%;font-size: 23px;line-height: 1.2;margin: 0 auto 25px;padding: 2px 2px 2px 12px;border-left: solid 7px #ef95c2;}
h3.sub-t2 {text-align: center;font-size: 35px;line-height: 1.5;font-weight: 600;color: #4d4d4d;margin: 0 auto 60px;padding: 0;}
h3.sub-t2.sub-t2-rule {font-size: 21px;}
@media print, screen and (max-width: 750px) {
h1 {width: 91%;font-size: 1.9rem;margin: 10px auto;}
.t-cmt {width: 60%;font-size: .85rem;margin: 0 0 10px 5%;}
.t-cmt.t-cmt_faq-btm {margin: 0px auto 40px;}
.mv-img {width: 50%;margin: -20px auto 20px;display: block;/*float: right;*/}
h2.sub-t1 {font-size: 1.7rem;margin: 0 auto 10px;}
h3.sub-t2 {font-size: 1.2rem;margin: 0 auto 25px;}
h3.sub-t2.sub-t2-rule {font-size: .9rem;}
h2.sub-t2-move {font-size: 1.2rem;line-height: 1.2;padding: 15px 20px;}
h3.sub-t3-move {font-size: 1.1rem;line-height: 1.2;}
}

.cont.ct-sub-t {background-size: 30%;background-position: right 10% top 0px;padding: 10px 0;background-image: url(../img/cmn/sub/sub-top.png);background-repeat: no-repeat;min-height: 230px;}
@media print, screen and (max-width: 750px) {
.cont.ct-sub-t {background-size: 30%;background-position: right 5% top 70px;min-height: 170px;}
}
.c-box.c-box-rule > h3.t-rule {border-left: none;margin: 30px 0 40px -20px;display: flex;align-items: center;min-height: auto;}
.c-box.c-box-rule > h3.t-rule > strong {font-size: 95px;margin-right: 10px;display: block;line-height: 1;opacity: .4;}
@media print, screen and (max-width: 750px) {
.c-box.c-box-rule > h3.t-rule {margin: 10px 0 20px -10px;font-size: 1.2rem;line-height: 1.2;}
.c-box.c-box-rule > h3.t-rule > strong {font-size: 50px;margin-right: 5px;}
}

/*ページ内リンク*/
.lst-page-wrap {display: flex;flex-flow: row wrap;width: 90%;margin: 0 auto;padding: 40px 0 50px;}
.lst-page {display: block;width: calc(50% - 20px);margin: 0 auto;padding: 0;}
.lst-page li {width: 100%;margin: 0 auto 15px;padding: 0 1rem 15px 2.5rem;
font-size: 1rem;line-height: 1.4;letter-spacing: .02rem;text-indent: -1.8rem;border-bottom: solid 1px #fff;}
.lst-page li::before {font-family: FontAwesome;content: '\f063';margin-right: 15px;color: #3495f4;}
.lst-page li a {color: #248aee;text-decoration: none;}
.lst-page.lst-page-rule li a {color: #e17b2f;}
.lst-page.lst-page-rule li::before {color: #e18642;}
.lst-page.lst-page-control li a {color: #4cc1b4;}
.lst-page.lst-page-control li::before {color: #6dcabf;}
.lst-page.lst-page-accident li a {color: #ec94be;}
.lst-page.lst-page-accident li::before {color: #f0aacb;}
.lst-page.lst-page-accident:nth-child(odd) {width: calc(60% - 20px);}
.lst-page.lst-page-accident:nth-child(even) {width: calc(40% - 20px);}
.lst-page.lst-page-download li a {color: #1ebfac;}
.lst-page.lst-page-download li::before {color: #1ebfac;}

.lst-page li a:hover {color: #333;transition: .5s;}
@media print, screen and (max-width: 750px) {
.lst-page-wrap {padding: 20px 0 40px;}
.lst-page {width: 100%;}
.lst-page li {width: 100%;margin: 0 auto 10px;padding: 0 .3rem 10px 1.5rem;text-indent: -1.2rem;font-size: .95rem;letter-spacing: .01rem;}
.lst-page li::before {margin-right: 5px;}
.lst-page.lst-page-accident:nth-child(odd) {width: 100%;}
.lst-page.lst-page-accident:nth-child(even) {width: 100%;}
}

/*PDFリンク*/
.c-box.c-box-education h4.lst-pdf-t {width: 99%;margin: 0 auto 12px;padding: 0 1px 10px;
font-size: 1.2rem;letter-spacing: .01rem;border-bottom: dotted 1px #4374d7;}

.lst-pdf {display: flex;flex-flow: row wrap;width: 100%;margin: 20px auto 30px;padding: 0;}
.lst-pdf li {width: calc(50% - 10px);margin: 0 auto 10px;padding: 0;text-align: center;vertical-align: middle;}
.lst-pdf.lst-pdf-w3 {margin: 0px auto 20px;}
.lst-pdf.lst-pdf-w3 li {width: calc(32.333% - 0px);margin: 0 0.5% 10px;}
/*.lst-pdf.lst-pdf-w3 li:last-child {margin-right: 67.776%;}*/
.lst-pdf li a {display: block;width: 100%;margin: 0 auto;padding: 20px 25px 20px 5px;color: #345ccd;border: solid 2px #345ccd;border-radius: 15px;text-decoration: none;font-size: 19px;line-height: 1.2;letter-spacing: 0.02rem;
background-size: 23px;background-image: url(../img/cmn/ico-pdf.svg);background-repeat: no-repeat;background-position: right 10px top 48%;}
.lst-pdf li a.lst-pdf-line2 {padding: 8px 25px 8px 5px;}
.lst-pdf li a:hover {opacity: .7;transition: .3s;}
@media print, screen and (max-width: 750px) {
.lst-pdf {margin: 5px auto 0;}
.lst-pdf li {width: 100%;margin: 0 auto 8px;}
.lst-pdf.lst-pdf-w3 li {width: calc(100% - 0px);}
/*.lst-pdf.lst-pdf-w3 li:last-child {margin-right: 0.75%;}*/
.lst-pdf li a {/*height: 4rem;*/font-size: 1rem;line-height: 1.3;background-size: 18px;/*padding: 1.1rem 10px 0px 5px;background-position: right 5px top 48%;*/}
}

/*自転車の交通安全教育*/
.c-box p.alert-txt {width: 94%;font-size: 1.6rem;line-height: 1.2;margin: 40px auto 35px;padding: 20px 20px;
text-align: center;border: solid 2px #aaa;border-radius: 10px;}
/*自転車の交通安全教育（実施者の方向け）事例紹介*/
.lst-edu_ex {display: flex;flex-flow: row wrap;width: 98%;margin: 20px auto 60px;padding: 0;}
.lst-edu_ex li {width: calc(50% - 40px);margin: 0 auto 10px;padding: 0;font-size: 16px;line-height: 1.9;font-weight: 400;}
.lst-edu_ex li > img {width: 100%;margin: 0 auto 10px;display: block;}
.lst-edu_ex li > strong {width: 100%;margin: 0 auto 5px;display: block;text-align: center;line-height: 1.3;height: 2.5rem;vertical-align: middle;}
.lst-edu_ex .lst-edu_ex-s {width: 96%;margin: 10px auto 20px;}
.lst-edu_ex .lst-edu_ex-s li {width: 100%;margin: 0 auto 5px;font-size: 0.95rem;line-height: 1.4;}
@media print, screen and (max-width: 750px) {
.lst-edu_ex {width: 100%;margin: 10px auto 20px;}
.lst-edu_ex li {width: 100%;font-size: .9rem;line-height: 1.6;margin: 0 auto 30px;}
}

/*自転車の交通安全教育 事例紹介からのリンク先ページ*/
.edu_ex-box {width: 765px;margin: 0 auto 15px;border-top: solid 1px #aaa;}
.edu_ex-i {width: 550px;margin: 0 auto 30px;display: block;}
hr.edu_ex-hr {border: none;border-top: 1px solid #ccc;width: 90%;margin: 20px auto 30px;display: block;}
.edu_ex-box th, .edu_ex-box td {vertical-align: top;font-size: 1rem;line-height: 1.4;font-weight: normal;color: #444;border-bottom: solid 1px #aaa;}
.edu_ex-box th {width: 15rem;background-color: #eee;padding: 15px 5px 15px 15px;}
.edu_ex-box th.bdb-non {border-bottom: none;}
.edu_ex-box th.idt-non {text-indent: 0rem;padding-left: 1rem;}
.edu_ex-box td {padding: 15px 5px 15px 15px;}
.txt-idt {text-indent: -1rem;padding-left: 1rem;display: block;}
.txt-idt2 {padding-left: 1rem;display: block;}
.c-box.c-box-education h4.edu_ex-t {width: 90%;margin: 0 auto 10px;padding: 15px 0px 0px 15px;font-size: 0.95rem;line-height: 1.4;color: #444;font-weight: bold;}
@media print, screen and (max-width: 750px) {
.edu_ex-box {margin: 0 auto 20px;}
.edu_ex-i {width: 90%;}
.c-box.c-box-education h4.edu_ex-t {width: 100%;}
}


/*トップページ*/
.sc-top-t {background-image: url("../img/top/sc-top-t-bicycle.png");background-repeat: repeat-x;background-size: contain;background-position: center bottom;}
.cont.ct-top-t {position: relative;margin: 0 auto;padding: 0;}
/*background-size: 80%;background-position: center top 0px;background-image: url(../img/top/sc-top-t-bg.jpg);background-repeat: no-repeat;*/
h1.top-t-t {width: 96%;font-size: 43px;line-height: 1.7;letter-spacing: 0.3rem;margin: 0 auto;padding: 0;font-weight: 500;color: #ffef03;
position: absolute;bottom: 57px;left: 7%;z-index: 99;}
h1.top-t-t span {background-color: #3495f4;padding: 0 15px;}
h1.top-t-t span.top-t-t-bf {padding: 0 0px 0 20px;}
h1.top-t-t span.top-t-t-af {padding: 0 20px 0 0px;}
.top-i {width: 100%;margin:0 auto;}
.top-t-btm {width: 96%;font-size: 30px;line-height: 1.3;letter-spacing: 0.2rem;margin: 0 auto;padding: 0;font-weight: 500;color: #3495f4;
position: absolute;bottom: 20px;left: 12%;z-index: 99;}

.cont .ct-top-m {position: absolute;z-index: 100;bottom: 25px;right: 40px;width: 30%;border: solid 5px #fff;box-shadow: 1px 1px 10px rgba(128, 128, 128, 0.3);background-color: #fff;}
.cont .ct-top-m .video-lity > a > img {width: 100%;}
/*.cont .ct-top-m .video-lity > a > img:hover {opacity: .9;}*/
h3.top-t-sys1 {text-align: center;font-size: 24px;line-height: 1.2;font-weight: 500;color: #4d4d4d;margin: 0 auto 10px;padding: 0;}
h2.top-t-sys2 {text-align: center;font-size: 37px;line-height: 1.2;font-weight: 500;color: #3495f4;margin: 0 auto 35px;padding: 0;}
h2.top-t-sys2 > strong {font-size: 47px;font-weight: 600;}
img.top-system-btm {width: 92%;margin: 0 auto -20px;display: block;}
h2.top-t-control1 {font-size: 47px;line-height: 1.2;font-weight: 500;color: #6dcabf;margin: 0 0 15px 90px;padding: 5px 0 5px 120px;
background-size: 110px;background-image: url(../img/top/top-t-control1.png);background-repeat: no-repeat;background-position: left 0px top 5px;}
h3.top-t-control2 {font-size: 20px;line-height: 1.2;font-weight: 500;color: #333333;margin: 0 0 50px 95px;padding: 0;}
img.top-lst-top3-btm {width: 92%;margin: 0 auto -35px;display: block;}
h2.top-t-education1 {text-align: center;font-size: 45px;line-height: 1.2;font-weight: 500;color: #4674d8;margin: 0 auto 30px;padding: 0;}
h3.top-t-education2 {font-size: 15px;line-height: 1.9;font-weight: 500;width: 90%;margin: 20px 0 30px;padding: 0;}
.flexbox.fw-top-education {padding: 0px 0 60px;}
img.top-top4 {margin: 0 auto 10px;width: 90%;max-width: 140px;}

/*@media print, screen and (max-width: 1070px) {
h1.top-t-t {width: 96%;font-size: 36px;}
}*/
@media print, screen and (max-width: 1050px) {
h1.top-t-t {width: 98%;font-size: 3.6vw;}
.top-t-btm {width: 98%;font-size: 2.3vw;}
}

@media print, screen and (max-width: 750px) {
.sc-top-t {background-image: none;}
.cont.ct-top-t {background-size: 100%;padding: 100px 0 110px;}
h1.top-t-t {width: 90%;font-size: 5.8vw;bottom: 60px;left: 4%;}
h1.top-t-t span {padding: 0 10px 0 15px;}
h1.top-t-t span.top-t-t-bf {padding: 0 13px 0 15px;}
h1.top-t-t span.top-t-t-af {padding: 0 13px 0 15px;}
.top-i {width: 100%;margin: 0 0%;}
.top-t-btm {width: 90%;font-size: 1.3rem;letter-spacing: 0.05rem;bottom: 20px;left: 5%;}
.cont .ct-top-m {bottom: 60px;right: 3%;width: 33%;border: solid 4px #fff;box-shadow: 1px 1px 5px rgba(128, 128, 128, 0.3);}
h3.top-t-sys1 {font-size: .95rem;}
h2.top-t-sys2 {font-size: 1.6rem;margin: 0 auto;}
h2.top-t-sys2 > strong {font-size: 1.95rem;}
img.top-system-btm {width: 100%;margin: 0 auto -40px;}
h2.top-t-control1 {font-size: 2.3rem;line-height: 1.2;margin: 0 auto 15px;padding: 0;width: 96%;text-align: center;background-image: none;}
h3.top-t-control2 {font-size: 1.2rem;line-height: 1.4;margin: 0 auto 15px;width: 96%;text-align: center;}
img.top-lst-top3-btm {width: 100%;margin: 30px auto -35px;}
h2.top-t-education1 {text-align: left;font-size: 2.15rem;width: 86%;margin: 0 auto 20px;padding-top: 50px;background-size: 30%;background-image: url(../img/top/top-top4.png);background-repeat: no-repeat;background-position: right 0px bottom 0px;}
h3.top-t-education2 {font-size: .9rem;width: 85%;margin: 0 auto 20px;}
.flexbox.fw-top-education {padding: 5px 0 15px;}
}

.lst-top1 {display: flex;flex-flow: row wrap;width: 86%;margin: 0 auto;padding: 70px 0 50px;}
.lst-top1 li {width: calc(33.333% - 30px);margin: 0 auto;padding: 0;background-color: #fff;border-radius: 15px;}
.lst-top1 li a {color: #4d4d4d;font-size: 16px;font-weight: 400;text-decoration: none;text-align: center;width: 100%;padding: 20px 10px 5px;display: inline-block;}
.lst-top1 li a::after {font-family: FontAwesome;content: '\f0a9';font-size: 50px;color: #3495f4;float: right;margin: 10px 0;}
.lst-top1 li a > strong {color: #3495f4;font-size: 23px;font-weight: 600;display: block;margin: 0 auto 20px;padding: 0;}
.lst-top1 li:first-child a > strong {padding: 15px 0 10px;}
.lst-top1 li a > span.lst-top1-cmt {display: block;font-weight: 500;}
.lst-top1 li a > img.lst-top1-i {margin: -60px auto 20px;width: 94%;}
.lst-top1 li:hover {opacity: .7;transition: .5s;}
@media print, screen and (max-width: 750px) {
.lst-top1 {width: 92%;padding: 25px 0 5px;}
.lst-top1 li {width: 100%;margin: 0 auto 10px;}
.lst-top1 li a {font-size: .8rem;line-height: 1.3;text-align: left;width: 100%;padding: 15px 10px;}
.lst-top1 li a::after {font-size: 35px;margin: -60px 0 0;}
.lst-top1 li a > strong {font-size: 1.2rem;line-height: 1.2;margin: 0 auto 5px;}
.lst-top1 li:first-child a > strong {padding: 8px 0 10px;}
.lst-top1 li a > span.lst-top1-cmt {width: auto;margin: 0;padding: 0 15% 0 33%;}
.lst-top1 li a > img.lst-top1-i {margin: 12px 5px 0 1%;width: 30%;float: left;}
}

.lst-top3 {display: flex;flex-flow: row wrap;width: 90%;margin: 0 auto;padding: 20px 0;}
.lst-top3 li {width: calc(50% - 40px);margin: 0 auto 20px;padding: 47px 50px;border-radius: 60px;}
.lst-top3 li:first-child {background-color: #f0c3a0;}
.lst-top3 li:nth-child(2) {background-color: #f5c0da;}
.lst-top3 li span {background-color: #fff;border-radius: 35px;color: #333;font-size: 16px;font-weight: 400;text-decoration: none;text-align: center;width: 100%;padding: 20px 0;display: inline-block;}
.lst-top3 li > span > strong {font-size: 45px;line-height: 1.2;font-weight: 500;text-align: center;display: block;margin: 0 auto 30px;}
.lst-top3 li:first-child > span > strong {color: #e18642;}
.lst-top3 li:nth-child(2) > span > strong {color: #ef95c2;}
.lst-top3 li > span > img.lst-top3-i {margin: -55px auto 10px;width: auto;max-width: 70px;}
@media print, screen and (max-width: 750px) {
.lst-top3 {width: 80%;padding: 0;}
.lst-top3 li {width: 100%;padding: 30px 31px;border-radius: 50px;}
.lst-top3 li span {font-size: .8rem;line-height: 1.7;padding: 20px 2px;}
.lst-top3 li > span > strong {font-size: 2.1rem;margin: 0 auto 20px;}
.lst-top3 li > span > img.lst-top3-i {margin: -40px auto 10px;max-width: 45px;}
}

/*トップページ 取締りについて動画リスト*/
.lst-video-wrap {width: 88%;margin: 20px auto;}/*overflow-x: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;*/
.lst-video {display: flex;flex-flow: row wrap;width: 100%;margin: 0 auto;padding: 0;}
.lst-video li {width: calc(25% - 10px);margin: 0 auto 20px;}
.lst-video.lst-video-w5 li {width: calc(20% - 10px);}
.lst-video.lst-video-w4 li {width: calc(25% - 10px);}
.lst-video.lst-video-w3 li {width: calc(33.333% - 10px);}
.lst-video.lst-video-w2 li {width: calc(50% - 10px);}
.lst-video.lst-video-w1 li {width: 100%;}
/*.lst-video li:last-child {float: none;}*/

.lst-video li > div > a {text-decoration: none;}
.lst-video li > div > a > img {width: 100%;}
.lst-video li > div > a .c-img {overflow: hidden;width: 100%;height: auto;display: inline-block;margin: 0 auto;border: solid 1px #ddd;box-shadow: 3px 3px 5px rgba(0,0,0,.15);}
.lst-video li > div > a .c-img:hover {box-shadow: 0px 0px 0px rgba(0,0,0,0);}
.lst-video li > div > a .c-img img {border: none;width: 100%;height: auto;margin: 0;padding: 0;display: block;transition-duration: 0.3s;}
.lst-video li > div > a .c-img img:hover {opacity: 0.7;transform: scale(1.02);transition-duration: 0.6s;transition: 0.6s;}
.lst-video li > div > a .c-name {text-align: center;font-size: .95rem;line-height: 1.3;width: 98%;margin: 2px auto 8px;color: #444;}
.lst-video li > div > a .c-name .c-name-s {font-size: .75rem;}
@media screen and (max-width: 750px){
.lst-video-wrap {width: 90%;margin: 0 auto 15px;}
.lst-video li {width: calc(100% - 0px);margin: 0 auto 10px;}
.lst-video.lst-video-w5 li,
.lst-video.lst-video-w4 li,
.lst-video.lst-video-w3 li,
.lst-video.lst-video-w2 li,
.lst-video.lst-video-w1 li {width: calc(100% - 0px);}
.lst-video li > div > a .c-name {font-size: .8rem;margin: 0 auto 12px;}
.lst-video li > div > a .c-name .c-name-s {font-size: .65rem;}
}

/*ボタン*/
a.btn1 {display: block;width: 96%;max-width: 250px;margin: 10px auto;padding: 20px 7px 20px 25px;font-size: 18px;border-radius: 50px;text-decoration: none;text-align: center;background-color: #3495f4;color: #fff;}
a.btn1:hover {opacity: .7;transition: .5s;}
a.btn1::after {font-family: FontAwesome;content: '\f0a9';font-size: 50px;color: #fff;float: right;}
a.btn1.btn1-top2a {background-color: #e18642;margin: 50px auto 30px;max-width: 210px;}
a.btn1.btn1-top2b {background-color: #ef95c2;margin: 60px auto 30px;max-width: 210px;}
a.btn1.btn1-top3 {background-color: #6ac8bd;width: 210px;}

a.btn1.btn1-publish {max-width: 80%;font-size: 1.4rem;margin-bottom: 50px;padding-top: 30px;padding-bottom: 30px;}

@media print, screen and (max-width: 750px) {
a.btn1 {width: 80%;max-width: 100%;margin: 5px auto 15px;padding: 1.3rem .6rem 1.3rem .8rem;font-size: 1.1rem;border-radius: 3.7rem;}
a.btn1.btn1-top2a, a.btn1.btn1-top2b {margin: 30px auto 10px;padding: 1rem .3rem 1rem .8rem;width: 77%;font-size: 1rem;border-radius: 3rem;}
a.btn1.btn1-top2a::after, a.btn1.btn1-top2b::after {font-size: 2.5rem;line-height: 1;margin: -0.4rem 0 0;}

a.btn1.btn1-publish {width: 100%;max-width: 96%;font-size: 1.1rem;}
a.btn1.btn1-publish::after {margin-top: -10px;}
}

.lst-btn {display: flex;flex-flow: row wrap;width: 94%;margin: 70px auto 0;padding: 0;}
.lst-btn li {width: calc(50% - 30px);min-width: 285px;margin: 0 auto 20px;padding: 0;}
.lst-btn li a {width: 100%;margin: 0 auto;padding: 50px 0px 50px 30px;font-size: 23px;font-weight: 600;text-align: center;text-decoration: none;background-color: #6ac8bd;color: #fff;border-radius: 35px;display: block;}

.lst-btn.lst-btn-top {width: 55%;min-width: 550px;}
.lst-btn.lst-btn-control {width: 55%;min-width: 550px;margin: 0 auto 30px;}
.lst-btn.lst-btn-education {width: 100%;margin: 0 auto;}
.lst-btn.lst-btn-education > li {width: 100%;}
.lst-btn li.b-movie a {background-color: #ef95c2;}
.lst-btn li.b-download a {background-color: #6ac8bd;}
.lst-btn li.b-faq a {background-color: #e18642;}
.lst-btn li.b-rule a {background-color: #e18642;}
.lst-btn li.b-download a {background-color: #6ac8bd;}
.lst-btn li a:hover {opacity: .7;transition: .5s;}
.lst-btn li a::after {font-family: FontAwesome;content: '\f0a9';margin-right: 10px;color: #fff;float: right;font-size: 50px;}
@media print, screen and (max-width: 750px) {
.lst-btn {width: 100%;margin: 20px auto 0;}
.lst-btn li {width: calc(50% - 5px);min-width: auto;margin: 0 auto 10px;}/*width: 100%;*/
.lst-btn li a {padding: 1.8rem .2rem 1.8rem .2rem;font-size: .8rem;border-radius: 25px;text-align: center;}
.lst-btn li a::after {margin-right: 3px;font-size: 1.1rem;}
.lst-btn.lst-btn-top {width: 94%;min-width: auto;margin: 35px auto;}
.lst-btn.lst-btn-control {width: 100%;min-width: auto;margin: 0 auto 0px;}
.lst-btn.lst-btn-control > li a {font-size: 1rem;}
.lst-btn.lst-btn-education > li a {font-size: 1rem;}
}

/*ガイドライン*/
.guideline-wrap {width: 100%;margin: 70px auto 30px;padding: 38px 40px 20px;border: solid 2px #aaa;border-radius: 30px;}
.guideline {width: 100%;}
.guideline dt {font-size: 24px;line-height: 1.2;color: #777;margin: 0 auto 20px;display: flex;align-items: center;}
.guideline dt strong {font-size: 15px;color: #fff;background-color: #999;margin-right: 10px;padding: 7px 12px;}
.guideline dd {font-size: 17px;line-height: 2.1;font-weight: 400;margin-right: 2%;}
.guideline-img {display: block;width: 50%;margin: 0 auto 5px;border: solid 1px #ccc;}
.guideline-link {display: block;margin: 0 0 10px 12%;font-size: 11px;line-height: 1.4;background: url(../img/cmn/ico-pdf.svg) no-repeat 0px 0px;padding: 3px 0px 0px 27px;background-size: 23px;}
@media screen and (max-width: 640px){
.guideline-wrap {margin: 25px auto;padding: 23px 25px;border-radius: 20px;}
.guideline dt {font-size: 1.05rem;}
.guideline dt strong {font-size: .7rem;margin-right: 7px;padding: 6px 7px 7px;}
.guideline dd {font-size: .8rem;line-height: 1.9;margin-right: 0%;margin-bottom: 15px;}
.guideline-img {width: 60%;}
.guideline-link {width: 90%;margin: 0 auto;font-size: .75rem;}
}

/*自動車の交通安全教育 タブ*/
.tabs {width: 88%;margin: 50px auto;background-color: transparent;border-radius: 30px;}
.tab_item {width: 49.5%;margin: 0 0 -1px 1%;padding: 25px 5px;font-size: 32px;line-height: 1;letter-spacing: 0.05rem;font-weight: 500;text-align: center;
display: block;float: left;transition: all 0.2s ease;color: #808080;background-color: #ccc;border-radius: 30px 30px 0 0;}
.tab_item.lft-m {margin: 0 0 -1px 0%;}
.tab_item:hover {color: #345ccd;background-color: #fff;cursor: pointer;}
input[name="tab_item"] {display: none;}
.tab_cont {display: none;clear: both;overflow: hidden;background-color: transparent;border-radius: 0 0 30px 30px;}
#tab1:checked ~ #tab1_cont,
#tab2:checked ~ #tab2_cont,
#tab3:checked ~ #tab3_cont,
#tab4:checked ~ #tab4_cont,
#tab5:checked ~ #tab5_cont,
#tab6:checked ~ #tab6_cont,
#tab7:checked ~ #tab7_cont,
#tab8:checked ~ #tab8_cont,
#tab9:checked ~ #tab9_cont {display: block;}
.tabs input:checked + .tab_item {color: #345ccd;background-color: #fff;}
@media screen and (max-width: 640px){
.tabs {width: 94%;margin: 20px auto 0px;}
.tab_item {font-size: 1.1rem;}
}

/*交通安全教育教材 タブ*/
.tabs.tabs-download .tab_item {width: auto;margin: 0 0.5% 0px 0;font-size: 21px;line-height: 1;padding: 25px 17px;border-radius: 20px 20px 0 0;}
.tabs.tabs-download input:checked + .tab_item {color: #1ebfac;background-color: #fff;}
.tabs.tabs-download .tab_item:hover {color: #1ebfac;background-color: #fff;cursor: pointer;}
.tabs-txt-s {font-size: 18px;}
@media screen and (max-width: 1100px){
.tabs.tabs-download .tab_item {font-size: 18px;padding: 20px 10px;border-radius: 15px 15px 0 0;}
.tabs-txt-s {font-size: 16px;}
}
@media screen and (max-width: 920px){
.tabs.tabs-download .tab_item {font-size: 16px;}
.tabs-txt-s {font-size: 14px;}
}
@media screen and (max-width: 840px){
.tabs.tabs-download .tab_item {font-size: 3.5vw;width: 24%;height: 40px;margin: 0 0.5% 5px;padding: 12px 3px 8px;border-radius: 10px;}
.tabs.tabs-download .tab_item.tab_item-2g {padding-top: 7px;}
.tabs-txt-s {font-size: 2.5vw;}
}

/*よくある質問*/
.cp_qa {width: 88%;margin: 0 auto;}
.cp_qa .cp_actab {position: relative;overflow: hidden;width: 100%;margin-bottom: 1px;color: #333;font-weight: 500;}
.cp_qa .cp_actab input {position: absolute;opacity: 0;}
/* 質問 */
.cp_qa .cp_actab label {font-size: 1.1rem;line-height: 1.4;position: relative;display: block;margin: 0;padding: 1.2rem 3rem 1.2rem 2.5rem;
text-indent: -1.5rem;cursor: pointer;border-bottom: 1px solid #ccc;}
.cp_qa .cp_actab label:before {content: 'Q.';padding-right: 0.5rem;color: #3495f4;font-size: 1.2rem;font-weight: 800;
/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/}
.cp_qa .cp_actab label:hover, .cp_qa .cp_actab label:active {color: #3495f4;background-color: #f0f6fc;}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {overflow: hidden;max-height: 0;-webkit-transition: max-height 0.5s ease;transition: max-height 0.5s ease;
color: #222;background: rgba(230, 250, 230, 0.2);background-color: #fff;}
.cp_qa .cp_actab .cp_actab-content .an {font-size: 1.1rem;padding: 1.2rem 1rem 1.3rem 3rem;text-indent: -1.9rem;display: block;
border-bottom: 2px solid #ccc;background-color: #fcfcfc;}
.cp_qa .cp_actab .cp_actab-content .an:before {content: 'A.';padding-right: 0.5rem;color: #444;font-size: 1.3rem;font-weight: 800;
/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/}
/* 質問を開いた時 */
.cp_qa .cp_actab input:checked ~ label {color: #3495f4;background-color: #f0f6fc;}
.cp_qa .cp_actab input:checked ~ .cp_actab-content {max-height: 999rem;}
.cp_qa .cp_actab label::after {line-height: 1.6;position: absolute;top: 55%;right: 0;display: block;width: 1.5rem;
margin-top: -12.5px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-align: center;}
.cp_qa .cp_actab input[type=checkbox] + label::after {content: '\25BC';font-size: 0.7rem;}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}

ul.faq-lst {width: 94%;margin: 9px auto 10px;}
ul.faq-lst li {list-style-type: disc;font-size: 1.1rem;text-indent: 0rem;}
@media screen and (max-width: 750px) {
.cp_qa {width: 90%;margin: 0 auto 30px;}
.cp_qa .cp_actab label {font-size: 1rem;line-height: 1.4;padding: 1rem 3rem 1rem 3rem;text-indent: -1.8rem;}
.cp_qa .cp_actab .cp_actab-content .an {font-size: 1rem;line-height: 1.4;padding: 0.8rem 1.8rem 1.2rem 3rem;}

ul.faq-lst {width: 86%;}
ul.faq-lst li {font-size: 1rem;}
}

/*テーブル*/
/*.overflow-x-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;width: 100%;}*/
.tableArea {margin: 0 auto 35px;}
.tbl-scroll {width: 100%;margin: 0 auto 10px;border: 1px solid #aaa;}
.tbl-scroll th, .tbl-scroll td {margin: 0;padding: 1.2rem 0.5rem 1.2rem 1.3rem;vertical-align: top;word-wrap: break-word;border: 1px solid #aaa;
font-size: 1rem;letter-spacing: 0.1rem;line-height: 1.5;font-weight: 500;text-align: left;}
.tbl-scroll th {font-weight: bold;}
.tbl-scroll.tbl-control th {background-color: #e1f4f2;}
.tbl-scroll.tbl-control th:first-child {width: 8rem;}
.tbl-scroll.tbl-control th:nth-child(2) {width: 9.5rem;}
.tbl-scroll.tbl-control th:nth-child(3) {width: auto;}
.tbl-scroll.tbl-control td.ticket-red {background-color: #ffebff;color: #c1272d;}
.tbl-scroll.tbl-control td.ticket-blu {background-color: #e7f1ff;color: #345ccd;}
.tbl-scroll.tbl-education th {background-color: #d6def5;color: #345ccd;}
.tbl-scroll th.txt-ct,.tbl-scroll td.txt-ct {text-align: center;}
.underline {border-bottom: solid 1px #4d4d4d;padding-bottom: 1px;}
@media print, screen and (max-width: 480px) {
.overflow-x-txt {font-size: .8rem;width: 96%;margin: 0 2% 5px;padding: 0;display: block !important;}/*スマホ時のみ注意文表示*/
.tableArea {margin: 0 auto 25px;padding: 2px 0 0;}
.tbl-scroll {width: 98%;margin: 0 1% 10px;}
.tbl-scroll th, .tbl-scroll td {padding: .9rem .8rem;font-size: .9rem;letter-spacing: 0.05rem;}
.tbl-scroll.tbl-control {width: 800px;}
.tbl-scroll.tbl-education {width: 800px;}
}

/*テーブル（交通安全教育教材）*/
.tbl-1 {width: 98%;margin: 0 auto 30px;border-bottom: 1px solid #ccc;}
.tbl-1 th, .tbl-1 td {padding: 15px 1rem;vertical-align: top;border-top: 1px solid #ccc;
font-size: 1rem;letter-spacing: 0.05rem;line-height: 1.6;font-weight: 400;text-align: left;word-wrap: break-word;}
.tbl-1 th {width: 7rem;}
.tbl-1 td > a {overflow-wrap: anywhere;word-break: break-all;}
.tbl-1 td > a::after {font-family: FontAwesome;content: '\f24d';margin-left: 5px;}
/*.tbl-1 td > a {background: url(../img/cmn/ico-pdf.svg) no-repeat 0px 0px;padding: 3px 0px 3px 30px;}*/
@media screen and (max-width: 750px){
.tbl-1 {font-size: .9rem;letter-spacing: 0.01rem;}
.tbl-1 th, .tbl-1 td {padding: 12px 1rem;width: auto;width: 100%;display: block;border-bottom: none;font-weight: 500;}
.tbl-1 th {width: 100%;background-color: #f3f3f3;}
.tbl-1 td {border-top: none;padding-bottom: 20px;}
}

/*交差点では一時停止して安全確認*/
.tbl-block {width: 100%;margin: 0 auto 70px;border: 1px solid #aaa;}
.tbl-block th, .tbl-block td {padding: 1.4rem 1.7rem;vertical-align: top;word-wrap: break-word;border: 1px solid #aaa;
font-size: 1.05rem;letter-spacing: 0.1rem;line-height: 1.5;font-weight: 500;text-align: left;}
.tbl-block th {background-color: #f9e7d9;vertical-align: middle;text-align: center;}
@media print, screen and (max-width: 480px) {
.tbl-block {margin: 0 auto 40px;border-bottom: none;}
.tbl-block th, .tbl-block td {width: 100%;display: block;border: none;border-bottom: solid 1px #aaa;
font-size: 1rem;letter-spacing: 0.05rem;}
.tbl-block th {border-bottom: none;}
}

/*ページトップ*/
#page-top {position: fixed;bottom: 5px;right: 5px;z-index: 999;}
#page-top a {color: #aaa;display: block;text-decoration: none;font-size: 50px;padding: 20px;opacity: 0.3;}
#page-top a:hover {opacity: 0.6;transition: .3s;}
#page-top a::before {font-family: FontAwesome;content: "\f062";font-weight: 100;}
@media print, screen and (max-width: 750px){
#page-top {position: fixed;bottom: 5px;right: 5px;}
#page-top a {font-size: 30px;padding: 5px;}
}

/*フッター*/
footer {width: 100%;margin: 70px auto 0;padding: 10% 20px 60px;background-color: #f2f2f2;
background-size: contain;background-image: url(../img/cmn/footer-bg.png);background-repeat: no-repeat;background-position: center top 0px;}
.ft-wrap {width: 96%;max-width: 1080px;min-width: 990px;margin: 0 auto;}
.ft-lft {width: 50%;margin: 0 auto;padding: 0;}
.logo2 {width: 90%;max-width: 150px;}
address {width: 98%;margin: 15px auto 0;font-size: .8rem;line-height: 1.6;letter-spacing: .05rem;font-style: normal;}/*address a:link, address a:visited, address a:hover, address a:active {color: #fff;text-decoration: none;}*/
address strong {font-size: 1.1rem;margin-bottom: 5px;display: inline-block;}

.ft-rgt {width: 50%;margin: 0 auto;padding: 0;display: flex;flex-flow: row wrap;}
.lst-footer {/*width: calc(33.333% - 0px);*/margin: 50px auto 0;padding: 0 0 0 10px;}
.lst-footer li {font-size: .9rem;letter-spacing: .02rem;}
.lst-footer li::before {font-family: FontAwesome;content: '\f0da';margin-right: 5px;color: #3495f4;}
.lst-footer li a {color: #333;text-decoration: none;}
.lst-footer li a:hover {color: #3495f4;transition: .3s;}
.lst-footer-btm {width: 96%;max-width: 1060px;min-width: 900px;margin: -20px auto 5px;padding: 0;text-align: right;}
.lst-footer-btm li {font-size: .8rem;letter-spacing: .01rem;display: inline-block;margin-left: 15px;}
.lst-footer-btm li:first-child {margin-left: 0px;}
.lst-footer-btm li a {color: #333;text-decoration: none;}
.lst-footer-btm li a:hover {color: #3495f4;transition: .3s;}
small {width: 96%;max-width: 1060px;min-width: 900px;margin: 0 auto;padding: 0;font-size: .75rem;letter-spacing: .02rem;line-height: 1.2;text-align: right;display: block;}
@media print, screen and (max-width: 750px) {
footer {height: 100%;margin: 0 auto;padding: 0;background-color: #fff;background-image: none;}
address {width: 100%;font-size: .85rem;line-height: 1.4;letter-spacing: .01rem;margin: 0px auto 5px;padding: 12px 3% 10px 7%;border-top: solid 1px #ccc;}
address strong {font-size: 1.1rem;float: left;margin-right: 20px;padding: 15px 0;}
.ft-wrap {width: 100%;min-width: 100%;}
.ft-lft {width: 100%;float: none;margin: 0 auto;}
.ft-rgt {display: none;}/*width: 100%;margin: 0 0 0 5%;*/
.lst-footer {width: calc(33.333% - 0px);margin: 10px auto 0;padding: 0;}
.lst-footer li {font-size: .6rem;letter-spacing: .01rem;line-height: 1.3;margin: 0 auto 10px;}
.lst-footer-btm {width: 98%;min-width: 98%;margin: 0px auto 5px;text-align: center;}/*display: none;*/
.lst-footer-btm li {font-size: .6rem;letter-spacing: 0rem;margin: 0 auto;font-weight: 400;}
small {width: 100%;min-width: 100%;font-size: .7rem;letter-spacing: .01rem;padding: 12px 0;text-align: center;background-color: #f2f2f2;}
}

.c-box p.pre, .pre {width: 70%;display: block;margin: 30px auto 150px;padding: 30px 50px;font-size: 1.4rem;line-height: 1.4;font-weight: 400;text-align: center;border: solid 1px #ccc;border-radius: 10px;}
.c-box p.pre {margin: 30px auto 70px;}
@media print, screen and (max-width: 750px){
.c-box p.pre, .pre {width: 80%;margin: 20px auto 100px;font-size: 1rem;}
.c-box p.pre {margin: 20px auto 30px;}
}