@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
.uwBox {
background-color: #fff;
padding: 50px 70px;
border-radius: 20px;
}

.uwTit {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 25px;
margin-bottom: 30px;
border-bottom: #00afdd 3px dotted;
}

.uwIcon {
background-color: #00afdd;
text-align: center;
color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
font-size: 18px;
padding: 3px 12px;
border-radius: 8px;
}

.iconB {
font-size: 21px;
padding: 5px 25px;
}

.iconG {
background-color: #727171;
}

.uwTit h5 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 70px;
line-height: 1;
padding-left: 20px;
}

.uwTit h5 span {
font-size: 50px;
}

.uwList01Wrap {
margin-bottom: 60px;
}

.uwList01 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.uwList01 li {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.uwList01 h6 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 30px;
letter-spacing: -0.1em;
line-height: 1;
padding-left: 10px;
}

.uwList01 h6 span {
font-size: 20px;
}

.uwList01 .uwIcon,
.uwList02 .uwIcon {
-ms-flex-preferred-size: 98px;
flex-basis: 98px;
width: 98px;
box-sizing: border-box;
}

.uwList02 li {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: #86807e dashed 2px;
}

.uwList02 li:last-child {
margin-bottom: 0px;
}

.uwList02 p {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 30px;
letter-spacing: 0;
line-height: 1;
-ms-flex-preferred-size: 400px;
flex-basis: 420px;
width: 420px;
}

.uwList02 h6 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 31px;
line-height: 1;
color: #00afdd;
}

.tmListWrap {
margin-bottom: 70px;
}

ul.tmListT,
ul.tmListB {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

ul.tmListB {
width: 654px;
margin: 30px auto 0;
}

.tmList li {
width: 146px;
}

.tmListT li a,
.tmListB li a {
display: block;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 25px;
color: #fff;
padding: 12px 5px;
border-radius: 10px;
box-shadow: 6px 6px rgba(0,0,0,0.1);
}

.tmListT li.tmListT01 a:hover,
.tmListT li.tmListT02 a:hover,
.tmListT li.tmListT03 a:hover,
.tmListT li.tmListT04 a:hover,
.tmListT li.tmListT05 a:hover,
.tmListB li.tmListT06 a:hover,
.tmListB li.tmListT07 a:hover,
.tmListB li.tmListT08 a:hover,
.tmListB li.tmListT09 a:hover {
background-color: #303030;
box-shadow: 0px 0px rgba(0,0,0,0.1);
}

.tmListT li.tmListT01 a {
background-color: #64c0ab;
}

.tmListT li.tmListT02 a {
background-color: #54c3f1;
}

.tmListT li.tmListT03 a {
background-color: #f08300;
font-size: 23px;
}

.tmListT li.tmListT04 a {
background-color: #ba79b1;
}

.tmListT li.tmListT05 a {
background-color: #c09b30;
}

.tmListB li.tmListT06 a {
background-color: #fabe00;
}

.tmListB li.tmListT07 a {
background-color: #4da635;
}

.tmListB li.tmListT08 a {
background-color: #ec6d74;
}

.tmListB li.tmListT09 a {
background-color: #1d50a2;
}

.tmListBox {
margin-bottom: 40px;
}

.tmListBox ul {
margin-bottom: 50px;
}

.tmListBox:last-child {
margin-bottom: 0px;
}

.comTitSub {
margin-bottom: 25px;
}

.comTitSub2 {
text-align: center;
font-size: 1.2em;
margin-bottom: 15px;
}

#tm01 .comTitSub h3 {
color: #64c0ab;
}
#tm01 .comTitSub2 h4 {
color: #64c0ab;
}
#tm01 .comTitSub h3::before,
#tm01 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #64c0ab, #64c0ab 5px, #fff 0px, #fff 8px);
}

#tm02 .comTitSub h3 {
color: #54c3f1;
}
#tm02 .comTitSub2 h4 {
color: #54c3f1;
}
#tm02 .comTitSub h3::before,
#tm02 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #54c3f1, #54c3f1 5px, #fff 0px, #fff 8px);
}

#tm03 .comTitSub h3 {
color: #f08300;
}
#tm03 .comTitSub2 h4 {
color: #f08300;
}
#tm03 .comTitSub h3::before,
#tm03 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #f08300, #f08300 5px, #fff 0px, #fff 8px);
}

#tm04 .comTitSub h3 {
color: #ba79b1;
}
#tm04 .comTitSub2 h4 {
color: #ba79b1;
}
#tm04 .comTitSub h3::before,
#tm04 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #ba79b1, #ba79b1 5px, #fff 0px, #fff 8px);
}

