@charset "UTF-8";

/************************************
** 全ページ共通CSS
************************************/

/*Cocoonデザインリセット*/
body{
    font-family: "Noto Sans JP", sans-serif;
    font-size:15px;
    background-color:#f5f5f5;
}
.wrap{
    width: auto;
}
.content{
    margin-top:0!important;
}
.main{
    padding:0!important;
    border:0!important;
    background-color:#f5f5f5;
}
table:not(.has-border-color) :where(th, td){
    border:none;
}

/*ボタンデザイン*/
.btn-square{
    width: 320px;
    text-align: center;
    padding:20px;
    position: relative;
    text-decoration: none;
    transition: all .3s;
    opacity: 1.0;
    display: inline-block;
    border-radius: 4px;
    font-size: 18px;
    opacity: 1.0;
    font-weight: bold;
}
.btn-square:hover{
    opacity: 0.6;
}
.btn-square::after{
    content: "";
    position: absolute;
    display: block;
    transition: all .3s;
    width: 7px;
    height: 18px;
    top: 50%;
    right: 1.5rem;
    border-top: solid 1px #0E78E3;
    border-right: solid 1px #0E78E3;
    transform: translateY(-50%) rotate(45deg) skewX(-45deg);
}
.btn-square.white{
    background-color:#ffffff;
    color:#0E78E3!important;
}
.btn-square.borderblue{
    border:1px solid #0E78E3;
}
.btn-square.pink{
    background-color:#E1245E;
    color:#ffffff!important;
}
.btn-square.blue{
    background-color: #0E78E3;
    color:#ffffff;
}
.btn-square.blue::after{
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
}
.btn-square.small{
    font-size:12px;
    padding: 10px;
    width: 230px;
}
.btn-square.medium{
    font-size:16px;
    padding: 15px;
    width: 260px;
}
.btn-square.full{
    width: 100%!important;
}


/*テキストデザイン*/
.fw-bold{
    font-weight: bold;
}
.ta-left{
    text-align: left;
}
.ta-right{
    text-align: right;
}
.ta-center{
    text-align: center;
}

/*背景色デザイン*/
.bg-lightblue{
    background-color: #E5F2FA;
}

/*文字サイズ*/
.fs-20{
    font-size:20px;
}


/*レイアウトフレーム*/
.pc{
    display: block!important;
}
.sp{
    display: none!important;
}

/*テーブルデザイン*/
table{
    text-align: left;
}
table:not(.has-border-color) :where(th){
    border: 0;
    background-color: #f5f5f5;
    padding: 20px;
    border-top: 1px solid #dddddd;
}
table:not(.has-border-color) :where(td){
    border: 0;
    background-color: #ffffff;
    border-top: 1px solid #dddddd;
    padding: 20px;
}
table tr:last-child th{
    border-bottom: 1px solid #dddddd;
}
table tr:last-child td{
    border-bottom: 1px solid #dddddd;
}

@media screen and (max-width: 1050px) {
    .pc{
        display: none!important;
    }
    .sp{
        display: block!important;
    }
}

/*スマホ版表示切り替えは660px以下*/
@media screen and (max-width: 660px) {

    body{
        font-size:14px;
    }
    .fs-20{
        font-size:16px;
    }
    table:not(.has-border-color) :where(th){
        background-color: #ffffff;
    }
    table:not(.has-border-color) :where(td){
        border-top: 0px;
    }
    table tr:last-child th{
        border-bottom:0px;
    }
    .btn-square{
        font-size:12px;
        padding: 15px;
        width: 220px;
    }
}

/*タブレット版表示切り替えは1200px以下*/
@media screen and (min-width:768px) and ( max-width:1200px) {
    table tr:last-child th{
        border-bottom:0px;
    }
}