@charset "utf-8";


.home .mv{
	height:calc(100vh - 113px);
	margin:0 80px 0 0;
	background:url(../img/top/mv.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	transition: all 0.3s;
}

.home .mv h1{
	position:absolute;
	left:90px;
	bottom:15%;
	z-index:3;
}

.home .mv .scroll{
	position:absolute;
	right:-44px;
	bottom:100px;
}

.home .mv .scroll span{
	position: absolute;
	left:-15px;
	top: -15px;
	font-size: 14px;
	letter-spacing:0.1em;
	writing-mode: vertical-rl;
	font-weight:600;
}


.home .mv .scroll::after{
	content: "";
	position: absolute;
	margin:50px 0 0 0;
	left:-1px;
	width: 1px;
	height: 30px;
	background: #000;
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}


.top_service{
	position:relative;
	padding:100px 20px;
	line-height:0;
}

.top_service .bg01{
	position:absolute;
	left:0;
	top:0;
}

.top_service .bg02{
	position:absolute;
	right:0;
	bottom:0;
}

.top_service .box{
	display:flex;
}

.top_service .box .video{
	width:100%;
}

.home .titbox{
	position:relative;
	z-index:3;
}

.home .titbox h2{
	font-weight:600;
	font-size:56px;
	color:#006698;
	padding:25px 0 50px 0;
	line-height:1em;
	letter-spacing:0.1em;
	position:relative;
}

.home .titbox h2 span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color:#000;
	font-weight:bold;
	display:block;
	letter-spacing:0.01em;
	font-size:20px;
}

.home .titbox h2:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:5px;
	width:40px;
	background:#0993D6;
}

.top_service .titbox{
	min-width:420px;
	margin:0 80px 0 0;
}

.top_service .titbox .txt{
	padding:0 0 55px 0;
	line-height:1.8em;
}

.top_voice .bgbox{
	padding:160px 20px;
	position:relative;
	color:#000;
}

.top_voice .bgbox .bg{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:flex;
}

.top_voice .bgbox .bg li:first-child{
	min-width:calc(50% - 110px);
}

.top_voice .bgbox .bg li:last-child{
	width:100%;
}

.top_voice .bgbox .bg li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home .top_voice .titbox h2 {
    color: #fff;
}

.home .top_voice .titbox h2:after {
    background: #fff;
}

.home .top_voice .titbox h2 span {
    color: #fff;
}

.home .top_voice .titbox .txt{
	color:#fff;
}

.top_voice .list{
	padding:150px 20px;
}

.voice_list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: flex-start;
}

.voice_list:after{
	content:"";
	display:block;
	width:31%;
}

.voice_list > li{
	width:31%;
	box-shadow: 0px 0px 20px rgba(72, 72, 72, 0.16);
}

.home .voice_list > li a{
	position:relative;
}

.home .voice_list > li a:after{
	content:"VOICE";
	font-style:italic;
	font-family: 'Work Sans', sans-serif;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:-45px;
	text-align:center;
}

.home .voice_list > li a:before{
	content:"01";
	font-style:italic;
	font-family: 'Work Sans', sans-serif;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:-35px;
	text-align:center;
	font-weight:800;
	font-size:65px;
	line-height:1.3em;
	z-index:3;
}

.home .voice_list > li:nth-child(2) a:before{
	content:"02";
}

.home .voice_list > li:nth-child(2){
	margin:50px 0 0 0;
}

.home .voice_list > li:nth-child(3) a:before{
	content:"03";
}

.voice_list li .img{
	height:230px;
}

.voice_list li .img.coverimg img {
    width: auto;
}

.voice_list > li .txtbox{
	padding:30px 20px 40px 20px;
}

.voice_list > li .tag{
	font-size:14px;
	display:inline-block;
	background:#006698;
	color:#fff;
	padding:5px 10px 3px 10px;
}

.voice_list > li h3{
	font-size:20px;
	font-weight:bold;
	padding:15px 0 20px 0;
	color:#004098;
	text-align:left;
	line-height:1.4em;
}

.voice_list > li .name{
	font-size:14px;
	font-weight:bold;
}

.voice_list > li .txt{
	text-align:left;
	line-height:1.6em;
	padding:10px 0 0 0;
}

.home .top_voice .link_btn a{
	margin:105px auto 0;
}

.top_blog{
	background:#F0F4F7;
	padding:80px 20px 100px 20px;
}

.top_blog h2{
	font-weight:600;
	font-size:39px;
	color:#006698;
	padding:25px 0 20px 0;
	line-height:1em;
	letter-spacing:0.1em;
	position:relative;
	text-align:center;
}

.top_blog h2 span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color:#000;
	font-weight:bold;
	display:block;
	letter-spacing:0.01em;
	font-size:14px;
}

.top_blog h2:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:0;
	height:5px;
	width:30px;
	background:#0993D6;
}

.top_blog .box{
	width:1000px;
	margin:0 auto;
}

.link_btn{
	position:relative;
	z-index:3;
}

.link_btn a{
	display:block;
	width:100%;
	max-width:410px;
	height:90px;
	line-height:90px;
	border:1px solid #006698;
	font-family: 'Work Sans', sans-serif;
	font-size:19px;
	text-align:center;
	box-sizing:border-box;
	background:#fff;
	position:relative;
	font-weight:600;
}

.link_btn a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.5em; 
	height: 0.5em;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	transition: all 0.3s;
}

.link_btn a:before{
	content:"";
	width:100%;
	height:100%;
	background:#61859A;
	position:absolute;
	right:-10px;
	top:10px;
	z-index:-1;
}

.link_btn a:hover{
	background:#006698;
	color:#fff;
}

.link_btn a:hover:after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.top_blog .box .list dl a{
	padding:35px 0;
	border-bottom:1px solid #707070;
	display:flex;
}

.top_blog .box .list dl dt{
	min-width:160px;
	width:160px;
	color:#818181;
	font-weight:600;
	box-sizing:border-box;
	padding:0 0 0 10px;
}

.top_blog .box .list dl dd{
	font-size:20px;
	font-weight:bold;
}

.top_blog .pick h3{
	text-align:center;
	font-weight:600;
	color:#006698;
	font-size:30px;
	padding:60px 0 0 0;
}

.top_blog .pick ul{
	padding:30px 0 0 0;
	display:flex;
	justify-content:center;
}

