@CHARSET "UTF-8";


/*1000over pc*/
@media ( min-width: 1024px ) {
	
	.sp{display:none;}
	.pc{display:block;}
	.pctb{display:block;}
	.tbsp{display:none;}
	.tb{display:none;}
	
	body .sp-f{display:none;}
	body .pc-f{display:flex;}
	body .pctb-f{display:flex;}
	body .tbsp-f{display:none;}
	
	body .pc-flex{flex-wrap:nowrap;}
	body .pctb-flex{flex-wrap:nowrap;}
	
	.sect4 ul li.desc{
		font-size: 1.6rem;
	}
	
	
}

/*tablet*/
@media ( max-width: 1023px ){
	
	.sp{display:none;}
	.pc{display:none;}
	.pctb{display:block;}
	.tbsp{display:block;}
	.tb{display:block;}
	
	body .sp-f{display:none;}
	body .pc-f{display:none;}
	body .pctb-f{display:flex;}
	body .tbsp-f{display:flex;}
	
	body .pc-flex{flex-wrap:wrap;}
	body .pctb-flex{flex-wrap:nowrap;}
	
	/*
	body .pc-flex > div{
		width:100% !important;
		
	}
	*/
	
	header div.menu-wrapper > .menu i {
		margin-right:5px;
	}
	
	.main-wrapper,.center-contents{width:100%;overflow:hidden;}
	.online img {width:70%}
	
	header h1{line-height:1.4;}
	
	.main-obi-wrapper .main-image{
		width:100%;
		max-width:100%;
	}
	
	.main-obi-wrapper .main-image img{width:100%;}
	
	.sect{
		background-size:120% auto;
	}
	
	.h2-wrapper ,.sect1 .h2-wrapper{
		padding: 90px 0px;
	}
	
	h2{font-size: 2.5rem;}
	
	div.panel {
			padding: 20px;
			margin:0 10px;
	}
	
	
	.sect1 .h2-contents .bq{
		line-height:1.6;
	}
	
	
	.sect1 div.bq::before {
			top: -20px;
	}
	.sect1 div.bq::after {
			top: -20px;
	}
	
	
	.sect1 .h2-contents .upper {
			margin-bottom:20px;
	}
	.sect1 .h2-contents .flex-wrapper {
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
	}
	
	.sect1 .h2-contents .lower > div:nth-of-type(1){
		
			
	}
	.sect1 .h2-contents .lower > div:nth-of-type(2){
		width:55%;
		margin: 0 20px 20px 5px;
		
	}
	
	.sect1 .h2-contents .lower .tt{
		margin-left:0%;
		
	}
	.sect1 .h2-contents .lower .cc{
		margin-bottom:20px;
	}
	
	.sect1 .h2-contents .lower .cc3{
		margin-left:20px;
	}
	
	.sect2 .panel ul{
		margin-left:15px;
	
	}
	.sect2 .panel .photo {
			margin-left:5px;
	}
	
	.sect5 .box-wrapper .box .photo-wrapper > div{
		width:90%;
	}
	
	.sect6 .h3-wrapper{
		margin-left:10px;
	}
	
	.sect7 .person{
		
		background-position:center;
		
	}
	
	.sect7 .person div > div{
		width:90%;
		margin:0 auto;
		text-align:center;
	}
	
	
	
	.one-day .lower .img-wrapper {
    	padding-right: 20px;
	}
	.one-day .upper .desc .title {
    	margin: 0 0px;
    	font-size: 2rem;
    	color: #444;
    	line-height: 1.2;
	}
	.one-day .t1200 .upper .desc .time {
	    font-size: 2rem;
	    text-align: center;
	    color: #7080f6;
	}
	.one-day .lower{
		display:block;
	}
	
	.one-day .upper .round {
    	width: 150px;
	}
	
 	.one-day .wrapper{
 		/*
 		border-radius:5px;
 		margin:0 5px;
 		padding:30px 20px;
 		*/
 		padding:15px;
 		margin:10px;
 	}
 	
	.one-day .lower .comment-bottom:before {
	  content: "";
	  position: absolute;
	  top: -15px;
	  left: 30%;
	  margin-left: -15px;
	  border: 15px solid transparent;
	  border-bottom: 15px solid #c3dfff
	}
	
 	.one-day .lower-wrapper > .comment-bottom:before {
	  content: "";
	  position: absolute;
	  top: -30px;
	  left: 30%;
	  margin-left: -15px;
	  border: 15px solid transparent;
	  border-bottom: 15px solid #c3dfff
 	}
	
 	
}

