@charset "utf-8";

.box101 {
	float:left;
	width:100%;
	background-color:orange;
}

.box101 h2{
	text-align: center;     /*文字中央揃え*/
	font-size:medium;
}

.box101:after	{
  content: "";
	display: block;
	clear: both
}

.box102 {
	float:left;
	width:auto;
	background-color:white;
	margin-left:1%;
	margin-top:20px;
	margin-bottom:20px;
}

/*メニューを横に並べる*/
.box102 li{
	float: left;
	padding-left:10px;      /*左右に余白*/
	list-style: none;     /*メニューの行頭無し*/
	width:100%;
	font-size:small;
	line-height:20px;
}

.box102:after	{
  content: "";
	display: block;
	clear: both
}

.box103 {
	float:left;
	width:auto;
	background-color:#98FB98;
	padding-left:5%;
	padding-right:5%;
	font-size:16px;
}

.box103 a:link {
  color:white;
	background-color:green;
	text-decoration: none;
  border-radius: 6px;     /*角を丸く*/
}

.box103 a:visited{
	color:silver;
}

.box103:after	{
  content: "";
	display: block;
	clear: both
}

.box104 {
	float:left;
	width:100%;
	background-color:white;
}

.box104:after	{
  content: "";
	display: block;
	clear: both
}

.box105 {
	float:left;
	width:100%;
	background-color:silver;
}

.box105 h3{
	font-size:medium;
	margin-top:15px;
	margin-bottom:10px;
}

.box105 p{
	font-size:small;
	margin-bottom:15px;
	white-space: nowrap;     /* 勝手に改行禁止 */
}

.box105:after	{
  content: "";
	display: block;
	clear: both
}

.box106 {
	float:left;
	width:100%;
	background-color:maroon;
}

.box106 p{
  font-size:medium;
	color:white;
}

.box106 img{
	width: 100%;
}

.box106:after	{
  content: "";
	display: block;
	clear: both
}

.box107 {
	float:left;
	width:100%;
}

.box107 img{
	width: 100%;
}

.box107 .insta{
	width: 30%;
}

.box107 p{
	font-size:x-small;
}

.box107:after	{
  content: "";
	display: block;
	clear: both
}


/****************** 349px以下のとき適用 ******************/
@media (max-width: 349px){

.box101 h2{
	font-size:small;
}

.box102 {
	margin-top:10px;
	margin-bottom:10px;
}

.box102 li{
	padding-left:3px;      /*左右に余白*/
	font-size:x-small;
	line-height:15px;
}

.box103 {
	font-size:7px;
}

.box105 h3{
	font-size:x-small;
	margin-top:10px;
	margin-bottom:5px;
}

.box105 p{
	font-size:xx-small;
	margin-bottom:10px;
}

.box106 p{
  font-size:x-small;
}

.box107 p{
	font-size:x-small;
}

}


/****************** 350px以上399以下のとき適用 *******************/
@media (min-width: 350px) and (max-width: 399.99999px) {

.box101 h2{
	font-size:small;
}

.box102 {
	margin-top:12px;
	margin-bottom:12px;
}

.box102 li{
	padding-left:4px;      /*左右に余白*/
	font-size:x-small;
	line-height:16px;
}

.box103 {
	font-size:8px;
}

.box105 h3{
	font-size:x-small;
	margin-top:11px;
	margin-bottom:6px;
}

.box105 p{
	font-size:xx-small;
	margin-bottom:11px;
}

.box106 p{
  font-size:x-small;
}

.box107 p{
	font-size:x-small;
}


}

/****************** 400px以上449以下のとき適用 *******************/
@media (min-width: 400px) and (max-width: 449.99999px) {

.box101 h2{
	font-size:small;
}

.box102 {
	margin-top:14px;
	margin-bottom:14px;
}

.box102 li{
	padding-left:5px;      /*左右に余白*/
	font-size:x-small;
	line-height:17px;
}

.box103 {
	font-size:7px;
}

.box105 h3{
	font-size:x-small;
	margin-top:12px;
	margin-bottom:7px;
}

.box105 p{
	font-size:xx-small;
	margin-bottom:12px;
}

.box106 p{
  font-size:x-small;
}

.box107 p{
	font-size:x-small;
}


}


/****************** 450px以上499以下のとき適用 *******************/
@media (min-width: 450px) and (max-width: 499.99px) {

.box101 h2{
	font-size:small;
}

.box102 {
	margin-top:16px;
	margin-bottom:16px;
}

.box102 li{
	padding-left:6px;      /*左右に余白*/
	font-size:x-small;
	line-height:18px;
}

.box103 {
	font-size:9px;
}

.box105 h3{
	font-size:x-small;
	margin-top:13px;
	margin-bottom:8px;
}

.box105 p{
	font-size:x-small;
	margin-bottom:13px;
}

.box106 p{
  font-size:x-small;
}

.box107 p{
	font-size:x-small;
}


}


