@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page

--------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
#visual {
 position: relative;
}

#visual:before {
	display: block;
	position: absolute;
	background-color: rgba(1, 1, 1, 0.22);
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
	z-index: 2;
}

#visual .videoWrap {
 position: relative;
 width: 100%;
 height: 100vh;
	overflow: hidden;
}

#visual .videoWrap video {
 position: absolute;
 top: 50%;
 left: 50%;
 min-width: 100%;
 min-height: 100%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

#visual .text {
	position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
	z-index: 2;
}

.overlay::after {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 content: "";
}

#indexMenus {
	background-color: #fffcf1;
	padding: 40px 0 40px;
	width: 100%;
	height: 132px;
	top: 0;
	left: 0;
	z-index: 100;
	box-shadow: 0 0 6px #CCC;
}

#indexMenus .inner {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#indexMenus .inner .link {
	display: flex;
	align-items: center;
}

#indexMenus .inner h1 {
	/*font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.06em;*/
}

#indexMenus .inner h1 img {
	/*width: 450px;
	height: 78px;*/
	width: 300px;
	height: 52px;
}

#indexMenus.imfix .inner h1 img {
	width: 300px;
	height: 52px;
}

#indexMenus .inner .link ul {
	display: flex;
	margin: 0 50px 0 0;
	padding: 0 40px;
	list-style: none;
	box-shadow: 3px 3px 7px #999;
	border-radius: 100vh;
}

#indexMenus .inner .link ul li {
	margin: 0 30px;
}

#indexMenus .inner .link ul li a {
	display: block;
	padding: 12px 0;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.04em;
}

#indexMenus .inner .sns a {
	margin: 0 0 0 20px;
}

#indexMenus .inner .sns a img {
	width: 32px;
	height: 32px;
}	


#indexContent {
	padding: 60px 0 200px;
	background-color: #fffcf1;
}

#indexContent .inner {
	width: 1200px;
	margin: 0 auto;
}

#indexContent .inner .sos {
	position: relative;
	padding: 136px 0 0;
	text-align: center;
	background: url(../image/sos-01.png) no-repeat center 0;
}

#indexContent .inner .sos dt {
	margin: 0 0 110px;
	font-size: 40px;
	letter-spacing: 0.08em;
}

#indexContent .inner .sos dd {
	font-size: 27px;
	letter-spacing: 0.08em;
	line-height: 2.2;
}

#indexContent .inner .sos dt span,
#indexContent .inner .sos dd span,
#indexContent .inner .sos .lead span {
	color: #d65d95;
}

#indexContent .inner .sos .image {
	position: relative;
	margin: 50px 0 0;
	height: 352px;
	background: url(../image/sos-02.png) no-repeat center 0;
}

#indexContent .inner .sos .lead {
	height: 190px;
	padding: 114px 0 0;
	font-size: 30px;
	background: url(../image/sos-04.png) no-repeat center 0;
	letter-spacing: 0.08em;
}

#indexContent .inner .sos .ani {
	opacity: 0;
}

#indexContent .inner .sos .bird01 {
	position: absolute;
	top: 420px;
	left: 160px;
}

#indexContent .inner .sos .bird02 {
	position: absolute;
	top: 330px;
	left: 880px;
}

#indexContent .inner .sos .rabbit01 {
	position: absolute;
	bottom: 40px;
	left: calc( 50% - 84px);
}

#indexContent .inner .sos .bird01.active {
 animation: slideIn01 1s forwards;
}

@keyframes slideIn01 {
  0% {
    transform: translateX(-30px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scale(1);
  }
  40%,100% {
    opacity: 1;
  }
}

#indexContent .inner .sos .bird02.active {
 animation: slideIn02 1s forwards;
	animation-delay: 0.8s;
}

@keyframes slideIn02 {
  0% {
    transform: translateX(30px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scale(1);
  }
  40%,100% {
    opacity: 1;
  }
}

#indexContent .inner .sos .rabbit01.active {
 animation: slideIn03 1s forwards;
	animation-delay: 0.4s;
}

@keyframes slideIn03 {
  0% {
    opacity: 0;
  }
  40%,100% {
    opacity: 1;
  }
}

#indexContent .inner .nayami {
	position: relative;
	padding: 60px 0 0;
	text-align: center;
	background: url(../image/nayami-01.png) no-repeat center 240px;
}

#indexContent .inner .nayami dt {
	margin: 0 0 50px;
	font-size: 43px;
	color: #41ac7c;
	letter-spacing: 0.08em;
	line-height: 1.3;
}