.top_blog .pick ul li{
	width:226px;
	margin:0 25px;
}

.top_blog .pick ul li .img{
	height:226px;
}

.top_blog .pick ul li dl dt{
	color:#818181;
	padding:20px 0 10px 0;
	font-weight:600;
}

.top_blog .pick ul li dl dd{
	font-size:18px;
	font-weight:bold;
}

.top_blog .link_btn a {
    margin: 90px auto 0;
}

.home .message{
	text-align:center;
	color:#fff;
}

.home .message h2{
	padding:120px 0;
	background:url(../img/top/message_titbg.jpg) no-repeat center center;
	background-size:cover;
	font-size:37px;
	font-weight:bold;
	position:relative;
}

.home .message h2 span{
	position:relative;
	z-index:2;
}

.home .message h2 span:after{
	content:"";
	width:30px;
	height:3px;
	background:#fff;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
}

.home .message h2 span:before{
	content:"";
	width:184px;
	height:113px;
	background:url(../img/top/message_tittxt.png) no-repeat center center;
	position:absolute;
	left:-80px;
	top:-62px;
	z-index:-1;
}

.home .message .box{
	padding:150px 20px;
	background:url(../img/top/message_bg.jpg) no-repeat center center;
	background-size:cover;
}

.home .message .box .txtbox{
	display:inline-block;
	text-align:left;
}

.home .message .box .txtbox h3{
	font-size:36px;
	line-height:1.6em;
	font-weight:bold;
	letter-spacing:0.05em;
}

.home .message .box .txtbox .txt{
	line-height:2em;
	padding:50px 0 0 0;
}

@media screen and (max-width: 800px) {

.home .spmv{
	line-height:0;
}

.top_service{
	padding:40px 20px;
}

.top_service .bg01{
	width:165px;
}

.top_service .bg02{
	width:165px;
}

.top_service .box{
	display:block;
}

.home .titbox h2{
	font-size:28px;
	padding:20px 0 30px 0;
}

.home .titbox h2 span{
	font-size:10px;
}

.home .titbox h2:after{
	height:3px;
	width:20px;
}

.top_service .titbox{
	min-width:inherit;
	margin:0 0 20px 0;
}

.top_service .titbox .txt{
	padding:0;
}

.top_service .link_btn a{
	margin:50px auto 20px;
}

.top_voice .bgbox{
	padding:60px 40px;
	background:url(../img/top/voice_bg01.jpg) no-repeat center center;
	background-size:cover;
}
	
.top_voice .imgbg{
	line-height:0;
}

.top_voice .bgbox .bg{
	display:none;
}

.top_voice .list{
	padding:100px 20px;
}

.voice_list{
	display:block;
}

.voice_list:after{
	display:none;
}

.voice_list > li{
	width:90%;
	margin:0 auto 80px;
	box-shadow: 0px 0px 20px rgba(72, 72, 72, 0.16);
}

.home .voice_list > li a:after{
	top:-45px;
}

.home .voice_list > li a:before{
	top:-25px;
	font-size:40px;
}

.home .voice_list > li:nth-child(2){
	margin:0 auto 60px;
}

.voice_list > li .img{
	height:auto;
}

.voice_list > li .img:before{
	padding-top:60%;
}

.voice_list > li .txtbox{
	padding:30px 20px 40px 20px;
}

.voice_list > li .tag{
	font-size:12px;
	padding:5px 10px 3px 10px;
}

.voice_list > li h3{
	font-size:16px;
	padding:15px 0 15px 0;
}

.voice_list > li .name{
	font-size:13px;
}

.home .top_voice .link_btn a{
	margin:30px auto 0;
}

.top_blog{
	padding:60px 20px;
}

.top_blog h2{
	font-size:28px;
	padding:20px 0 0 0;
}

.top_blog h2 span{
	font-size:12px;
}

.top_blog h2:after{
	height:3px;
	width:20px;
}

.top_blog .box{
	width:100%;
}

.link_btn a{
	max-width:360px;
	height:70px;
	line-height:70px;
	font-size:16px;
}

.link_btn a:before{
	right:-7px;
	top:7px;
}

.top_blog .box .list dl a{
	padding:20px 0;
	display:block;
}

.top_blog .box .list dl dt{
	min-width:inherit;
	width:100%;
	padding:0 0 5px 0;
}

.top_blog .box .list dl dd{
	font-size:16px;
}

.top_blog .pick h3{
	font-size:24px;
	padding:40px 0 0 0;
}

.top_blog .pick ul{
	padding:30px 0 0 0;
	flex-wrap:wrap;
}

.top_blog .pick ul li{
	width:47%;
	margin:0 1.5% 1.5% 1.5%;
}

.top_blog .pick ul li .img{
	height:auto;
}

.top_blog .pick ul li dl dt{
	padding:10px 0 10px 0;
}

.top_blog .pick ul li dl dd{
	font-size:16px;
}

.top_blog .pick .link_btn a {
    margin: 40px auto 0;
}


.home .message h2{
	padding:80px 0;
	background:url(../img/top/sp/message_titbg.jpg) no-repeat center center;
	background-size:cover;
	font-size:24px;
}

.home .message h2 span:after{
	width:20px;
	height:3px;
	bottom:-20px;
}

.home .message h2 span:before{
	width:150px;
	height:80px;
	background:url(../img/top/message_tittxt.png) no-repeat center center;
	background-size:150px;
	left:-70px;
	top:-50px;
}

.home .message .box{
	padding:80px 20px;
	background:url(../img/top/sp/message_bg.jpg) no-repeat center center;
	background-size:cover;
}

.home .message .box .txtbox{
	display:inline-block;
	text-align:left;
}

.home .message .box .txtbox h3{
	font-size:4.5vw;
}

.home .message .box .txtbox .txt{
	line-height:1.8em;
	padding:30px 0 0 0;
	text-align:left;
}

}

/* COMPANY
-------------------------------------------------------------------*/
.kaso .mv{
	background:url(../img/common/mvbg.jpg) no-repeat center center;
	background-size:cover;
	padding:170px 20px;
}

.kaso.min .mv,
.date .kaso .mv{
	padding:80px 20px;
}

.kaso .mv h1{
	font-weight:600;
	font-size:56px;
	color:#fff;
	padding:25px 0 0 0;
	line-height:1em;
	letter-spacing:0.1em;
	position:relative;
}

