@charset "UTF-8";

/* Construction( responsible )
 --------------------------------- */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/* ---------------------------------
 width <= 1300px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 1300px) {
	#navi-area .bn-tx-p {
		line-height:1.3;
	}
}
/* ---------------------------------
 width <= 1024px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 1024px) {
	ul#inner-footer li#text-4 .textwidget {
		display: block;
		line-height: 1.6;
	}
}
/* ---------------------------------
 width <= 1200px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 1200px) {
	.first-inner {
		width:100%;
		margin:auto;
	}
	div#slidshow {
		width: 100%;
	}
	#site-id h1 {
		margin:0 1rem;
	}
	body > #wrap-header header > #wrap_headertop .first-inner p {
		margin:0 1rem;
	}
	ul#inner-footer {
		margin:2rem;
	}
	#navi-area a .bn-ph {
		flex-basis:190px;
	}
	#navi-area .bn-tx {
		flex-basis:170px;
	}
	#navi-area .bn-tx {
		margin:0.7rem 1.2rem;
	}
	#navi-area .bn-tx-h {
		margin-bottom:0;
	}
	#navi-area .bn-tx-p {
		line-height:1.3;
	}
}
/* ---------------------------------
 width <= 1100px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 1100px) {
	.box_h li:first-child {
		margin-right: 20px;
	}
	#navi-area a .bn-ph {
		flex-basis:190px;
	}
	#navi-area .bn-tx {
		flex-basis:170px;
	}
	#navi-area .bn-tx-h {
		margin-bottom: 0.5rem;
		font-size: 2.5rem;
	}
	#navi-area .bn-tx-p {
		line-height: 1.2;
	}
}
/* ---------------------------------
 width <= 1000px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 1000px) {
	#navi-area a .bn-ph {
		flex-basis:155px;
	}
	#navi-area .bn-tx-h {
		margin-bottom: 0rem;
		font-size: 2.5rem;
	}
	#navi-area .bn-tx-p {
		display: block;
		line-height: 1.2;
	}
	#navi-area .bn-ph .bn-thum {
		width: 155px;
	}
}
/* ---------------------------------
 width <= 900px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 900px) {
	ul.box_h {
		display: block;
	}
	.box_h li:first-child {
		margin-right: 0px;
	}
	#navi-title {
		margin-top: 50px;
	}
}
/* ---------------------------------
 width <= 768px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 768px) {
	#menu-button {
		/* display:block; */
		display: none;
	}
	/* Constructions */
	.first-inner {
		width:auto;
	}
	/* header */
	body > #wrap-header header > #wrap_headertop .first-inner {
		display: block;
	}
	#site-id h1 {
		margin:0 1rem;
	}
	body > #wrap-header header > #wrap_headertop .first-inner p {
		width: auto;
		margin:1rem;
		padding-top: 5px;
	}
	/* footer */
	body > footer #inner-footer {
		display: block;
	}
	body > footer #inner-footer {
		margin:0 5px;
	}
	ul#inner-footer li#text-4 .textwidget {
		display: block;
	}
	address ul{
		margin-left:0rem;
		line-height: 1.3;
	}
	/* home */
	div#slidshow img#main_w640 {
		display: inline;
		max-width: 100%;
	}
	div#slidshow {
		width: auto;
		height: auto;
	}
	h2 {
		font-size:6rem;
	}
	h2 small {
		font-size: 3rem;
	}
	#slidshow-txt {
		/* top: 75px !important; */
		top: 30px !important;
	}
	#slidshow-txt strong {
		font-size: 2.6rem;
	}
	#rule {
		font-size:		1rem;
		line-height:	1.6rem;
	}
	ul.box_h {
		display: block;
	}
	#navi-title{
		margin-top:40px;
	}
	/* footer */
	.textwidget {
		padding:1rem;
	}
	/* floating window */
	#outer-question {
		width:92%;
		padding:1.5rem;
	}
	.question label {
		margin-bottom:1.2rem;
		line-height:1.5;
	}
	.question label span:before {
		top:3px;
	}
	.question input[type="radio"]:checked + span:after {
		top:7px;
	}
	.text-box p {
		font-size:30px;
	}
	.text-box p.tw_1 {
		font-size: 12px;
		letter-spacing: 0;
	}
}
/* ---------------------------------
 481px <= width <= 640px
 --------------------------------- */
