@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:931px){
	.sp_only {
		display: none;
	}
	.single_content {
		font-size: 18px;
	}
	.burger {
		top: 30px;
		right: 20px;
		cursor: pointer;
	}
	#sp_menu {
		top: 92px;
	}
}
@media screen and (max-width:930px){
	.pc_only {
		display: none;
	}

	/* burger button */
	header {
		padding: 11px 10px;
		width: 100%;
		background:#fff;
	}
	#head_info_menu,
	#head_nav {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.head_info_wrap {
		margin-bottom: 0;
	}
	.head_logo img {
		max-width: 193px;
		height: 42px;
	}
	.head_title {
		padding-bottom: 10px;
		padding-left: 14px;
		font-size: 10px;
	}
	hr.wave {
		width: 70%;
		height: 80px;
	}
	.wp-caption-text {
		margin-bottom: 60px;
		text-align: center;
	}
	.sctl_under_txt {
		margin-bottom: 45px;
	}
	.two_clm li {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	#top_career {
		padding: 0 15px;
		box-sizing: border-box;
	}
	.footer_info_wrap {
		display: block;
	}
	.footer_info {
		margin: 0 auto;
	}
	#footer_nav ul {
		height: 180px;
	}
	.footer_rel {
		max-width: none;
	}
}
@media screen and (max-width:700px){
	.top_sctl {
		font-size: 24px;
		line-height: 1.166;
	}
	.three_clm li {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.left_clm,
	.right_clm {
		float: none;
	}
	.copy {
		text-align: center;
		width: 100%;
    	display: block;
	}
	.term_wrap {
		padding: 30px;
	}
	#policy .sctl_under_txt {
		text-align: left;
	}
	.lw_tl {
		font-size: 28px;
	}
	.pager li.next .pager_inner .thumb,
	.pager li.prev .pager_inner .thumb {
		width: 50px;
	}
	.pager li .pager_inner .title {
		font-size: 12px;
	}
	.pager_inner {
		padding: 12px 10px;
	}
	.pager li.prev .pager_inner {
		padding-left: 60px;
		min-height: 50px;
	}
	.pager li.next .pager_inner {
		padding-right: 60px;
		min-height: 50px;
	}
	.pager li.prev {
		padding-left: 20px;
	}
	.pager li.next {
		padding-right: 20px;
	}
	.pager li:before {
		width: 10px;
		height: 10px;
	}
	.pager_wrap .container {
		padding :20px 15px;
	}
	.author_wrap {
		padding: 40px 20px;
	}
	.sc {
		padding-bottom: 90px;
	}
	.pager_wrap {
		margin-bottom: 80px;
	}
	.lw_container.people {
		background: none;
	}
	.sub_tl {
		font-size: 18px;
	}
	.people_profile_wrap {
		padding: 30px 20px;
	}
	.people_profile_wrap .name {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.people_profile_wrap .image {
		float: none;
		width: 100%;
		margin: 0 auto 15px;
	}
	.people_profile_wrap .profile {
		width: 100%;
		float: none;
	}
	.single_content h4 {
		margin-top: 100px;
	}
	.people_list .content {
	    font-size: 16px;
	}
	#post-content .post-nlink li.article .content {
	    font-size: 16px;
	}
	.career_wrap {
		padding: 30px 30px 0;
		margin-top: 0px !important;
		margin-bottom: 90px !important;
	}
	.about_tl {
		margin-bottom: 45px;
	}
	.career_left,
	.career_right {
		float: none;
		width: 100%;
		max-width: none;
	}
	.career_left {
		margin-bottom: 60px;
	}
	.career_right {
		margin: 0 -30px;
		width: calc(100% + 60px);
	}
	.career_rimg {
		max-width: none;
		margin-top: -10px;
	}
	.list_btn {
		margin-top: 0px;
	}
	.social_bookmark {
		margin: 45px 0;
	}
	.social_bookmark li {
	    margin-right: 8px;
	}
	.social_bookmark a {
		width: 74px;
		padding: 19px;
	}
	.lw_btn {
	    margin: 45px 0;
	}
	.top_cat_ttl {
		padding-top: 31px;
		margin-bottom: 30px;
	}
	.top_sc .top_cat_ttl .top_sctl {
		width: auto;
		padding-bottom: 26px;
	}
	.top_sc .top_cat_ttl .top_sctl span {
		font-size: 20px;
	}
	.top_cat_ttl.jirei {
	    background: url(../img/img_jirei.png) no-repeat center bottom;
	    background-size: auto 150px;
	    padding-bottom: 125px;
	}
	.top_cat_ttl.column {
	    background: url(../img/img_column.png) no-repeat center bottom;
	    background-size: auto 150px;
	    padding-bottom: 125px;
	}
	.top_cat_ttl.nukumority {
	    background: url(../img/img_column.png) no-repeat center bottom;
	    background-size: auto 150px;
	    padding-bottom: 125px;
	}
	.top_cat .top_sc h3 {
		margin-bottom: 45px;
	}
	.top_cat_tagcloud {
		margin-bottom: 45px;
	}
	.top_cat_ttl .sctl_under_txt {
		width: auto;
		line-height: 1.75;
		margin-bottom: 30px;
	}
	.footer_rel {
		display: block;
	}
	.footer_rel_box {
		max-width: 270px;
    	width: 100%;
    	margin: 0 auto 30px;
	}
	.footer_rel_box:nth-of-type(2){
		margin-bottom: 0;
	}
}