/****************** 500px以上549以下のとき適用 *******************/
@media (min-width: 500px) and (max-width: 549.99px) {

.box101 h2{
	font-size:small;
}

.box102 {
	margin-top:18px;
	margin-bottom:18px;
}

.box102 li{
	padding-left:7px;      /*左右に余白*/
	font-size:x-small;
	line-height:19px;
}

.box103 {
	font-size:10px;
}

.box105 h3{
	font-size:small;
	margin-top:14px;
	margin-bottom:9px;
}

.box105 p{
	font-size:x-small;
	margin-bottom:14px;
}

.box106 p{
  font-size:x-small;
}

.box107 p{
	font-size:x-small;
}


}


/****************** 550px以上599以下のとき適用 *******************/
@media (min-width: 550px) and (max-width: 599.99999px) {

.box101 h2{
	font-size:small;
}

.box102 {
	margin-top:20px;
	margin-bottom:20px;
}

.box102 li{
	padding-left:8px;      /*左右に余白*/
	font-size:x-small;
	line-height:20px;
}

.box103 {
	font-size:11px;
}

.box105 h3{
	font-size:small;
	margin-top:15px;
	margin-bottom:10px;
}

.box105 p{
	font-size:x-small;
	margin-bottom:15px;
}

.box106 p{
  font-size:x-small;
}

.box107 p{
	font-size:x-small;
}


}

/****************** 600px以上649以下のとき適用 *******************/
@media (min-width: 600px) and (max-width: 649.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:22px;
	margin-bottom:22px;
}

.box102 li{
	padding-left:9px;      /*左右に余白*/
	font-size:small;
	line-height:21px;
}

.box103 {
	font-size:11px;
}

.box105 h3{
	font-size:small;
	margin-top:16px;
	margin-bottom:11px;
}

.box105 p{
	font-size:x-small;
	margin-bottom:16px;
}

.box106 p{
  font-size:x-small;
}

.box107 p{
	font-size:x-small;
}


}


/****************** 650px以上699以下のとき適用 *******************/
@media (min-width: 650px) and (max-width: 699.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:24px;
	margin-bottom:24px;
}

.box102 li{
	padding-left:10px;      /*左右に余白*/
	font-size:small;
	line-height:22px;
}

.box103 {
	font-size:12px;
}

.box105 h3{
	font-size:medium;
	margin-top:17px;
	margin-bottom:12px;
}

.box105 p{
	font-size:small;
	margin-bottom:17px;
}

.box106 p{
  font-size:small;
}

.box107 p{
	font-size:x-small;
}


}


/****************** 700px以上739以下のとき適用 *******************/
@media (min-width: 700px) and (max-width: 739.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:26px;
	margin-bottom:26px;
}

.box102 li{
	padding-left:11px;      /*左右に余白*/
	font-size:small;
	line-height:23px;
}

.box103 {
	font-size:12px;
}

.box105 h3{
	font-size:medium;
	margin-top:18px;
	margin-bottom:13px;
}

.box105 p{
	font-size:small;
	margin-bottom:18px;
}

.box106 p{
  font-size:small;
}

.box107 p{
	font-size:small;
}


}

/****************** 740px以上767以下のとき適用 *******************/
@media (min-width: 740px) and (max-width: 767.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:28px;
	margin-bottom:28px;
}

.box102 li{
	padding-left:12px;      /*左右に余白*/
	font-size:small;
	line-height:24px;
}

.box103 {
	font-size:13px;
}

.box105 h3{
	font-size:medium;
	margin-top:19px;
	margin-bottom:14px;
}

.box105 p{
	font-size:small;
	margin-bottom:19px;
}

.box106 p{
  font-size:small;
}

.box107 p{
	font-size:small;
}


}



/****************** 768px以上849以下のとき適用 *******************/
@media (min-width: 768px) and (max-width: 849.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:30px;
	margin-bottom:30px;
}

.box102 li{
	padding-left:13px;      /*左右に余白*/
	font-size:small;
	line-height:25px;
}

.box103 {
	font-size:13px;
}

.box105 h3{
	font-size:medium;
	margin-top:20px;
	margin-bottom:15px;
}

.box105 p{
	font-size:small;
	margin-bottom:20px;
}

.box106 p{
  font-size:small;
}

.box107 p{
	font-size:small;
}


}