@media screen and (min-width:481px) and (max-width: 640px) {
	/* home */
	#navi-area .bn-tx-h {
		margin-bottom: 0.5rem;
		font-size: 2.4rem;
	}
	#navi-area .bn-tx-p {
		display: block;
		line-height: 1.2;
	}
	h2 {
		font-size:5rem;
	}
	#slidshow-txt strong {
		font-size: 2.0rem;
	}
	.box_h {
		display:block;
		margin: 0 auto;
	}
	.box_h li:first-child{
		margin-right: 0px;
	}
	.text-box p.tw_1 {
	font-size: 16px;
	}
}
/* ---------------------------------
 361px <= width <= 480px
 --------------------------------- */
@media screen and (min-width:361px) and (max-width: 480px) {
	/* home */
	#navi-area a .bn-ph {
		flex-basis:100px;
	}
	#navi-area .bn-tx-h {
		margin-bottom: 0.5rem;
		font-size: 2rem;
	}
	#navi-area .bn-tx-p {
		display: block;
		line-height: 1.2;
		font-size: 1.4rem;
	}
	#navi-area .bn-ph .bn-thum {
		width: 100px;
	}
	#slidshow-txt strong span{
		display:block;
	}
	.box_h {
		display:block;
		margin: 0 auto;
	}
	.box_h li:first-child{
		margin-right: 0px;
	}
	.text-box p.tw_1 {
	font-size: 16px;
	}
}
/* ---------------------------------
 width <= 480px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 480px) {
	body > #wrap-header header > #wrap_headertop .first-inner p {
		display:none;
	}
	/* home */
	
	#login-button, #trial-button {
		padding:7px 24px 7px 25px;
		font-size: 2rem;
		color: #fff;
	}
	#wrap-icon-spc {
		width: 29px;
		height: 29px;
		vertical-align: -6px;
	}
	.box .text-box {
		text-align:left;
	}
	h2 {
		font-size:4rem;
	}
	h2 small {
		font-size: 2rem;
	}
	#copyright span {
		display:block;
		text-indent:0;
	}
	.box_h {
		display:block;
		margin: 0 auto;
	}
	.box_h li:first-child{
		margin-right: 0px;
	}
}

/* ---------------------------------
 321px <= width <= 360px
 --------------------------------- */
@media screen and (min-width:321px) and (max-width: 360px) {
	/* home */
	#navi-area a .bn-ph {
		flex-basis:100px;
	}
	#navi-area .bn-tx-h {
		margin-bottom: 0.5rem;
		font-size: 1.8rem !important;
	}
	#navi-area .bn-tx-p {
		display: block;
		line-height: 1.2;
		font-size: 1.2rem;
	}
	#navi-area .bn-ph .bn-thum {
		width: 100px;
	}
	h2 {
		font-size: 5rem;
	}
	#slidshow-txt strong {
		font-size:1.8rem;
	}
	#slidshow-txt strong span{
		display:block;
	}
	.box_h {
		display:block;
		margin: 0 auto;
	}
	.box_h li:first-child{
		margin-right: 0px;
	}
	.text-box p.tw_1 {
	font-size: 11px;
	letter-spacing: 0;
	}
}
/* ---------------------------------
 1px <= width <= 320px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 320px) {
	/* home */
	body > #wrap-header header > #wrap_headertop h1 a {
		font-size: 1.9rem;
	}
	#navi-area .bn-tx {
		margin:0.5rem 0.5rem;
	}
	#navi-area .bn-tx-h {
		margin-bottom: 0.5rem;
		font-size: 1.8rem;
	}
	#navi-area .bn-tx-p {
		display: block;
		line-height: 1.2;
		font-size: 1.3rem;
	}
	#navi-area a .bn-ph {
		flex-basis: 80px;
	}
	#navi-area .bn-ph .bn-thum {
		width: 80px;
	}
	h2 {
		font-size: 5rem;
	}
	#slidshow-txt strong {
		font-size:1.8rem;
	}
	#slidshow-txt strong span{
		display:block;
	}
	.box_h {
		display:block;
		margin: 0 auto;
	}
	.box_h li:first-child{
		margin-right: 0px;
	}
	.text-box p.tw_1 {
		font-size:9px;
		letter-spacing: 0;
	}
}
/* ----- [ end of responsive.css ] ----- */