#indexContent .inner .nayami dd {
	font-size: 27px;
	letter-spacing: 0.08em;
	line-height: 2.2;
}

#indexContent .inner .nayami dd span,
#indexContent .inner .nayami .lead span {
	color: #d65d95;
}

#indexContent .inner .nayami .image {
	position: relative;
	margin: 30px 0 60px;
	padding: 100px 0 0;
	height: 267px;
}

#indexContent .inner .nayami .image:before {
	position: absolute;
	top: 0;
	left: 170px;
	width: 1045px;
	height: 267px;
	content: "";
	background: url(../image/nayami-02.png) no-repeat 0 0;
}

#indexContent .inner .nayami .lead {
	height: 197px;
	padding: 46px 0 0;
	font-size: 27px;
	background: url(../image/nayami-03.png) no-repeat center 0;
	letter-spacing: 0.08em;
}

#indexContent .inner .nayami .ani {
	opacity: 0;
}

#indexContent .inner .nayami .bird03 {
	position: absolute;
	top: 650px;
	left: 340px;
}

#indexContent .inner .nayami .bird04 {
	position: absolute;
	top: 400px;
	left: 880px;
}

#indexContent .inner .nayami .rabbit02 {
	position: absolute;
	bottom: 20px;
	left: calc( 50% - 99px);
}

#indexContent .inner .nayami .bird03.active {
 animation: slideIn04 1s forwards;
}

@keyframes slideIn04 {
  0% {
    transform: translateX(-30px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scale(1);
  }
  40%,100% {
    opacity: 1;
  }
}

#indexContent .inner .nayami .bird04.active {
 animation: slideIn05 1s forwards;
	animation-delay: 0.8s;
}

@keyframes slideIn05 {
  0% {
    transform: translateX(30px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scale(1);
  }
  40%,100% {
    opacity: 1;
  }
}

#indexContent .inner .nayami .rabbit02.active {
 animation: slideIn06 1s forwards;
	animation-delay: 0.4s;
}

@keyframes slideIn06 {
  0% {
    opacity: 0;
  }
  40%,100% {
    opacity: 1;
  }
}

#indexContent .inner .info {
	padding: 50px 0 60px;
	font-size: 43px;
	color: #d65d95;
	text-align: center;
	letter-spacing: 0.08em;
}

#indexContent .inner .info span {
	background:linear-gradient(transparent 68%, #f3ccde 68%);
}

#indexContent .inner .contact {
	display: flex;
	justify-content: space-between;
}

#indexContent .inner .contact div {
	width: 398px;
	height: 313px;
	padding: 30px;
	text-align: center;
	letter-spacing: 0.06em;
}

#indexContent .inner .contact div h2 {
	font-size: 26px;
	font-weight: 600;
}

#indexContent .inner .contact div h2 span {
	display: block;
	margin: 8px 0 26px;
	color: #FFF;
	font-size: 15px;
	letter-spacing: 0.12em;
}

#indexContent .inner .contact div a {
	display: inline-block;
	background-color: #FFF;
	border-radius: 100vh;
	text-decoration: none;
	font-size: 26px;
	width: 330px;
	box-shadow: 3px 3px 7px #666;
	padding: 10px 0;
	background-color: #fffcf1;
}

#indexContent .inner .contact .mail {
	background: url(../image/soudan_back-01.png) no-repeat 0 0;
}

#indexContent .inner .contact .mail a {
	margin-bottom: 40px;
}

#indexContent .inner .contact .mail p {
	font-size: 36px;
	color: #d65d95;
}

#indexContent .inner .contact .tel {
	background: url(../image/soudan_back-02.png) no-repeat 0 0;
}

#indexContent .inner .contact div.tel h2 span {
	color: #13b5bd;
}

#indexContent .inner .contact .tel a {
	font-size: 31px;
	padding: 6px 0;
}

#indexContent .inner .contact .tel p {
	margin: 15px 0 0;
}

#indexContent .inner .contact .tel p span {
	display: block;
	font-size: 36px;
	color: #d65d95;
}

#indexContent .inner .contact .meet {
	background: url(../image/soudan_back-03.png) no-repeat 0 0;
}

#indexContent .inner .contact .meet a {
	font-size: 31px;
	padding: 6px 0;
	margin: 0 0 10px;
}

#indexContent .inner .contact .meet p {
	text-align: left;
	color: #fffcf1;
	font-size: 16px;
	padding: 0 22px;
	line-height: 1.8;
}

#message {
	background: url(../image/message_back-01.png) no-repeat center center;
	background-size: cover;
}

#message .inner {
	width: 1200px;
	margin: 0 auto;
	padding: 160px 0;
	text-align: center;
	position: relative;
}