#tm05 .comTitSub h3 {
color: #c09b30;
}
#tm05 .comTitSub2 h4 {
color: #c09b30;
}
#tm05 .comTitSub h3::before,
#tm05 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #c09b30, #c09b30 5px, #fff 0px, #fff 8px);
}

#tm06 .comTitSub h3 {
color: #fabe00;
}
#tm06 .comTitSub2 h4 {
color: #fabe00;
}
#tm06 .comTitSub h3::before,
#tm06 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #fabe00, #fabe00 5px, #fff 0px, #fff 8px);
}

#tm07 .comTitSub h3 {
color: #4da635;
}
#tm07 .comTitSub2 h4 {
color: #4da635;
}
#tm07 .comTitSub h3::before,
#tm07 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #4da635, #4da635 5px, #fff 0px, #fff 8px);
}

#tm08 .comTitSub h3 {
color: #ec6d74;
}
#tm08 .comTitSub2 h4 {
color: #ec6d74;
}
#tm08 .comTitSub h3::before,
#tm08 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #ec6d74, #ec6d74 5px, #fff 0px, #fff 8px);
}

#tm09 .comTitSub h3 {
color: #1d50a2;
}
#tm09 .comTitSub2 h4 {
color: #1d50a2;
}
#tm09 .comTitSub h3::before,
#tm09 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #1d50a2, #1d50a2 5px, #fff 0px, #fff 8px);
}

.tmListBox ul {
}

.tmListBox li {
box-sizing: border-box;
width: 30%;
float: left;
margin-right: 5%;
padding-left: 18px;
position: relative;
}

.tmListBox li:nth-child(3n) {
margin-right: 0px;
}

.tmListBox li:nth-child(n+4) {
margin-top: 10px;
}

.tmListBox li:before {
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
border-radius: 50%;
top: 10px;
/*-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
}

#tm01 li:before {
background: #64c0ab;
}

#tm02 li:before {
background: #54c3f1;
}

#tm03 li:before {
background: #f08300;
}

#tm04 li:before {
background: #ba79b1;
}

#tm05 li:before {
background: #c09b30;
}

#tm06 li:before {
background: #fabe00;
}

#tm07 li:before {
background: #4da635;
}

#tm08 li:before {
background: #ec6d74;
}

#tm09 li:before {
background: #1d50a2;
}

}




/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 768px) {
.uwBox {
background-color: #fff;
padding: 20px 20px;
border-radius: 20px;
}

.uwTit {
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;*/
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: #00afdd 3px dotted;
}

.uwIcon {
background-color: #00afdd;
text-align: center;
color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
font-size: 18px;
padding: 3px 12px;
border-radius: 8px;
margin-bottom: 15px;
}

.iconB {
/*font-size: 21px;
padding: 5px 25px;*/
}

.iconG {
background-color: #727171;
}

.uwTit h5 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 1;
padding-left: 20px;
text-align: center;
}

.uwTit h5 span {
font-size: 20px;
}

.uwList01Wrap {
margin-bottom: 60px;
}

.uwList01 {
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;*/
}

.uwList01 li {
margin-bottom: 30px;
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;*/
}

.uwList01 li:last-child {
margin-bottom: 0px;
}

.uwList01 h6 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 25px;
line-height: 1;
padding-left: 10px;
text-align: center;
}

.uwList01 h6 span {
font-size: 20px;
}

.uwList01 .uwIcon,
.uwList02 .uwIcon {
/*-ms-flex-preferred-size: 98px;
flex-basis: 98px;
width: 98px;*/
box-sizing: border-box;
}

.uwList02 li {
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;*/
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: #86807e dashed 2px;
}

.uwList02 li:last-child {
margin-bottom: 0px;
}

.uwList02 p {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0;
line-height: 1;
margin-bottom: 10px;
/*-ms-flex-preferred-size: 400px;
flex-basis: 400px;
width: 400px;*/
}

.uwList02 h6 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 25px;
line-height: 1;
color: #00afdd;
text-align: center;
}

.tmListWrap {
margin-bottom: 40px;
}