@media screen and (max-width:500px){
	#top_mv {
		background: url(../img/bg_top-content-up_sp.png) no-repeat 80% center;
    	background-size: cover;
	}
	#top_mv, .bx-wrapper, .bx-wrapper .bx-viewport, .bxslider, .bxslider li {
		height: 603px;
	}
	.bx-wrapper {
		overflow: hidden;
	}
	#top_mv {
		margin-bottom: 110px;
	}
	#top_mv:after {
		bottom: -30px;
	}
	.mv_txt_wrap {
		max-width: 315px;
		padding: 0 30px 30px;
	}
	.mv_txt_wrap .catchcopy {
		margin: 30px 0;
	    font-size: 26px;
	    line-height: 1.46;
	}
	.mv_txt_wrap .mv_txt {
		margin-bottom: 15px;
	}
	.sctl_under_txt {
		text-align: left;
		margin-bottom: 35px;
	}
	.people_list .image {
		width: 60px;
	}
	.people_list .content {
		width: calc(100% - 60px);
		padding: 12px;
	    font-size: 15px;
	}
	.list_btn a {
	    letter-spacing: 1px;
	}
	.page .single_content {
		margin-top: 56px;
	}
	.single_content .lw_data {
		margin: 88px 0;
		padding: 0 15px;
	}
	#post-content h2 {
		font-size: 20px;
	    line-height: 1.5;
		padding-top: 30px;
	    padding-bottom: 18px;
	    margin: 56px 0 56px;
	}
	#post-content .post-answer-content h2 {
		margin: 86px 0 30px;
	}
	#post-content blockquote {
        margin: 3em 0;
        padding: 1.5em;
   }
	#post-content blockquote:before {
        position: static;
   }
	#post-content hr {
		margin: 56px 0 62px;
	}
	.single #post-content p.img:first-child,
	.page #post-content p.img:first-child {
		margin: -60px -15px 30px;
	}
	#post-content p.guest,
	#post-content p.d,
	#post-content p.m {
		grid-template-columns: 70px 1fr;
	}
	#post-content p.guest:before,
	#post-content p.d:before,
	#post-content p.m:before,
	#post-content p.guest > img,
	#post-content p.d > img,
	#post-content p.m > img {
		width: 60px;
    	height: 60px;
	}
	#post-content .post-small {
		margin-top: 30px;
	}
	#post-speaker {
		padding: 12px;
	}
	#post-speaker h2 {
		font-size: 16px;
	    line-height: 1.75;
	    padding: 13px 0;
	    margin: 0 auto 15px;
	}
	#post-speaker dl {
		padding: 15px 0 15px 70px;
	}
	#post-speaker #post-speaker-dora:before,
	#post-speaker #post-speaker-midori:before,
	#post-speaker #post-speaker-nkm-m:before,
	#post-speaker #post-speaker-nkm-c:before,
	#post-speaker dt img {
	    width: 60px;
	    height: 60px;
	    top: 12px;
	    left: 0;
	}
	#post-speaker #post-speaker-midori:before {
	    background-position: -60px 0;
	}
	#post-speaker dt {
		font-size: 14px;
		margin-bottom: 6px;
	}
	#post-speaker dd {
		font-size: 14px;
    	line-height: 2;
	}
	#post-mokuji {
		margin-top: 82px;
	}
	#post-mokuji h2 {
		font-size: 24px;
    	line-height: 2;
    	margin: 0 auto 16px;
    	padding: 0 30px;
	}
	#post-mokuji ul li,
	#post-mokuji ol li {
		font-size: 15px;
    	line-height: 2.66;
	}
	#post-content .post-nlink li.article .image {
	    width: 60px;
	}
	#post-content .post-nlink li.article .image img {
	    width: 60px;
	}
	#post-content .post-nlink li.article .content {
	    width: calc(100% - 60px);
	    padding: 12px;
	    font-size: 15px;
	}
	#post-matome {
		margin-bottom: 30px;
	}
	#post-matome h2 {
		font-size: 24px;
    	margin: 86px auto 34px;
    	line-height: 1;
    	padding-bottom: 0;
	}
	#post-matome h2::after {
	    bottom: 9px;
	}
	#post-matome h3 {
		font-size: 20px;
    	line-height: 1.4;
    	padding: 14px 10px;
	}
	#post-matome ul,
	.post-answer-content #post-matome ul {
	    padding: 26px;
	    margin-bottom: 56px;
	}
	#post-matome li {
	    padding-left: 15px;
	}
	#post-matome li::before {
		width: 5px;
    	height: 5px;
	}
	#post-content .post-ads-notice {
	    margin: 86px 0 -60px;
	    padding: 23px 26px;
	}
	.post-btn a {
        letter-spacing: 1px !important;
    }
	.post-question {
		margin-top: 64px;
		padding: 15px 15px 30px;
	}
	.post-question:not(:first-child) {
		margin-top: 86px;
	}
	.post-question-person {
		line-height: 1.875;
		height: 60px;
	}
	.post-question-person::before,
	.post-question-person dt > img {
		width: 60px;
		height: 60px;
	}
	.post-question-person dt, .post-question-person dd {
		padding-left: 75px;
	}
	.post-answer, .post-answer2 {
		margin-top: 135px;
		padding: 40px 15px 15px;
		margin-left: -15px;
	    margin-right: -15px;
	    border-radius: 0;
	}
	.post-answer::before, .post-answer2::before {
		font-size: 18px;
    	line-height: 1.55;
    	bottom: calc(100% + 18px);
	}
	.post-answer-person, .post-answer2-person {
		font-size: 14px;
    	line-height: 2;
    	padding: 0 15px 30px 85px;
	}
	.post-answer2-person {
	    padding: 0 0 0 70px;
	}
	.post-answer-person::before {
	    width: 60px;
	    height: 60px;
	    top: 0;
	    left: 15px;
	}
	.post-answer2-person dt img {
	    width: 60px;
	    height: 60px;
	}
	.post-answer-content, .post-answer2-content {
		padding: 15px;
	}
	#post-content .post-ads-notic {
		margin: 86px 0 -60px;
		padding: 22px;
	}
}

