@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
strong { font-weight:bold;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {padding:0; margin:0; vertical-align:bottom;}
.clearfix:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
.clear {clear: both;}
a { text-decoration:none;}
a:hover { }

html, body {height: 100%; min-width:1120px;}

body{color:#333;font:14px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, sans-serif;line-height:1.5; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}

header { background:url(../images/header_bg.png) repeat; min-height:92px; min-width:1120px; width:100%; position:fixed; z-index:1000; padding:0px 0px;}
header section { max-width:1120px; margin:0px auto; padding:0px 10px;}
header section .logo { padding-top:32px; float:left;}
header section div { float:right; padding-top:10px; padding-bottom:10px;}
header section div nav { padding-bottom:13px;}
header section div nav ul li { float:left; padding:0x 5px;}
header section div nav ul li a:hover { opacity:0.8;}
header section div nav ul li:after { content:"/"; font-weight:bold; color:#FFF; padding:0px 5px;}
header section div nav ul li:last-child:after { content:""; padding:0px;}
header section div nav ul li a { color:#FFF; font-weight:bold;}
header section div nav:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
header section div ol { text-align:right;}
header section div ol li { display:inline-block; border:1px solid #FFF;}
header section div ol li a { color:#FFF; display:block;}
header section div ol li:first-child { background-color:#2DB200; }
header section div ol li:first-child a { font-size:14px; font-family: 'Lato', sans-serif; font-weight:500;text-align:center; padding:5px 80px; letter-spacing:1px;}
header section div ol li a:hover { background-color:#000;}
header section div ol li:last-child a:before { content:url(../images/link_logo.png); padding-right:5px;}
header section div ol li:last-child a { padding:5px 20px; font-weight:bold;}
header section div ol li:last-child a span { font-size:12px;}
header section:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.top_main { background:url(../images/top_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; position:relative; width: 100%;height: 100%; min-height:600px;}
/*
.top_main:after {position: absolute;bottom: 0;left: 0;content: '';width: 100%;height: 80%;background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0.5) 100%);background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0.5) 100%);}
*/
.top_main div { background-color:rgba(255,255,255,0.8); width:530px;margin:-130px 0px 0px -265px; color:#FFF; text-align:center; padding:20px; position:absolute; top:50%; left:50%; z-index:100; border-radius:5px; height:260px;}
.top_main div h2 { font-size:58px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color:#333;}
.top_main div h2 span { letter-spacing:-0.5em;}
.top_main div h3 { color:#333; font-size:20px; font-family: 'Lato', sans-serif; font-weight:300; letter-spacing:1px;padding-top:10px;}
.top_main div p { font-size:16px; padding:20px 0px 10px 0px; color:#333;}
.top_main div ul { text-align:center;}
.top_main div ul li { display:inline;}

.top_main div + a {	position: absolute; padding-top: 60px; color:#000; bottom: 30px;left: 50%; z-index:10}
.top_main div + a span {position: absolute;bottom: 30px;left: 50%;width: 30px;height: 50px;margin-left: -15px;border: 2px solid #000;border-radius: 50px;box-sizing: border-box;}
.top_main div + a span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #000;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb {
0% {-webkit-transform: translate(0, 0);opacity: 0;}
40% {opacity: 1;}
80% {-webkit-transform: translate(0, 20px);opacity: 0;}
100% {opacity: 0;}
}
@keyframes sdb {
0% {transform: translate(0, 0);opacity: 0;}
40% {opacity: 1;}
80% {transform: translate(0, 20px);opacity: 0;}
100% {opacity: 0;}
}
.news { padding:10px 0px; background-color:#000;}
.news dl {text-align:center;}
.news dl dt { width:7em; color:#FFF; font-weight:bold; display:inline-block;}
.news dl dd { color:#FFF; display:inline-block;}
.news dl dd span { color: #F00; font-weight:bold;}
.news dl dd a { color:#FFF;}
.news dl:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}

.message { width:100%; 
background: #EEE url(../images/message_bg.png) no-repeat left center; height:427px;

}
.message div {max-width:900px; margin:0px auto;}
.message div figure figcaption { float:right; padding-right:0px; padding-top:80px;}
.message div figure figcaption h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px;}
.message div figure figcaption h3 { font-size:14px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; letter-spacing:1px;}
.message div figure figcaption h3 span { font-size:18px; font-weight:bold; color:#000;}
.message div figure figcaption h4 { padding-top:10px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color:#000;}
.message div figure figcaption ul { margin-top:30px;}
.message div figure figcaption ul li {background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #036), color-stop(0.00, #00A3D9));
background: -webkit-linear-gradient(#00A3D9, #036);
background: -moz-linear-gradient(#00A3D9, #036);
background: -o-linear-gradient(#00A3D9, #036);
background: -ms-linear-gradient(#00A3D9, #036);
background: linear-gradient(#00A3D9, #036); width:150px; border-radius:5px;}
.message div figure figcaption ul li:hover { background:#000;}
.message div figure figcaption ul li a { display:block; padding:10px 0px; color:#FFF; text-align:center; position:relative;}
.message div figure figcaption ul li a:after { content:"→"; padding-left:10px; position:absolute; right:10px; top:25%;}
.message div figure:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.strength { width:100%; background:url(../images/strength_pic.jpg) no-repeat; height:502px; background-size:cover;}
.strength div { width:500px; margin:0px auto; color:#FFF; text-align:center; padding-top:140px;}
.strength div h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px;}
.strength div h3 { font-size:14px;}
.strength div ul { margin-top:30px;}
.strength div ul li {background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #036), color-stop(0.00, #00A3D9));
background: -webkit-linear-gradient(#00A3D9, #036);
background: -moz-linear-gradient(#00A3D9, #036);
background: -o-linear-gradient(#00A3D9, #036);
background: -ms-linear-gradient(#00A3D9, #036);
background: linear-gradient(#00A3D9, #036); width:150px; margin:0px auto; border-radius:5px;}
.strength div ul li:hover { background:#000;}
.strength div ul li a { display:block; padding:10px 0px; color:#FFF; text-align:center; position:relative;}
.strength div ul li a:after { content:"→"; padding-left:10px; position:absolute; right:10px; top:25%;}

.interview { width:100%; padding:20px 0px;}
.interview h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px; text-align:center;}
.interview h3 { text-align:center; font-size:14px;}
.interview div { 
	max-width:1150px; 
	padding:30px 0px; 
	margin:0px auto;
	display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
	    text-align: left;
}

.interview div figure { 
    width: 21%;
    margin: 1em;
    /* float: left; */
    position: relative;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    /* text-align: left; */
}

.interview div figure p {overflow: hidden;}
.interview div figure p img { width:100%;    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;}
.interview div figure:hover > p img {  -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);}

.interview div figure figcaption { background-color:rgba(0,0,0,0.8); padding:2%; width:96%; position:absolute; bottom:0px; color:#FFF;}
.interview div figure figcaption h4 { font-weight:bold;}
.interview div figure figcaption h5 { font-size:12px;}
.interview div:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

footer { background-color:#000;}
footer p { color:#DDD; text-align:center; font-size:12px; padding:5px;}


.interview_main {background:url(../interview/images/inter_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; width: 100%;height: 400px;}
.interview_main h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px; text-align:center; padding-top:180px; color:#FFF;}
.interview_main h3 {text-align:center; font-size:14px; color:#FFF;}

.movie_area { background-color:#EEE; padding:34px 0px; width:100%;}
.movie_area div { margin:0px auto;width:980px;}

.time_schedule { width:980px; margin:0px auto; padding:30px 0px 50px;}
.time_schedule h2 { font-size:18px; font-weight:bold; margin-bottom:20px; text-align:left;}
.time_schedule h2 + div { float:left;}
.time_schedule h2 + div + div { float:right;}
.time_schedule div { width:50%;}
.time_schedule div dl { padding-bottom:15px; position: relative;}
.time_schedule div dl dt {width:70px; height:70px; line-height:70px; vertical-align:middle; text-align:center; border-radius:40px; font-weight:bold; background-color:#FFF; float:left;}
.time_schedule div dl dd { padding-left:100px; padding-top:25px; font-size:16px;}
.time_schedule div dl:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
.time_schedule div .am { border:2px solid #0056CB;}
.time_schedule div dl dt.am:before { content:""; border-left:2px solid #0056CB; height:15px; position:absolute; left:36px; bottom:0px;}
.time_schedule div .pm { border:2px solid #F29D33;}
.time_schedule div dl dt.pm:before { content:""; border-left:2px solid #F29D33; height:15px; position:absolute; left:36px; bottom:0px;}
.time_schedule div .end { border:2px solid #E03C31;}
.time_schedule:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.interview_001 { width:1120px; margin:0px auto;background:url(../interview/images/inter_001_main.jpg) no-repeat right bottom; height:530px;}
.interview_001 div { padding-top:170px;}
.interview_001 div p { font-size:40px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.interview_001 div h2 {font-size:32px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; margin-top:30px;}
.interview_001 div h2 span { font-size:16px; padding-left:1em;}
.interview_001 div ul { padding-top:20px;}
.interview_001 div ul li { margin-bottom:10px;}
.interview_001 div ul li span { background-color: #F93; color:#FFF; padding:5px 5px;}
.interview_001_cont div { width:980px; margin:0px auto; letter-spacing:1px; padding-top:30px;}
.interview_001_cont div h2 { font-size:26px; font-weight:bold; margin-bottom:30px;}
.interview_001_cont div dl { margin-bottom:40px;}
.interview_001_cont div dl dt { color:#59B200; font-weight:bold; font-size:16px;}
.interview_001_cont div dl dd { font-size:16px; margin-top:10px;}
.interview_001_cont p img { width:100%;}

.interview_002 { width:1120px; margin:0px auto;background:url(../interview/images/inter_002_main.jpg) no-repeat right bottom; height:530px;}
.interview_002 div { padding-top:170px;}
.interview_002 div p { font-size:40px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.interview_002 div h2 {font-size:32px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; margin-top:30px;}
.interview_002 div h2 span { font-size:16px; padding-left:1em;}
.interview_002 div ul { padding-top:20px;}
.interview_002 div ul li { margin-bottom:10px;}
.interview_002 div ul li span { background-color: #F93; color:#FFF; padding:5px 5px;}
.interview_002_cont div { width:980px; margin:0px auto; letter-spacing:1px; padding-top:30px;}
.interview_002_cont div h2 { font-size:26px; font-weight:bold; margin-bottom:30px;}
.interview_002_cont div dl { margin-bottom:40px;}
.interview_002_cont div dl dt { color:#59B200; font-weight:bold; font-size:16px;}
.interview_002_cont div dl dd { font-size:16px; margin-top:10px;}
.interview_002_cont p img { width:100%;}

.interview_003 { width:1120px; margin:0px auto;background:url(../interview/images/inter_003_main.jpg) no-repeat right bottom; height:530px;}
.interview_003 div { padding-top:150px;}
.interview_003 div p { font-size:40px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.interview_003 div h2 {font-size:32px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; margin-top:30px;}
.interview_003 div h2 span { font-size:16px; padding-left:1em;}
.interview_003 div ul { padding-top:20px;}
.interview_003 div ul li { margin-bottom:10px;}
.interview_003 div ul li span { background-color: #F93; color:#FFF; padding:5px 5px;}
.interview_003_cont div { width:980px; margin:0px auto; letter-spacing:1px; padding-top:30px;}
.interview_003_cont div h2 { font-size:26px; font-weight:bold; margin-bottom:30px;}
.interview_003_cont div dl { margin-bottom:40px;}
.interview_003_cont div dl dt { color:#59B200; font-weight:bold; font-size:16px;}
.interview_003_cont div dl dd { font-size:16px; margin-top:10px;}
.interview_003_cont p img { width:100%;}

.interview_004 { width:1120px; margin:0px auto;background:url(../interview/images/inter_004_main.jpg) no-repeat left bottom; height:530px;}
.interview_004 div { padding-top:170px;}
.interview_004 div p { font-size:40px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-align:right;}
.interview_004 div h2 {font-size:32px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; margin-top:30px; text-align:right;}
.interview_004 div h2 span { font-size:16px; padding-left:1em;}
.interview_004 div ul { padding-top:20px;}
.interview_004 div ul li { margin-bottom:10px; text-align:right;}
.interview_004 div ul li span { background-color: #F93; color:#FFF; padding:5px 5px;}
.interview_004_cont div { width:980px; margin:0px auto; letter-spacing:1px; padding-top:30px;}
.interview_004_cont div h2 { font-size:26px; font-weight:bold; margin-bottom:30px;}
.interview_004_cont div dl { margin-bottom:40px;}
.interview_004_cont div dl dt { color:#59B200; font-weight:bold; font-size:16px;}
.interview_004_cont div dl dd { font-size:16px; margin-top:10px;}
.interview_004_cont p img { width:100%;}

.interview_005 { width:1120px; margin:0px auto;background:url(../interview/images/inter_005_main.jpg) no-repeat left bottom; height:530px;}
.interview_005 div { padding-top:170px;}
.interview_005 div p { font-size:40px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-align:right;}
.interview_005 div h2 {font-size:32px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; margin-top:30px; text-align:right;}
.interview_005 div h2 span { font-size:16px; padding-left:1em;}
.interview_005 div ul { padding-top:20px;}
.interview_005 div ul li { margin-bottom:10px; text-align:right;}
.interview_005 div ul li span { background-color: #F93; color:#FFF; padding:5px 5px;}
.interview_005_cont div { width:980px; margin:0px auto; letter-spacing:1px; padding-top:30px;}
.interview_005_cont div h2 { font-size:26px; font-weight:bold; margin-bottom:30px;}
.interview_005_cont div dl { margin-bottom:40px;}
.interview_005_cont div dl dt { color:#59B200; font-weight:bold; font-size:16px;}
.interview_005_cont div dl dd { font-size:16px; margin-top:10px;}
.interview_005_cont p img { width:100%;}

.message_main {background:url(../message/images/message_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; width: 100%;height: 400px;}
.message_main h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px; text-align:center; padding-top:160px; color:#FFF;}
.message_main h3 {text-align:center; font-size:14px; color:#FFF;}

.message_cont { width:980px; margin:0px auto; background:url(../message/images/message_pic.jpg) no-repeat right 100px;}
.message_cont div { width:60%; padding:50px 0px;}
.message_cont div dl dt {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size:20px; margin-bottom:10px; color:#000;}
.message_cont div dl dt span { background-color:#FC0; padding:5px;}
.message_cont div dl dd { margin-bottom:30px; font-size:16px;}

.strength_main {background:url(../strength/images/strength_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; width: 100%;height: 400px;}
.strength_main h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px; text-align:center; padding-top:160px; color:#FFF;}
.strength_main h3 {text-align:center; font-size:14px; color:#FFF;}
.strength_cont {width:980px; margin:0px auto; padding:30px 0px;}
.strength_cont h2 {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size:40px; margin-bottom:10px; color:#000; text-align:center;}
.strength_cont h3 {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size:20px; margin-bottom:50px; color:#000; text-align:center;}
.strength_area { padding:0px 0px 90px;}
.strength_area h4 {font-family: Georgia, "Times New Roman", Times, serif; font-size:50px; float:left; width:180px; color: #393;}
.strength_area h4 span { font-size:18px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.strength_area figure { float: right; width:800px; padding-top:20px;}
.strength_area figure figcaption span { background-color:#FC0; padding:0px 5px;}
.strength_area figure figcaption h5 { font-size:24px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; margin-bottom:20px;line-height:170%; font-weight:bold;}
.strength_area figure figcaption { font-size:16px; line-height:170%;}
.strength_area:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
.strength_area .col3_img { padding-top:40px;}
.strength_area .col3_img li { width:49.5%;float:left; margin-left:1%;}
.strength_area .col3_img li img { width:100%;}
.strength_area .col3_img li:first-child { margin-left:0%;}
.strength_area .col3_img:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
.strength_cont h6 { font-size:44px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-align:center; margin-bottom:90px; color: #393; padding-top:30px;}
.col1 h5 { font-size:24px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; margin-bottom:20px;line-height:170%; font-weight:bold; }
.col1 figcaption {float:left; width:65%;}
.col1_img { float:right; width:33.333%;}
.col1_img li img { width:100%;}
.col1:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.contact_main {background:url(../contact/images/contact_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; width: 100%;height: 400px;}
.contact_main h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px; text-align:center; padding-top:170px; color:#FFF;}
.contact_main h3 {text-align:center; font-size:14px; color:#FFF;}
.contact_cont {width:980px; margin:0px auto; padding:30px 0px;}
.contact_cont p { margin-bottom:10px; color:#F00;}
.contact_cont form table th span { background-color:#F00; color:#FFF; font-size:12px; margin-left:1em; padding:2px 3px;}
.contact_cont form table { width:100%; border-right:1px solid #CCC; border-bottom:1px solid #CCC; font-size:16px;}
.contact_cont form table th { width:30%; border-left:1px solid #CCC; border-top:1px solid #CCC; padding:30px; vertical-align:top; background-color:#FAFAFA;}
.contact_cont form table td { width:70%; border-left:1px solid #CCC; border-top:1px solid #CCC; padding:30px; position:relative;}
.contact_cont form table td div { padding:15px; border:1px solid #DDD; font-size:12px; height:200px; overflow:auto; margin-bottom:20px;}
.contact_cont form table td div dl dt { color:#06F; font-weight:bold; margin-bottom:5px;}
.contact_cont form table td div dl dd { margin-bottom:15px; margin-left:1em;}
.contact_cont form table td div dl dd ol li { position:relative; padding-left:2em;}
.contact_cont form table td div dl dd ol li span { position: absolute; left:0;}
.contact_cont form table td div dl:last-child dd { margin-bottom:0px;}
.contact_cont form table td input[type="text"],input[type="tel"],input[type="email"],textarea {border: 1px solid #d7dfdc;word-wrap: break-word; font-size:16px;}
.contact_cont form table td textarea { width:90%; height: 137px; padding:10px;}
.contact_cont form table td input[type="text"] {height: 38px;line-height: 38px;vertical-align: middle;padding: 0 10px;}
.contact_cont form table td input[type="email"] {width:60%;height: 38px;line-height: 38px;vertical-align: middle;padding: 0 10px;}
.contact_cont form table tdlabel.error { display:block; color:#F00; font-size:12px;}
.contact_cont form .end_form { width:500px; margin:30px auto 0px; padding-bottom:30px}
.contact_cont form .end_form input {height: 48px;line-height: 48px;text-align: center;vertical-align: middle;display: block;font-weight: bold;text-decoration: none;background: none;border: none;width: 100%; cursor:pointer; font-size:14px;}
.contact_cont form .end_form .reset { width:220px; border:1px solid #CCC; float:left;}
.contact_cont form .end_form .submit { width:220px; border:1px solid #CCC; float:right;}
.contact_cont form .end_form :after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.contact_cont form .end_form input:hover { background-color:#000; color:#FFF;}
.contact_cont form .end_form li { list-style:none;}
.contact_cont form .end_form:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
.contact_cont form .form_back { width:220px; border:1px solid #CCC; margin:0px auto;}
.contact_cont form .form_back input {height: 48px;line-height: 48px;text-align: center;vertical-align: middle;display: block;font-weight: bold;text-decoration: none;background: none;border: none;width: 100%; cursor:pointer; font-size:14px;}
.contact_cont form .form_back input:hover {background-color:#000; color:#FFF;}
.contact_cont form table td label.error { display:block; color:#F00; font-size:12px; position:absolute; bottom:5px;}
.contact_cont form .error_messe { color:#F00;}
.formcon tr:nth-child(4) { display: none;}
.form_thanks { padding-bottom:200px;}
.form_thanks h4 { text-align:center; margin-bottom:50px;}
.form_thanks .top_back {width:220px; border:1px solid #CCC; margin:0px auto;}
.form_thanks .top_back a {height: 48px;line-height: 48px;text-align: center;vertical-align: middle;display: block;font-weight: bold;text-decoration: none;background: none;border: none;width: 100%; cursor:pointer; font-size:14px; color: #333;}

.recruit_main {background:url(../recruit/images/recruit_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; width: 100%;height: 400px;}
.recruit_main h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px; text-align:center; padding-top:170px; color:#FFF;}
.recruit_main h3 {text-align:center; font-size:14px; color:#FFF;}
.recruit_cont { width:980px; margin:0px auto; padding:50px 0px 0px;}
.recruit_cont div { margin:0px 0px 50px;}
.recruit_cont h4 { font-size:20px; font-weight:bold; padding-bottom:5px;}
.recruit_cont table {width:100%; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
.recruit_cont table th { width:20%; border-left:1px solid #CCC; border-top:1px solid #CCC; padding:15px; vertical-align:top; background-color:#FAFAFA;}
.recruit_cont table td { width:80%; border-left:1px solid #CCC; border-top:1px solid #CCC; padding:15px;}
.recruit_cont table td ul li { list-style:outside; margin-left:1em;}
.recruit_cont div table + ul { padding-top:20px;}
.recruit_cont div table + ul li {width:220px; border:1px solid #CCC; margin:0px auto;}
.recruit_cont div table + ul li a { display:block; height: 48px;line-height: 48px; text-align:center; font-size:14px; font-weight:bold; color:#000;}

.news_main {background:url(../images/top_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; width: 100%;height: 400px;}
.news_main h2 {font-family: 'Lato', sans-serif; font-weight:100; font-size:60px; text-align:center; padding-top:170px; color:#FFF;}
.news_main h3 {text-align:center; font-size:14px; color:#FFF;}
.news_cont { width:780px; margin:0px auto; padding:30px 0px;}
.news_cont dl dt {}
.news_cont dl dd { font-size:16px; font-weight:bold;}
.news_cont dl { margin-bottom:10px;}
.news_cont div + ul { margin-top:80px; width:100%; text-align:center; margin-bottom:30px;}
.news_cont div + ul li {width:220px; border:1px solid #CCC; margin:0px auto; display:inline-block;}
.news_cont div + ul li a {height: 48px;line-height: 48px;text-align: center;vertical-align: middle;display: block;font-weight: bold;width: 100%; font-size:14px; color:#333;}
.news_list { width:780px; margin:0px auto; padding:30px 0px 100px;}
.news_list dl dt { width:7em; color:#333; font-weight:bold; float:left;}
.news_list dl dd { color: #333; padding-left:7em;}
.news_list dl dd span { color: #F00; font-weight:bold;}
.news_list dl dd a { color: #333;}
.news_list dl:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}



/*______20180731　追加______________________*/

/*インタビュー下部注釈テキスト*/
p.Note {
    font-size: small;
    color: #888;
}