@charset "Shift_JIS";

.bg-green {background-color:#8ec298;}
.bg-green2 {background-color:#9FDD90;}

.text-red { color:#cc0000; }
.text-white { color:#ffffff; }
.text-blue { color:#0000cc; }
.text-italic { font-style:italic; }
.under { text-decoration: underline; }
.bgc-tok { background-color:#8ec298; 
border-radius: 15px 15px 15px 15px;
text-align: center;
  display: inline-block;
  padding: 5px 10px;
  font-weight: normal;
color:#000000;
}

@media screen and (max-width: 912px) {
	span.ip { font-size: 84%; }
    }

@media screen and (max-width: 394px) {
	span.ip { font-size: 96%; }
    }


@media screen and (min-width: 995px) {
	.wid4p { width: 4%; }
	.wid5p { width: 5%; }
	.wid6p { width: 6%; }
	.wid7p { width: 7%; }
	.wid8p { width: 8%; }
	.wid10p { width: 10%; }
	.wid12p { width: 12%; }
	.wid13p { width: 13%; }
	.wid15p { width: 15%; }
	.wid16p { width: 16%; }
	.wid17p { width: 17%; }
	.wid18p { width: 18%; }
	.wid20p { width: 20%; }
	.wid22p { width: 22%; }
	.wid25p { width: 25%; }
	.wid28p { width: 28%; }
	.wid30p { width: 30%; }
	.wid33p { width: 33%; }
	.wid35p { width: 35%; }
	.wid38p { width: 38%; }
	.wid40p { width: 40%; }
	.wid42p { width: 42%; }
	.wid45p { width: 45%; }
	.wid48p { width: 48%; }
	.wid50p { width: 50%; }
	.wid53p { width: 53%; }
	.wid55p { width: 55%; }
	.wid57p { width: 57%; }
	.wid58p { width: 58%; }
	.wid60p { width: 60%; }
	.wid63p { width: 63%; }
	.wid65p { width: 65%; }
	.wid67p { width: 67%; }
	.wid70p { width: 70%; }
	.wid72p { width: 72%; }
	.wid73p { width: 73%; }
	.wid74p { width: 74%; }
	.wid75p { width: 75%; }
	.wid80p { width: 80%; }
	.wid83p { width: 83%; }
	.wid85p { width: 85%; }
	.wid90p { width: 90%; }
	.wid95p { width: 95%; }
	.wid98p { width: 98%; }
	.wid100p { width: 100%; }

	.widpx5 { width: 5px; }
	.widpx10 { width: 10px; }
	.widpx11 { width: 11px; }
	.widpx100 { width: 100px; }
	.widpx120 { width: 120px; }
	.widpx150 { width: 150px; }
	.widpx160 { width: 160px; }
	.widpx200 { width: 200px; }
	.widpx220 { width: 220px; }
	.widpx230 { width: 230px; }
	.widpx250 { width: 250px; }
	.widpx300 { width: 300px; }
	.widpx350 { width: 350px; }
	.widpx380 { width: 380px; }
	.widpx400 { width: 400px; }
	.widpx450 { width: 450px; }
	.widpx500 { width: 500px; }
	.widpx570 { width: 570px; }
	.widpx700 { width: 700px; }
}
@media screen and (max-width: 767px) {
	.titleType01 { margin: 0 0 25px 0!important; }
    .titleType3 { margin: 0 0 25px 0!important; }
    .titleType3 span.ttL {
        width: 100%;
        padding-right: 0px;
        box-sizing: border-box;
    }
    .titleType3 span.ttL span { padding-right: 10px; }
    .titleType4 { padding-top: 20px; }
    .titleType4 span.ttIn {
        display: block;
        margin-bottom: 3px;
        padding-right: 0;
    }

    a.btnType2 span.tCel { font-size: 1.50rem; }
    a.btnType2 .iconArrow::before {
        width: 12px;
        height: 12px;
        margin-top: -4px;
    }
}

.titleType5 {
    margin: 0 0 25px 0px!important;
    padding: 0 0 3px 2px!important;
    /* border-left: solid 8px #d5d5d5; */
    background: none;
}

h2.titleType5 span {background-color: #FFFFFF;
    background: none;
    padding-left: 5px;
    border-left: solid 12px #8ec298;

	font-size: 150%;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	h2.titleType5 span { font-size: 120%; }
    }

@media screen and (max-width: 394px) {
	h2.titleType5 span {
        font-size: 100%; }
    }

@media screen and (max-width: 394px) {
	h3.titleType6 { font-size: 95%; }
    }


.titleType6 {
    margin: 0 0 20px 2px!important;
    padding: 0 0 3px 10px!important;
    /* border-left: solid 8px #d5d5d5; */
    background: none;
    background-color:#8ec298;
    padding: 3px 3px 3px 3px;
    font-size: 130%;
    line-height: 150%;
}

h3.titleType6 span {background-color: #FFFFFF;
    background: none;
    color:#000;
}





@media screen and (max-width: 767px) {
	.kaibox h2.box-title { margin: 0px 0px 30px 0px!important; }
    }




.kaibox {
    margin: 2em 0;
    background: #FFFFFF;
        border: solid 2px #000000;
}
.kaibox h2.box-title{ 
    font-size: 1.4em;
    background: #8ec298;
    padding: 4px;
    color: #000;
    font-weight: bold;
}
.kaibox p {
    padding: 15px 20px;
    margin: 0;
}

@media screen and (max-width: 394px) {
	.kaibox h2.box-title { font-size: 100%; }
    }

.button01 a {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 230px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-color: #8ec298;
  transition: 0.3s;
}

.button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  transform: rotate(45deg);
}

.button01 a:hover {
  text-decoration: none;
  background-color: #8ed298;
}




.button02 a {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 190px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-color: #8ec298;
  transition: 0.3s;
  margin-top:5px;
}

.button02 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  transform: rotate(135deg);
}

.button02 a:hover {
  text-decoration: none;
  background-color: #8ed298;
}

@media screen and (max-width: 1024px) {
	.button02 a  { font-size: 15px;
  padding: 0.1em 0.5em;
  width: 160px; }
    }