@charset "utf-8";
/* CSS Document */
body#greetings section:nth-of-type(2) p{ margin: 20px 0 0;}
body#greetings section:nth-of-type(2) img:nth-of-type(1){ max-width: 100%; height: auto;}
body#greetings section:nth-of-type(2) p img{ margin: 0 0 0 15px;}

table{ margin: 0 0 50px; width: 100%;}
table td,table th{ padding: 20px; border: #DDD 1px solid;}
table th{ background-color: #f8f8f5; width: 20%;}

ul#conMenu{ max-width: 1100px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px auto 100px; flex-wrap: wrap;}
ul#conMenu li{ width: 31%; border-bottom: #BBB 1px solid; text-align: left; font-size: 90%;  position:relative; height: 50px;}
ul#conMenu::after{ content: ""; width: 31%; display: block;}
ul#conMenu li a{ width: 100%; top: 0; left: 0; position:absolute; padding:10px 0; line-height:180%; }
ul#conMenu li a:after{ content: ">"; position:absolute; top:20%; right: 0; line-height:200%;}
ul#conMenu li a:hover{ text-decoration: none; opacity: 0.5;}

body#oneday dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto 20px; flex-wrap: wrap; align-items: center; padding-bottom: 0; background:url("../img/oneday_yajirushi.jpg") no-repeat bottom;}
body#oneday dl:nth-of-type(1){ margin: 50px auto 20px;}
body#oneday dl:nth-last-of-type(1){  background:none!important;}
body#oneday dt{ width: 20%; margin: 0 0 30px;}
body#oneday dd{ width: 75%; margin: 0 0 30px;}
body#oneday h2{ margin: 0 0 5px; font-size: 180%;}

body#career section:nth-of-type(2) h2:nth-of-type(1){ margin: 0 0 30px; font-size: 200%;}
body#career section:nth-of-type(2) h2{ margin: 100px 0 30px; font-size: 200%;}
body#career section:nth-of-type(2) h3{ margin: 0 0 10px; font-size: 160%;}
body#career section:nth-of-type(2) p{ margin: 0 0 40px; line-height: 140%;}
body#career dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto 50px;}
body#career dl:nth-of-type(1){ margin: 40px auto 50px;}
body#career dt{ width: 45%; margin: 0 0 0; background: #0d82b0; color: #FFF; position: relative; text-align: center; height: auto; text-align: center;}
body#career dt h2{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 160%!important;}
body#career dd{ width: 50%; margin: 0 0 0;}
body#career dd p{ margin: 0 0 0!important; line-height: 140%;}
body#career dd ul{ margin: 20px 0 0;} 
body#career dd ul li{ display: inline; background: #0d82b0; border-radius: 10px; padding:5px 10px; color: #FFF; margin: 0 20px 0 0;}
 
body#rookie section:nth-of-type(2) h2:nth-of-type(1){ margin: 0 0 30px; font-size: 200%;}
body#rookie section:nth-of-type(2) h2{ margin: 0 0 30px; font-size: 200%;}

body#veteran section:nth-of-type(2) h2:nth-of-type(1){ margin: 0 0 30px; font-size: 200%;}
body#veteran section:nth-of-type(2) h2{ margin: 0 0 30px; font-size: 200%;}
body#veteran section#sitelink{ text-align: center; margin: 30px auto 0;}
body#veteran section#sitelink a{ background: #0d82b0; width: 45%; padding: 10px 20px; color: #FFF; margin: 60px auto 0; text-align: center; letter-spacing: 10px; border-radius: 0; box-sizing: border-box; display: block;}

body#senior section:nth-of-type(2) h2:nth-of-type(1){ margin: 0 0 30px; font-size: 200%;}
body#senior section:nth-of-type(2) h2{ margin: 0 0 30px; font-size: 200%;}
body#senior section:nth-of-type(2) h3{ margin: 0 0 40px; font-size: 110%;}
body#senior section:nth-of-type(2) p{ margin: 0 0 40px;}
body#senior section:nth-of-type(2) img:nth-of-type(1){ margin: 0 0 20px;}
body#senior section:nth-of-type(2) img{ margin: 100px 0 20px;}

body#walfare section:nth-of-type(2) h2:nth-of-type(1){ margin: 50px 0 20px; font-size: 200%;}
body#walfare section:nth-of-type(2) h2{ margin: 100px 0 20px; font-size: 200%;}
body#walfare section:nth-of-type(2) p{ margin: 0 0 50px; line-height: 140%;}

body#event section:nth-of-type(2) h2:nth-of-type(1){ margin: 0 0 30px; font-size: 200%;}
body#event section:nth-of-type(2) h2{ margin: 50px 0 30px; font-size: 200%;}
body#event section:nth-of-type(2) ul{ margin: 10px 0 0;}
body#event section:nth-of-type(2) ul li{ display: inline-block; max-width: 260px; padding: 10px;}

.imgBox{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px auto 0; flex-wrap: wrap;}
.imgBox img{ margin: 0 0 10px; max-width: 545px; width:calc( 50% - 5px); height: auto;}

@media screen and (max-width: 1100px) {
ul#conMenu{ max-width:calc(100vw - 60px); display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px auto 100px; flex-wrap: wrap;}
ul#conMenu li{ width: 31%; border-bottom: #BBB 1px solid; text-align: left; font-size: 90%;  position:relative; height: 50px; margin: 0 0 5px;}
}

@media screen and (max-width: 640px) {
ul#conMenu{ max-width:calc(100vw - 60px); display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px auto 100px; flex-wrap: wrap;}
ul#conMenu li{ width: 47%; border-bottom: #BBB 1px solid; text-align: left; font-size: 90%;  position:relative; height: 50px; margin: 0 0 5px; font-size: 80%!important;}
body#career dl{ display: block!important; margin: 0 auto 50px;}
body#career dt{ width: 100%; margin: 30px 0 0; text-align: center; height: auto; text-align: center; display: block;}
body#career dd{ width: 100%; margin: 0 0 0; display: block;}
body#career dt h2{font-size: 160%!important; background: #0d82b0; color: #FFF; margin: 0 0 10px 0; position:inherit; -webkit-transform:none; line-height: 140%;}
body#career section:nth-of-type(2) h3{ margin: 0 0 10px; font-size: 160%; text-align: center;}
table td,table th{ padding: 20px; border: #DDD 1px solid; display: block;}
table th{ background-color: #f8f8f5; width: 100%;}
body#oneday dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto 20px; flex-wrap: wrap; align-items: center; padding-bottom: 40px; background:url("../img/oneday_yajirushi.jpg") no-repeat bottom;}
body#veteran section#sitelink{ text-align: center; margin: 30px auto 0;}
body#veteran section#sitelink a{ background: #0d82b0; width: 80%; padding: 10px 20px; color: #FFF; margin: 60px auto 0; text-align: center; letter-spacing: 10px; border-radius: 0; box-sizing: border-box; display: block;}
}