ul.tmListT,
ul.tmListB {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

ul.tmListB {
display: none;
}

.tmList li {
width: 48%;
}

.tmList li:nth-child(n+3) {
margin-top: 15px;
}

.tmListT li a,
.tmListB li a {
display: block;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
font-size: 23px;
color: #fff;
padding: 12px 5px;
border-radius: 10px;
box-shadow: 3px 3px rgba(0,0,0,0.1);
}

.tmListT li.tmListT01 a:hover,
.tmListT li.tmListT02 a:hover,
.tmListT li.tmListT03 a:hover,
.tmListT li.tmListT04 a:hover,
.tmListT li.tmListT05 a:hover,
.tmListB li.tmListT06 a:hover,
.tmListB li.tmListT07 a:hover,
.tmListB li.tmListT08 a:hover,
.tmListB li.tmListT09 a:hover {
background-color: #303030;
box-shadow: 0px 0px rgba(0,0,0,0.1);
}

.tmListT li.tmListT01 a {
background-color: #64c0ab;
}

.tmListT li.tmListT02 a {
background-color: #54c3f1;
}

.tmListT li.tmListT03 a {
background-color: #f08300;
font-size: 21px;
}

.tmListT li.tmListT04 a {
background-color: #ba79b1;
}

.tmListT li.tmListT05 a {
background-color: #c09b30;
}

.tmListT li.tmListT06 a {
background-color: #fabe00;
}

.tmListT li.tmListT07 a {
background-color: #4da635;
}

.tmListT li.tmListT08 a {
background-color: #ec6d74;
}

.tmListT li.tmListT09 a {
background-color: #1d50a2;
}

.tmListBox {
margin-bottom: 10px;
}

.tmListBox ul {
margin-bottom: 30px;
}

.tmListBox:last-child {
margin-bottom: 0px;
}

.comTitSub {
margin-bottom: 25px;
}

.comTitSub2 {
text-align: center;
font-size: 1.1em;
margin-bottom: 15px;
}

#tm01 .comTitSub h3 {
color: #64c0ab;
}
#tm01 .comTitSub2 h4 {
color: #64c0ab;
}
#tm01 .comTitSub h3::before,
#tm01 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #64c0ab, #64c0ab 5px, #fff 0px, #fff 8px);
}

#tm02 .comTitSub h3 {
color: #54c3f1;
}
#tm02 .comTitSub2 h4 {
color: #54c3f1;
}
#tm02 .comTitSub h3::before,
#tm02 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #54c3f1, #54c3f1 5px, #fff 0px, #fff 8px);
}

#tm03 .comTitSub h3 {
color: #f08300;
}
#tm03 .comTitSub2 h4 {
color: #f08300;
}
#tm03 .comTitSub h3::before,
#tm03 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #f08300, #f08300 5px, #fff 0px, #fff 8px);
}

#tm04 .comTitSub h3 {
color: #ba79b1;
}
#tm04 .comTitSub2 h4 {
color: #ba79b1;
}
#tm04 .comTitSub h3::before,
#tm04 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #ba79b1, #ba79b1 5px, #fff 0px, #fff 8px);
}

#tm05 .comTitSub h3 {
color: #c09b30;
}
#tm05 .comTitSub2 h4 {
color: #c09b30;
}
#tm05 .comTitSub h3::before,
#tm05 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #c09b30, #c09b30 5px, #fff 0px, #fff 8px);
}

#tm06 .comTitSub h3 {
color: #fabe00;
}
#tm06 .comTitSub2 h4 {
color: #fabe00;
}
#tm06 .comTitSub h3::before,
#tm06 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #fabe00, #fabe00 5px, #fff 0px, #fff 8px);
}

#tm07 .comTitSub h3 {
color: #4da635;
}
#tm07 .comTitSub2 h4 {
color: #4da635;
}
#tm07 .comTitSub h3::before,
#tm07 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #4da635, #4da635 5px, #fff 0px, #fff 8px);
}

#tm08 .comTitSub h3 {
color: #ec6d74;
}
#tm08 .comTitSub2 h4 {
color: #ec6d74;
}
#tm08 .comTitSub h3::before,
#tm08 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #ec6d74, #ec6d74 5px, #fff 0px, #fff 8px);
}

#tm09 .comTitSub h3 {
color: #1d50a2;
}
#tm09 .comTitSub2 h4 {
color: #1d50a2;
}
#tm09 .comTitSub h3::before,
#tm09 .comTitSub h3::after {
background: repeating-linear-gradient(-45deg, #1d50a2, #1d50a2 5px, #fff 0px, #fff 8px);
}

.tmListBox ul {
}

.tmListBox li {
box-sizing: border-box;
width: 48%;
float: left;
margin-right: 4%;
padding-left: 18px;
position: relative;
}

.tmListBox li:nth-child(2n) {
margin-right: 0;
}

.tmListBox li:nth-child(n+3) {
margin-top: 10px;
}

.tmListBox li:before {
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
border-radius: 50%;
top: 11px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#tm01 li:before {
background: #64c0ab;
}

#tm02 li:before {
background: #54c3f1;
}

#tm03 li:before {
background: #f08300;
}

#tm04 li:before {
background: #ba79b1;
}

#tm05 li:before {
background: #c09b30;
}

#tm06 li:before {
background: #fabe00;
}

#tm07 li:before {
background: #4da635;
}

#tm08 li:before {
background: #ec6d74;
}

#tm09 li:before {
background: #1d50a2;
}




}