#message .inner:before {
	position: absolute;
	background: url(../image/bluebird-02.png) no-repeat 0 0;
	width: 103px;
	height: 70px;
	content: "";
	top: 160px;
	right: 300px;
}

#message .inner:after {
	position: absolute;
	background: url(../image/yellowbird-03.png) no-repeat 0 0;
	width: 102px;
	height: 71px;
	content: "";
	bottom: 164px;
	left: 80px;
}

#message .inner h2 {
	background: url(../image/message_eng.png) no-repeat center 0, url(../image/branch.png) no-repeat center 100%;
	font-size: 30px;
	letter-spacing: 0.06em;
	font-weight: 600;
	margin: 0 0 40px;
	padding: 24px 0 60px;
}

#message .inner p {
	margin: 0 0 36px;
	font-weight: 600;
	line-height: 1.8;
}

#management {
	background: url(../image/management_back.png) #e3f8ea no-repeat center 100%;
}

#management .inner {
	width: 1200px;
	margin: 0 auto;
	padding: 160px 0;
	text-align: center;
}

#management .inner h2 {
	background: url(../image/management_eng.png) no-repeat center 0, url(../image/branch.png) no-repeat center 100%;
	font-size: 30px;
	letter-spacing: 0.06em;
	font-weight: 600;
	margin: 0 0 40px;
	padding: 36px 0 72px;
}

#management .inner p {
	margin: 0 0 48px;
	font-weight: 600;
	line-height: 1.8;
}

#management .inner p span {
	font-size: 24px;
}

#link {
	background-color: #fffcf1;
}

#link .inner {
	width: 1200px;
	margin: 0 auto;
	padding: 130px 0;
	text-align: center;
	position: relative;
}

#link .inner:before {
	position: absolute;
	top: 330px;
	right: 0;
	background: url(../image/cloud_bird.png) no-repeat 0 0;
	width: 240px;
	height: 145px;
	content: "";
}

#link .inner h2 {
	background: url(../image/link_eng.png) no-repeat center 0;
	font-size: 30px;
	letter-spacing: 0.06em;
	font-weight: 600;
	margin: 0 0 40px;
	padding: 66px 0 0;
}

#link .inner p {
	line-height: 1.8;
}

#link .inner ul {
	margin: 0;
	padding: 70px 0 60px 650px;
	text-align: left;
	background: url(../image/tree_bird.png) no-repeat 0 0;
}

#link .inner ul li {
	margin: 0 0 10px;
	padding: 0;
}

.scroll {
	margin: -132px 0 0;
	padding: 132px 0 0;
}

.scroll2 {
	margin: -1px 0 0;
	padding: 1px 0 0;
}

/*------------------------------------------------------------------------------------------------
  form
--------------------------------------------------------------------------------------------------*/
#contentWrap .inner {
	width: 1200px;
	margin: 0 auto;
}

#contentWrap .inner h2 {
	background: url(../image/form_eng.png) no-repeat center 0, url(../image/branch-02.png) no-repeat center 100%;
	font-size: 36px;
	letter-spacing: 0.06em;
	font-weight: 600;
	padding: 28px 0 80px;
	text-align: center;
}

.formInfo {
	text-align: center;
	left: 0.04em;
}

.formInfo p.lead {
	margin: 0;
	padding: 50px 0 20px;
	font-size: 43px;
	color: #d65d95;
	text-align: center;
	letter-spacing: 0.08em;
}

