@charset "utf-8";
/* CSS Document */
/****************************************************************************/
/**                     スマートフォン用CSS                                 */
/****************************************************************************/
/*@media screen and (max-width:1024px){*/
@media screen and (max-width:768px){
body {
    -webkit-text-size-adjust: 100%;
}

img, button{
    max-width: 100%;
    height: auto;
    width:auto;
}

a{
    word-break: break-word;
}

.sp {
    display: block;
}

.pc {
    display: none;
}

#logo img {
    height: 49px;
    margin: 0;
}
/* ----------------------------------------------------
                    段組
---------------------------------------------------- */
#wrapper{
    min-width: 0;
}

.container {
    width: 90%;
    margin: 0 5%;
}

#main_box {
    float:none;
    width: auto;
}

#sub_box {
    display: none;
}

.common_wraper {
    padding: 20px 0 30px;
}


/* ----------------------------------------------------
        ヘッダー
---------------------------------------------------- */
#head_upper .arrow_list, #head_sns, .head_link, #head_gcse, #head_upper_right {
    display: none;
}

header {
    padding: 20px 0 10px;
}

#logo {
    margin: 0;
    /* width: calc(100% - 150px); */
    float: none;
    text-align: center;
    margin-right: 40px;
    width:100%;
}

#head_upper {
    height: auto;
    float: left;
}

#head_upper_right {
    width: auto;
    margin: 5px 0 0 15px;
    float: right;
}

#head_lang {
    width: 90px;
}

#sp_menu_btn {
    display: block;
}

#navi {
    display: none;
}

#head_upper .language_list {
    float: none;
}

#head_upper .language_list li {
    padding: 0px;
    margin: 0 12px 0 0;
    line-height: 20px;
    display: inline;
    float: none;
}

#head_upper {
    width: 100%;
}

#head_upper .division_list {
    width: 98%;
    text-align: center;
    margin: 0 auto;
}


/* ----------------------------------------------------
        フッター
---------------------------------------------------- */
#foot_logo img {
    height: 30px;
    margin: 30px;
}

footer .arrow_list, footer .btn_link_list {
    display: none;
}

#foot_left, #foot_right {
    width: auto;
    float: none;
}

footer h1 {
    margin-right: 75px;
}

#foot_sns {
    position: relative;
    margin-top: 0;
}

#foot_sns li {
    width: 25px;
}

#copyright {
    margin-top: 20px;
    text-align: left;
}

#to_top {
    width: 35px;
    height: 35px;
    bottom: 20px;
    right: 20px;
}

#to_top::before {
    width: 7px;
    height: 7px;
    top: 15px;
}


/* ----------------------------------------------------
        ブロック要素
---------------------------------------------------- */
.sp_br {
    display: block;
}

/* ----------------------------------------------------
        文字列・インライン要素
---------------------------------------------------- */
.btn_link, .btn_link_l {
    width: 100%;
}


/* ----------------------------------------------------
        アンケート
---------------------------------------------------- */
#questions_box .btn_link, .btn_link_l {
    width: 100%;
    margin: 30px 0px 30px 0px;
}

#questions_box .campaign_btn_left {
    float: none;
}




}