.kaso .mv h1 span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color:#fff;
	font-weight:bold;
	display:block;
	letter-spacing:0.01em;
	font-size:20px;
}

.kaso .mv h1:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:5px;
	width:40px;
	background:#fff;
}

.company .message{
	background:url(../img/company/message_bg.png) no-repeat right top;
	padding:180px 20px 240px 20px;
}

.company .message h2{
	text-align:center;
	font-size:48px;
	font-weight:bold;
	color:#006698;
}

.company .message h2 span{
	position:relative;
}

.company .message h2 span:before {
    content: "";
    width: 202px;
    height: 124px;
    background: url(../img/company/message_tittxt.png) no-repeat center center;
    position: absolute;
    left: -80px;
    top: -65px;
    z-index: -1;
}

.company .message .m_txt{
	font-size:46px;
	font-weight:bold;
	text-align:center;
	line-height:1.6em;
	color:#1B314F;
	padding:80px 0 90px 0;
}

.company .message .box_in{
	position:relative;
}

.company .message .box_in .photo{
	position:absolute;
	right:-75px;
	top:0;
	z-index:-1;
}

.company .message .txtbox{
	position:relative;
	padding:100px 0 0 0;
}

.company .message h3{
	position:absolute;
	top:55px;
	left:-80px;
	font-size:80px;
	font-weight:300;
	line-height:1em;
	letter-spacing:0.05em;
	color:#006698;
}

.company .message h3 span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:bold;
	display:block;
	letter-spacing:0.01em;
	font-size:20px;
	margin-top:-20px;
	color:#000;
}

.company .message .white_box{
	box-shadow: 0px 0px 20px rgba(72, 72, 72, 0.16);
	background:#fff;
	width:750px;
	padding:100px 45px 80px 45px;
	box-sizing:border-box;
}

.company .message .white_box .txt{
	width:590px;
	margin:0 auto;
	line-height:1.8em;
	font-size:18px;
}

.company .message .white_box .txt span{
	font-weight:bold;
	color:#006698;
}

.company .message .white_box dl{
	font-weight:bold;
	padding:60px 0 0 0;
	text-align:right;
}

.company .message .white_box dl dd{
	font-size:26px;
	line-height:1.2em;
	padding:5px 0 0 0;
}

.company .message .gray{
	padding:75px 0 0 0;
	position:relative;
}

.company .message .gray_box{
	background:#F6F8F9;
	padding:60px 75px;
	box-sizing:border-box;
}

.company .message .gray h3{
	top:15px;
	left:auto;
	right:-80px;
	text-align:right;
}

.company .message .gray_box .txt{
	line-height:1.8em;
	font-size:18px;
	padding:0 0 70px 0;
}

.company .message h4{
	text-align:center;
	font-size:40px;
	font-weight:400;
	line-height:1em;
	letter-spacing:0.05em;
	color:#006698;
}

.company .message h4 span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:bold;
	display:block;
	letter-spacing:0.01em;
	font-size:20px;
	color:#000;
}

.company .interview ul{
	display:flex;
	justify-content:center;
	padding:40px 0 0 0;
}

.company .interview ul li{
	padding:0 20px;
	font-weight:bold;
	font-size:20px;
}

.company .interview ul li a{
	color:#1B314F;
	padding:0 20px 0 20px;
	position:relative;
}

.company .interview ul li a:after{
	content:"";
	width:13px;
	height:13px;
	background:#006698;
	border-radius:50%;
	position:absolute;
	left:0;
	top:5px;
}

.company .interview ul li a:before{
    content: "";
    width: 18px;
    height: 17px;
    background: url(../img/common/f_ico.png) no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 5px;
}

.company .interview ul li a span{
	border-bottom:1px solid #1B314F;
}

@media screen and (max-width: 1450px) {
.company .message .box_in .photo{
	position:static;
	text-align:center;
}

.company .message .txtbox {
    padding: 20px 0 0 0;
}

.company .message h3{
	top:-20px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
}

.company .message .white_box {
	margin:0 auto;
}

.company .message .gray_box {
    background: #F6F8F9;
    padding: 100px 75px 60px 75px;
    box-sizing: border-box;
}

.company .message .gray h3 {
    top: 15px;
    left: 0;
    right: 0;
	margin:0 auto;
    text-align: center;
}
}

.company .about .bg{
	height:630px;
    background: url(../img/company/company_bg.jpg) no-repeat center center;
	background-size:cover;
}

h2.tit{
	font-weight:600;
	font-size:56px;
	color:#006698;
	padding:25px 0 50px 0;
	line-height:1em;
	letter-spacing:0.1em;
	position:relative;
}

h2.tit span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color:#000;
	font-weight:bold;
	display:block;
	letter-spacing:0.01em;
	font-size:20px;
}

.company .about .box_in01{
	padding:75px 20px 165px 20px;
}

.company .about .box_in01 dl{
	display:flex;
	font-size:20px;
	border-bottom:2px solid #fff;
}

.company .about .box_in01 dl dt{
	color:#1B314F;
	font-weight:bold;
	width:330px;
	min-width:330px;
	box-sizing:border-box;
	padding:30px;
	border-right:2px solid #fff;
	background:#DEE8EE;
	line-height:1.6em;
}

.company .about .box_in01 dl dd{
	padding:30px 50px;
	background:#F6F8F9;
	width:100%;
	line-height:1.6em;
}

.company .about .box_in01 dl dd.en{
	font-weight:600;
}

.company .about .box_in01 dl dd span.en{
	color:#006698;
	text-decoration:underline;
}

.company .about .box_in01 dl dd.link a{
	position:relative;
	padding:0 30px 0 0;
	display:inline-block;
}

.company .about .box_in01 dl dd.link a:before{
    content: "";
    width: 18px;
    height: 17px;
    background: url(../img/common/f_ico.png) no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 5px;
}

.company .about .box_in02{
	padding:0 20px 180px 20px;
}

.company .about .box_in02 .map iframe{
	width:100%;
	height:560px;
	border:1px solid #A0A0A0;
}

.company .about .box_in02 .access{
	display:inline-block;
}

.company .about .box_in02 .access dl{
	padding:40px 0 0 0;
	display:flex;
	align-items:center;
}

