@charset "utf-8";
/*
=======================================
	Backs作成
=======================================
*/

/* chromeだけフォントサイズが小さくなる現象対策でフォントを指定 */
textarea { 
    font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Helvetica,Arial,sans-serif;
}

.require {
     padding:0px 5px 0px 5px;
     margin-left:2px;
     vertical-align: text-bottom;
     color: #FFFFFF;
     background-color: #CC0000;
     font-size: 10px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     display:inline-block;
}


/*メニュー
---------------------------------------*/
@media screen and (min-width: 900px) {
    div #entrymsg .menu-list li#menu_entrymsg a, 
    div#mail .menu-list li#menu_mail a, 
    div#enquete .menu-list li#menu_enquete a, 
    div#entryupd .menu-list li#menu_entryupd a, 
    div#photoupload .menu-list li#menu_photoupload a {
		font-weight: bold;
	}
}


/* !Select
--------------------------------------------*/
table.userinfo select,
select.myselect {
    -webkit-appearance: none; /* org:button;2020/01/10 kuwana */
    -moz-appearance: none; /* org:button;2020/01/10 kuwana */
    appearance: none; /* org:button;2020/01/10 kuwana */
    background: #fff url(../img/select_down.png) no-repeat;
    background-position: right center;
    height: 40px;
    padding: 0 20px 0 5px;
    font-size: 16px;
    line-height: 2.2;
    vertical-align: middle;
    border: 1px solid #bfbfbf;
    min-width: 40%;
    max-width: 100%;
}
/*for IE10+*/
table.userinfo select::-ms-expand,
select.myselect::-ms-expand {
    display: none;
}

table.userinfo select.month_w100 {
    min-width: 110px;
    /*margin-bottom:10px; コメント化 2019/04/16 kuwana*/
}
table.userinfo select.day_w100 {
    min-width: 80px;
    /*margin-bottom:10px; コメント化 2019/04/16 kuwana*/
}

