@charset "utf-8";

* {
	box-sizing: border-box;

}

body {
	margin:0;
	padding:0;
}
img {
	width:100%;
}
.clear {
	clear: both;
}
.wrapper {
	width:1260px;
	background-color: #3D5DAA;
	margin:0 auto;
}
.contents {
	width:1080px;
	margin:0 auto;
	text-align:center;
}
.headerbox {
	width:1080px;
	margin:0 auto;
	padding-bottom:22px;
}
.headertopbox {
	padding-top:92px;
	display:flex;
}.logobox {
	text-align: left;
	width:50%;
}
.logobox img {
	width:310px;
}
.toiawasebox {
	text-align: right;
	width:50%;
}
.toiawasebox img {
	width:316px;
}

.headerimagebox {
	width:100%;
	text-align: center;
	position:rerative;
}
.headerimagebox img {
	width:100%;
	max-width: 1260px;
	vertical-align:bottom;
}

/*  */
.gnavilinkbox {
	position: relative;
}
ul.gnavilinkbox {
	margin:0;
	padding: 0;
	text-align:left;
	box-sizing: border-box;
}
.gnavilinkbox li {
	width:25%;
	float:left;
	list-style-type:none;
}
.gnavilinkbox li:before {
	content:"▶";
	position: relative;
	font-size:170%;
	top:4px;
	color:#FFFFFF;
}
.gnavilinkbox li a {
	border-bottom: 1px dashed #FFFFFF;
	text-decoration: none;
	color:#FFFFFF;
}

/*  */
.section {
	width:1260px;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
	margin-bottom:80px;
	position: relative;
	overflow:hidden;
}
.sectionimage {
	margin-bottom:20px;
}

/*  */
.informationbox {
	margin:0;
	padding: 0;
	display: flex;
}
.informationbox dt {
	text-align: left;
	width:10%;
}
.informationbox dd {
	text-align: left;
}


/*  */
.schoolbox {
	display: flex;
}
.schoolboxleft {
	width:55%;
	padding-right:40px;
	text-align: left;
}

.schoolboxright {
	width:45%;
}
.schoolboxright p {
	text-align: left;
}
.toriatsukai {
	display: inline-block;
	padding:8px 20px 8px 20px;
	border-radius: 10px;
	background-color: #3D5DAA;
	color:white;
	margin-top:20px;
	margin-bottom:20px;
}
.schoolnametable {
	width:95%;
	margin-left:auto;
	border-bottom: 1px dashed #3D5DAA;
}

.schoolnametable td {
	vertical-align: top;
}
.schoolnametable td.schooltype {
	width:20%;
}
.schoolnametable th {
	vertical-align: top;
	width:50%;
	font-weight: normal;
	text-align: left;
}
.schoolth {
	border-left:10px solid #FE7973;
	padding-left:8px;
	line-height: 160%;
}
.areaname {
	color:#3D5DAA;
}
.schoolattention {
	color:#FE7973;
	padding-left: 1em;
}

/*  */
.saisunyoyakulink {
	display: block;
	background-color: #FF3C46;
	border-radius: 24px;
	color:white;
	font-size: 160%;
	padding:10px;
	text-decoration: none;
}
.saisuntable {
	margin-top:10px;
	width:100%;
	display: flex;
	justify-content:space-between;
}
.saisuntable div {
	width:49%;
}
.saisunschool {
	background-color: #3D5DAA;
	border-radius: 24px;
	color:white;
	font-size: 160%;
	padding:10px;
	
}
.saisunschool a {
	color:white;
}

/*  */
.rentalth {
	border-left:10px solid #FE7973;
	padding-left:8px;
	line-height: 160%;
	color:#3D5DAA;
	margin-bottom:1em;
}

.rentalp {
	text-indent: -1em;
	padding-left: 2em;
	margin-top:-1em;
	width:76%;
}
.rentalp2 {
	margin-top:-1em;
	width:76%;
	padding-left: 1em;
}
.subcategory {
	background-color: #3D5DAA; 
	border-radius: 20px;
	color:white;
	font-size: 120%;
	padding:6px 0 6px 0;
	width:200px;
	text-align: center;
	margin-left:-30px;
	margin-bottom:10px;
}
.worktable {
	margin-left:20px;
	width:70%;
	margin-right:auto;
}

.aftertable {
	margin-left:20px;
	width:100%;
}