.company .about .box_in02 .access dl dt{
	width:120px;
}

.company .about .box_in02 .access dl dd{
	text-align:left;
	font-size:24px;
	line-height:1.4em;
}

.company .about .box_in02 .access dl dd span{
	padding:0 20px 0 0;
}

@media screen and (max-width: 800px) {
.kaso .mv{
	padding:60px 20px;
}
	
.kaso.min .mv,
.date .kaso .mv{
	padding:40px 20px;
}

.kaso .mv h1{
	font-size:28px;
	padding:10px 0 0 0;
}

.kaso .mv h1 span{
	font-size:14px;
}

.kaso .mv h1:after{
	height:3px;
	width:30px;
}

.company .message{
	background:url(../img/company/message_bg.png) no-repeat right top;
	background-size:200px;
	padding:80px 20px 60px 20px;
}

.company .message h2{
	font-size:26px;
}

.company .message h2 span:before {
    width: 140px;
    height: 90px;
    background: url(../img/company/message_tittxt.png) no-repeat center center;
	background-size:140px;
    left: -70px;
    top: -55px;
}

.company .message .m_txt{
	font-size:4.5vw;
	padding:40px 0 50px 0;
}

.company .message h3{
	top:-10px;
	font-size:40px;
}

.company .message h3 span{
	font-size:16px;
	margin:0;
}

.company .message .white_box{
	width:100%;
	padding:60px 20px 60px 20px;
}

.company .message .white_box .txt{
	width:100%;
	font-size:16px;
}

.company .message .white_box dl{
	padding:40px 0 0 0;
}

.company .message .white_box dl dd{
	font-size:20px;
	padding:5px 0 0 0;
}

.company .message .gray{
	padding:60px 0 0 0;
}

.company .message .gray_box{
	padding:60px 20px;
}

.company .message .gray h3{
	top:25px;
}

.company .message .gray_box .txt{
	font-size:16px;
	padding:0 0 40px 0;
}

.company .message h4{
	font-size:24px;
}

.company .message h4 span{
	font-size:12px;
}

.company .interview{
	text-align:center;
}

.company .interview ul{
	display:inline-block;
	padding:20px 0 0 0;
}

.company .interview ul li{
	padding:0 0 20px 0;
	font-size:16px;
	text-align:left;
}

.company .interview ul li a{
	padding:0 20px 0 20px;
	display:inline-block;
}

.company .about .bg{
	height:200px;
}

h2.tit{
	font-size:28px;
	padding:20px 0 30px 0;
}

h2.tit span{
	font-size:12px;
}

.company .about .box_in01{
	padding:40px 20px 60px 20px;
}

.company .about .box_in01 dl{
	display:block;
	font-size:16px;
	border-bottom:2px solid #fff;
}

.company .about .box_in01 dl dt{
	width:100%;
	min-width:inherit;
	padding:20px;
	border-right:none;
}

.company .about .box_in01 dl dd{
	padding:20px;
}


.company .about .box_in02{
	padding:0 20px 60px 20px;
}

.company .about .box_in02 .map iframe{
	height:300px;
}


.company .about .box_in02 .access dl{
	padding:40px 0 0 0;
	display:block;
}

.company .about .box_in02 .access dl dt{
	width:35px;
	margin:0 auto 5px;
}

.company .about .box_in02 .access dl dd{
	text-align:center;
	font-size:18px;
	line-height:1.6em;
}

.company .about .box_in02 .access dl dd span{
	padding:0;
}
}

/* CONTACT
-------------------------------------------------------------------*/
.contact .tit_area{
	padding:90px 20px 100px 20px;
	text-align:center;
}

.contact .tit_area h2{
	font-size:36px;
	font-weight:bold;
	line-height:1.4em;
}

.contact .tit_area .txt{
	font-size:20px;
	line-height:1.8em;
	padding:30px 0 60px 0;
}

.contact .tit_area .telbox{
	width:800px;
	margin:0 auto;
	background:#F6F8F9;
	color:#1B314F;
	padding:55px 20px;
}

.contact .tit_area .telbox .sub{
	font-size:30px;
	padding:0 0 20px 0;
}

.contact .tit_area .telbox .tel a{
	font-size:46px;
	padding:10px 0 10px 50px;
	background:url(../img/contact/tel_ico.png) no-repeat left center;
	color:#1B314F;
	display:inline-block;
	letter-spacing:0.1em;
}

.contact .tit_area .telbox .kome{
	color:#818181;
	padding:20px 0 0 0;
}

.form{
	width:800px;
	margin:0 auto;
}

.form dl{
	display:flex;
	padding:25px 0;
	justify-content:space-between;
}

.form dl dt{
	min-width:165px;
	padding:10px 0 0 0;
	font-size:21px;
	font-weight:bold;
	position:relative;
}

.confirm .form dl dt{
	padding:0;
}

.form dl.radio dt,
.form dl.none dt{
	padding:0;
}

.form dl dd{
	width:500px;
}

.form input,
.form textarea{
width: 100%;
font-size: 16px;
line-height: 1.6;
padding: 10px;
border:none;
background:#F0F4F7;
box-sizing: border-box;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.form textarea {
	height:200px;
}

.form input[type=radio] {
appearance: none;
display: inline-block;
position: relative;
background: #fff;
width: 24px;
outline:none;
height: 24px;
vertical-align: middle;
margin-right: .5em;
margin-bottom: 5px;
border-radius: 50%;
transition: all 0.3s;
border: 1px solid #000;
}

#contact input[type=radio]:checked::before {
content: "";
position: absolute;
left: 50%;
margin-left:-6px;
top: 50%;
margin-top:-6px;
background: #000;
width: 12px;
height: 12px;
border-radius: 50%;
transition: all 0.3s;
}

.wpcf7-form-control label{
	display:inline-block;
	padding:0 0 13px 0;
	font-size: 18px;
}

#contact .wpcf7-list-item {
    display:block;
}

.wpcf7-form-control.first label{
	padding:0;
}

.conbtn{
	margin:50px auto 0;
	outline:none;
	display:block;
	max-width:250px;
	height:50px;
	line-height:50px;
	background:#fff;
	font-weight:600;
	position:relative;
}