.formInfo p.lead span {
	background:linear-gradient(transparent 68%, #f3ccde 68%);
}

.formInfo p {
	margin: 0 0 20px;
	line-height: 2;
}

.formInfo ul {
	display: table;
	margin: 0 auto;
	padding: 0 auto;
	text-align: left;
	list-style: none;
}

.formInfo ul li {
	margin: 0;
	padding: 0;
	line-height: 2;
}

.formWrap {
	margin: 60px 0 60px;
	padding: 100px 100px 80px;
	background-color: #fdfcfc;
}

.formWrap table {
	width: 100%;
}

.formWrap table th {
	text-align: left;
	padding: 10px 40px;
	background-color: #c6e5dd;
}

.formWrap table th .hs {
	display: inline-block;
	margin-left: 20px;
	padding: 1px 12px;
	background-color: #f0b5d0;
	color: #FFF;
	font-size: 14px;
}

.formWrap table td {
	padding: 40px;
}

.formWrap table td input[type="text"].s {
	width: 460px;
	background-color: #fdfcfc;
	border: 1px solid #CCC;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	padding: 8px 20px;
}

.formWrap table td input[type="number"].ss {
	width: 160px;
	background-color: #fdfcfc;
	border: 1px solid #CCC;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	padding: 8px 20px;
	margin-right: 10px;
}

.formWrap table td select {
	background-color: #fdfcfc;
	border: 1px solid #CCC;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	padding: 8px 20px;
}

.mwform-radio-field-text {
	font-weight: 600;
}

.formWrap table td textarea {
	display: block;
	width: 100%;
	height: 480px;
	background-color: #fdfcfc;
	border: 1px solid #CCC;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	padding: 8px 20px;
}

.formWrap table td label {
	margin-right: 40px;
}

.formWrap table td .address {
	margin-top: 20px;
}

.formWrap table td ul {
	margin: 30px 0 0;
	padding: 0;
	color: #41ac7c;
	font-size: 14px;
}

.formWrap table td ul li {
	margin: 0 0 8px;
	padding: 0;
}

.formWrap .privacy {
	margin: 50px 0 0;
	text-align: center;
}

.formWrap .privacy .title {
	margin: 0 0 30px;
	font-size: 24px;
}

.formWrap .privacy .contact__scrollbar {
	margin: 30px 40px 50px;
 padding: 20px 40px 20px 20px;
 text-align: left;
 font-weight: 400;
 line-height: 1.6;
 background-color: #FFFFFF;
 height: 170px;
 overflow: auto;
 overflow-y: scroll;
 overflow-x: hidden;
 border: 2px solid #a6a6a7;
	font-family: "Noto Sans JP", sans-serif;
}

.contact__scrollbar dt {
	font-weight: 600;
}

.contact__scrollbar dd {
	margin-bottom: 30px;
}

.contact__scrollbar dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.formBtn {
	text-align: center;
}

.formBtn input[type="submit"] {
	border-radius: 100vh;
	color: #FFF;
	margin: 0 30px;
	padding: 8px 40px;
	background-color: #53B5AD;
	box-shadow: 3px 3px 7px #999;
	border: none;
	font-size: 26px;
	cursor: pointer;
	letter-spacing: 0.04em;
	font-weight: 500;
	width: 320px;
}

.formBtn input[type="submit"]:hover {
	background-color: #c6e5dd;
}

.hasDatepicker {
	border: 1px solid #CCC;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	padding: 8px 20px;
}

.formText {
	margin: 30px 0 0;
}

.mw_wp_form_confirm .formWrap table td ul {
	display: none;
}

.mw_wp_form_confirm .formWrap .privacy {
	text-align: left;
	padding: 0 40px;
}

.formWrap .privacy .sub {
	display: none;
}

.mw_wp_form_confirm .formWrap .privacy .sub {
	display: block;
}

.mw_wp_form_confirm .formWrap .privacy .cont {
	display: none;
}

.formMessage {
	text-align: center;
	line-height: 2;
}

.sendicon {
	width: 232px;
	text-align: center;
	margin: 0 auto 20px;
	padding: 4px 0;
	color: #FFF;
	background-color: #eec2b0;
	border-radius: 100vh;
}



@media only screen and (max-width: 1200px) {
	
/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
.scroll {
	margin-top: 0;
	padding-top: 0;
}

.scroll2 {
	margin-top: 0;
	padding-top: 0;
}

#message {
	margin-top: -20px;
}

#contentWrap {
	margin: 0;
	padding: 101px 0 0;
}

#indexMenus {
	display: none;
}

#indexContent {
	background: url(../image/sos-01_sp.png) #fffcf1 no-repeat center 100px;
	padding: 100px 0 0;
}

#indexContent .inner {
	width: 90%;
	margin: 0 auto;
}

#indexContent .inner .sos {
	padding: 26px 0 0;
	background: none;
}

#indexContent .inner .sos dt {
	font-size: 26px;
	margin: 0 0 70px;
}

#indexContent .inner .sos dd {
	font-size: 20px;
}

#indexContent .inner .sos .image {
	background: url(../image/sos-02_sp.png) no-repeat center 0;
	background-size: contain;
}

#indexContent .inner .sos .bird01 {
	top: 220px;
	left: unset;
	right: 2%;
}

#indexContent .inner .sos .bird01 img {
	width: 90px;
	height: auto;
}


#indexContent .inner .sos .bird02 {
	top: 340px;
	left: 3%;
}

#indexContent .inner .sos .bird02 img {
 width: 56px;
	height: auto;
}

/*#indexContent .inner .sos .lead {
	margin: 40px 0 0;
	padding: 30px 0 0;
	height: 123px;
	font-size: 24px;
	background: url(../image/sos-04_sp.png) no-repeat center 0;
	background-size: contain;
}
*/

