@charset "UTF-8";
.main {
	position: relative;
	width: 100%;
	background: url(../img/bg_main.jpg) center bottom no-repeat;
	padding: 45px 0 50px;
	background-size: cover;
	color: #fff;
}


.topnews{ background: #000; box-sizing: border-box; padding: 3.61%; background-color: rgba( 0, 0, 0, 0.7 ); font-size: 0; letter-spacing: 0;}
.topnews .img{ width: 67%; display: inline-block; vertical-align: top;}
.img img{ width: 100%; height: auto;}
.topnews .txt{
	width: 33%; box-sizing: border-box; display: inline-block; vertical-align: top; padding-left: 3.61%; letter-spacing: 0.075em;
}

.topnews .txt p.categorytag{ font-size: 15px; letter-spacing: 0.2em;}

.topnews .txt h3{font-size: 22px; font-weight: 700; margin-bottom: 34px; padding-top: 25px; letter-spacing: 0.045em; line-height: 34px;}
.topnews .txt p{font-size: 13px; margin-bottom: 50px; letter-spacing: 0.025em;}
.topnews .txt p.written{ text-align: right; color: #999; font-size: 12px; margin: 0; letter-spacing: 0.075em;}

.sidepickcon li{ margin-bottom: 18px;}
.sidepickcon li .pickcon{ position: relative;}
.sidepickcon li .pickcon .categorytag{ position: absolute; top: 0; left: 0; z-index: 10}
.sidepickcon li .pickcon .caption{background-color: rgba( 0, 0, 0, 0.7 );  position: absolute; left: 0; bottom: 0; font-size: 16px; color: #fff; width: 100% ; font-weight: 600; padding: 10px; line-height: 24px; box-sizing: border-box; letter-spacing: 0.075em;}



.hedline li{ width: 30.43%; display: inline-block; margin-right: 4.1%; vertical-align: top; position: relative; margin-bottom: 40px;}
.hedline li:nth-child(3n){ margin-right: 0;}
.hedline li .caption p{ font-size: 16px; line-height: 26px; font-weight: 500; letter-spacing: 0.075em;}
.hedline li .categorytag{ position: absolute; right: 0; bottom: 0;}
.hedline li .img{ position: relative; margin-bottom: 15px;}


.sidepopler li{ font-size: 0; letter-spacing: 0; margin-bottom: 25px;}
.sidepopler li .img{ width:28.275%; display: inline-block; vertical-align: top;}
.sidepopler li .caption{ width:71.725%;  display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 6.8%;}

.sidepopler li .caption p{ font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0.075em;}
.sidepopler li .categorytag{ position: absolute; right: 0; bottom: 0; display: none;}
.sidepopler li .img{ position: relative; }
.contentsin{ padding-top: 80px;}
.contentsin.secondcont{ padding-top: 60px;}



@media (max-width: 900px) and (min-width: 601px){
	.contentWidth{ width: 100%; display: block;}
	.sideWidth{ width: 100%; margin-left: 0;}
	
	.sideWidth{ margin-top: 40px;}
	.sidepickcon li{ width: 50%; display: inline-block;}
	.sidepickcon li:first-child{ box-sizing: border-box; padding-right: 2.1%;}
	.sidepickcon li:last-child{ box-sizing: border-box; padding-left: 2.1%;}
	.sidepopler li{ display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box}
	.sidepopler li:nth-child(odd){ padding-right: 2.1%; box-sizing: border-box}
	.sidepopler li:nth-child(even){ padding-left: 2.1%; box-sizing: border-box}
	.banner li{ display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box}
	.banner li:nth-child(odd){ padding-right: 2.1%; box-sizing: border-box}
	.banner li:nth-child(even){ padding-left: 2.1%; box-sizing: border-box}
}



@media screen and (max-width:600px) {
	.topnews{ padding: 20px;}
	.main{ padding: 0 0;}
	.main .inner{ padding: 0;}
	.topnews{ width: 100%; display: block;}
.topnews .txt {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    letter-spacing: 0.075em;
}
	
	.topnews .txt h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-top: 0;
		line-height: 34px;
}
	
	.topnews .img {
    width: 100%;
    display: block;
    vertical-align: top;
		position: relative;
}
	
	 .topnews .txt p{ margin-bottom: 12px; font-size: 16px;}
	
	.topnews{ margin-bottom: 20px;}
	.main .sidepickcon{ box-sizing: border-box; padding: 0 20px 20px 20px;}
	
	.contentsin{ padding-top: 20px;}
	
.contentsin.secondcont{ padding-top: 0;}
	
	
	
	/*ヘッドライン*/
.hedline li {
    width: 100%;
    display: block;
    margin-right: 0;
    vertical-align: top;
    position: relative;
    margin-bottom: 5px;
	font-size: 0;
	letter-spacing: 0;
}
	
	.hedline li .img{ width: 45%; display: inline-block; vertical-align: t0p;}
	.hedline li .caption{ width: 55%; display: inline-block; vertical-align: top;}
	.hedline li .categorytag {
    position: absolute;
right: -56px;
    top: 0;
    height: 20px;
    font-size: 12px;}
	
	.hedline li .caption{ box-sizing: border-box; padding-top: 40px; padding-left: 10px;
	}
	
.hedline li .caption p{
	font-size: 16px;
    line-height: 23px;
}
	
	.contentsin .inner{ padding: 0;}	
	.contentsin .inner .contentWidth{ padding: 0 20px; box-sizing: border-box;}
	.contentsin .sideWidth{ background: #f1f1f1; padding: 20px; box-sizing: border-box; margin-top: 20px;}
	.sidepopler li .caption{ padding-left: 10px; font-size: 16px;}
	
.sidepopler li .caption p{ font-size: 16px; line-height: 24px; }
	.sidepopler li { margin-bottom: 20px;


	}


}


.leftin{ opacity: 0; transform:translateX(-15px);transition: all 0.6s 0.2s ease-in;}
.leftin.active{ opacity: 1; transform:translateX(0);}

.bottomin{ opacity: 0; transform:translateY(25px); transition: all 1.4s 0.8s ease-out;}
.bottomin.active{ opacity: 1; transform:translateY(0); }

.bottomindly{ opacity: 0; transform:translateY(25px);transition: all 1.8s 1.2s ease-out;}
.bottomindly.active{ opacity: 1; transform:translateY(0); }



/*second*/

.secondcon img{ width: 100%; height: auto;}
.articleTit{ font-size: 32px; line-height: 48px; font-weight: 500; letter-spacing: 0.025em; margin-bottom: 32px}
.articlRead{ font-size: 16px; color: #333; line-height: 24px; letter-spacing: 0.075em; margin-bottom: 30px;}
.wrightpepler .witerimg{ width: 100px; display: inline-block; vertical-align: middle; vertical-align: middle;}
.wrightpepler .witerimg img{ width: 100%; height: auto;}
.wrightpepler dl{ display: inline-block; font-size: 14px; letter-spacing: 0.025em; margin-left: 12px; vertical-align: middle; letter-spacing: 0.025em;}
.wrightpepler dt{ display: block; font-size: 18px; color: #333;}
.wrightpepler dd{ display: block; font-size: 12px; color: #999;}

.titarea{ padding-bottom: 40px; border-bottom: 2px solid #f1f1f1; margin-bottom: 50px;}

.wtrAttend{  font-size: 12px; color: #999; padding-top: 20px;}
.atclBlock{ margin-bottom: 80px;}
.atclBlock h3{ font-size: 30px; font-weight: 500; margin-bottom: 40px; letter-spacing: 0.025em;}

.atclBlock p{ font-size: 16px; line-height: 30px; letter-spacing: 0.075em; margin-bottom: 30px;}
.atclBlock .imgclock { margin-bottom: 30px;}
.atclBlock .imgclock p{ margin-bottom: 0; font-weight: 400;}
.atclBlock .imgclock p.imgtxt{ font-size: 14px; color: #666; line-height: 27px; padding-top: 20px;}
.cvbtn { text-align: center; padding-top: 30px; letter-spacing: 0.075em; margin-bottom: 40px;}
.cvbtn a{ color: #416ad9; border: 2px solid #416ad9; border-radius: 5px; font-size: 20px; font-weight: 600; padding: 25px 45px; transition: all 0.4s 0s ease-out;}
@media screen and (min-width:601px) {

.cvbtn a:hover{ text-decoration: none; background: #416ad9; color: #fff;}
}

@media screen and (max-width:600px) {
	.contentsin.secondcont .inner .contentWidth{ padding: 0;}
	.secondconInner{ padding: 0 20px; box-sizing: border-box;}
.pagenav {
    padding-top: 15px;
    margin-bottom: 15px;
}
	.articleTit{ font-size: 22px; line-height: 32px; margin-bottom: 20px; font-weight: 700;}
	.articlRead{ margin-bottom: 25px;}
	.wrightpepler .witerimg{ width: 32px;}
	.wrightpepler dt{ font-size: 12px;}
	.wrightpepler dd{ font-size: 10px;}
	.titarea {
    padding-bottom: 40px;
    border-bottom: 2px solid #f1f1f1;
    margin-bottom: 40px;
}
.atclBlock h3 {
    font-size: 19px;
    margin-bottom: 20px;
    letter-spacing: 0.025em;
	font-weight: 700;
}
.atclBlock p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.075em;
    margin-bottom: 20px;
}
.atclBlock {
    margin-bottom: 50px;
}
.atclBlock .imgclock {
    margin-bottom: 20px;
}
.cvbtn {
    text-align: center;
    padding-top: 0; 
    letter-spacing: 0.075em;
    margin-bottom: 70px;
}
.cvbtn a {
    color: #416ad9;
    border: 2px solid #416ad9;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 0;
    transition: all 0.4s 0s ease-out;
    width: 100%;
    display: block;
    box-sizing: border-box;
}
}






/*カンパニープライバシーポリシー*/


.pagetitwapp { width: 100%; padding:0 0 40px 0; border-bottom: 1px solid #f1f1f1; margin-bottom: 40px;}

.ptit {
    font-size: 56px;
    line-height: 58px;
    font-weight: 500;
    letter-spacing: 0.025em;
    margin-bottom: 10px;
}
.ptitread{ font-size: 18px;}

.company h3{font-size: 30px;
    font-weight: 500;
    margin-bottom: 40px;
    letter-spacing: 0.025em;}



.company p,.company ul,.company ul{
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.075em;
    margin-bottom: 30px;
}

.company dt{ margin-bottom: 20px; margin-top: 40px; font-weight: 500; font-size: 20px;}


.definitionListWrap{
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.075em;
    margin-bottom: 30px;
}

.definitionBoxSmall{ font-size: 12px; text-align: right; margin-top: 40px; color: #333;}
.innerWide{ margin-bottom: 80px;}


.company .inner{ font-size: 14px;}
.company .contentWidth{  margin: 0 auto; display: block; }

.company table{border: 1px solid #ddd; width: 100%; }
.company table tr{border-bottom: 1px solid #ddd; font-size: 14px; letter-spacing: 0.025em; }
.company table td { width: 60%; padding: 20px; box-sizing: border-box;}
.company table td.name{ width: 40%; background: #f1f1f1;}
.maparea{ margin-top: 80px;}
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media screen and (max-width:600px){
	.pagetitwapp {
    padding: 0 0 0 0;
	margin-bottom: 25px;	
}
	
.ptit {
    font-size: 36px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin-bottom: 10px;
}
	
	

.ptitread{ font-size: 16px;}
.company h3 {
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 0.025em;
    font-weight: 700;
}
	
.company p,.company ul,.company dd {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.075em;
    margin-bottom: 20px;
}
.company dt{ margin-bottom: 20px; margin-top: 40px; font-weight: 700; font-size: 18px;}
	.maparea{ margin-top: 40px;}
	.company table tr{border-bottom: 1px solid #ddd; font-size: 12px; letter-spacing: 0.025em; }
.company table td { width: 60%; padding: 10px; box-sizing: border-box;}

}

.twidimg{ max-width: 400px; margin: 0 auto;}

.yutube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.yutube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}