.conbtn input[type="submit"],
.conbtn input[type="button"]{
	transition: all 0.3s;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	cursor: pointer;
	outline:none;
	width:100%;
	height:100%;
	font-size:16px;
	text-align:center;
	box-sizing:border-box;
	font-weight:bold;
	background:#fff;
	border:1px solid #006698;
	color:#000;
}

.conbtn:after,
.conbtn:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.5em; 
	height: 0.5em;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	transition: all 0.3s;
}

.conbtn:before,
.conbtn:before{
	content:"";
	width:100%;
	height:100%;
	background:#61859A;
	position:absolute;
	right:-10px;
	top:10px;
	z-index:-1;
}

.conbtn input[type="submit"]:hover,
.conbtn input[type="button"]:hover{
	background:#006698;
	color:#fff;
}

.conbtn:hover:after,
.conbtn:hover:after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.check{
	text-align:center;
	padding:40px 0 0 0;
}

.check input{
	width:auto;
}

.check .wpcf7-form-control-wrap {
display: inline-block;
}
.check .wpcf7-form-control.wpcf7-checkbox {
display: flex;
flex-wrap: wrap;
}
.check .wpcf7-list-item-label {
cursor: pointer;
font-size: 18px;
}
.check .wpcf7-list-item label {
position: relative;
}
.check input[type="checkbox"] {
position: absolute;
opacity: 0;/*既存のチェックボックスを非表示に*/
}
.check .wpcf7-list-item-label:before {/*チェックボックスの枠*/
content: '';
border: 1px solid #000;
display: inline-block;
width: 25px;
height: 25px;
position: relative;
top: 0;
margin:0 10px 5px 0;
vertical-align: middle;
cursor: pointer;
text-align: center;
background:#fff no-repeat center;
background-size: 15px 15px;
box-sizing: border-box;
}
.check input[type="checkbox"]:checked + .wpcf7-list-item-label:before {/*チェックアイコン*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}

#contact{
	padding:0 20px 200px 20px
}

@media screen and (max-width: 800px) {
.contact .tit_area{
	padding:60px 20px;
}

.contact .tit_area h2{
	font-size:24px;
}

.contact .tit_area .txt{
	font-size:16px;
	padding:20px 0 40px 0;
}

.contact .tit_area .telbox{
	width:100%;
	max-width:380px;
	margin:0 auto;
	padding:40px 20px;
}

.contact .tit_area .telbox .sub{
	font-size:20px;
	padding:0 0 15px 0;
}

.contact .tit_area .telbox .tel a{
	font-size:26px;
	padding:5px 0 5px 30px;
	background:url(../img/contact/tel_ico.png) no-repeat left center;
	background-size:20px;
}

.form{
	width:100%;
}

.form dl{
	display:block;
	padding:15px 0;
}

.form dl dt{
	min-width:inherit;
	padding:0 0 10px 0;
	font-size:16px;
}

.form dl.radio dt,
.form dl.none dt{
	padding:0 0 10px 0;
}

.form dl dd{
	width:100%;
}

.form textarea {
	height:280px;
}

.conbtn{
	margin:40px auto 0;
	height:50px;
	line-height:50px;
}

.check{
	padding:30px 0 0 0;
}

#contact{
	padding:0 20px 100px 20px
}
	
.form input[type=radio] {
width: 12px;
height: 12px;
margin-bottom: 3px;
}
	
.wpcf7-form-control label {
    font-size: 14px;
}

#contact input[type=radio]:checked::before {
margin-left:-4px;
margin-top:-4px;
width: 8px;
height: 8px;
}
}

/* thanks
-------------------------------------------------------------------*/

.thanks_area{
	padding:150px 0;
	text-align:center;
}

.thanks_area h1{
	font-size:30px;
	font-weight:bold;
	line-height:1.4em;
	padding:50px 0;
	width:720px;
	border-bottom:1px solid #E8EBEC;
	margin:0 auto;
}

.thanks_area .txt{
	line-height:2em;
	padding:45px 0;
}

.thanks_area .link_btn a{
	margin:50px auto 0;
}

@media screen and (max-width: 800px) {
.thanks_area{
	padding:100px 20px 100px 20px;
	text-align:left;
}

.thanks_area h1{
	font-size:20px;
	padding:30px 0;
	box-sizing:border-box;
	width:100%;
	text-align:center;
}

.thanks_area .txt{
	line-height:2em;
	padding:45px 0 0 0;
}

}

/* SERVICE
-------------------------------------------------------------------*/
.service .contents{
	background:#F0F4F7;
}

.service_area{
	padding:90px 20px 50px 20px;
}

.service_area02{
	padding:0 20px 120px 20px;
}

.service_area03{
	padding:90px 20px 120px 20px;
}

.service_area .box{
	background:#fff;
	padding:80px 60px;
}

.service_area .box .titbox{
	text-align:center;
}

.service_area .box .titbox .sub{
	font-weight:600;
	font-size:18px;
	padding:0 0 10px 0;
}

.service_area .box .titbox h2{
	font-weight:bold;
	font-size:36px;
	line-height:1.2em;
	padding:0 0 20px 0;
	color:#006698;
}

.service_area .box .titbox h2 span{
	display:block;
	font-size:26px;
}

.service_area .box ul.daybox{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:30px 0 0 0;
}

.service_area .box ul.daybox:after{
	content:"";
	width:31%;
	display:block;
}

.service_area .box ul.daybox > li{
	width:31%;
	background:#F6F8F9;
	padding:40px 20px;
	position:relative;
	margin:0 0 60px 0;
}

.service_area .box ul.daybox > li:before{
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-top: 3px solid #A0A0A0;
    border-right: 3px solid #A0A0A0;
    transform: rotate(45deg);
    transition: all 0.3s;
}

.service_area .box ul.daybox > li:last-child:before{
	display:none;
}

.service_area .box ul.daybox > li h3{
	text-align:center;
	left:0;
	right:0;
	margin:0 auto;
	position:absolute;
	top:-12px;
	font-weight:400;
	font-size:36px;
	color:#006698;
}

.service_area .box ul.daybox > li h4{
	font-weight:bold;
	font-size:18px;
	line-height:1.4em;
	text-align:center;
	padding:0 0 10px 0;
}

.service_area .box ul.daybox > li h5{
	font-weight:bold;
	padding:0 0 20px 0;
	font-size:16px;
}

.service_area .box ul.daybox > li h5.bottom{
	padding:10px 0 20px 0;
}

.service_area .box ul.dot > li{
	position:relative;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
}

.service_area .box ul.dot > li:after{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	background:#006698;
	position:absolute;
	left:0;
	top:8px;
}

.service_area .box .price{
	font-size:26px;
	font-weight:bold;
	color:#818181;
	line-height:1.2em;
	text-align:right;
}

.service .bgbox{
	height:500px;
    background: url(../img/service/img01.jpg) no-repeat center center;
	background-size:cover;
}

.service .bgbox02{
	height:500px;
    background: url(../img/service/img02.jpg) no-repeat center center;
	background-size:cover;
}

.service .specialty > li{
	margin:0 0 60px 0;
}


.service .specialty01 > li{
	max-width:800px;
	padding:40px;
	background:#F6F8F9;
	margin:0 auto 60px;
	display:flex;
	justify-content:center;
}

.service .specialty > li h3{
	font-weight:bold;
	font-size:24px;
	text-align:center;
	color:#006698;
	line-height:1.3em;
	padding:0 0 20px 0;
}

.service .specialty01 > li ul.dot{
	padding:0 20px;
}

.service .specialty02{
	display:flex;
	justify-content:space-between;
}

.service .specialty02 > li{
	width:30%;
	margin:0;
}

.service .specialty02 > li ul.dot{
	background:#F6F8F9;
	padding:40px;
}

@media screen and (max-width: 800px) {

.service_area{
	padding:60px 20px 30px 20px;
}

.service_area02{
	padding:0 20px 60px 20px;
}

.service_area03{
	padding:60px 20px;
}

.service_area .box{
	padding:30px 20px;
}

.service_area .box .titbox .sub{
	font-size:16px;
}

.service_area .box .titbox h2{
	font-size:24px;
	padding:0 0 15px 0;
}

.service_area .box .titbox h2 span{
	font-size:16px;
}

.service_area .box ul.daybox{
	display:block;
}

.service_area .box ul.daybox:after{
	content:"";
	width:31%;
	display:block;
}

.service_area .box ul.daybox > li{
	width:100%;
	padding:30px 20px;
	margin:0 0 30px 0;
	text-align:center;
}

.service_area .box ul.daybox > li:before{
    bottom: -10px;
    right: 0;
	left:0;
	top:auto;
    margin: auto;
    width: 20px;
    height: 20px;
    border-top: none;
    border-right: 3px solid #A0A0A0;
	border-bottom: 3px solid #A0A0A0;
}


.service_area .box ul.daybox > li h3{
	top:-8px;
	font-size:28px;
}

.service_area .box ul.daybox > li h4{
	font-size:16px;
}

.service_area .box ul.daybox > li h5{
	padding:0 0 15px 0;
	font-size:14px;
	text-align:center;
}

.service_area .box ul.daybox > li h5.bottom{
	padding:10px 0 15px 0;
}

.service_area .box ul.dot{
	display:inline-block;
	text-align:left;
}

.service_area .box ul.dot > li{
	padding:0 0 0 20px;
}

.service_area .box ul.dot > li:after{
	top:7px;
}

.service_area .box .price{
	font-size:18px;
}

.service .bgbox{
	height:280px;
}

.service .bgbox02{
	height:280px;
}

.service .specialty > li{
	margin:0 0 30px 0;
}


.service .specialty01 > li{
	max-width:inherit;
	padding:20px;
	margin:0 auto 30px;
	display:block;
}

.service .specialty > li h3{
	font-size:18px;
}

.service .specialty01 > li ul.dot{
	padding:0;
}

.service .specialty02{
	display:block;
}

.service .specialty02 > li{
	width:100%;
}

.service .specialty02 > li ul.dot{
	padding:20px;
	width:100%;
	box-sizing:border-box;
}

}

/* INSTRUCTOR
-------------------------------------------------------------------*/
.instructor .list_area,
.instructor_area{
	padding:100px 20px;
	background:#F0F4F7;
}

.instructor .list_area ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.instructor .list_area ul li{
	width:550px;
	margin:0 0 100px 0;
	transition: all 0.3s;
}

.instructor .list_area ul li .img{
	height:400px;
	background:#fff;
}

@media screen and (max-width: 1190px) {
.instructor .list_area ul li{
	width:48%;
}
}

.instructor .list_area ul li .img.coverimg img,
.instructor_area .img.coverimg img{
    width: auto;
}

.instructor .list_area ul li .txtbox{
	box-shadow: 0px 0px 20px rgba(97, 133, 154, 0.28);
	width:90%;
	margin:-75px auto 0;
	background:#fff;
	padding:40px;
	position:relative;
	box-sizing:border-box;
}

.instructor .list_area ul li .txtbox:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #006698 transparent;
	position:absolute;
	right:10px;
	bottom:10px;
}