#indexContent .inner .sos .lead {
	position: relative;
	display: block;
	width: 600px;
	margin: 40px auto 0;
	padding: 30px;
	font-size: 24px;
	background-color: #c6e6e4;
	border-radius: 20px;
	background-image: none;
	height: auto;
}

#indexContent .inner .sos .lead:before {
	position: absolute;
	content: "";
	width: 70px;
	height: 112px;
	bottom: 0;
	left: -10px;
	background: url(../image/tree-01.png) no-repeat 0 0;
}

#indexContent .inner .sos .lead:after {
	position: absolute;
	content: "";
	width: 70px;
	height: 112px;
	bottom: 0;
	right: -10px;
	background: url(../image/tree-02.png) no-repeat 0 0;
}

#indexContent .inner .nayami {
	background-image: none;
}

#indexContent .inner .nayami:before {
	position: absolute;
	top: 200px;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: url(../image/nayami-01.png) no-repeat center 0;
	background-size: contain;
}

#indexContent .inner .nayami .image {
	background: url(../image/nayami-02_sp.png) no-repeat 50% 100%;
	background-size: contain;
}

#indexContent .inner .nayami .rabbit02 {
	bottom: 12px;
}

#indexContent .inner .nayami .image:before {
	display: none;
}

#indexContent .inner .nayami dt {
	font-size: 20px;
}

#indexContent .inner .nayami dd {
	font-size: 18px;
}

#indexContent .inner .nayami .bird03 {
	top: 540px;
	left: 26%;
}

#indexContent .inner .nayami .bird03 img {
	width: 60px;
	height: auto;
}

#indexContent .inner .nayami .bird04 {
	left: unset;
	right: 3%;
}

#indexContent .inner .nayami .bird04 img {
	width: 78px;
	height: auto;
	max-width: none;
}

#indexContent .inner .nayami .rabbit02 {
	left: calc( 50% - 73px);
}

/*#indexContent .inner .nayami .lead {
	padding: 60px 0 0;
	font-size: 20px;
	background: url(../image/nayami-03_sp.png) no-repeat center 0;
	height: 223px;
}*/

#indexContent .inner .nayami .lead {
	position: relative;
	background-color: #f0d9e4;
	border-radius: 20px;
	display: block;
	width: 600px;
	margin: 0 auto;
	font-size: 20px;
}

#indexContent .inner .nayami .lead:before {
	position: absolute;
 bottom: 0;
	left: -60px;
	background: url(../image/tree-03.png) no-repeat 0 0;
	width: 131px;
	height: 190px;
	content: "";
}
	
#indexContent .inner .nayami .lead:after {
	position: absolute;
 bottom: 0;
	right: -60px;
	background: url(../image/tree-04.png) no-repeat 0 0;
	width: 131px;
	height: 190px;
	content: "";
}

#indexContent .inner .info {
	font-size: 20px;
}

#indexContent .inner .contact {
	display: block;
}

#indexContent .inner .contact div {
	width: 100%;
	margin: 0 auto 20px;
	height: 260px;
}

#indexContent .inner .contact .mail {
	background-image: url(../image/soudan_back-01_sp.png);
	background-size: contain;
	background-position: center 0;
}

#indexContent .inner .contact .tel {
	background-image: url(../image/soudan_back-02_sp.png);
	background-size: contain;
	background-position: center 0;
}

#indexContent .inner .contact .meet {
	background-image: url(../image/soudan_back-03_sp.png);
	background-size: contain;
	background-position: center 0;
}

#indexContent .inner .contact .mail a {
	margin-bottom: 20px;
}

#message .inner {
	width: 90%;
	margin: 0 auto;
	padding: 60px 0;
}

#message .inner:before {
	left: unset;
	right: 20px;
	top: 100px;
	width: 50px;
	background-size: 50px;
}

#message .inner:after {
	background-size: 62px;
	width: 62px;
	bottom: unset;
	top: 170px;
	left: calc( 50% - 180px);
}

#management .inner {
	width: 90%;
	margin: 0 auto;
	padding: 60px 0;
}

#link {
	position: relative;
}

#link:before {
	background: url(../image/cloud-01.png) no-repeat 0 0;
	background-size: 72px;
	width: 72px;
	height: 36px;
	content: "";
	position: absolute;
	top: 300px;
	right: 20px;
}

#link:after {
	background: url(../image/cloud-02.png) no-repeat 0 0;
	background-size: 66px;
	width: 66px;
	height: 35px;
	content: "";
	position: absolute;
	bottom: 130px;
	left: calc( 50% - 220px);
}


