@charset "utf-8";

section img{
max-width: 100%;
}

#inquiry {
display: none;
}

/* =====.point2020 ===== */

.tsuyomi h2{
background:transparent;
box-shadow: none;
color: #F82;
border: none;
text-shadow: none;
text-align: center;
font-weight: bold;
}


.tsuyomi h2 + p,
.tsuyomi h2 + p + p{
font-size: 1.25rem;
text-align: center;
}

.tsuyomi + h2{;
color: #152D9C;
background: none;
border: none;
text-shadow: none;
box-shadow: none;
padding: 0;
margin-top: 2em;
font-size: 2rem;
text-align: center;
font-weight: bold;
}


.tokucho{
background:#E5F4FB;
padding: 3%;
}

.tokucho > div{
border-bottom: 3px solid #FFF;
padding-bottom:6%;
margin-bottom:6%;
}

.tokucho > div:after{
content: "";
display: block;
clear: both;
}

.tokucho > div:nth-child(1){
background: url("../gokakunet/images/pht-01.jpg") no-repeat right top;
padding-top: 5%;
}

.tokucho > div:nth-child(2){
background: url("../gokakunet/images/pht-02-02.jpg") no-repeat left top;
padding-top: 5%;
}


.tokucho > div:nth-child(3){
background: url("../gokakunet/images/pht-03-02.jpg") no-repeat right top;
padding-top: 5%;
}


.tokucho > div:nth-child(4){
background: url("../gokakunet/images/pht-02.jpg") no-repeat left top;
padding-top: 5%;
}

.tokucho > div:nth-child(5){
background: url("../gokakunet/images/pht-05-02.jpg") no-repeat right top;
padding-top: 3%;
}


.tokucho > div:nth-child(6){
background: url("../gokakunet/images/pht-06.jpg") no-repeat left top;
padding-top: 5%;
}

.tokucho > div:nth-child(8){
border-bottom: none;
background: url("../gokakunet/images/pht-08.jpg") no-repeat left top;
padding-top: 5%;
margin-bottom:0;
}



.tokucho > div > div:first-child{
box-sizing: border-box;
background-color: #FFF;
width: 63%;
padding: 3%;
}


.tokucho > div:nth-child(even) div{
float: right;
}

.tokucho > div:nth-child(7){
display: flex;
flex-wrap: wrap;
}

.tokucho > div:nth-child(7) > div:nth-child(n + 2){
width:18.5%;
text-align: center;
white-space: nowrap;
}

.tokucho > div:nth-child(7) > div:nth-child(n + 4){
width: 25%;
}

.tokucho > div:nth-child(7) img{
background-color: #FFF;
padding: 4px;
margin: 1em 0 0.5em 0;
}


.tokucho div h3{
background-color: transparent;
box-shadow: none;
color: #005596;
text-shadow: none;
line-height: 1.1;
padding: 0;
margin: 0 0 2% 0;
font-weight: bold;
}

.tokucho div h3 strong{
display:inline-block;
color: #E53838;
line-height:1.7;
font-size: 130%;
vertical-align: top;
}

.tokucho div p{
margin: 0;
font-weight: 500;
}


section .entry{
margin:2em 0 4em 0;
font-size: 150%;
text-align: center;
}

section .entry a{
position: relative;
display: inline-block;
border-radius: 5px;
padding: 0.5em 3em 0.5em 1em;
}

section .entry a::before,
section .entry a::after{
content:"";
display: block;
}

section .entry a::before{
position: absolute;
top:calc(50% - 0.5em - 4px);
right: 0.8em;
border:4px solid #fff;
width: 1em;
height: 1em;
}

section .entry a::after{
position: absolute;
top:calc(50% - 0.2em);
right: 1.3em;
border-top: 4px solid #fff;
border-right: 4px solid #fff;
width: 0.3em;
height: 0.3em;
transform: rotate(45deg)
}

section .entry a:link,
section .entry a:visited{
color:#fff;
background-color: #f31;
}

