@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	index用のCSSです
----------------------------------*/

/*----------------------------------メインコンテンツ----------------------------------*/
body .contents p, body .contents a, body .contents li, body .contents span, body .contents h1, body .contents h2, body .contents h3, .contents h4, .contents div .contents dl, .contents dt, .contents dd, .contents div {
	line-height: 1.6;
	font-size: 16px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", "MSP Gothic", "ＭＳＰゴシック", Osaka, Arial, Helvetica, sans-serif !important;
}

.containner {
	max-width: 960px;
	margin: 0 auto;
}

.contents img{
	width: 100%;
	vertical-align: bottom;
}
.ttl{
	display: table;
	overflow: hidden;
}
.ttl .ttl_img.pc{
	max-width: 625px;
    overflow: hidden;
    display: table-cell;
}
.ttl .ttl_img.smp{
	display: none;
}
.ttl .ttl_txt{
    display: table-cell;
    width: 37%;
    background: #002048;
    vertical-align: middle;
    position: relative;
}
@media screen and (max-width:599px) {
	.ttl .ttl_txt{
		 width: 43%;
	}
}
.ttl .ttl_txt .bg{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 450px 200px;
    border-color: transparent transparent #002048 transparent;
    position: absolute;
    top: -5%;
    left: -200px;
}
@media screen and (max-width:599px) {
	.ttl .ttl_txt .bg{
	    border-width: 0px 0 450px 120px;
		left: -120px;
	}
}

.ttl .ttl_txt h1{
    color: #fff;
    font-size: 48px;
    text-align: right;
	margin-right: 15px;
	line-height: 1;
}
.ttl .ttl_txt h1 .bg_w{
    background: #fff;
    line-height: 1;
    font-size: 36px;
    padding: 5px;
    margin-bottom: 5%;
    display: inline-block;
	color: #002048;
}
.ttl .ttl_txt h1 .line{
    display: inline-block;
    color: #fff;
    font-size: 37px;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}

@media screen and (min-width:600px) and (max-width:959px) {
	.ttl .ttl_txt h1{
		font-size: 5vw;
	}
	.ttl .ttl_txt h1 .bg_w{
		font-size: 4vw;
	}
	.ttl .ttl_txt h1 .line{
		font-size: 3.8vw
	}
}
@media screen and (max-width:599px) {
	.ttl .ttl_txt h1{
		font-size: 7vw;
	}
	.ttl .ttl_txt h1 .bg_w{
		font-size: 4.8vw;
	}
	.ttl .ttl_txt h1 .line{
		font-size: 4.5vw
	}
}

@media screen and (max-width:599px) {
	.pc{
		display: none !important;
	}
	.smp{
		display: table-cell!important;
	}
}

.txt_info{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 40px 0 20px;
}
@media screen and (max-width:599px){
	.txt_info{
		font-size: 18px;
		margin: 8% 2% 4%;
	}
}
.btn_area{
	display: flex;
	margin: 0 20px 60px;
}
@media screen and (max-width:599px) {
	.btn_area{
		display: block;
		width: 96%;
		margin: 0 auto 8%;
	}
}
.btn_area .kaigai{
	width: 50%;
    text-align: center;
    background: #e7f0ff;
    border: #a8c1ec solid 1px;
    padding: 3% 1% 5%;
	box-sizing: border-box;
	margin-right: 10px;
}
@media screen and (max-width:599px) {
	.btn_area .kaigai{
		width: 100%;
		margin:0 0 4%;
		padding: 8% 1% 7%;
	}
}

.btn_area .kaigai .txt{
	margin-bottom: 4%;
}
.btn_area .kaigai .btn a{
    display: block;
    width: 90%;
    margin: auto;
    background: #fff;
    color: #0040aa;
    font-weight: bold;
    padding: 4% 2%;
    position: relative;
    border: #0040aa solid 2px;
	font-size: 18px;
	text-align: left;
}
.btn_area .kaigai .btn a::after {
  position: absolute;
  top: 34%;
  right: 1.2em;
  content: '>';
  margin-top: -5px;
  color: #0040aa;
  transition: all .2s;
}
.btn_area .kaigai .btn a:hover::after {
  right: 1em;
}
.btn_area .btn a:hover{
	opacity: 0.7;
	text-decoration: none;
}
.btn_area .kaigai .btn a:before{
    content: "";
    background: url(/attending/djkj/images/ic_kaigai.png) no-repeat;
    width: 51px;
    height: 34px;
    padding-right: 4%;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

.btn_area .kokunai{
	width: 50%;
    text-align: center;
    background: #ffe7e7;
    border: #ec9c9c solid 1px;
    padding: 3% 1% 5%;
	box-sizing: border-box;
	margin-left: 10px;
}
@media screen and (max-width:599px) {
	.btn_area .kokunai{
		width: 100%;
		margin:0 0 4%;
		padding: 8% 1% 7%;
	}
}

.btn_area .kokunai .txt{
	margin-bottom: 4%;
}
.btn_area .kokunai .btn a{
    display: block;
    width: 90%;
    margin: auto;
    background: #fff;
    color: #e25267;
    font-weight: bold;
    padding: 4% 2%;
    position: relative;
    border: #e25267 solid 2px;
	font-size: 18px;
	text-align: left;
}
@media screen and (max-width:959px){
	.btn_area .kokunai .btn a{
		font-size: 4vw;
	}
	.btn_area .kaigai .btn a{
		font-size: 4vw;
	}
}

.btn_area .kokunai .btn a::after {
  position: absolute;
  top: 34%;
  right: 1.2em;
  content: '>';
  margin-top: -5px;
  color: #e25267;
  transition: all .2s;
}
.btn_area .kokunai .btn a:hover::after {
  right: 1em;
}
.btn_area .kokunai .btn a:before{
    content: "";
    background: url(/attending/djkj/images/ic_kokunai.jpg) no-repeat;
    width: 60px;
    height: 34px;
    padding-right: 4%;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}
@media screen and (min-width:600px) and (max-width:959px){
	.btn_area .kokunai .btn a:before{
		width: 5vw;
		height: 2vh;
	}
	.btn_area .kaigai .btn a:before{
		width: 5vw;
		height: 2vh;
	}
	.btn_area .btn a{
	font-size: 2.1vw !important;
	}
}
@media screen and (max-width:959px){
	.btn_area .kaigai .btn a::after,
	.btn_area .kokunai .btn a::after {
		right: 2%;
	}
}
@media screen and (max-width:599px){
	.btn_area .kokunai .btn a:before{
		width: 11vw;
		height: 3vh;
	}
	.btn_area .kaigai .btn a:before{
		width: 11vw;
		height: 4vh;
	}
}





















/*----------------------------------180327追加分----------------------------------*/