.companybox {
	display: flex;
}
.companyboxleft {
	width:45%;
	text-align: left;
}

.companyboxright {
	width:55%;
}

.companyboxright img {
	width:100%;
}
.companynametable {
	width:95%;
	margin-left:auto;
}
.companynametable th {
	color:#3D5DAA;
	white-space:nowrap;
	text-align-last: justify;
	
}
.companynametable td {
	padding-left:1em;
}


/*  */
.webordertable {
	margin:0;
	padding:0;
}
.webordertable li {
	width:auto;
	margin-left:1em;
	list-style-type:none;
}
.webordertable li:before {
	content:"・";
	margin-left:-1em;
	padding:auto;
}

.subcategory2 {
	margin-top:20px;
	margin-bottom:10px;
	display:flex;
}
.subcategory3 {
	background-color: #3D5DAA; 
	border-radius: 12px;
	color:white;
	font-size: 120%;
	padding:6px 0 6px 0;
	width:200px;
	text-align: center;
	margin-right:10px;
}
.subcategory4 {
	background-color: #51C4C5; 
	border-radius: 12px;
	color:white;
	font-size: 120%;
	padding:6px 0 6px 0;
	width:200px;
	text-align: center;
	margin-right:10px;
}
.ordertitle {
	background-color: #c7d0e5;
	color:#3D5DAA;
	border-radius: 14px;
	padding: 4px 10px 4px 10px;
}
.ordertable {
	width:95%;
	margin-left:auto;
}
.thbackten {
	background-image: url(../images/ten.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-size: 10%;
}
.webth {
	border-left:10px solid #FE7973;
	padding-left:8px;
	line-height: 160%;
	color:#3D5DAA;
	text-align: left;
	margin-bottom:4px;
}
.webp {
	margin:0;
	padding:0;
	margin-bottom:1em;
}
.webp li {
	margin:0;
	padding:0;
	text-align: left;
	margin-left:40px;
	list-style-type:none;
}
.webp li:before {
	content:"・";
	margin-left:-1em;
	padding:auto;
}

.webattention {
	color:red;
}

.webonegai {
	background-color: #FF3C46; 
	border-radius: 12px;
	color:white;
	font-size: 120%;
	padding:6px 0 6px 0;
	width:200px;
	text-align: center;
	margin-right:10px;
	margin-top:40px;
	margin-bottom:20px;
}

/*  */
.houseicon {
	padding-left:40px;
}
.houseicon img {
	width:60px;
}
.addrword {
	font-size: 120%;
	padding-left:10px;
}
.addrtable {
	width:100%;
}
.addrtable td {
	vertical-align: top;
}
.addrlogotabletd {
	padding-top:30px;
	padding-left:40px;
}
.addrlogotabletd img {
	width:350px;
}
.addrline {
	border:1px solid #3D5DAA;
}



/*  */
.footer {
	background-color: #3D5DAA;
	height:40px;
}


/*  */
#gototop {
	position: fixed;
	right: 100px;
	bottom: -100px;
}
#gototop img {
	width:60px;
}
#gototop a {
  position: relative;
  display: block;
  text-decoration: none;
}


/*  */
/* 画面外にいる状態 */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 2000ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態 */
.fadein2 {
	opacity : 0.1;
	transition : all 2000ms;
	}

/* 画面内に入った状態 */
.fadein2.scrollin2 {
	opacity : 1;
	}

/*  */
.hissu {
	color:red;
}
.toiawase_toplogobox {
	margin-top:30px;
}

.toiawase_toplogobox img {
	width:300px;
}
.formtable {
	width:100%;
	background-color:#b4c0c8;
	border-collapse:separate;
	border-spacing:1px;
}
.formtable th {
	width:200px;
	background-color:#dae0ed;
	padding:8px;
	font-weight:normal;
	text-align:left;
}
.formtable td {
	background-color:#ffffff;
	padding:8px;
	text-align:left;
}
.formtable input[type=text] {
	width:100%;
}
.formtable input[type=email] {
	width:100%;
}
.formtable textarea {
	width:100%;
	height:5em;
}
.toiawaseflexbox {
	display:flex;
}
.toiawaseflexbox div {
	width:50%;
	text-align:center;
}


/*  */
.topslider img {
	margin:0 auto;
}

.snsicontable {
	margin-top:30px;
}
.section .snsicontable img {
	width:42px;
	margin-right:10px;
}