/*smart*/
@media ( max-width: 599px ) {
	
	.sp{display:block;}
	.pc{display:none;}
	.tb{display:none;}
	
	.pctb{display:none;}
	.tbsp{display:block;}
	
	body .sp-f{display:flex;}
	body .pc-f{display:none;}
	body .pctb-f{display:none;}
	body .tbsp-f{display:flex;}
	
	body .pc-flex{flex-wrap:wrap;}
	body .pctb-flex{flex-wrap:wrap;}
	
	header{
	/*background-color:#fff;
	background-color:#687cc6;*/
	position:fixed;
	z-index:99;
	width:100%;
	height:50px;
	top:0;
	left:0;
	}
	
	#main-contents{
		position:relative;
		margin-top:50px;
	}
	
	header div.h1-wrapper div img{
		width:120px;
	}
	header h1 {
		font-size:1.0rem;
		line-height:1.1;
	}
	header div.h1-wrapper div{
		margin: 5px 10px;
		margin-right:0;
	}
	
	header div.h1-wrapper {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		width: 90%;
	}
	header div.menu-wrapper > .menu i {
		font-size: 3rem;
		margin-right:5px;
	}
	
	.toggle-menu ol {
		margin-left:25px;
	}
	
	
	.online img {
			width: 90%;
	}
	.online {
			text-align: center;
			margin: 35px 0;
	}
	
	.sect {
		padding-bottom: 30px;
	}
	
	h2 {
		font-size: 1.8rem;line-height: 1.2;
	}
	.sect .h2-wrapper {
		padding: 70px 0px;
	}
	div.panel {
			margin: 10px;
			padding:0;
	}
	div.bq::before {
			top: -20px;
			left: 5px;
			font-size: 300%;
	}
	
	div.bq::after {
			top: -20px;
			right: 5px;
			font-size: 300%;
	}
	
	
	
	
	
	/*
	.sect1 .h2-wrapper {
		padding: 55px 0px;
	}
	*/
	
	.sect1 div.panel {
		background-color:transparent;
		border: 0;
	}
	
	.sect1 .h2-contents .flex-wrapper {
			display: block;
			align-items: flex-start;
	}
	
	
	
	
	.sect1 .h2-contents .flex-wrapper.upper {
			display: flex;
			flex-wrap: wrap-reverse;
			align-items: flex-start;
	}
	
	.sect1 .h2-contents .flex-wrapper.upper > div{
		width:100%;
	}
	
	
	.sect1 .h2-contents .upper .homon2-img img {
			width: 90%;
	}
	
	.sect1 .h2-contents .upper .homon2-img {
		text-align: center;
		margin: 0;
		
	}
	.sect1 .h2-contents .upper .homon2-img::before{
		padding-top:30%;
	}
	
	.sect1 .h2-contents .bq {
		line-height: 1.6;
		padding: 10px 40px 0 40px;
		font-size: 1.4rem;
		margin:20px 0;
	}
	.sect1 .h2-contents .bq::before,
	.sect1 .h2-contents .bq::after{
		top:-5px;
	}
	
	
	.sect1 .h2-contents .flex-wrapper.lower {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			padding:20px;
	}
	
	.sect1 .h2-contents .lower .homon-contents {
		margin: 0;
		margin-left:0;
	}
	
	.sect1 .h2-contents .lower > div:nth-of-type(1) {
			width: 100%;
	}
	.sect1 .h2-contents .lower > div:nth-of-type(2) {
			width: 100%;
			padding-bottom:20px;
	}
	.sect1 .h2-contents .lower > div > img{width:80%;}
	
	.sect1 .h2-contents .lower .tt {
		font-size: 1.8rem;
		margin-bottom:0;
	}
	
	.sect1 .h2-contents .lower .tt1 {
		margin-top:0;
	}
	
	.sect1 .h2-contents .lower .tt3 {
			margin: 10px;
			margin-left: 0;
	}
	.sect1 .h2-contents .lower .cc3 {
			margin-left: 10px;
	}
	
	.sect1 .h2-contents .lower .homon-img {
		width:100%;
		text-align: center;
		margin: 0 0 20px 0;
	}
	.sect1 .homon-img img {
		width: 90%;
	}
	
	
	
	
	
	
	
	
	.sect2 .osusume {
		display: flex;
		flex-wrap:wrap;
	}
	.sect2 .osusume > div{
		width:100%;
	}
	.sect2 .panel .tt {
		padding: 50px 0;
		font-size:2.0rem;
	}
	
	.sect2 .panel .tt > div {
		padding: 10px 0;
		margin: 0 40px;
	}
	
	.sect3{line-height:1.6;}
	
	.sect3 .ques {
		margin-left: 20px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height:1.5;
	}
	
	.sect4 ul li.desc div:nth-of-type(1) div {
		width: 280px;
		height: 120px;
	}
	
	.sect4 ul li {
		text-align: left;
		font-size: 1.6rem;
		margin-bottom: 8px;
	}
	
	.sect4 .flex-wrapper{
		flex-wrap:wrap;
	}
	
	
	.sect4 ul li.desc div:nth-of-type(2) {
		padding:0;
		margin-top:10px;
		line-height:1.5;
	}
	
	
	.sect5 .box-wrapper .desc{
			font-size:1.1rem;
	}
	
	.sect5 .box-wrapper .box .photo-wrapper > div{
		width:95%;
	}
	.sect5 .box-wrapper .box.last {
			margin-bottom: 0px;
	}
	
	.sect5 .box-wrapper .box .time-wrapper .digit span {
			font-size: 1.6rem;
			font-weight: bold;
			color: #7486dc;
	}
	
	.sect5 .contents-wrapper .box-wrapper .box {
		margin-bottom:40px;
	}
	
	.sect5 .box-wrapper .box .photo-wrapper > div {
		width: 100%;
		padding: 5px 5px 0 5px;
		background-color: #fff;
		border-radius: 2px;
	}
	.sect5 .box-wrapper .box .photo-wrapper .img {
		margin-bottom: 5px;
	}
	
	.sect5 .contents-wrapper .box-wrapper.comment ul {
		margin-left: 15px;
		padding-bottom: 5px;
	}
	.sect5 .contents-wrapper .box-wrapper.comment ul li {
		line-height: 1.3;
		margin-bottom: 5px;
		font-size:1.0rem;
	}
	
	.sect5 .scedule-wrapper > .contents-wrapper .box-wrapper.comment {
		margin-top: 4%;
	}
	
	.sect5 .box-wrapper .box.last .desc {
		text-align: left;
		padding-bottom: 10px;
		font-size:1.0rem;
	}
	.sect5 .contents-wrapper .box.time1800,
	.sect5 .contents-wrapper .box.last
	{
		margin-bottom: 0px;
	}
	.sect5 .panel {
		background-color: #fff2f2;
		background-color: rgba(255, 218, 218, 0.52);
		padding: 20px 10px;
	}
	
	.sect5 div.nagare{
		border:0;
		padding:0;
	}
		
	.sect6 h3 {
		font-size: 1.6rem;
		font-weight: bold;
		display: inline;
	}
	.sect6 .contents-wrapper .bg-img.bg1 div{
		width:250px;
		height:120px;
	}
	.sect6 .contents-wrapper .bg-img.bg2 div{
		width:250px;
		height:120px;
		background-position:center center;
	}
	
	.sect6 .contents-wrapper .bg-img.bg3 div,
	.sect6 .contents-wrapper .bg-img.bg4 div{
		width:130px;
		height:130px;
	}
	
	.sect6 .contents-wrapper .bg-img.bg5 div{
		width:250px;
		height:120px;
		margin:20px 0;
	}
	.sect6 .last {
		margin-bottom: 0;
	}
	.sect6 .contents-wrapper > div {
		line-height:1.6;
	}
	.sect6 ul.patakara{
		margin: 0 0 0 25px;
	}
	
	.sect7 h2 {
		font-size: 1.7rem;
		line-height: 1.2;
	}
	
	.sect7 .wrapper .person,
	.sect7 .wrapper .talk {
		width: 100%;
	}
	
	.sect7 .wrapper .person {
		height:200px;
	}
	.sect7 .wrapper.type3 .person {
		background-position:right 20% top 15%;
	}
	
	.sect7 .wrapper .person div > div{
		font-size: 1.8rem;
		width:80%;
	}
	
	
	.sect7 .wrapper .talk {
		margin-top:20px;
		padding-bottom:30px;
	}
	.sect7 .wrapper {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		margin-bottom: 20px;
	}
	
	.sect7 .center-contents {
		margin-bottom: 30px;
	}
	
	.sect8 #flow p.text{line-height:1.6;text-align:left;}
	
	
	#flow {
		padding: 0px 10px 10px 10px;
	}
	
	#flow .process {
		text-align: center;
		max-width: 100%;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#flow .process img {
		width: 100%;
	}
	
	#flow .flowBox2 .obi2 div {
		font-size: 1.8rem;
		padding: 15px 0 15px 15px;
	}
	
	#flow .flowBox2 .obi2 .step,
	#flow .flowBox2 .obi2 .title{
		font-size:1.4rem;
	}
	#flow .flowBox2 .desc .desc-inner .sub {
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 1.4rem;
	}
	#flow .arrow img {
		width: 80px;
	}
	
	#flow .arrow {
		text-align: center;
		margin: 15px 0 -20px 0;
	}
	
	#form .headtext p {
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.sect9 .logo {
		text-align: center;
		padding-top: 40px;
		margin-bottom: -30px;
	}
	.sect9 .logo img{width:50%;}
	
	#form {
		padding: 10px 20px;
	}
	.sect9 .h2-wrapper {
		padding-bottom: 20px;
	}
	
	.formArea .flex {
		margin-bottom: 20px;
		flex-wrap:wrap;
	}
	
	
	
	.fixedBanner {
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: 0px;
		background-color: rgba(60, 60, 60, 0.7);
		z-index: 999;
		/*padding:5px 0 10px 0;*/
		text-align:center;
		
		justify-content:space-around;
		
	}
	
	.fixedBanner a{
		display:block;
		padding:0 10px;
		width:100%;
	}
	.fixedBanner a img{
	}
	
	.fixedBanner a:nth-of-type(1){
		margin-left:10px;
	}
	.fixedBanner a:nth-of-type(2){
		margin:0;
	}
	
	.fixedBanner a:nth-of-type(3){
		margin-right:10px;
	}
	
	.fixedBanner a img{
		width:100%;
		border-radius:4px;
	}
	
	
	
	.contact-buttons .upper img{
		width:95%;
		
	}
	
	.contact-buttons .lower{
		width:90%;
		margin:0 auto;
		
	}
	
	.contact-buttons{
		margin-top:-20px;
		margin-bottom:70px;
		
	}
	
	.sect4 ul li.desc.desc4 {
		margin-bottom: 0;
	}
	
	#footer{
		padding-bottom:72px;
	}
	
	#goTop{
		right:16px;
		bottom:75px;
	}
	
	#footer .link-banner img {
		width: 95%;
		max-width: 100%;
	}
	
	
	
	/* one-day */
	.one-day {
    	width: 97%;
    	max-width: 97%;
    	margin: 0 auto;
	}
	.one-day .one-day-title {
	    text-align: center;
	    width: 90%;
	    margin: 0 auto;
	    margin-top: 2rem;
	    margin-bottom: 2rem;
	}
	.one-day .label img {
    	width: 35%;
    	position: absolute;
    	top: 0;
    	right: 0;
	}
	
	
	.one-day .label.start span {
	    width: 15%;
	    text-align: center;
	    font-size: 1.4rem;
	    background-color: #fff;
	    padding: 10px 0;
	    min-width:15%;
	}
	
	.one-day .upper .desc .title {
	    margin: 0 3px 0 15px;
	    margin:0;
	    font-size: 1.4rem;
	    color: #444;
	    line-height: 1.4;
	    padding-left:0;
	    min-width: auto;
	}
	.one-day .upper .desc .title span{
		line-height: 1.4;
	}
	.one-day .upper .desc .time {
	    width: 18%;
	    background-color: #fff;
	    padding: 10px 0;
	    min-width: 18%;
	}
	
	.one-day .bar {
	    position: absolute;
	    top: 0;
	    left: 9%;
	    width: 4px;
	    height: 100%;
	    background-color: #7080f6;
	    background-color: #708df64f;
	    margin-left: -2px;
	}
	
	
 	.one-day .upper .round {
    	width: 30%;
    	max-width:30%;
    	min-width:30%;
	}
	
	.one-day .lower > div > div {
    	width: 90%;
    	line-height: 1.3;
	}
	
	.one-day .t1000 .lower > div > div {
    	width: 97%;
    	line-height: 1.3;
	}
	
	
	.one-day .lower .comment-bottom{
		margin-top:20px;
	}
	
	.one-day .lower .img-wrapper {
    	padding-right: 0;
	}
	
	
	
	.one-day .middle {
	    padding-left: 18%;
	    padding-top: 20px;
	    padding-bottom: 5px;
	}
	
	.one-day .t1300 .upper .desc .time,
	.one-day .t1200 .upper .desc .time {
	    font-size: 1.4rem;
	    text-align: center;
	    color: #7080f6;
	}
	.one-day .time-wrapper {
	    position: relative;
	    width: 100%;
	    padding-bottom: 0;
	}
	.one-day .middle span {
    	font-size: 1.2rem;
	}
	
	.one-day .lower{padding-bottom:50px;}

	.one-day .label.start span {
	    width: 18%;
	    text-align: center;
	    font-size: 1.4rem;
	    background-color: #fff;
	    padding: 0 0;
	    min-width: 18%;
	}
	
	.one-day .t1700 .upper,
	.one-day .t915 .upper{
	    padding-bottom:20px;
	}
	.one-day .lower .comment {
		font-size:1.0rem;
	}
	
	
 	.one-day .shibata{
 		font-size:1.0rem;
 		/*margin-bottom:-20px;*/
 		margin-top:10px;
 	}
 	
 	.one-day .arrow {
    	text-align: center;
    	margin: 0;
	}
	
	
 	.one-day .arrow{
 		width:4%;
 		padding:0;
 		margin:5px;
 		min-width:4%;
 		max-width:4%;
 	}
	
 	.one-day .comment-bottom {
	    /* margin-bottom: 15px; */
		margin:0;
		font-size:1.1rem;
		margin-top:10px;
	}
 	.one-day .lower {
    	padding-bottom: 10px;
	}
 	
 	.one-day .t1300 .lower,
 	.one-day .t900 .lower {
    	margin-top: 10px;
	}
 	
 	.one-day .time-wrapper{
 		padding-bottom:40px;
 	}
 	
 	.one-day .comment-middle {
	    line-height: 1.6;
	    max-width: 100%;
	    margin-top: 0px;
	    margin-bottom: 30px;
	    font-size: 1.1rem;
	    padding: 0.5em 1em;
	    color: #232323;
	    background: #fff8e8;
	    border-left: solid 10px #ffc06e;
	}
	
 	.one-day .middle {
    	padding-left: 0;
    	padding-top: 0;
    	padding-bottom: 5px;
	}
	.one-day .t1000 .lower-wrapper {
    	padding: 10px;
	}
	
	.one-day .upper .desc2 {
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	    flex-direction:column-reverse;
	}
	
	.one-day .upper .desc2 .round{
		width:50%;
		margin:20px;
		max-width: 80%;
	}
	
	
	
}

/*smart-mini*/
@media ( max-width: 360px ) {
	
	
}