#link .inner {
	width: 90%;
	margin: 0 auto;
	padding: 60px 0 160px;
	background: url(../image/link_house.png) no-repeat center 95%;
}

#link .inner ul {
	margin: 30px 30px 20px;
	padding: 0;
	background-image: none;
}

#link .inner:before {
	display: none;
}

#indexContent .inner .contact .meet p {
	width: 96%;
	max-width: 360px;
	margin: 0 auto;
	padding: 0;
	letter-spacing: 0;
	line-height: 1.6;
}

#indexContent .inner .contact div h2 {
	font-size: 22px;
}

#indexContent .inner .contact div a {
	font-size: 20px;
	width: 320px;
	margin-top: -8px;
}

#indexContent .inner .contact .mail p {
	font-size: 30px;
	margin-top: 10px;
}

#indexContent .inner .contact div h2 span {
	margin-bottom: 20px;
	margin-top: 0;
}



/*------------------------------------------------------------------------------------------------
  form
--------------------------------------------------------------------------------------------------*/
#contentWrap .inner {
	width: 90%;
}

.formWrap {
	padding: 30px 10px 20px;
}

.formWrap table td input[type="text"].s {
	width: 100%;
}

.formWrap table td input[type="number"].ss {
	width: 40%;
}

.formWrap table td textarea {
	height: 200px;
}

.formInfo p.lead {
	font-size: 20px;
	text-align: center;
}

.formInfo p {
	text-align: left;
	font-size: 14px;
}

.formInfo ul {
	margin: 0 0 30px;
	padding: 0;
	font-size: 14px;
}

.formWrap table th {
	padding: 10px;
	font-size: 15px;
}

.formWrap table td {
	padding: 20px 10px;
}

.formWrap table td ul {
	margin: 30px 0 0 20px;
}

.formWrap .privacy p {
	text-align: left;
}

.formWrap .privacy .title {
	font-size: 18px;
	text-align: center;
}

.formWrap .privacy .contact__scrollbar {
	margin: 30px 0 20px;
	font-size: 14px;
	padding: 20px;
}

.formBtn input[type="submit"] {
	font-size: 18px;
}


/*------------------------------------------------------------------------------------------------
  second
--------------------------------------------------------------------------------------------------*/
#contentWrap .inner h2 {
	font-size: 24px;
}

/*------------------------------------------------------------------------------------------------
  contactCommon
--------------------------------------------------------------------------------------------------*/
#contactCommon {
	padding: 50px 0 90px;
}

#contactCommon .inner {
	width: 100%;
	display: block;
}

#contactCommon .lead img {
	display: block;
	margin: 0 auto 10px;
}

#contactCommon .lead {
	font-size: 22px;
}

#contactCommon .inner div {
	width: 92%;
	margin: 0 auto 20px;
}

#contactCommon .inner .mail {
	background-image: url(../image/soudan_back-01_sp.png);
	background-size: contain;
	background-position: center 0;
}

#contactCommon .inner .tel {
	background-image: url(../image/soudan_back-02_sp.png);
	background-size: contain;
	background-position: center 0;
}

#contactCommon .inner .meet {
	background-image: url(../image/soudan_back-03_sp.png);
	background-size: contain;
	background-position: center 0;
}

#contactCommon .inner .meet p {
	width: 96%;
	max-width: 360px;
	margin: 0 auto;
	padding: 0;
	letter-spacing: 0;
	line-height: 1.6;
}

#contactCommon .inner div h2 {
	font-size: 22px;
}

#indexContent .inner .contact div a {
	font-size: 20px;
}

#contactCommon .inner .mail p {
	font-size: 30px;
}

#contactCommon .inner div a {
	font-size: 20px;
}

#contactCommon .inner div {
	height: 260px;
}

#contactCommon .inner .mail a {
	margin-bottom: 20px;
}

#contactCommon .inner div h2 span {
	margin-top: 0;
}

#contactCommon .inner .tel a {
	margin-top: -10px;
}

#contactCommon .inner .meet a {
	margin-top: -10px;
}

#indexContent .inner .nayami .inner {
	width: 98vw;
	margin: 0 calc(50% - 49vw);
	overflow: hidden;
}

.hasDatepicker {
	width: 100%;
	font-size: 16px;
}

.formWrap table td select {
 color: #494848;
}

.formWrap table td input[type="text"].s,
.formWrap table td input[type="text"].ss,
textarea,
.formWrap table td select {
	font-size: 16px;
}

.mwform-radio-field-text {
	font-size: 16px;
}


}

