@charset "UTF-8";
/* CSS Document */
dt{
float: left;
font-weight: 600;
}
dd{
margin-left: 80px;
}
.ttl-main {
margin-bottom: 16px;
}
.entry-btn {
margin-top: 48px;
}
.pc-flex > div{
padding: 12px;
}

#page_Hero article{
max-width: 1260px;
background: #e5e0d7;
padding: 16px;
}
#page_Hero h1{
font-weight: 900;
color: #595757;
}
#page_Hero p{
font-weight: 700;
color: #898989;
}

#tag, #Corp02,#Corp02-ttl,#Info{
width: 94%;
max-width: 1260px;
margin: 0 auto;
}

#tag h2{
font-weight: 700;
}
#tag span{
padding: 4px 8px;
border-radius: 4px;
font-size: 10px;
color: #FFF;
}

.key-word {
display: block;
}
.blawn {
background: #75565a;
}
.green {
background: #abb33e;
}
.blue {
background: #64bbc4;
}
.inner-m {
width: 94%;
max-width: 640px;
margin: auto;
}
.inner-m:nth-of-type(odd) {
margin: 24px auto;
margin-bottom: 80px;
}

#About .ttl-main,#About img,#About h3 {
margin-bottom: 24px;
}
/* #About h3 {
font-size: 1.3em;
font-weight: 700;
border-bottom: solid 5px orange;
} */

#Corp h2 {
font-size: 1.2em;
font-weight: 900;
color: #75565a;
border-bottom: solid 1px #898989;
margin-bottom: 12px;
}
#Corp h3 {
font-weight: 700;
}

#Corp02 article {
width: 90%;
}

.pick h2 {
margin: 0 0 8px;
font-weight: bold;
}
.pick .key-word{
margin-bottom: 8px;
}
.appeal {
background: #e5e0d7;
}
.appeal .key-word{
display: block;
border-bottom: solid 5px #f5e928;
}
.appeal p {
position: relative;
color: #898989;
font-size: 1.2em;
font-weight: 800;
margin: 0 auto;
padding: 4px 0 4px 24px;
}
.appeal p::before {
position: absolute;
content: "";
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 18px;
height: 18px;
background: url("../images/check.png") no-repeat center;
background-size: contain;
}

#Welfare h2 {
font-size: 1.6em;
font-weight: 900;
color: #036EB7;
margin: 16px 0;
}
#Welfare h3 {
font-weight: 700;
margin-bottom: 12px;
}

#Info h2 {
display: inline-block;
font-size: 1.6em;
font-weight: 900;
padding: 4px 8px;
margin-bottom: 16px;
color: #FFF;
}

#Entry .item-ttl{
font-size: 1.3em;
font-weight: 700;
border-bottom: solid 5px orange;
}
#Entry {
padding: 24px 0;
width: 94%;
max-width: 520px;
margin: auto;
}
form > p {
margin-bottom: 16px;
width: 100%;
}
.item-ttl {
margin-bottom: 16px;
font-size: 14px;
}
.item-ttl span{
font-size: 12px;
color: #e60012;
padding-left: 12px;
}
input[type="radio"]{
  display: none;
}
.radio{
position:relative;
display: inline-block;
margin-left: 36px;
padding: 8px 0;
}
.radio::before{
border: 1px solid #dcc7a7;
border-radius: 3px;
content: "";
display: block;
position: absolute;
top: 50%;
left: -24px;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
input[type="radio"]:checked + .radio::after{
background-color: #f29100;
border-radius: 3px;
content: "";
display: block;
position: absolute;
top: 50%;
left: -22px;
transform: translateY(-50%);
width: 14px;
height: 14px;
}
.select-name {
display: inline-block;
margin-left: 4px;
}
@media screen and (max-width: 560px){
#page_Hero p{
margin-top: 12px;
}

.key-word img{
width: 104px;
}

#tag {
margin-top: 16px;
}
#tag h2{
margin-left: 8px;
margin-bottom: 12px;
}
#tag span{
margin-left: 8px;
}

.corp-item, .contents{
max-width: 320px;
margin: 16px auto;
}

.appeal {
margin-top: 16px;
}

#Welfare h2{
font-size: 1.3em;
}

#Info h2 {
font-size: 1.3em;
}
}
@media screen and (min-width: 561px){
#page_Hero {
position: relative;
}
#page_Hero article{
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
width: 94%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
#page_Hero p{
font-size: 1.3em;
margin-left: 16px;
}
.pc-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.pc-flex > div{
width: 50%;
max-width: 580px;
}

.key-word img{
height: 28px;
width: auto;
}

#tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin-top: 36px;
}
#tag span{
margin-left: 16px;
}


}
@media screen and (max-width: 768px) {
#page_Hero h1{
font-size: 1.8em;
}
.corp-item .txt{
margin-top: 16px;
}
}

@media screen and (min-width: 769px) {
#page_Hero h1{
font-size: 2.6em;
}
.corp-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}
.corp-item > div{
width: 48%;
}
}

@media screen and (max-width: 959px){
#Corp02 .thumb {
margin: 0 auto 16px;
max-width: 300px;
}
}

@media screen and (min-width: 960px){
#Corp02 .contents{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
#Corp02 .thumb > img{
width: 180px;
}
#Corp02 article {
width: 70%;
margin: 0 16px;
}

.pick {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}
}