@charset "Shift_JIS";
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#333; /*background-color:#ebf5ec;*/ font:16px "�q���M�m�p�S Pro", "Hiragino Kaku Gothic Pro", "���C���I", "Meiryo", sans-serif; line-height:1.6; min-width:1100px; -webkit-text-size-adjust:100%; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:inherit; text-decoration:inherit; }
a:hover{ color:inherit; text-decoration:inherit; }
a:hover , a img:hover/* , input[type=image]:hover , input[type=submit]:hover*/{ opacity:0.9; }

.btn{ display:block; width:340px; height:70px; color:#fff !important; text-decoration:none !important; text-align:center; font-size:18px; font-weight:bold; background:#333333 url("../images/arrow_white.svg") right 20px center / 7px 11px no-repeat; border:none; border-radius:5px;cursor:pointer; padding:15px 40px; margin:0 auto; transition:all 0.2s; }
.btn:hover{ box-shadow:0 4px 15px #f7f7f7; opacity:0.9; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:10px; }
.fontS{ font-size:12px; }
.fontM{ font-size:16px; }
.fontL{ font-size:18px; }

/* color */
.txt-blue{ color:#0074cd; }
.txt-red , .required , .error{ color:#cc0000; }
.txt-orange{ color:#f08709; font-weight: bold; }

/*indent */
.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }
.idt-dott{ padding-left:1.3em; text-indent:-1.3em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }
.underline{ text-decoration:underline; }

/*lh-reset*/
.lh-reset{ line-height:1.4; }
.lh2em{ line-height: 2em; }

/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }
.spt50{ padding-top:50px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml10{ margin-left:10px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml40{ margin-left:40px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr10{ margin-right:10px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr40{ margin-right:40px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
/*p{ margin:0 0 20px; }*/



sup { height: 0; line-height: 1; font-size: 12px; top:0; }

/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
input.ctl , textarea.ctl{ height:32px; padding:0 10px; border:solid 1px #ddd; border-radius:5px; /*background:#f6f6f6;*/ /*line-height:2;*/ }
input.sizeS{ max-width:50px; width:100%; }
input.sizeM{ max-width:250px; width:100%; }
input.sizeL{ max-width:400px; width:100%; }
textarea.sizeS{ max-width:450px; width:100%; height:60px; }
textarea.sizeM{ max-width:450px; width:100%; height:100px; }
textarea.sizeL{ width:100%; height:300px; }

.required{ color:#be4242; font-weight:bold; margin-left:5px; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:block; }
.sp-item{ display:none; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1000px; position:relative; margin:0 auto; }


/* movie ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-frame{ position:relative; width:auto; width:100%; height:0; }
.movie-frame.ratio16by9{ padding-top:56.25%; }
.movie-frame.ratio4by3{ padding-top:75%; }
.movie-frame video, .movie-frame iframe, .movie-frame object, .movie-frame embed, .movie-frame .frame-area{ position:absolute; top:0; left:0; width:100%; height:100%; }


/* flexbox ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.flex-box{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }


/* table ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* �c���� */
table.normal{ width:100%; }
table.normal th , table.normal td{ border:solid 1px #ccc; padding:10px 10px 8px; vertical-align:top; }
table.normal th{ width:200px; background:#eee; font-weight:bold; }
table.normal td{ background:#fff; }
table.normal tr:not(:first-child) th , table.normal tr:not(:first-child) td{ border-top:none; }
table.normal tr td:not(:first-child){ border-left:none; }

/* ������ */
table.normal-side{ width:100%; }
table.normal-side td{ border:solid 1px #ccc; padding:10px 10px 8px; }
table.normal-side tr:first-child td{ background:#eee; text-align:center; }
table.normal-side tr:not(:first-child) td{ border-top:none; background:#fff; }
table.normal-side tr td:not(:first-child){ border-left:none; }

table.tblist p{ margin:0; }
table.tblist { border: solid 1px #eee; margin-right: auto; margin-top:20px; width: 100%;}
table.tblist td{ border-bottom:none; display: block; }
table.tblist td.txtleft{ border-right:none; font-weight:bold; vertical-align:middle; text-align:center; border-bottom: solid 1px #eee; background-color: #f7f7f7; padding: 9px 20px 3px }
table.tblist td.txtright { padding: 20px 0 20px 40px; font-size: 14px; }
table.tblist td.txtright2{ border-top:none; padding:0 20px 10px; }
table.tblist .abstxt{ color:#a1001e; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ max-width:1600px; margin:0px auto; background:#fff; /*box-shadow:0 0 20px #d0ded1;*/ }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ text-align:center; margin-bottom:20px; padding-bottom: 10px; }
.header .title{ color:#fff; font-size:26px; padding: 12px 0 0 16px; }
.header .title .en{ display:block; font-size:10px; }
.header_bg { background: #f7f7f7; height: 80px; width: 100%; margin-bottom: 20px; }

/* footer_area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer_area{ background:#f7f7f7; font-size: 12px; }

/* bnr **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.bnr{ margin-top:50px; padding-top:30px;}

.bnr a{ display:block; width:250px; color:#333; text-align:center; }

.bnr a.group .logo{ margin:3px 0 28px; }
.bnr a.ink .logo{ margin:0 0 31px; }
.bnr a.profiles .logo{ margin:4px 0 27px; }

.bnr a .btn-link{ display:inline-block; padding-left:29px; }
.bnr a.group .btn-link{ background:url("../images/bnr_arrow_group.png") left center / 19px no-repeat; }
.bnr a.ink .btn-link{ background:url("../images/bnr_arrow_ink.png") left center / 19px no-repeat; }
.bnr a.profiles .btn-link{ background:url("../images/bnr_arrow_profiles.png") left center / 19px no-repeat; }


/* sns **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sns{ margin-top:60px; }
.sns a{ margin:0 23px; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ color:#fff; background:#323131; padding:14px 20px 12px; margin-top:30px; }

.footer .link{ float:left; font-size:12px; }
.footer .link a{ color:#fff; }

.footer .copy{ float:right; font-size:10px; }


/* ������ �^�u���b�g ������������������������������������������������������ */
@media only screen and (max-width: 768px){
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:100%; background:#fff; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:none; }
.sp-item{ display:block; }

img{ max-width:100%; height:auto; }
.br-reset{ display:none; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:100%; padding:0 10px; position:relative; }


/* table ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* �c���� */
table.normal th , table.normal td{ display:block; }
table.normal th{ width:100%; }
table.normal td{ border-left:solid 1px #ccc !important; }
table.normal tr:first-child td{ border-top:none; }

/* ������ */
table.normal-side td{ display:block; width:100%; text-align:center; }
table.normal-side tr:first-child{ display:none; }
table.normal-side tr:nth-child(2) td:first-child{ border-top:solid 1px #ccc; }
table.normal-side tr td:not(:first-child){ border-left:solid 1px #ccc; }
table.normal-side td:before{ display:block; content:attr(data-title); background:#eee; padding:5px 10px 3px; margin-bottom:10px; }

table.tblist{ width:100%; }
table.tblist td{ display:block; padding:10px; }
table.tblist td.txtleft{ width:100%; }
table.tblist td.txtright{ width:100%; }
table.tblist td:last-of-type{ border-top:none; }
table.tblist tr:last-of-type td:first-of-type{ border-bottom:none; }

/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ width:100%; margin:0; box-shadow:none; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:auto; text-align:left; }
.header .title{ font-size:20px; line-height:1.4; padding:15px; }
.header .title .en{ margin-top:5px; }


/* bnr **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.bnr{ margin-top:30px; }

.bnr a{ width:100%; text-align:left; border-top:solid 1px #ddd; padding:20px 10px; }
.bnr a:last-child{ border-bottom:solid 1px #ddd; }

.bnr a .logo{ float:left; margin:0 !important; }
.bnr a .logo img{ width:auto; height:40px; }

.bnr a .btn-link{ float:right; margin-top:10px; }


/* sns **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sns{ margin-top:20px; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ margin-top:20px; text-align:center; }

.footer .link{ float:none; margin-bottom:5px; }
.footer .copy{ float:none; }



}


/* ������ �X�}�z ���������������������������������������������������������� */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:300px; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.br-sp-reset{ display:none; }

}