/*1200px--*/


@media only screen and (max-width: 800px) {

#indexContent .inner .sos .rabbit01 {
	bottom: 0;
	top: 30%;
	left: calc( 50% - 60px);
}

#indexContent .inner .sos .rabbit01 img {
	width: 120px;
	height: auto;
}

#indexContent .inner .sos .image {
	height: 260px;
}

#indexContent .inner .nayami .rabbit02 {
	left: calc( 50% - 38px);
}

#indexContent .inner .nayami .rabbit02 img {
	width: 84px;
	height: auto;
}

#indexContent .inner .nayami .image {
	height: 120px;
}

#indexContent .inner .nayami .bird03 {
}

#indexContent .inner .nayami .bird04 {
	left: unset;
	right: 5%;
}

#indexContent .inner .sos .lead {
	width: 90%;
	font-size: 20px;
}

#indexContent .inner .nayami .lead {
	width: 90%;
	font-size: 20px;
	background-image: none;
}

#indexContent .inner .nayami .lead:before {
	width: 100px;
	height: 145px;
	background-size: 100px;
	left: -10px;
}

#indexContent .inner .nayami .lead:after {
	width: 100px;
	height: 145px;
	background-size: 100px;
	right: -10px;
}

#indexContent .inner {
	margin-top: -40px;
}

#indexContent .inner .sos dt {
	margin: 20px 0 80px;
}

#indexContent {
	background-size: 96%;
}

#indexContent .inner .nayami .bird03 {
 top: 460px;
	z-index: 1;
}

.formBtn input[type="submit"] {
	width: auto;
}

.formMessage {
	text-align: left;
}

.sendicon {
 width: 90%;
}

}

@media only screen and (max-width: 600px) {

#indexContent .inner .sos .rabbit01 {
	bottom: 0;
	top: 28%;
	left: calc( 50% - 42px);
}

#indexContent .inner .sos .rabbit01 img {
	width: 84px;
	height: auto;
}

#indexContent .inner .sos .image {
	height: 200px;
}

#indexContent .inner .nayami .inner {
	width: 96vw;
	margin: 0 calc(50% - 48vw);
	overflow: hidden;
}

}

@media only screen and (max-width: 530px) {

body {
	font-size: 16px;
}

#visual .text {
	top: 40%;
}

#indexContent .inner .sos dt {
	font-size: 20px;
	margin: 40px 0 80px;
}

#indexContent .inner .sos dd {
	font-size: 16px;
}

#indexContent .inner .sos {
	margin: -20px 0 0;
	padding: 0;
}

#indexContent .inner .sos .bird01 img {
	width: 60px;
	height: auto;
}

#indexContent .inner .sos .bird02 img {
	width: 40px;
	height: auto;
}

#indexContent .inner .sos .lead {
	padding: 16px 0 0;
	font-size: 20px;
}

#indexContent .inner .sos .rabbit02 img {
	width: 80px;
	height: auto;
}

#indexContent .inner .nayami .bird03 {
	left: 5%;
}

#management .inner h2 {
	background-size: 90%, auto;
}

#management .inner p span {
	font-size: 18px;
}

#indexContent .inner .sos .lead {
	width: 90%;
	padding: 18px 30px 14px;
	font-size: 18px;
	min-height: 96px;
	margin: 0 auto;
	line-height: 1.6;
	letter-spacing: 0;
}

.sps {
	display: block;
}

#indexContent .inner .nayami .lead {
	width: 90%;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.6;
}

#indexContent .inner .nayami .lead:before {
	width: 80px;
	height: 116px;
	background-size: 60px;
	left: -30px;
	bottom: -30px;
}

#indexContent .inner .nayami .lead:after {
	width: 80px;
	height: 116px;
	background-size: 60px;
	left: unset;
	right: -37px;
	bottom: -30px;
}

#indexContent .inner .sos .rabbit01 {
	top: 14%;
}

#indexContent .inner .sos .bird01 {
	top: 190px;
	z-index: 2;
}

#indexContent .inner .nayami dd div {
	display: block;
	line-height: 1.4;
	margin: 8px 0 0;
}

#indexContent .inner .nayami .bird04 {
	top: 450px;
}

#indexContent .inner .sos .lead:before {
	left: -30px;
	width: 50px;
	height: 80px;
	background-size: 50px;
}

#indexContent .inner .sos .lead:after {
	right: -30px;
	width: 50px;
	height: 80px;
	background-size: 50px;
}

#indexContent .inner .contact .tel p span {
	font-size: 30px;
}

#message .inner p {
	font-size: 14px;
}