@media screen and (max-width: 768px) {
    table.userinfo select.year,
    table.userinfo select.month,
    table.userinfo select.day {
	    width: 80%;
        margin-bottom:10px;
    }

    table.userinfo select.month_w100,
    table.userinfo select.day_w100 {
        width: 40%;
        margin-bottom:10px;
    }

    table.userinfo select,
    select.myselect {
        width: 100%;
    }
}


    /*ステータスメニュー
---------------------------------------*/
/* 進捗用 */
.user-menu .Bg_blue {
    background:#3399CC;
    padding:0 10px;
}
.user-menu .Bg_red {
    background:#CC0000;
    padding:0 10px;
}
.user-menu .Bg_green {
    background:#339966;
    padding:0 10px;
}
.user-menu .Bg_purple {
    background:#993399;
    padding:0 10px;
}
.user-menu a .Bg_blue,
.user-menu a .Bg_red,
.user-menu a .Bg_green,
.user-menu a .Bg_purple {
    color:#fff;
}


    /*プライバシーポリシー
-----------------------------*/
#policy .privacy-link a {
    display:none; /* Policy.aspxではポリシーのリンクを非表示にする */
}


    /*トップ
---------------*/
.entrymsg_photo-top,
.entrymsg_photo-bottom {
    text-align:center;
}
.entrymsg_photo-top {
    margin-bottom:20px;
}
.entrymsg_photo-left {
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
.entrymsg_photo-right {
    float:right;
    padding-left:20px;
    margin-right:20px;
    margin-bottom:20px;
}


    /*Mail
---------------*/
/* 説明会一覧 */
.maillist{
    width:100%;
}
.maillist td{
    padding: 10px;
    text-align:center;
    border: 1px solid #cfcfcf;
    text-align:left;
}
.maillist thead th{
    padding: 10px;
	background: #f5f5f5;
	text-align: center;
	font-weight: normal;
    border: 1px solid #cfcfcf;
    text-align:left;
}
.maillist .Link a {
    text-decoration: none;
}
 
/*for SP*/
@media screen and (max-width: 768px) {
    h3.maillist-title{
        width:100%;
        background: #f5f5f5;
        text-align:center;
        border: 1px solid #cfcfcf;
    }
    .maillist{
        line-height:1.2em;
        border-top:1px solid #cfcfcf;
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: none;
    }
    .maillist thead{
        display:none;
    }
    .maillist tr{
        display:block;
        border-bottom: 1px solid #cfcfcf;
        background: url(../img/nav.png) right center no-repeat;
        padding:5px;

        /* 以下はtr全体にリンクを有効化 */
        position:relative;
    }
    .maillist a.Link {
        background: none;

        /* 以下はtr全体にリンクを有効化 */
        position:absolute;
        display: block;
        top:0;
        left:0;
        width:100%;
        height:100%;
        text-indent:-999px;
    }
    .maillist td{
        padding:2px 15px 2px 2px;
        border: none;
        display:block;
        width:100%;
        text-align:left;
    }
}


.newmail {
	color: #e63939;
	font-weight:bold;
}

p.New.Icon_mail-yet{
    background:url('../img/Icon_mail-yet.png') no-repeat right center ;
    width:20px;
}

.mail-read {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #cfcfcf;
}
.mail-read dt {
	float: left;
	width: 150px;
	border-top: 1px solid #cfcfcf;
	padding: 10px;
}
.mail-read dd {
	border-top: 1px solid #cfcfcf;
	padding: 10px;
	margin-left: 150px;
}

/*for SP*/
@media screen and (max-width: 768px) {
    .mail-read dt {
	    display:block;
        width:100%;
    }
    .mail-read dd {
	    display:block;
        margin-left: 0;
    }
}


    /*登録情報
------------------*/
dl.entruypd {
    width: 100%;
    /*overflow: hidden; コメント化 2020/12/04 kuwana */
}
dl.entruypd dt {
    display: block; /* add 2020/12/04 kuwana */
    clear: left; /* add 2020/12/04 kuwana */
    float: left;
    width: 170px;
    padding: 5px 0px 0px 5px; /* org:10px 0px 0px 5px; 2020/12/04 kuwana */
    font-weight: bold;
}
dl.entruypd dd {
    display: block; /* add 2020/12/04 kuwana */
    float: left; /* add 2020/12/04 kuwana */
    width: calc(100% - 170px); /* add 2020/12/04 kuwana */
    padding: 5px;
    /*margin-left: 170px; コメント化 2020/12/04 kuwana */
}
.userinfo .tenpo_no {
	width:25%;
}
.userinfo .tenpo_mei {
	width:70%;
}
table.userinfo td:empty {
    margin:0;
    padding:0;
}

/*for SP*/
@media screen and (max-width: 768px) {
    dl.entruypd dt {
        /*display:block; コメント化 2020/12/04 kuwana */
        width: 100%;
    }
    dl.entruypd dd {
        /*display:block; コメント化 2020/12/04 kuwana */
        /*margin-left: 0; コメント化 2020/12/04 kuwana */
        padding: 5px 0px 10px 5px; /* org:5px 0px 0px 5px; 2020/12/04 kuwana */
        width: 100%; /* add 2020/12/04 kuwana */
    }
    .userinfo .tenpo_no,
    .userinfo .tenpo_mei {
	    width:100%;
    }
}


    /*説明会
------------------*/
/* 説明会一覧 */
.expllist{
    width:100%;
    border-collapse:collapse;
}
.expllist td{
    padding: 10px;
    text-align:center;
    border: 1px solid #cfcfcf;
}
.expllist thead th{
    padding: 10px;
	background: #f5f5f5;
	text-align: center;
	font-weight: normal;
    border: 1px solid #cfcfcf;
}

.expllist td.Link {/* 説明会のタイトルが長すぎる場合への対応 2018/10/16 kuwana */
    width:90px;
}

.expllist .Link a {
    background: #0066a6 url(../img/ico_arrow-white.png) no-repeat 48px center;
    padding: 2px 29px 1px 12px;
    color: #fff;
    text-decoration: none;
}
.expllist td.circle span,
.expllist span.circle span {
    background: url(../img/ico_circle-blue.png) no-repeat left center;
    padding-left: 14px;
}
.expllist td.bats span,
.expllist span.bats span{
    background:url('../img/ico_x.png') no-repeat left center;
    padding-left:14px;
}
/* 残数△表示対応 add 2018/08/10 kuwana */
.expllist td.sankaku span,
.expllist span.sankaku span{
    background:url('../img/ico_sankaku.png') no-repeat left center;
    padding-left:14px;
}
/* 予約済み表示 add 2020/10/07 nakajima */
.expllist td.check span::before,
.expllist span.check span::before {
    display: inline-block;
    content: '';
    width: 12px;
    height: 8px;
    border-left: 2px solid #339966;
    border-bottom: 2px solid #339966;
    transform: rotate(-45deg);
    margin-right: 3px;
    margin-bottom: 3px;
}
 
/*for SP*/
@media screen and (max-width: 768px) {
    h3.expllist-title{
        width:100%;
        background: #f5f5f5;
        text-align:center;
        border: 1px solid #cfcfcf;
    }
    .expllist{
        line-height:1.2em;
        border-top:1px solid #cfcfcf;
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: none;
    }
    .expllist thead{
        display:none;
    }
    .expllist tr{
        display:block;
        border-bottom: 1px solid #cfcfcf;
        background: url(../img/nav.png) right center no-repeat;
        padding:5px;

        /* 以下はtr全体にリンクを有効化 */
        position:relative;
    }
    .expllist .Link a{
        background: none;

        /* 以下はtr全体にリンクを有効化 */
        position:absolute;
        display: block;
        top:0;
        left:0;
        width:100%;
        height:100%;
        text-indent:-999px;
    }
    .expllist td{
        padding:2px 2px;
        border: none;
    }
    .expllist td.block{
        display:block;
        width:100%;
        text-align:left;
        border: none;
    }
    .expllist td.inline {
        display:inline-block;
        text-align:left;
        border: none;
    }
}


/* 説明会詳細 */
.expl-read {
	width: 100%;
	border: 1px solid #cfcfcf;
}
.expl-read th {
	padding: 10px;
	background: #f5f5f5;
	text-align: left;
	font-weight: normal;
    border: 1px solid #cfcfcf;
    width:150px; /* add 2019/01/04 kuwana */
}
.expl-read td {
	padding: 10px;
    border: 1px solid #cfcfcf;
    text-align: left;
    word-wrap:break-word; /* add 2019/01/04 kuwana */
    word-break: break-all; /* add 2019/01/04 kuwana */
}

.expl-read .Open_window a{
    display:block;
    padding-left:24px;
    text-align:center;
    width:150px;
    background:url('../img/ico_open-window.png') no-repeat 7px center;
    border:1px #ccc solid;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    position:relative;
    font-size:83%;
    color:#333333; 
    text-decoration:none;
    margin-left: auto;
}

/*for SP*/
@media screen and (max-width: 768px) {
    .expl-read {

        border-top: none;
        border-bottom:  1px solid #cfcfcf;
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
    }
    .expl-read th{
        border-top:  1px solid #cfcfcf;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }
    .expl-read td{
        border-top: 1px solid #cfcfcf;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }
    .expl-read th,
    .expl-read td{
        width: 100%;
        display: block;
    }
    .expl-read .Open_window a{
        width:100%;
        font-size:100%;
        padding:5px;
    }
}

/* 説明会印刷用MAP */
.expl-map {
	margin:0 20px;
}
.expl-map .container {
    padding:0;
}

@media screen and (min-width: 769px) {
	.expl-map {
		margin:0 auto;
		width: 769px;
		padding-bottom: 80px;
	}
}

/* 印刷用地図画面（印刷時のスタイル） */
@media print {
    header.map .logo-img{
        display:none;
    }
    header.map .logo-txt {
        padding-left:0;
        font-size:12px;
    }
    .expl-map{
        margin-left:0;
    }
    .expl-map *{
        font-size:12px;
    }
    .expl-map .page-title{
        border-bottom:none;
        margin-bottom: 0px;
    }
    .expl-map table th,
    .expl-map table td {
        margin:0;
        padding:2px 10px;
        line-height:1.2;
    }
    .btn-center{
        display:none;
    }
    .expl-map .map img{
        max-height:600px;
        width:auto;
    }
    .footer.expl-map {
        display:none;
    }
}


/* パスワード問いあわせ */
.co1area {
	margin:0 5px;
}

@media screen and (min-width: 769px) {
	.co1area {
		margin:0 auto;
		width: 769px;
		padding-bottom: 80px;
	}
}


/*Tab Footer
---------------*/
.tab-footer {
	margin-top: 10px;
	text-align: center;
}
.current-page {
	margin-bottom: 20px;
}
.pager li {
	display: inline-block;
	margin: 0 2px;
}
.pager a {
	display: block;
	padding: 10px 20px;
	background: #f8f8f8;
	color: #000;
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
	line-height: 1;
}
.pager .current a {
	background: #fff;
}

@media screen and (min-width: 769px) {
	.tab-footer {
		position: relative;
		overflow: hidden;
		height: 50px;
	}
	.current-page {
		float: left;
	}
	.pager {
		position: absolute;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.pager a {
		font-size: 14px;
		font-size: 1.4rem;
        padding: 5px 7px;
	}
}


/*button
---------------*/
a.btn {
	line-height:1;
}

/*2 column button layout*/
.col2-btn-area .btn {
	max-width: none;
	text-align: center;
}
.col2-btn-area .btn+.btn {
	margin-top: 15px;
}

.active_btn {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	display: block;
	width: 100%;
	padding: 10px;
	background: red;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}

/* add 2017/12/21 kuwana */
.gray_btn {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	display: block;
	width: 100%;
	padding: 10px;
	background: #ccc;
	color: #444;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}
.active_btn:hover {
	background-color:#ff5555;
	color: #fff;
}
.gray_btn:hover {
	background-color: #dcdbdb;
	color: #444;
}

@media screen and (min-width:769px) {
	.col2-btn-area {
		margin-top: 40px;
		margin-bottom: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
      }
    .col2-btn-area .btn {
        -webkit-flex-basis: 40%;
            -ms-flex-preferred-size: 40%;
                flex-basis: 40%;
        margin: 0;
        padding: 10px 0;
    }
    .col2-btn-area .btn + .btn {
        margin-top: 0;
    }
}

/* 文字スタイル
---------------------------------*/
.errmsg { 
    color: #e63939;
    font-weight:bold;
    font-size:16px;
}
.attention { /* 「strong」から変更 2019/10/28 kuwana */
    color: #e63939;
    font-weight:bold;
    font-size:16px;
}
.hissu { /* add 2019/11/01 */
    color: #e63939;
    font-weight:bold;
    font-size:16px;
}


/* マクドナルド　ES 2016/12/28 */
.es_title{
    font-size:18px;
    font-weight:bold;
    color:blue;
}
.es_attention{
    color:#ea2686;
}
.es_question{
    font-weight: bold;
}

input[type="text"].input_w30 {
    width:30% ;
}
input[type="text"].input_w60 {
    width:60% ;
}
input[type="text"].input_w80 {
    width:80% ;
}
input[type="text"].input_w100px {
    width:100px ;
}
@media screen and (max-width: 768px) {
    input[type="text"].input_w30,
    input[type="text"].input_w60 {
	    width: 100%;
    }
}

.count{
    text-align: right;
    margin: 5px 15px 5px 5px;
}
.mojicount_btn {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	display: inline-block;
	width: 100px;
	padding: 5px;
	background: #444;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	cursor: pointer;
}
.mojicount_label {
    width:50px !important;
    padding:5px !important;
}

/* 横浜ゴム（インターンシップ）　ES 2019/05/24 */
table.es {
    margin-top: 10px;
}
table.es th,
table.es td {
    padding:10px;
}
table.es th.year {
    width:220px;
}
table.es th.naiyou {
    width:calc(100% - 220px);
}
select.ymd_year{
    width: 150px !important;
    min-width:150px !important;
    margin-right:10px;
}
select.ymd_month{
    width: 120px !important;
    min-width: 120px !important;
    margin-right:10px;
}
select.ymd_day{
    width: 120px !important;
    min-width: 120px !important;
}
select.ym_year{
    width: 100px !important;
    min-width:100px !important;
    margin-right:10px;
}
select.ym_month{
    width: 80px !important;
    min-width: 80px !important;
}
.es_hosoku{
     color:#999;
}
.mojicount_maxlen{
    color:#0066a6;
    font-weight:bold;
}
table.es img {
    max-height:300px;
}

/*for SP*/
@media screen and (max-width: 768px) {
    table.es {
        border: none;
    }
    .es thead {
        display: none;
    }
    table.es tr {
        border-top: #ccc 1px solid;
        display: block;
    }
    table.es th,
    table.es td {
        border-left: #ccc 1px solid;
        border-right: #ccc 1px solid;
        border-bottom: #ccc 1px solid;
        display: block;
    }
    .mojicount_maxlen{
        display:block;
    }
    .col-half + .col-half {
        margin-top:30px;
    }
    select.ymd_year{
        width: 32% !important;
        min-width:32% !important;
        margin-right:5px;
    }
    select.ymd_month{
        width: 30% !important;
        min-width: 30% !important;
        margin-right:5px;
    }
    select.ymd_day{
        width: 30% !important;
        min-width: 30% !important;
    }
    select.ym_year{
        width: 55% !important;
        min-width:55% !important;
        margin-right:5px;
    }
    select.ym_month{
        width: 40% !important;
        min-width: 40% !important;
    }
}

/* ステータスメニュー：コンテンツ 2017/02/02 kuwana
--------------------------------------------------------*/
.mt20{
    margin-top:20px;
}
li.cntnsBanner{
    background:#fff;
    margin-top:20px;
}
li.cntnsBanner p{
    padding:10px;    
}
li.cntnsImgBanner p{
    padding:5px 0px;    
}
li.cntnsBanner span.icon-file,
li.cntnsBanner span.icon-laptop,
li.cntnsBanner span.icon-info{/* 「icon-info」add 2019/02/14 kuwana */
    font-size: 22px;
    font-size: 2.2rem;
    display:inline-block;
    width:22px;
    height:22px;
    margin-right:5px;
    vertical-align:middle;
}
li.cntnsBanner a,
li.cntnsImgBanner a{
    border:none;
    padding:0;
    margin:0;
    display:inline-block;
    line-height:1.5;
    vertical-align:middle;
    text-align:initial;
    width:100%;
}
@media screen and (min-width:769px) {/* for PC */
    li.cntnsImgBanner img{
        margin:0 auto;    
    }
}
@media screen and (max-width: 768px) {/* for SP */
    li.cntnsBanner{
        margin-top:0;
    }
    li.cntnsImgBanner{
        margin-top:0;
        background:#fff;
    }
    li.cntnsImgBanner p{
        padding:10px 20px;    
    }
}

/* 半角英数字が突き抜ける現象対策 2017/02/03 kuwana */
table.userinfo a{
	word-wrap: break-word;
    word-break: break-all;
}

/* YSD履歴書対応 2017/12/20 kuwana
--------------------------------------------------------*/
.userinfo tr.border_top_none {
    border-top:none;
}
.userinfo td.photo_cell {
    text-align:center;
    border-left: 1px solid #ccc;
    width:200px;
}
.userinfo td.photo_cell img{
    max-height:230px;
    max-width:160px;
}
/* ラベルのみの行の場合、行間少なめに。2017/12/20 kuwana */
.userinfo .labelgyou,
.rirekiresult th{
	padding: 4px 10px;
}
.rirekiresult td{/* ←2019/04/19 kuwana */
	padding: 4px 7px;
}
#tbl_gakureki.rirekiresult dl dt,
#tbl_gakureki.rirekiresult dl dd,
#tbl_menkyo.rirekiresult dl dt,
#tbl_menkyo.rirekiresult dl dd{
	display:inline-block;
}
/* ↓2019/04/19 kuwana */
table.rireki th{
    padding:10px;
}
.rirekiresult dl.entruypd dt,
.rirekiresult dl.entruypd dd {
    padding-top: 0;
}
.userinfo td hr{
    border:0;
    border-top: 1px dashed #bbb;
    margin-top: 3px;
    margin-bottom:3px;
}
table.rireki input[type="text"], textarea {
    padding: 8px 10px;
}
table.rireki select{
    height:auto;
    padding: 0 20px 0 5px;
    font-size: 14px;
}
@media screen and (min-width:769px) {/* for PC */
    #PhotoDispforSP{
        display:none;
    }
}
@media screen and (max-width: 768px) {/* for SP */
    .rirekiresult td{
		padding: 5px;
	}
    .userinfo td.photo_cell{
        display:none;
    }
    #PhotoDispforSP{
        display:block;
    }
    /* ↓2019/04/19 kuwana */                       
    .userinfo td hr{
		margin-top: 15px;
        margin-bottom:0px;
	}
    .rirekiresult dl.entruypd dt,
    .rirekiresult dl.entruypd dd {
        padding-top: 5px;
    }
    table.rireki input[type="text"], textarea {
        padding: 12px 10px;
    }
    table.rireki select{
        height: 40px;
        padding: 0 20px 0 5px;
        font-size: 16px;
    }
}


/* KOA動画一覧対応 2019/12/04 kuwana
--------------------------------------------------------*/
.mymovie{
    width:100%;
    outline:none;
}
table.movielist{
    width: 100%;
}
table.movielist tr{
    border-bottom:solid 1px #cfcfcf;
    cursor:pointer;
}
table.movielist tr:hover,
table.movielist tr:hover p.movie_title{
    color:#ffd300;
}
table.movielist tr:hover img{
    opacity:0.5;
}
table.movielist td{
    vertical-align:top;
    padding:5px 0;
}
table.movielist td.movie_thumnail{
    width: 260px;
}
table.movielist p.movie_title,
.movieplay p.movie_title{
    color:#0066a6;
    font-size:18px;
    display:inline-block;
}
table.movielist p.movie_time,
.movieplay p.movie_time {
    display: inline-block;
    margin-left:10px;
}
table.movielist img{
    width:250px;
}

@media screen and (max-width: 768px) {/* for SP */
    table.movielist tr{
        border-bottom:none;
    }
    table.movielist tr:not(:first-child) td.movie_thumnail {
        padding-top:10px;
    }
    table.movielist td.movie_thumnail{
        padding-bottom:0;
    }
    table.movielist td{
        padding-top:0;
    }
    table.movielist td.movie_thumnail,
    table.movielist td{
        width: 100%;
        display:block;
        padding-top:0;
    }
    table.movielist p{
        font-size:12px;
    }
    table.movielist img{
        width:100%;
        border:solid 1px #ccc;
    }
}

/* オプション「動画登録」 2021/01/18 nakajima
   ※基本的にKOAカスタマイズを流用
--------------------------------------------------------*/
/* サムネイル無し動画一覧用 */
@media screen and (max-width: 768px) { /* for SP */
    table.movielist_nothum tr {
        border-bottom: solid 1px #cfcfcf;
    }
}

/* 横浜ゴムのES用に追加。2020/01/29 kuwana
--------------------------------------------------------*/
.image-resize {
    max-width: 200px;
    max-height: 200px;
}
* html body .image-resize {
    width: expression(this.width >= this.height ? "200px" : "auto");
    height: expression(this.width <= this.height ? "200px" : "auto");
}

/* 三井住友SDアセットマネジメントのES用に追加。2020/07/09 kuwana
--------------------------------------------------------------------*/
.input_seimei {
    width: calc((100% - 20px)/2) !important;
}
.dd_zip2 input[type="text"] {
    width: 120px !important;
}
.dd_tel3 input[type="text"] {
    width: 100px !important;
}
.gakureki_sub {
    font-weight: bold;
}
select.ym2_year {
    width: calc((50% - 30px) / 2) !important;
    min-width: calc((50% - 30px) / 2) !important;
    margin-right: 5px;
}
select.ym2_month {
    width: calc((50% - 30px) / 2) !important;
    min-width: calc((50% - 30px) / 2) !important;
    margin-right: 5px;
}
input[type="text"].input_w50 {
    width: 48%;
}
.es_photo {
    max-height: 150px !important;
}
input[type="file"].es_photofile {
    appearance: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    vertical-align: middle;
    font-size: 1em;
}
.es_img {
    display: inline-block;
    width: 50%;
}
.es_btn {
    width:45%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom:10px;
}
.photodel_chk input[type="checkbox"] + label {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.photodel_chk input[type="checkbox"]:checked + label{
    font-weight:bold;
    color:#0026ff;
}
.photochoice_msg {
    display: block;
    font-weight: bold;
    color: #0026ff;
}
/* 2020/12/15 kuwana */
.tablelist {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.tablelist tr {
    border: none;
}
.tablelist th {
    background:none;
    font-weight:bold;
    width:20%;
}
.tablelist td {
    width: 80%;
}
table.es td .tablelist th,
table.es td .tablelist td{
    padding: 2px;
}

@media screen and (max-width: 768px) { /* for SP */
    .col2area div {
        width: 100%;
    }
    .col2area div + div {
        margin-top: 20px;
    }
    select.ym2_year {
        width: 50% !important;
        min-width: 50% !important;
        margin-right: 5px;
    }
    select.ym2_month {
        width: 40% !important;
        min-width: 40% !important;
        margin-right: 5px;
    }
    select.ym2_year + select.ym2_month,
    select.ym2_month + input[type="text"].input_w50 {
        margin-top: 5px;
    }
    input[type="text"].input_w50 {
        width: 100%;
    }
    .dd_tel3 input[type="text"] {
        width: calc((100% - 34px) / 3) !important;
    }
    /* 2020/12/15 kuwana */
    table.es tr .tablelist tr {
        border: none;
    }
    .tablelist th,
    .tablelist td {
        width: 100%;
    }
    table.es td .tablelist th,
    table.es td .tablelist td {
        border: none;
    }
}

/* オプション版アンケート 2020/09/03 kuwana
--------------------------------------------------------*/
div.enqgrouplist ul {
    padding: 10px 0 10px 0;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
}
div.enqgrouplist ul li {
    display: inline-block;
}
div.enqgrouplist ul li.title {
    width: 45%;
}
div.enqgrouplist ul li.limit,
div.enqgrouplist ul li.limitover {
    width: 35%;
}
div.enqgrouplist ul li.katioubtn {
    width: 18%;
    text-align: center;
}
div.enqgrouplist ul li.limit,
.limitdate {
    color: #ea2686;
    font-weight: bold;
}
.errmsg p {
    line-height: 1.2;
}

@media screen and (max-width:768px) {
    div.enqgrouplist ul li {
        display: block;
        width: 100%;
    }
    div.enqgrouplist ul li.title,
    div.enqgrouplist ul li.limit,
    div.enqgrouplist ul li.limitover,
    div.enqgrouplist ul li.katioubtn {
        width: 100%;
    }
}

/* マージン
---------------------------------*/
.mt5 {
    margin-top: 5px !important;
}

/* glyphiconsアイコンをBootstrapから移植 2020/09/15 kuwana
--------------------------------------------------------------------*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
    position: relative;
    top: 3px; /* org:1px */
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.glyphicon-cloud-upload:before {
    content: "\e198"
}
.glyphicon-list-alt:before {
    content: "\e032"
}
.glyphicon-expand:before {
    content: "\e158"
}
.cntnsBanner .glyphicon {
    font-size: 20px;
}
/* オプション「動画登録」 2021/01/18 nakajima */
.glyphicon-film:before {
    content: "\e009"
}