@charset "utf-8";

/* ************************************************ 
*	申し込み
* ************************************************ */
.att-blue {
color:#57c3ea;
}
.terms-box {
width: 1000px;
max-width: 90%;
margin: 0 auto;
padding: 50px 0 100px 0;
}
.terms-box__leadtext {
font-size: min(1.8vw,17px);
text-align: left;
margin: 0 auto;
padding: 0 0 30px 0;
}
.entry-box {
margin: 30px auto 0 auto;
padding: 0 0 0 0;
}
.entry-box__title {
margin: 0;
padding: 0;
font-size: min(2.1vw,21px);
font-weight: 500;
}
.th-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.entry-red {
color: #c20018;
border: 1px solid #c20018;
padding: 0 15px;
margin: 0 0 0 15px;
display: flex;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.entry-text {
margin: 3px 0 0 0;
padding: 0;
}
.select-box {
margin: 0 0 15px 0;
padding: 0;
}
table.entry {
width: 100%;
margin: 0 0 30px 0;
padding: 0 0 0 0;
border-top: 1px #999 solid;
border-left: 1px #999 solid;
border-right: 1px #999 solid;
border-collapse: collapse;
border-spacing: 0;
}

table.entry th {
font-weight: normal;
text-align: left;
padding: 10px;
white-space: nowrap; 
vertical-align: middle;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
width:35%;
background-color:#efefef;
}

table.entry td {
text-align: left;
padding: 10px;
white-space: normal;
vertical-align: middle;
border-bottom: 1px #999 solid;
}
.entrylink-box {
margin: 30px auto 30px auto;
padding: 0;
text-align:center;
}
.entrylink-box a{
padding: 0 12px 0 0;
text-decoration: underline;
}
.entrylink-box a::after {
position:relative;
top: 2px;
right: -5px;
content:"";
display:inline-block;
width:15px;
height:15px;
background:url("../images/icon_link.svg") no-repeat;
background-size:contain;
}
.entrylink-box a:hover::after {
background:url("../images/icon_link.svg") no-repeat;
}


.entrylink-box a:hover{
text-decoration: none;
}
.entrylink {
margin: 50px auto 30px auto;
padding: 0;
text-align:center;
background-color:#fff;
border: 1px solid #333;
width: 300px;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.entrylink a{
color: #333;
display: block;
padding: 10px 0 11px 0;
line-height: 200%;
text-decoration: none;
font-size: min(2vw,18px);
}
.entrylink a:hover{
color: #fff;
background-color:#000;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.entry-box input[type="checkbox"],
.entry-box input[type="radio"]{
vertical-align: middle;
}
.end-red {
color: #c20018;
padding: 0;
margin: 0;
}

/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){

}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.terms-box { padding: 30px 0 50px 0; }
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.terms-box { padding: 20px 0 50px 0; }
.terms-box__leadtext{
padding: 20px 0 0 0;
font-size: 4.5vw;
text-align: left;
}
.entry-box p{ font-size: 4.5vw; }
table.entry th {
display:block;
width: 96%;
padding: 10px 2%;
border-bottom: none;
text-align:left;
font-weight:bold;
font-size: 4vw; 
}
table.entry td {
display:block;
width: 96%;
padding: 10px 2%;
font-size: 4vw;
}
.entrylink-box { text-align:left; }
.entrylink-box a{ font-size: 4vw; }
.entrylink { width: 100%; }
.entrylink a{ font-size: 4.5vw; }
}