@media screen and (max-width:375px){
	header {
		padding-top: 8px;
    	padding-bottom: 12px;
	}
	#head_info_menu,
	#head_nav {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.head_info_wrap {
		margin-bottom: 0;
	}
	.head_title {
		padding-left: 14px;
		padding-bottom: 7px;
		font-size: 10px;
	}
	.top_sc .sctl_under_txt {
	    transform: translateY(-20px);
	}
	.btn:after,
	#head_nav li:after {
		right: 13px;
	}
	.list_btn {
		margin-top: 10px;
	}
	.list_btn a {
		font-size: 16px;
		padding: 20px 15px;
	}
	.post-btn a {
	    font-size: 16px !important;
	    padding: 20px 15px !important;
	}
	.error404 .list_btn {
	    margin-top: 56px;
	}
	.pager {
		display: block;
	}
	.pager li.prev {
		margin-bottom: 10px;
	}
	.pager li.next {
		margin-left: 5.55555%;
	}
	.top_sc {
		margin-top: 88px;
	}
	.top_sc + .top_sc {
		margin-top: 90px;
		padding-bottom: 126px;
	}
	.two_clm li {
		margin-bottom: 15px;
	}
	#lw_sc {
		margin-top: 76px;
	}
	.lw_tl {
		font-size: 24px;
    	line-height: 1.75;
    	margin-top: -30px;
    	padding-bottom: 27px;
    }
    .lw_header .inner {
    	padding: 0;
    }
	.lw_header .top_sctl {
		font-size: 18px;
    	line-height: 1.55;
	}
	.top_cat_ttl + .people_list {
		padding-bottom: 15px;
	}
	.career_wrap {
		padding: 30px 30px 25px;
	}
	.career_left {
	    margin-bottom: 30px;
	}
	.career_rtxt {
	    width: 259px;
	}
	.career_rimg {
	    width: 285px;
	}
	.career_box li {
	    padding-left: 15px;
	}
	.career_btn a {
		max-width: 255px;
		padding: 8px 10px;
	}
	.career_txt {
	    margin-bottom: 25px;
	}
	.footer_info_wrap {
		padding: 25px 0;
	}
	.social_bookmark {
		margin: 30px 0;
	}
	.lw_btn {
		margin: 30px 0;
	}
	#featured {
		margin-top: 145px;
		padding-bottom: 90px;
	}
	#featured .inner {
		padding: 0 0 15px;
	}
	#featured .top_sctl {
		padding-bottom: 33px;
		transform: translateY(-50px);
		margin-bottom: -4px;
	}
}
@media screen and (max-width:374px){
	.people_list .content {
	    font-size: 14px;
	    line-height: 1.57;
	}
	#post-content .post-nlink li.article .content {
	    font-size: 14px;
	    line-height: 1.57;
	}	
}