#message .inner h2 {
	font-size: 24px;
}

#management .inner h2 {
	font-size: 24px;
}

#link .inner h2 {
	font-size: 24px;
}

#indexContent .inner .contact .meet p {
	font-size: 15px;
	line-height: 1.6;
}

#indexContent .inner .contact div a {
	width: 96%;
}

#contactCommon .inner div h2 {
	font-size: 22px;
}

#contactCommon .inner div a {
	font-size: 20px;
	width: 90%;
	margin-top: -4px;
}

#contactCommon .inner .mail a {
	width: 80%;
	margin-bottom: 20px;
}

#contactCommon .inner .mail p {
	font-size: 30px;
}

#contactCommon .inner div h2 span {
	margin-bottom: 20px;
}

#contactCommon .inner .tel p span {
	font-size: 30px;
}

.formWrap table td label {
	margin-right: 20px;
}

#indexContent {
	position: relative;
	background: url(../image/sos_sp.png) #fffcf1 no-repeat center 120px;
	background-size: 94%;
	padding-bottom: 30px;
}

#indexContent:before {
	position: absolute;
	top: 400px;
	left: -10px;
	background: url(../image/cloud-01.png) no-repeat 0 0;
	background-size: 100px;
	width: 100px;
	height: 53px;
	content: "";
}

#indexContent:after {
	position: absolute;
	top: 320px;
	right: 20px;
	background: url(../image/cloud-02.png) no-repeat 0 0;
	background-size: 90px;
	width: 90px;
	height: 48px;
	content: "";
}

#indexContent .inner .nayami dt {
	margin-bottom: 20px;
}

#indexContent .inner .nayami .bird03 {
 top: 440px;
	left: 15%;
}

#indexContent .inner .nayami .bird03 img {
	width: 40px;
	height: auto;
}

#indexContent .inner .nayami .bird04 {
	top: 400px;
}

#indexContent .inner .nayami .bird04 img {
	width: 60px;
	height: auto;
}

#indexContent .inner .contact .mail a {
	margin-bottom: 10px;
}

#indexContent .inner .contact div h2 span {
	margin-top: 0;
}

#contactCommon .inner div h2 span {
	margin-top: 0;
}

#contactCommon .inner .meet p {
	font-size: 15px;
	line-height: 1.6;
}

#contactCommon .inner div {
	margin-bottom: 0;
}

#indexContent .inner .contact div {
	padding: 15px 20px 20px;
	height: 260px;
}

#indexContent .inner .contact div a {
	font-size: 18px;
}

#indexContent .inner .contact .mail p {
	font-size: 18px;
}

#indexContent .inner .contact .tel a,
#indexContent .inner .contact .tel p span,
#indexContent .inner .contact .meet a {
	font-size: 18px;
}

#indexContent .inner .contact .tel p span {
    display: inline;
    margin-left: 20px;
	font-size: 16px;
}

#indexContent .inner .contact .meet h2 span {
	margin-bottom: 10px;
}

#indexContent .inner .contact .meet p {
	font-size: 14px;
	line-height: 1.2;
}

#contactCommon .inner div {
	padding: 15px 20px 20px;
	height: 260px;
}

#contactCommon .inner div a {
	font-size: 18px;
}

#contactCommon .inner .mail p {
	font-size: 18px;
}

#contactCommon .inner .tel a,
#contactCommon .inner .tel p span,
#contactCommon .inner .meet a {
	font-size: 18px;
}

#contactCommon .inner .tel p span {
    display: inline;
    margin-left: 20px;
	font-size: 16px;
}

#contactCommon .inner .meet h2 span {
	margin-bottom: 10px;
}

#contactCommon .inner .meet p {
	font-size: 14px;
	line-height: 1.2;
}

#indexContent .inner .nayami .inner {
	width: 94vw;
	margin: 0 calc(50% - 47vw);
	overflow: hidden;
}

#indexContent .inner .nayami .lead {
	height: auto;
	padding: 20px 0;
}

.mwform-checkbox-field input, .mwform-radio-field input {
	margin-right: 0;
}

.spMenuSec .inner h1 img {
	width: 240px;
	height: 41px;
}

textarea {
	font-size: 16px;
}

.formBtn input[type="submit"] {
	margin: 0 20px;
}

}

@media only screen and (max-width: 450px) {

#indexContent .inner .contact div:nth-child(2),
#indexContent .inner .contact div:nth-child(3) {
	margin-top: -50px;
}

#contactCommon .inner div:nth-child(2),
#contactCommon .inner div:nth-child(3) {
	margin-top: -30px;
}

}