.instructor .list_area ul li .txtbox .company_name{
	line-height:1.2em;
	font-weight:bold;
	font-size:18px;
	color:#006698;
}

.instructor .list_area ul li .txtbox h3{
	font-weight:bold;
	font-size:28px;
	line-height:1.2em;
	padding:15px 0;
}

.instructor .list_area ul li .txtbox h3 span{
	font-size:16px;
	line-height:1.2em;
	color:#818181;
	padding:0 15px 0 0;
	vertical-align:bottom:
}

.instructor .list_area ul li .txtbox h4{
	background:#006698;
	color:#fff;
	display:inline-block;
	border-radius:16px;
	height:25px;
	line-height:25px;
	padding:0 30px;
	font-weight:bold;
}

.instructor .list_area ul li .txtbox .txt{
	font-size:18px;
	font-weight:bold;
	line-height:1.6em;
	padding:10px 0 0 0;
}

@media screen and (max-width: 800px) {
.instructor .list_area,
.instructor_area{
	padding:60px 20px;
}

.instructor .list_area ul{
	display:block;
}

.instructor .list_area ul li{
	width:100%;
	margin:0 0 40px 0;
}

.instructor .list_area ul li .img{
	height:auto;
	max-width:500px;
	margin:0 auto;
}

.instructor .list_area ul li .img:before {
    padding-top: 72%;
}

.instructor .list_area ul li .txtbox{
	width:95%;
	margin:-50px auto 0;
	padding:20px;
}

.instructor .list_area ul li .txtbox:after{
	border-width: 0 0 10px 10px;
}

.instructor .list_area ul li .txtbox .company_name{
	font-size:16px;
}

.instructor .list_area ul li .txtbox h3{
	font-size:20px;
	padding:10px 0;
}

.instructor .list_area ul li .txtbox h3 span{
	font-size:14px;
	padding:0 0 10px 0;
	display:block;
}

.instructor .list_area ul li .txtbox h4{
	border-radius:14px;
	height:20px;
	line-height:20px;
	padding:0 20px;
}

.instructor .list_area ul li .txtbox .txt{
	font-size:14px;
}
}