@media screen and (max-width: 500px) {

section h1{
font-size: 5vw;
}

.tsuyomi h2 + p, .tsuyomi h2 + p + p{
margin: 1em 1em 0 1em;
font-size: 3.5vw;
text-align:left;
}

.tsuyomi h2 + p br, .tsuyomi h2 + p + p br{
display: none;
}

.tsuyomi + h2{
font-size: 6vw;
}


.tokucho > div:nth-child(even) div{
float: none;
}

.tokucho div h3{
font-size: 4.5vw;
}

.tokucho div p{
font-size: 3.5vw;
}

.tokucho > div:nth-child(1){
background-position:  center top;
background-size: 100% auto;
padding-top: 55%;
}

.tokucho > div:nth-child(2){
background-position:  center top;
background-size: 100% auto;
padding-top: 55%;
}

.tokucho > div:nth-child(3){
background-position:  center top;
background-size: 100% auto;
padding-top: 50%;
}

.tokucho > div:nth-child(4){
background-position:  center top;
background-size: 100% auto;
padding-top: 56%;
}

.tokucho > div:nth-child(5){
background-position:  center top;
background-size: 100% auto;
padding-top: 56%;
}

.tokucho > div:nth-child(6){
background-position:  center top;
background-size: 100% auto;
padding-top: 77%;
}

.tokucho > div:nth-child(7){
background-position:  center top;
background-size: 100% auto;
}

.tokucho > div:nth-child(8){
background-position:  center top;
background-size: 100% auto;
padding-top: 60%;
}

.tokucho > div > div:first-child{
width: auto;
padding: 3%;
}

.tokucho > div:nth-child(7):after{
display: none;
}

.tokucho > div:nth-child(7){
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.tokucho > div:nth-child(7) > div{
font-size: 3vw;
}

.tokucho > div:nth-child(7) > div:first-child{
width: 100%;
}

.tokucho > div:nth-child(7) > div:nth-child(n + 2){
width:30%;
text-align: center;
white-space: nowrap;
}

.tokucho > div:nth-child(7) > div:nth-child(n + 4){
width: 30%;
}

.tokucho > div:nth-child(7) img{
background-color: #FFF;
padding: 4px;
margin: 1em 0 0.5em 0;
max-width: 100%;
box-sizing: border-box;
}


section .entry{
font-size: 100%;
}

section .entry a::before{
top:calc(50% - 0.5em - 3px);
border:3px solid #fff;
}

section .entry a::after{
border-top: 3px solid #fff;
border-right: 3px solid #fff;
}


}

.how .flow img:last-child{
display: none;
}

@media screen and (max-width: 500px) {

.how .flow img:first-child{
display: none;
}

.how .flow img:last-child{
display: inline-block;
}

}

section #entryform form > table{
max-width: 100%;
width: calc(100% - 60px);
}

section #entryform form > table table{
max-width: 100%;
width: calc(100% - 60px);
}

#entryform table{
font-size: 0.875rem;
}

#entryform table table{
border-top: 1px solid #ddd;
}

#entryform table tr:nth-child(2) table{
margin-bottom: 1em;
}

#entryform table tr:nth-child(2) table th{
background-color: #E74C3C;
color: #fff;
text-shadow: none;
}

#entryform table tr:nth-child(2) table tr:nth-child(1) th:first-child,
#entryform table tr:nth-child(2) table tr:nth-child(7) th:first-child,
#entryform table tr:nth-child(2) table tr:nth-child(11) th:first-child{
width: 1em;
}

#entryform table tr:nth-child(2) table .doboku th{
background-color: #815E2C;
}

#entryform table tr:nth-child(2) table .kankouji th{
background-color: #AA4488;
}

#entryform table table td{
padding: 1em 0.5em;
text-align: center;
}

#entryform table table label{
display: inline-block;
text-align: center;
}
#entryform table table .cmp label:first-child{
font-weight: bold;
}



@media screen and (max-width: 500px) {

section h2{
margin-right: 0;
margin-left: 0;
}

section th:not(.inner){
background-color:#e6e2d8;
color: #000;
}

section #entryform th,
section #entryform td{
font-size: 12px;
}


section #entryform form > table,
section #entryform form > table table{
margin: 0;
width: auto;
box-sizing: border-box;
}

section #entryform form > table table{
width: 100%;
}

section #entryform form > table > tbody,
section #entryform form > table > tbody > tr{
display: block;
box-sizing: border-box;
width: auto;
}

section #entryform form > table > tbody > tr > th,
section #entryform form > table > tbody > tr > td{
display: block;
box-sizing: border-box;
width: auto;
}

section #entryform form td small{
display: block;
}

section #entryform input[type=text]{
box-sizing: border-box;
width: 100%;
}

section #entryform form textarea{
box-sizing: border-box;
width: 100%;
}

}