@charset "UTF-8";

/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1200px){
	.site-header,
	.global-nav,
	.main-body,
	.site-footer{
		min-width: 0;
	}

	.site-header-in,
	.global-nav-in,
	.main-body-in,
	.site-footer-in{
		width: 94%;
		margin: auto;
	}

	.main-image h1{
		padding-left: 20px;
		padding-right: 0px;
	}
	.main-image-in-text{
		background: url(../images/bg-mv.jpg) 50% center no-repeat #000000;
	}
	.main-image .intro-txt{
		padding:0;
		margin: 0 0 0 20px;
		background-position: 0px 0px;
	}
	
	.main-image-in,
	.main-image-in-text,
	.main-image-in-text .main-image-in-text-cont,
	.main-image-in-text.wide .main-image-in-text-cont{
		width: 100%;
	}
	
	.col1 .section-wrap,
	.col1 .breadcrumbs,
	.col1 .section-wrap.wide .section-in,
	.col1 .section-wrap.wide{
		width: auto;
	}
	.col1 .section-wrap.wide .section-in{
		width: 94%;
		margin-right: auto;
		margin-left: auto;
		padding: 2em 0;
	}
	.col1 .breadcrumbs-in,
	.col1 .float-area{
		width: 94%;
		margin-right: auto;
		margin-left: auto;
	}

	.main-body .title-special-gift {
	    height: 100px;
	    width: 100%;
	    padding: 10px 40px 10px 20px;
	    margin-top: 1em;
	    margin-bottom: 0;
	    margin-left: 0;
	    line-height: 1.4;
	    font-size: 18px;
	}
	.special-gift-text {
		margin-left: 20px;
		margin-right: 20px;
		padding: 20px;
	}
	.main-body .title-special-gift:after {
	    border-width: 50px 20px 50px 0px;
	}
	.seminar-btn,
	.seminar-btn-2019haya,
	.seminar-btn-2018,
	.seminar-btn-sethaya,
	.seminar-btn-3set-haya,
	.seminar-btn-3set{
		width:90%;
	}
	.seminar-btn a:after,
	.seminar-btn-2018 a:after,
	.seminar-btn-2019haya a:after,
	.seminar-btn-sethaya a:after,
	.seminar-btn-3set-haya a:after,
	.seminar-btn-set a:after{
	    top: 50%;
	    right: 0;
	    background-size: auto 30px;
	    width: 30px;
	    height: 30px;
	    z-index: 10;
	    margin-top: -20px;
	}
	.seminar-btn a,
	.seminar-btn-2018 a,
	.seminar-btn-2019haya a,
	.seminar-btn-sethaya a,
	.seminar-btn-set-haya a,
	.seminar-btn-set a{
	    padding: 20px 40px 20px 20px;
	}

	.seminar-btn p.price .buy-year,
	.seminar-btn-2018 p.price .buy-year,
	.seminar-btn-2019haya p.price .buy-year,
	.seminar-btn-sethaya p.price .buy-year,
	.seminar-btn-3set-haya p.price .buy-year,
	.seminar-btn-set p.price .buy-year{
	    font-size: 16px;
	    font-weight: 700;
	}
	.seminar-btn p.price .price-num,
	.seminar-btn-2018 p.price .price-num,
	.seminar-btn-2019haya p.price .price-num,
	.seminar-btn-sethaya p.price .price-num,
	.seminar-btn-3set-haya p.price .price-num,
	.seminar-btn-3set p.price .price-num{
		font-size:52px;
	}
	.seminar-btn p.price .tax,
	.seminar-btn-2018 p.price .tax,
	.seminar-btn-2019haya p.price .tax,
	.seminar-btn-sethaya p.price .tax,
	.seminar-btn-3set-haya p.price .tax,
	.seminar-btn-3set p.price .tax{
		font-size: 15px;
		padding-left: 5px;
	}
	.seminar-btn p.how,
	.seminar-btn-2018 p.how,
	.seminar-btn-2019haya p.how,
	.seminar-btn-sethaya p.how,
	.seminar-btn-3set-haya p.how,
	.seminar-btn-3set p.how{
		font-size: 14px;
		text-align: center;
		line-height: 1.4;
	}
	.seminar-btn p.here,
	.seminar-btn-2018 p.here,
	.seminar-btn-2019haya p.here,
	.seminar-btn-sethaya p.here,
	.seminar-btn-3set-haya p.here,
	.seminar-btn-3set p.here{
		top: -55px;
		left: -20px;
		width: 55px;
		height: 55px;
		font-size: 13px;
		line-height: 18px;
		font-weight: 700;
		letter-spacing:0;
	}
	.seminar-btn p.price .buy-year span.top,
	.seminar-btn-2018 p.price .buy-year span.top,
	.seminar-btn-2019haya p.price .buy-year span.top,
	.seminar-btn-sethaya p.price .buy-year span.top,
	.seminar-btn-2019haya p.price .buy-year span.btm,
	.seminar-btn-sethaya p.price .buy-year span.btm,
	.seminar-btn-3set-haya p.price .buy-year span.btm,
	.seminar-btn-3set p.price .buy-year span.btm{
		height: 20px;
		line-height: 20px;
	}
}/*解像度1200px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 880px){
	.sp_only{
		display: none;
	}

	html,
	body,
	.containr{
		min-width: 0;
	}

	html{
		overflow-x: hidden;
		overflow-y: scroll;
	}

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	textarea,input{
		max-width: 95%;
	}
	
	input[type="submit"],input[type="image"],
	input[type="reset"],input[type="button"],
	input[type="file"]{
		max-width: none;
	}
	
	blockquote{
		position: relative;
		margin: 2em 0;
		padding: 115px 20px 80px;
		background: #eee;
	}

	.site-header-in,
	.global-nav-in,
	.main-body-in,
	.site-footer-in{
		width: 100%;
	}
	
	.col2 .main-conts,
	.col2 .sub-conts,
	.col2r .main-conts,
	.col2r .sub-conts{
		float: none;
		width: auto;
	}
	
	/*ヘッダー*/
	.site-header-conts,
	.site-title,
	.header-box,
	.header-box-end{
		display: block;
	}
	.site-title,
	.nav-logo{
		margin: 0;
		min-width: auto;
	}

	.site-title a,
	.nav-logo a{
		display: block;
	    margin: 0px 0px 0px 0px;
	}
	.site-title img,
	.nav-logo img{
		width: 100px;
		height: auto;
	}

	.site-header-conts{
		padding-top: 50px;
	}

	.main-image .intro-txt{
		width: 320px;
		height: 341px;
		padding:0;
		margin: 15px 0 0 0;
		background: url(../images/intro_sp.png)no-repeat;
		background-position: 0px 0px;
		background-size: 320px 341px;
	}
	
	.no-gn .site-header-conts{
		padding-top: 0;
	}
	
	.site-header-conts{
		padding-bottom: 10px;
	}
	
	.site-title{
		padding: 15px 15px 0;
		font-size: 1.4em;
	}

	.normal-screen .site-title{
		font-size: 2em;
	}

	.normal-screen .lp-catch{
		padding: 15px 15px 0;
		font-size: 1em;
	}

	.header-box-end,
	.header-box{
		margin-left: 0;
		text-align: center;
	}
	
	.site-header-in{
		display: none;
		position: relative;
		padding-bottom: 1em;
	}

	
	/*--------------------------------------------------------
	グローバルナビ
	--------------------------------------------------------*/
	.is-fixed {
		background: transparent;
	}
	.is-fixed .site-logo{
		display:none;
	}
	.is-fixed .global-nav-panel{
		background:#10318A;
		top:0;
		right:0;
	}


	.global-nav{
		position: relative;
		z-index: 20;
		margin: 0;
		border: 0;
	}
	
	.global-nav ul{
		display: none;
		position: absolute;
		background: #fff;
		color: #000;
		top: 59px;
		right: 0px;
		width: 60%;
		padding: 0;
		border: 0;
	}
	.is-fixed ul{
		top: 49px !important;
	}	
	.global-nav-panel{
		position: absolute;
		top: 16px;
		right: 5px;
		display: block;
		width: 50px;
		height: 50px;
		cursor: pointer;
	}
	.global-nav-in li.btn,
	.global-nav-in li{
		display: list-item;
		width: auto;
		margin-right: 0;
		line-height: 56px;
		border-bottom: 1px solid #a1a1a6;
	}
	
	.global-nav-in li:last-child{
		border: none;
	}
	
	.global-nav-in li.btn a,
	.global-nav-in li a{
		color: #000;
		border:none !important;
		background: none !important;
		text-align: left;
		width: auto;
		display: block;
		border-style:none;
		padding: 0 20px;
		text-decoration: none;
		font-size: 16px;
		opacity: 1;
		font-weight: normal;
		line-height: 56px;
		box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
	}
	.global-nav-in li.btn a:hover,
	.global-nav-in li a:hover{
		opacity: 0.8;
		border:none;
		color: #000;
		background: none;
	}
	.global-nav-in li ul{
		position: static;
		margin-left: 2em;
		width: auto;
	}
	
	.global-nav-in li ul li{
		width: auto;
	}
	.site-logo{
		padding: 0px;
	}
	.site-logo img {
	    margin-left: 20px;
	}
	.global-nav-in li a::after {
	  display: none;
	}
	.global-nav-in li.btn a::after {
		display: none;
	}

	.global-nav-in li a:hover::after {
	 	display: none;
	}
	.home #contact h2, .home #download h2{
		font-size: 23px;
	}
	.home #contact p, .home #download p{
		line-height: 1.5;
		font-size: 16px;
	}
	.btn.wht-beta-btn a{
		padding:0.8em 2em 0.8em 2.8em;
		background: url(../imgs/chevron-right-navy.svg) 0.8em center no-repeat #FFFFFF;
		background-size: auto 20px;
		border-radius: 100px;
		min-width:100%;
		-webkit-box-sizing: border-box;
		font-feature-settings: "palt";
		letter-spacing: 0em;
		font-size: 16px;
	}
	.btn.wht-beta-blue-btn a{
		padding:0.8em 2em 0.8em 2.8em;
		background: url(../imgs/chevron-right-wht.svg) 0.8em center no-repeat #10318A;
		background-size: auto 20px;
		border-radius: 100px;
		min-width:100%;
		-webkit-box-sizing: border-box;
		font-feature-settings: "palt";
		letter-spacing: 0em;
		font-size: 16px;
		color: #ffffff;
	}
	.btn.wht-beta-orange-btn a{
		padding:0.8em 2em 0.8em 2.8em;
		background: url(../imgs/chevron-right-wht.svg) 0.8em center no-repeat #FAA916;
		background-size: auto 20px;
		border-radius: 11px;
		min-width:100%;
		-webkit-box-sizing: border-box;
		font-feature-settings: "palt";
		letter-spacing: 0em;
		font-size: 16px;
		color: #ffffff;
	}
	.btn-box{
		width: 100%;
	}
	.btn-box .btn-l a{
		padding:0.8em 2em 0.8em 2.8em;
		background: url(../imgs/chevron-right-navy.svg)  0.8em center no-repeat #FFFFFF;
		background-size: auto 20px;
		font-size: 16px;
		color: #10318A;
	}
	.btn-box .btn-l a:hover{
		background: url(../imgs/chevron-right-wht.svg) 0.8em center no-repeat #10318A;
		background-size: auto 20px;
		color: #ffffff;
	}
	.btn.wht-beta-blue-btn a:hover,
	.btn.wht-beta-blue-btn a:active,
	.btn.wht-beta-blue-btn a:focus{
		background: url(../imgs/chevron-right-navy.svg) 0.8em center no-repeat #FFFFFF;
		background-size: auto 20px;
		color: #10318A;
	}
	.btn.wht-beta-orange-btn a:hover,
	.btn.wht-beta-orange-btn a:active,
	.btn.wht-beta-orange-btn a:focus{
		background: url(../imgs/chevron-right-wht.svg) 0.8em center no-repeat #FAA916;
		background-size: auto 20px;
		color: #ffffff;
	}
	.btn.wht-beta-btn a:hover,
	.btn.wht-beta-btn a:active,
	.btn.wht-beta-btn a:focus{
		background: url(../imgs/chevron-right-wht.svg) 0.8em center no-repeat #FFFFFF;
		background-size: auto 20px;
	}
	.btn.wht-border-btn a{
		padding:0.8em 2em 0.8em 2.8em;
		background: url(../imgs/chevron-right-wht.svg) 0.8em center no-repeat;
		background-size: auto 20px;
		border-radius: 100px;
		min-width:100%;
		box-sizing: border-box;
		font-feature-settings: "palt";
		letter-spacing: 0em;
		font-size: 16px;
	}
	.btn.wht-border-btn a:hover,
	.btn.wht-border-btn a:active,
	.btn.wht-border-btn a:focus{
	  	background: url(../imgs/chevron-right-navy.svg) 0.8em center no-repeat #ffffff;
		background-size: auto 20px;
		color: #10318A;
	  }
	.btn.wht-btn a {
	    padding:0.8em 2em 0.8em 2.8em;
	    background: url(../imgs/chevron-right-wht.svg) 0.8em center no-repeat;
		background-size: auto 20px;
		border-radius: 100px;
		min-width:200px;
		font-feature-settings: "palt";
		letter-spacing: 0em;
		font-size: 16px;
	}
	.btn.wht-beta-btn a:hover,
	.btn.wht-beta-btn a:active,
	.btn.wht-beta-btn a:focus{
	  	background: url(../imgs/chevron-right-wht.svg) 0.8em center no-repeat transparent;
		background-size: auto 20px;
  	}
	.col3-wrap .col{
		width: 49%;
	}

	/*--------------------------------------------------------
	メインビジュアル
	--------------------------------------------------------*/
	.main-image{
		margin-top: 45px;
	}
	.main-image h1 {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0px;
		font-size: 0;
	}
	.main-image-in-text-cont{
		padding: 1em;
	}
	
	.main-image-in-text{
		margin-bottom: 0;
		padding-left: 0;
		background: url(../images/bg-mv-sp.jpg) top right no-repeat #000;
		background-size: cover;
	}

	.main-copy{
		margin-bottom: 10px;
		font-size: 2em;
		text-align: center;
	}

	.sub-copy{
		font-size: 1em;
	}
	
	.section-wrap,
	.col1 .section-wrap.wide{

	}
	
	.col1 .section-wrap{
		padding: 0;
	}
	
	.section-wrap .section-in,
	.col1 .section-wrap.wide .section-in,
	.float-area,
	.col1 .float-area{
	}
		

	.col1 .sub-conts .section-wrap .section-in{
		padding: 0 20px 30px;
	}

	.section-wrap .section-in .section-title,
	.section-wrap .article-header .section-title{

	}
	
	.section-tokuten-bg .section-content,
	.section-box .section-content {
	    padding-left: 10px;
	}
	.sub-conts .section-wrap .section-in .section-title,
	.sub-conts .section-wrap .article-header .section-title,
	.col1 .sub-conts .section-wrap .section-in .section-title,
	.col1 .sub-conts .section-wrap .article-header .section-title{
		margin: 0 0 30px;
		padding: 10px 18px;
	}
	
	.main-conts p{
		margin-bottom: 1.5em;
	}

	.news-item p{
		margin-bottom: 1em;
	}

	.profile-box{
		padding: 330px 15px 15px 15px;
	    background: url(../images/prof-photo.jpg) center top no-repeat #000;
	    background-size: 292px auto;
	}
	
	.staff-box h3{
		padding: 0;
		font-size: 0.8em;
	}
	.staff-box{
		padding: 200px 15px 15px 15px;
		margin-bottom: 20px;
	}
	.staff-box.ito,
	.staff-box.yoshimoto,
	.staff-box.akaki{
	    background-size: 100% auto;
	}

	.staff-box-in{
		background: rgba(255, 255, 255, 0.9);
    	padding: 20px 10px 10px 10px;
	}

	.staff-box h3 span{
		display: block;
	}
	.staff-box h4{
		font-size: 1.2em;
	}

	.law .main-body {
	width: 94%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1em;
	}

	.main-body h1,
	.main-body h2,
	.main-body h3,
	.main-body h4,
	.main-body h5,
	.main-body h6{
	}
	

	.main-body h1,
	.main-body h2{
	}
	.main-body h2,
	.section-wrap .section-title{
		font-size: 1.5em;
		margin-bottom: 1em;
	}
	.main-body h3 {
	    font-size: 1.2em;
	}
	.set h3.teaching-materials-section234 {
    	padding-left: 4em;
	}
	.seminars-flow h3{
		margin-top: 0;
	}
	
	/*パンくずリスト*/
	.breadcrumbs-in{
		margin-bottom: 1em;
		padding: 0 1em;
	}

	.breadcrumbs-in li:last-child{
		display: none;
	}

	.col1 .breadcrumbs-in{
		width: auto;
	}

	/*フッターナビ*/
	.site-footer-nav{
		display: block;
		text-align: left;
	}

	.site-footer-nav li,
	.site-footer-nav li:first-child{
		display: list-item;
		margin-left: 20px;
	}

	/*コピーライト*/
	.copyright{
		padding: 15px;
		text-align: left;
	}

	.page-top img{
		width: 40px;
	}
	.main-conts .deco-box01 ol,
	.main-conts .deco-box02 ol,
	.main-conts .deco-box03,
	.main-conts .deco-box04,
	.main-conts .deco-box06 ol,
	.main-conts .deco-box08 ol{
		padding:20px;
	}
	.main-conts .deco-box07 ol{
		padding:10px;
		font-size: 1em;
	}
	.main-conts .deco-box07 ol span{
		font-size: 0.9em;
	}
	.main-conts .deco-box07 h4{
		padding-left: 10px;
	    padding-right: 10px;
	    line-height: 1.4;
	    font-feature-settings: "palt";
	    letter-spacing: 0.01em;
	    font-size: 20px;
	}
	.main-conts .deco-box05 ol,
	.main-conts .deco-box05 ul{
		padding: 20px 20px 20px 50px;
	}
	.main-conts .deco-box05 p{
		margin: 0;
		padding: 20px 20px 0 20px;
	}

	.list-customers-voice li{
		padding: 15px 20px;
		margin-bottom: 1.5em;
	}
	.main-conts .deco-box01 ol li {
	    font-size: 1.3em;
	}
	.main-conts .deco-box01 ol li:before{
	    font-size: 1.3em;
	}
	.main-conts .deco-box02 ol li {
	    font-size: 1.3em;
	}
	.main-conts .deco-box02 ol li:before{
	    font-size: 1.3em;
	}
	.main-conts .deco-box03.shiki{
		padding:18px;
		font-size:20px;
		line-height:1.5;
		font-feature-settings: "palt";
	}

	.main-conts .deco-box03.soki{
		padding:18px;
		font-size:20px;
		line-height:1.5;
		font-feature-settings: "palt";
	}
	.main-conts .deco-box03.soki ol{
		margin-left: 25px;
	}
	.main-conts .deco-box06 ol li {
	    font-size: 1.3em;
	}
	.main-conts .deco-box06 ol li:before{
	    font-size: 1.3em;
	}
	.main-conts .deco-box08 ol li {
	    font-size: 1.3em;
	}
	.main-conts .deco-box08 ol li:before{
	    font-size: 1.3em;
	}
	.flow-box-wrap h3 span {
	padding-left: 38px;
    font-size: 18px;
    line-height: 1.4;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
	}
	.seminars-flow li{
		margin-bottom: 50px;
	}

	.seminars-flow li:before {
	    bottom: -37px;
	    margin-left: -30px;
	    border-width: 20px 25px 0 25px;
	}
		.seminars-flow li:after {
	    bottom: -34px;
	    margin-left: -30px;
	    border-width: 20px 25px 0 25px;
	}
	/*最新情報*/
	.news .news-thumb{
		float: none;
		text-align: center;
	}

	.main-body .news-title{
		font-size: 1.25em;
	}

	/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
	.table-block,
	.table-block thead,
	.table-block tbody,
	.table-block tfoot,
	.table-block tr,
	.table-block th,
	.table-block td{
		display: block;
	}
	
	.table-block{
		border-bottom: 1px solid #959595;
	}
	
	.table-block th,
	.table-block td{
		float: left;
		width: 100%!important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.table-block:after{
		content : '';
		display : block;
		clear : both;
		height:0;
	}
	
	.table-scroll:before{
		content: "※はみ出ている場合、横にスクロールできます。"
	}

	/*バナーエリア*/
	.banner-list li{
		text-align: center;
	}
	
	.banner-list li,
	.col1 .banner-list li,
	.main-conts .banner-list li{
		display: list-item;
		margin-left: 0;
	}
	.sign {
		padding-right: 0;
	}
	.sign img{
		width: 50%;
		height: auto;
	}
	.main-conts .deco-box04{
		padding-left: 10px;
		padding-right: 10px;
	}

	.site-footer-nav li {
	    background-size: auto 30%;
	}
	.jump,
	.seminar-btn,
	.seminar-btn-2018,
	.seminar-btn-2019haya,
	.seminar-btn-sethaya,
	.seminar-btn-3set-haya,
	.seminar-btn-3set{
		width:90%;
	}
	.seminar-btn a:after,
	.seminar-btn-2018 a:after,
	.seminar-btn-2019haya a:after,
	.seminar-btn-sethaya a:after,
	.seminar-btn-3set-haya a:after,
	.seminar-btn-3set a:after{
	    top: 50%;
	    right: 0;
	    background-size: auto 30px;
	    width: 30px;
	    height: 30px;
	    z-index: 10;
	    margin-top: -20px;
	}
	.seminar-btn a,
	.seminar-btn-2018 a,
	.seminar-btn-2019haya a,
	.seminar-btn-sethaya a,
	.seminar-btn-3set-haya a,
	.seminar-btn-3set a{
	    padding: 20px;
	}

	.seminar-btn p.price,
	.seminar-btn-2018 p.price,
	.seminar-btn-2019haya p.price,
	.seminar-btn-sethaya p.price,
	.seminar-btn-3set-haya p.price,
	.seminar-btn-3set p.price{
		flex-direction: column;
		margin-bottom: 0;
	}
	.seminar-btn p.price .buy-year,
	.seminar-btn-2018 p.price .buy-year,
	.seminar-btn-2019haya p.price .buy-year,
	.seminar-btn-sethaya p.price .buy-year,
	.seminar-btn-3set-haya p.price .buy-year,
	.seminar-btn-3set p.price .buy-year{
		display: inline-block;
	    padding-right: 0;
	    font-size: 16px;
	    font-weight: 700;
	    text-align: center;
	    padding-bottom: 5px;
	}
	.seminar-btn p.price .price-num,
	.seminar-btn-2018 p.price .price-num,
	.seminar-btn-2019haya p.price .price-num,
	.seminar-btn-sethaya p.price .price-num,
	.seminar-btn-3set-haya p.price .price-num,
	.seminar-btn-3set p.price .price-num{
		padding-top: 5px;
		padding-right:0;
		padding-bottom: 5px;
		font-size:42px;
	}
	.seminar-btn p.price .tax,
	.seminar-btn-2018 p.price .tax,
	.seminar-btn-2019haya p.price .tax,
	.seminar-btn-sethaya p.price .tax,
	.seminar-btn-3set-haya p.price .tax,
	.seminar-btn-3set p.price .tax{
		font-size: 12px;
		font-weight:400;
		margin-bottom: 0;
		padding-left: 3px;
	}
	.seminar-btn p.how,
	.seminar-btn-2018 p.how,
	.seminar-btn-2019haya p.how,
	.seminar-btn-sethaya p.how,
	.seminar-btn-3set-haya p.how,
	.seminar-btn-3set p.how{
		text-align: left;
		font-size:12px;
		line-height: 1.4;
		padding-top:0px;
	}
	.seminar-btn-spm,
	.seminar-btn-2018-spm,
	.seminar-btn-2019haya-spm,
	.seminar-btn-sethaya-spm,
	.seminar-btn-3set-haya-spm,
	.seminar-btn-3set-spm{
		margin-top: 3em;
		margin-bottom: 3em;
		text-align:left;
		font-size:0.9rem;
	}
	.seminar-btn-2019haya p.here,
	.seminar-btn-sethaya p.here,
	.seminar-btn-3set-haya p.here,
	.seminar-btn-3set p.here{
		top: -55px;
		left: -20px;
		width: 55px;
		height: 36px;
		font-size: 14px;
		line-height: 18px;
		font-weight: 700;
		letter-spacing:0;
		padding-top: 29px;
		padding-bottom: 29px;
	}
	.seminar-btn p.here,
	.seminar-btn-2018 p.here{
		padding-top: 1px;
		top: -55px;
		left: -20px;
		width: 55px;
		height: 55px;
		font-size: 12px;
		line-height: 18px;
		font-weight: 700;
		letter-spacing:0;
	}
	.seminar-btn-2019haya p.here .off,
	.seminar-btn-sethaya p.here .off,
	.seminar-btn-3set-haya p.here .off,
	.seminar-btn-3set p.here .off{
		font-size: 18px;
	}
	.seminar-btn p.price .buy-year span.top,
	.seminar-btn-2018 p.price .buy-year span.top,
	.seminar-btn-2019haya p.price .buy-year span.top,
	.seminar-btn-sethaya p.price .buy-year span.top,
	.seminar-btn-2019haya p.price .buy-year span.btm,
	.seminar-btn-sethaya p.price .buy-year span.btm,
	.seminar-btn-3set-haya p.price .buy-year span.btm,
	.seminar-btn-3set p.price .buy-year span.btm {
	    display: block;
	    height: 20px;
	    line-height: 20px;
	}

	.seminar-btn-sethaya p.price .buy-year span.top,
	.seminar-btn-3se-haya p.price .buy-year span.top,
	.seminar-btn-3set p.price .buy-year span.top{
		font-size: 13px;
		padding-bottom: 3px;
	}
	.main-body .title-special-gift:before,
	.main-body .title-special-gift:after {
		position: absolute;
		content: '';
		width: 0px;
		height: 0px;
		z-index: 1;
	}

	.main-body .title-special-gift:before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
		border-right: solid 20px #cc7d22;
	}

	.main-body .title-special-gift:after {
	    border-width: 50px 20px 50px 0px;
	}

	.special-gift-text {
		margin-left: 20px;
		margin-right: 20px;
		padding: 20px;
		background-color: #ffffff;
	}
	.special-gift-text p:last-child{
		margin-bottom:0;
	}
	.performance-all .col{
		margin-bottom: 10px;
	}
	.col2-wrap .col:first-child{
		margin-bottom: 10px;
	}
	news-figure{
		width: 45%;
		max-width: 254px;
		display: block;
		margin-top: 25px;
	}
}/*解像度736px以下*/