/* INSTRUCTOR_DETAIL
-------------------------------------------------------------------*/
.instructor_area .name_box{
	background:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:30px 40px;
	margin:0 0 30px 0;
}

.instructor_area .name_box .txtbox .company_name{
	line-height:1.2em;
	font-weight:bold;
	font-size:30px;
	color:#006698;
}

.instructor_area .name_box .txtbox h3{
	font-weight:bold;
	font-size:30px;
	line-height:1.2em;
	padding:20px 0;
}

.instructor_area .name_box .txtbox h3 span{
	font-size:16px;
	line-height:1.2em;
	color:#818181;
	padding:0 15px 0 0;
	vertical-align:bottom:
}

.instructor_area .name_box .txtbox h4{
	background:#006698;
	color:#fff;
	display:inline-block;
	border-radius:16px;
	height:40px;
	line-height:40px;
	width:180px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

.instructor_area .name_box .txtbox .txt{
	font-size:20px;
	font-weight:bold;
	line-height:1.6em;
	padding:20px 0 0 0;
}

.instructor_area .profile_box{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}

.instructor_area .name_box .img{
	min-width:50%;
	height:400px;
}

.instructor_area .profile_box .box_in{
	background:#fff;
	padding:40px;
	box-sizing:border-box;
	width:48%;
}

.instructor_area .profile_box h2{
	font-weight:300;
	line-height:1em;
	letter-spacing:0.05em;
	color:#006698;
	font-size:40px;
	padding:0 0 40px 0;
}

.instructor_area .profile_box h2 span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:bold;
	display:block;
	letter-spacing:0.01em;
	font-size:16px;
	color:#000;
}

.instructor_area .profile_box .txt{
	text-align:left;
	line-height:2em;
}

.instructor_area .profile_box .txt a{
	text-decoration:underline;
	color:#006698;
}

.instructor_area .link_btn a{
	margin:120px auto 60px;
}

@media screen and (max-width: 800px) {
.instructor_area .name_box{
	display:block;
	padding:20px;
	margin:0 0 20px 0;
	text-align:center;
}

.instructor_area .name_box .txtbox .company_name{
	font-size:20px;
}

.instructor_area .name_box .txtbox h3{
	font-size:20px;
	padding:15px 0;
}

.instructor_area .name_box .txtbox h3 span{
	font-size:14px;
	display:block;
	padding:0 0 10px 0;
}

.instructor_area .name_box .txtbox h4{
	height:25px;
	line-height:25px;
	width:120px;
	font-size:16px;
}

.instructor_area .name_box .txtbox .txt{
	font-size:16px;
	padding:15px 0 0 0;
}

.instructor_area .name_box .img{
	height:auto;
	max-width:500px;
	min-width:inherit;
	margin:20px auto 0;
}

.instructor_area .name_box .img:before {
    padding-top: 72%;
}

.instructor_area .profile_box{
	display:block;
}

.instructor_area .profile_box .box_in{
	padding:20px;
	width:100%;
	margin:0 0 20px 0;
}

.instructor_area .profile_box h2{
	font-size:30px;
	padding:0 0 30px 0;
}

.instructor_area .profile_box h2 span{
	font-size:14px;
}

.instructor_area .link_btn a{
	margin:60px auto 60px;
}
}

/* VOICE
-------------------------------------------------------------------*/
.voice .list_area{
	padding:100px 20px;
}

.voice .voice_list > li{
	margin:0 0 60px 0;
	position:relative;
}

.voice .voice_list > li:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #006698 transparent;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.voice_list > li .tag.management{
    background: #53B3E2;
}

.voice_list > li .tag.sales_training{
    background: #00986E;
}

@media screen and (max-width: 800px) {
.voice .list_area{
	padding:60px 20px;
}

.voice .voice_list > li{
	margin:0 auto 30px;
}

.voice .voice_list > li:after {
    border-width: 0 0 10px 10px;
}
}

/* VOICE_DETAIL
-------------------------------------------------------------------*/
.voice_area{
	margin:200px 0 0 0;
	background:#F0F4F7;
	padding:0 20px 100px 20px;
}

.voice_area .name_box{
	max-width:1000px;
	position:relative;
	margin:0 auto -30px;
	top:-100px;
	text-align:right;
}

.voice_area .name_box .img{
	height:500px;
}

.voice_area .name_box .img.coverimg img {
    width: auto;
}

.voice_area .name_box .txtbox{
	padding:30px 50px;
	background:#fff;
	display:inline-block;
	font-weight:bold;
	margin-top:-100px;
	position:relative;
	z-index:2;
}

.voice_area .name_box .txtbox .company_name{
	font-size:20px;
	line-height:1.3em;
}

.voice_area .name_box .txtbox h2{
	font-size:26px;
	line-height:1.4em;
	font-weight:bold;
	text-align:left;
}

.voice_area .name_box .txtbox h2 span{
	font-size:20px;
	vertical-align:middle;
	padding:0 10px 0 0;
}

.voice_area h3{
	font-size:36px;
	text-align:center;
	font-weight:bold;
	color:#004098;
	line-height:1.4em;
}

.voice_area .txt{
	font-size:20px;
	line-height:1.8em;
	padding:30px 0 0 0;
	text-align:left;
}

.voice .link_btn{
	padding:0 20px;
}