/****************** 850px以上949以下のとき適用 *******************/
@media (min-width: 850px) and (max-width: 949.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:32px;
	margin-bottom:32px;
}

.box102 li{
	padding-left:14px;      /*左右に余白*/
	font-size:small;
	line-height:26px;
}

.box103 {
	font-size:14px;
}

.box105 h3{
	font-size:medium;
	margin-top:21px;
	margin-bottom:16px;
}

.box105 p{
	font-size:small;
	margin-bottom:21px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}


}


/******************* 950px以上1049以下のとき適用 ********************/
@media (min-width: 950px) and (max-width: 1049.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:34px;
	margin-bottom:34px;
}

.box102 li{
	padding-left:15px;      /*左右に余白*/
	font-size:small;
	line-height:27px;
}

.box103 {
	font-size:14px;
}

.box105 h3{
	font-size:medium;
	margin-top:22px;
	margin-bottom:17px;
}

.box105 p{
	font-size:small;
	margin-bottom:22px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}


}


/****************** 1050px以上1199以下のとき適用 *******************/
@media (min-width: 1050px) and (max-width: 1149.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:36px;
	margin-bottom:36px;
}

.box102 li{
	padding-left:16px;      /*左右に余白*/
	font-size:small;
	line-height:28px;
}

.box103 {
	font-size:15px;
}

.box105 h3{
	font-size:medium;
	margin-top:23px;
	margin-bottom:18px;
}

.box105 p{
	font-size:small;
	margin-bottom:23px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}


}

/********************************* 1150px以上1249以下のとき適用 *************************************/
@media (min-width: 1150px) and (max-width: 1249.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:38px;
	margin-bottom:38px;
}

.box102 li{
	padding-left:17px;      /*左右に余白*/
	font-size:small;
	line-height:29px;
}

.box103 {
	font-size:15px;
}

.box105 h3{
	font-size:medium;
	margin-top:24px;
	margin-bottom:19px;
}

.box105 p{
	font-size:small;
	margin-bottom:24px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}


}


/********************************** 1250px以上1349以下のとき適用 *********************************/
@media (min-width: 1250px) and (max-width: 1349.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:40px;
	margin-bottom:40px;
}

.box102 li{
	padding-left:18px;      /*左右に余白*/
	font-size:small;
	line-height:30px;
}

.box103 {
	font-size:16px;
}


.box105 h3{
	font-size:medium;
	margin-top:25px;
	margin-bottom:20px;
}

.box105 p{
	font-size:small;
	margin-bottom:25px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}


}

/****************************** 1350px以上1449以下のとき適用 *****************************/
@media (min-width: 1350px) and (max-width: 1449.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:42px;
	margin-bottom:42px;
}

.box102 li{
	padding-left:19px;      /*左右に余白*/
	font-size:small;
	line-height:31px;
}

.box103 {
	font-size:16px;
}

.box105 h3{
	font-size:medium;
	margin-top:26px;
	margin-bottom:21px;
}

.box105 p{
	font-size:small;
	margin-bottom:26px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}

}


/***************************** 1450px以上1549以下のとき適用 ********************************/
@media (min-width: 1450px) and (max-width: 1549.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:42px;
	margin-bottom:42px;
}

.box102 li{
	padding-left:19px;      /*左右に余白*/
	font-size:small;
	line-height:31px;
}

.box103 {
	font-size:16px;
}

.box105 h3{
	font-size:medium;
	margin-top:26px;
	margin-bottom:21px;
}

.box105 p{
	font-size:small;
	margin-bottom:26px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}

}



/***************************** 1550px以上1649以下のとき適用 *******************************/
@media (min-width: 1550px) and (max-width: 1649.99999px) {

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:42px;
	margin-bottom:42px;
}

.box102 li{
	padding-left:19px;      /*左右に余白*/
	font-size:small;
	line-height:31px;
}

.box103 {
	font-size:16px;
}

.box105 h3{
	font-size:medium;
	margin-top:26px;
	margin-bottom:21px;
}

.box105 p{
	font-size:small;
	margin-bottom:26px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}

}


/******************************* 1650px以上のとき適用 ***********************************/
@media (min-width: 1650px){

.box101 h2{
	font-size:medium;
}

.box102 {
	margin-top:42px;
	margin-bottom:42px;
}

.box102 li{
	padding-left:19px;      /*左右に余白*/
	font-size:small;
	line-height:31px;
}

.box103 {
	font-size:16px;
}

.box105 h3{
	font-size:medium;
	margin-top:26px;
	margin-bottom:21px;
}

.box105 p{
	font-size:small;
	margin-bottom:26px;
}

.box106 p{
  font-size:medium;
}

.box107 p{
	font-size:small;
}


}