/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 480px){
	.profile-box{
	}
	
	.profile-box h3{
		padding-left: 0;
		font-size: 1em;
	}
	.staff-box{
		background-position: center top;
		padding: 200px 15px 15px 15px;
	}
	.staff-box h3{
		padding-left: 0;
		font-size: 1em;
	}
	/*段組*/
	.col4-wrap,
	.col3-wrap,
	.col2-wrap{
		margin: 0 0 1em;
	}

	article.news-item{
		font-size: 0.87em;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		float: none;
		margin-left: 0;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		width: auto;
	}

	.left,
	.right{
		float: none;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

	news-figure{
		width: 45%;
		max-width: 170px;
		display: block;
		margin-top: 25px;
	}
	
}/*解像度320px以下*/

@media
only screen and (max-width : 320px){
	.header-box,
	.nav-cv-btn{
		width: 174px;
	}
	.header-box a,
	.nav-cv-btn a{
		margin-top: 0px;
		margin-right: 0px;
		min-height:35px;
		padding: 0px 5px 0px 5px;
	}
	.main-image .intro-txt {
		width: 280px;
	    height: 298px;
	    padding: 0;
	    margin: 15px 0 0 0;
	    background: url(../images/intro_sp.png)no-repeat;
	    background-position: 0px 0px;
	    background-size: 280px 298px;
	}
	.seminar-btn a,
	.seminar-btn-2018 a,
	.seminar-btn-2019haya a,
	.seminar-btn-sethaya a,
	.seminar-btn-3set-haya a,
	.seminar-btn-3set a{
	    padding: 30px 5px;
	}
}

/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2017-03-02 13:06:32
----------------------------------------------------------------------*/