.voice .link_btn a{
	margin:80px auto 120px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.voice .connection{
	padding:100px 20px 0 20px;
}

@media screen and (max-width: 800px) {
.voice_area{
	margin:100px 0 0 0;
	padding:0 20px 60px 20px;
}

.voice_area .name_box{
	max-width:inherit;
	margin:0 auto -20px;
	top:-60px;
}

.voice_area .name_box .img{
	height:auto;
}
	
.voice_area .name_box .img:before {
    padding-top: 60%;
}

.voice_area .name_box .txtbox{
	padding:20px;
	margin:-50px auto 0;
	width:95%;
	box-sizing:border-box;
	text-align:center;
	display:block;
}

.voice_area .name_box .txtbox .company_name{
	font-size:14px;
}

.voice_area .name_box .txtbox h2{
	font-size:18px;
	text-align:center;
}

.voice_area .name_box .txtbox h2 span{
	font-size:14px;
	padding:5px 0 5px 0;
	display:block;
}

.voice_area h3{
	font-size:18px;
	text-align:left;
}

.voice_area .txt{
	font-size:16px;
	padding:20px 0 0 0;
}

.voice .link_btn a{
	margin:60px auto 100px;
}
	
.voice .connection{
	padding:60px 20px 0 20px;
}
}

/* BLOG
-------------------------------------------------------------------*/
.blog .list_area{
	padding:100px 20px;
}

.blog .list_area .box,
.blog .blog_area .box{
	display:flex;
	justify-content:space-between;
}

.blog .blog_list,
.blog .blog_box{
	width:70%;
}

.blog .blog_list > li{
	margin:0 0 20px 0;
}

.blog .blog_list > li a{
	display:flex;
	position:relative;
	padding:25px;
	background:#F0F4F7;
}

.blog .blog_list > li .img{
	width:230px;
	min-width:230px;
	margin:0 30px 0 0;
}

.blog .blog_list > li .day{
	color:#818181;
	font-weight:500;
}

.blog .blog_list > li h2{
	font-size:20px;
	line-height:1.4em;
	padding:0 0 10px 0;
	font-weight:bold;
}

.blog .blog_list > li .tag{
	display:inline-block;
	background:#006698;
	padding:0 10px;
	color:#fff;
	font-size:12px;
	margin:5px 0;
}

.blog .blog_list > li .txt{
	line-height:1.8em;
	text-align:left;
}

.blog .blog_list > li .next{
	position:absolute;
	right:20px;
	bottom:20px;
	line-height:1;
	font-weight:bold;
	color:#1B314F;
	border-bottom:1px solid #1B314F;
}

.search_box{
	width:25%;
}

.search_box .box_in{
	padding:0 0 40px 0;
}

.search_box h2{
	text-align:center;
	color:#fff;
	font-weight:500;
	letter-spacing:0.1em;
	line-height:50px;
	height:50px;
	background:#006698;
	font-size:16px;
}

.search_box ul li a{
	padding:20px 50px 20px 0;
	border-bottom:1px dotted #A0A0A0;
	position:relative;
	display:block;
}

.search_box ul li a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 0.5em;
    height: 0.5em;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: all 0.3s;
}

.archive_box h3{
	background:#E9E9E1;
	padding:10px;
	position:relative;
	cursor:pointer;
	font-size:16px;
}
.archive_box h3:after{
	content:"+";
	position:absolute;
	right:23px;
	top:8px;
}
.archive_box h3.on:after{
	content:"−";
	top:10px;
	right:20px;
}
.archive_box ul{
	display:none;
}

.archive_box ul li a{
	padding:10px 50px 10px 10px;
}

.date .normal_txt{
	display:none !important;
}
@media screen and (max-width: 800px) {
.blog .list_area{
	padding:60px 20px;
}

.blog .list_area .box,
.blog .blog_area .box{
	display:block;
}

.blog .blog_list{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;	
}

.blog .blog_list > li{
	margin:0 0 20px 0;
	width:49%;
}

.blog .blog_list > li a{
	padding:15px;
	display:block;
}

.blog .blog_list > li .img{
	width:auto;
	min-width:inherit;
	margin:0 auto 10px;
}

.blog .blog_list > li h2{
	font-size:16px;
}

.blog .blog_list > li .tag{
	padding:0 10px;
	font-size:12px;
	margin:5px 0;
}

.blog .blog_list > li .txt{
	margin:0 0 20px 0;
}

.blog .blog_list > li .next{
	right:15px;
	bottom:15px;
}

.search_box{
	width:100%;
	display:flex;
	justify-content:space-between;
	padding:60px 0 0 0;
}

.search_box .box_in{
	padding:0;
	width:49%;
}

.search_box h2{
	line-height:30px;
	height:30px;
	font-size:14px;
}

.search_box ul li a{
	padding:10px 30px 10px 0;
}

.search_box ul li a:after {
    right: 10px;
}

.archive_box ul li a{
	padding:10px 30px 10px 10px;
}
}

/* BLOG_DETAIL
-------------------------------------------------------------------*/
.blog .blog_area{
	padding:100px 20px;
}

.blog .blog_area .blog_box{
	padding:20px 0 60px 0;
	border-top:1px solid #A0A0A0;
	border-bottom:1px solid #A0A0A0;
}

.blog .blog_area .blog_box .daybox{
	display:flex;
}

.blog .blog_area .blog_box .daybox .day{
	color:#818181;
	font-weight:500;
}

.blog .blog_area .blog_box .daybox .tag{
	color:#006698;
	font-weight:bold;
	padding:0 0 0 20px;
}

.blog .blog_area .blog_box h2{
	font-size:36px;
	font-weight:bold;
	line-height:1.4em;
	padding:10px 0 30px 0;
}

.blog .blog_area .blog_box .img{
	min-width:400px;
	height:400px;
	margin:0 auto 30px;
}

.blog .blog_area .blog_box .img.coverimg img {
    width: auto;
}

.blog .blog_area .link_btn a{
    margin:90px auto 60px;
}

@media screen and (max-width: 800px) {
.blog .blog_area{
	padding:60px 20px;
}

.blog .blog_area .blog_box{
	padding:20px 0 40px 0;
	width:100%;
}

.blog .blog_area .blog_box .daybox{
	display:block;
}

.blog .blog_area .blog_box .daybox .day{
	padding:0 0 5px 0;
}

.blog .blog_area .blog_box .daybox .tag{
	padding:0;
}

.blog .blog_area .blog_box h2{
	font-size:20px;
	padding:10px 0 20px 0;
}

.blog .blog_area .blog_box .img{
	height:auto;
	min-width:inherit;
	margin:0 auto 20px;
}
	
.blog .blog_area .blog_box .img:before {
    padding-top: 60%;
}
	
.blog .blog_area .link_btn a{
    margin:40px auto 40px;
}
}