@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media print, screen and (max-width: 1000px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 480px) {
}

/***************************************************************************
page
****************************************************************************/

.common_soudan .main {
	padding-bottom: 0;
}
.common_soudan h2,
.common_soudan h3,
.common_soudan h4 {
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.common_soudan h2 {
	font-size: 32px;
}
.common_soudan h3,
.common_soudan h4 {
	font-size: 26px;
}

@media only screen and (max-width: 767px) {
.common_soudan h3,
.common_soudan h4 {
	font-size: 5.6vw;
}
}

/***************************************************************************
top_img
****************************************************************************/

#top_img {
	background-image: url(/-/wp-content/themes/tochi/img/event/soudan/common/top_img_pc.jpg);
}

@media only screen and (max-width: 767px) {
#top_img {
	background-image: url(/-/wp-content/themes/tochi/img/event/soudan/common/top_img_sp.jpg);
}
}

/***************************************************************************
upper_block
****************************************************************************/

#upper_block {
	padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
#upper_block {
	padding-bottom: 15.3vw;
}
}

/***************************************************************************
case
****************************************************************************/

#case_wrap {
	margin-bottom: 90px;
}
#case_wrap .wrap_ttl {
	margin-bottom: 40px;
}
#case_wrap .case {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#case_wrap .case li {
	background-color: #FFFFFF;
	margin-top: 30px;
	width: 48%;
	padding: 25px 40px 25px 40px;
	border-left: 8px solid #003B80;
	display: flex;
	align-items: center;
	min-height: 130px;
}
#case_wrap .case li:nth-child(-n+2) {
	margin-top: 0px;
}

@media only screen and (max-width: 767px) {
#case_wrap {
	margin-bottom: 12vw;
}
#case_wrap .wrap_ttl {
	margin-bottom: 6.4vw;
}
#case_wrap .case li {
	margin-top: 5.1vw;
	width: 100%;
	padding: 6.4vw 8.5vw 6.4vw 8.5vw;
	border-left-width: 2.0vw;
	min-height: inherit;
}
#case_wrap .case li:nth-child(-n+2) {
	margin-top: 5.1vw;
}
#case_wrap .case li:nth-child(1) {
	margin-top: 0px;
}
}

/***************************************************************************
from_customer
****************************************************************************/

#from_customer .wrap_ttl {
	margin-bottom: 40px;
}
#from_customer .voice_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#from_customer .voice_wrap .box {
	width: 48%;
	background-color: #FFFFFF;
}
#from_customer .box .thumb {
	padding-top: 58.33%;
}
#from_customer .box .exp {
	padding: 35px 30px 35px 30px;
}
#from_customer .box .exp .ttl {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}
#from_customer .box .exp .txt {
	font-size: 16px;
	line-height: 1.875;
}

@media only screen and (max-width: 767px) {
#from_customer .wrap_ttl {
	margin-bottom: 6.4vw;
}
#from_customer .voice_wrap {
	display: block;
}
#from_customer .voice_wrap .box {
	width: 100%;
	margin-top: 10.2vw;
}
#from_customer .voice_wrap .box:nth-child(1) {
	margin-top: 0;
}
#from_customer .box .exp {
	padding: 7.7vw 5.1vw 7.7vw 5.1vw;
}
#from_customer .box .exp .ttl {
	font-size: 5.1vw;
	margin-bottom: 4vw;
}
}

/***************************************************************************
bottom_summry_block
****************************************************************************/

#bottom_summry_block {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	width: 100vw;
}
#bottom_summry_block .inner {
	padding: 70px 0px 90px 0px;
}
#bottom_summry_block .ttl_wrap {
	margin-bottom: 10px;
}
#bottom_summry_block .ttl_wrap .ttl h4 {
	font-size: 36px;
	margin-bottom: 15px;
}
#bottom_summry_block .ttl_wrap .attention {
	font-size: 14px;
	margin-top: 45px;
	margin-bottom: 15px;
}
#bottom_summry_block .btn.btn_map {
	max-width: 150px;
}
#bottom_summry_block .summry_btn {
	text-align: center;
}
#bottom_summry_block .btn.btn_offer {
	margin: 0px auto 25px auto;
	max-width: 600px;
	height: 80px;
}
#bottom_summry_block .free_dial .txt_13px {
	margin-bottom: 2px;
}

@media only screen and (max-width: 767px) {
#bottom_summry_block .inner {
	padding: 10vw 0px 13vw 0px;
}
#bottom_summry_block .ttl_wrap {
	margin-bottom: 2.6vw;
}
#bottom_summry_block .ttl_wrap .ttl h4 {
	font-size: 5.6vw;
	margin-bottom: 6vw;
}
#bottom_summry_block .ttl_wrap .attention {
	font-size: 3.3vw;
	margin-top: 7vw;
	margin-bottom: 3.8vw;
}
#bottom_summry_block .btn.btn_map {
	max-width: inherit;
}
#bottom_summry_block .btn.btn_offer {
	margin: 0px auto 6.4vw auto;
	height: auto;
}
#bottom_summry_block .btn.btn_offer a {
	padding-top: 1.3em;
	padding-bottom: 1.3em;
}
#bottom_summry_block .free_dial .txt_13px {
	font-size: 4.1vw !important;
}
}

#bottom_summry_block .table_wrap {
	margin-bottom: 65px;
}
#bottom_summry_block table {
	border-left: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
	width: 100%;
	margin-top: 40px;
}
#bottom_summry_block table:nth-child(1) {
	margin-top: 0px;
}
#bottom_summry_block th,
#bottom_summry_block td {
	border-bottom: 1px solid #AAAAAA;
	vertical-align: middle;
	padding: 20px 20px 20px 20px;
}
#bottom_summry_block th {
	background-color: #EFEFEF;
	width: 140px;
	line-height: 1;
	text-align: center;
}
#bottom_summry_block td {
	font-size: 16px;
}
#bottom_summry_block .icon_reservation {
	background-color: #A8272D;
	display: inline-block;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 0.85;
	padding: 0.3em 0.5em 0.35em 0.4em;
	margin-left: 0.5em;
}
#bottom_summry_block .date {
	display: flex;
	flex-wrap: wrap;
}
#bottom_summry_block .date li {
	margin-right: 1em;
}
#bottom_summry_block .place {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
	padding-bottom: 10px;
}
#bottom_summry_block .place .address_wrap {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	margin-right: auto;
}
#bottom_summry_block .place .office {
	margin-right: 1em;
}
#bottom_summry_block .place .btn_map {
	margin-left: 15px;
}

@media only screen and (max-width: 767px) {
#bottom_summry_block .table_wrap {
	margin-bottom: 10.2vw;
}
#bottom_summry_block table {
	margin-top: 7.7vw;
}
#bottom_summry_block th,
#bottom_summry_block td {
	padding-top: 5vw;
	padding-bottom: 5vw;
	font-size: 3.9vw;
}
#bottom_summry_block th {
	width: 17.9vw;
	padding-left: 0;
	padding-right: 0;
}
#bottom_summry_block td {
	text-align: left;
	padding-left: 4vw;
	padding-right: 4vw;
}
#bottom_summry_block .icon_reservation {
	font-size: 3.6vw;
}
#bottom_summry_block td.place {
	display: block;
}
#bottom_summry_block .place .address_wrap {
	margin-right: inherit;
	margin-bottom: 3.6vw;
}
#bottom_summry_block .place .address {
	font-size: 3.3vw;
	margin-top: 2vw;
}
#bottom_summry_block .place .btn_map {
	margin-left: 0px;
	max-width: 75%; 
}
}