@media only screen and (min-width:600px) {

.event-title {
    font-size: 180%;
    color: #202321;
    font-weight: normal;
    padding: 22px 10px;
    margin: 0 0 60px;
    line-height: 1;
    border-bottom: #CCC 1px solid;
}

a {
    text-decoration: none;
}

.main-page h1 {
    text-align: center;
    border: none;
}

.main-page h2 {
    margin: 80px 0 50px;
    padding: 30px 0;
    color: #2182c8;
    text-align: center;
    font-size: 180%;
    font-weight: 600;
    border-top: 5px solid #2182c8;
    border-bottom: 5px solid #2182c8;
}

.main-page h3 {
    font-size: 130%;
    font-weight: 600;
    padding: 20px;
    text-align: center;
    border-bottom: none;
    color: #fff;
    background: #2182c8;
}

/* title */

.back-title {
    padding: 50px 30px 30px;
    border: 10px solid #2182c8;
    border-image: linear-gradient(to bottom, #2182c8, #c8ddf3);
    border-image-slice: 1;
}


/* コンテンツ */

.wrap-step {
    margin: 100px 0;
}

.answer-text {
    margin: 40px 0;
    padding-left: 1em;
    text-indent: -1em;
}

.step_number {
    display: block;
    margin: 50px auto 20px;
}

.main-text {
    font-size: 120%;
    text-align: center;
    font-weight: 600;
}

.sub_text {
    margin: 30px 0 50px;
}


.inquiry {
    text-decoration: underline;
    display: inline !important;
}

.note {
    font-size: 90%;
    font-weight: 500;
    margin: 20px 0 !important;
    padding-left: 1em;
    text-indent: -1em;
}

/* パスワードボタン */
.password-btn {
    margin-bottom: 15px;
    padding: 24px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(to bottom, #2182c8 50%, #c8ddf3);
    border-radius: 50px;
    display: block;
    position: relative;
}

.password-btn::after {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 30px;
    content: '';
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}

.step ul {
    font-weight: 700;
}

.wrap-main h3 img {
    max-width: 32%;
}

.phone-img {
    margin: 5% auto 10%;
    text-align: center;
    max-width: 50%;
}

.wrap-contact {
    margin: 10% 2%;
    padding: 5%;
    border: 1px solid #ccc;
}

.wrap-contact a {
    display: inline;
    font-size: 100%;
    font-weight: normal;
    text-decoration: underline;
}

/* アコーディオン */

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    margin: 0 auto;
}

.accordion-area li{
    margin: 0.1em 0;
}

/*アコーディオンタイトル*/
.accordion-title {
    position: relative;
    padding: 30px 60px 30px;
    transition: all .5s ease;
    background: #c8ddf3;
    font-size: 120%;
    font-weight: 600;
    text-indent: -1em;
}

/*アイコンの＋と×*/
.accordion-title::before,
.accordion-title::after{
    position: absolute;
    content: '';
    width: 15px;
    height: 1px;
    background-color: #333;
    
}
.accordion-title::before{
    top: 48%;
    right: 30px;
    transform: rotate(0deg);
    
}
.accordion-title::after{    
    top: 48%;
    right: 30px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.accordion-title.close::before{
	transform: rotate(45deg);
}

.accordion-title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    margin: 0 5%;
    padding: 0 0 5%;
}
}