@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) {
}

/***************************************************************************
contents
****************************************************************************/

.common_support .contents {
	max-width: 1000px;
}
.common_support .main {
	padding-bottom: 0px;
}

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

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

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

/***************************************************************************
page_tab
****************************************************************************/

@media print, screen and (max-width: 1000px) {
.page_tab li a {
	font-size: 18px;
	padding: 0.8em 0.5em 0.8em 0.5em;
}
}

@media only screen and (max-width: 767px) {
.page_tab li a {
	font-size: 3.8vw;
}
}

/***************************************************************************
page_exp_wrap
****************************************************************************/

#page_exp_wrap {
	margin-bottom: 100px;
}
.page_exp {
	margin-bottom: 50px;
}
.page_exp .ttl h2 {
	margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
#page_exp_wrap {
	margin-bottom: 10vw !important;
}
.page_exp {
	margin-bottom: 7vw !important;
}
.page_exp .ttl h2 {
	margin-bottom: 7vw !important;
}
}

/***************************************************************************
contents_block
****************************************************************************/

.contents_block {
	padding: 80px 0px 80px 0px;
}

@media only screen and (max-width: 767px) {
.contents_block {
	padding: 10vw 0px 10vw 0px;
}
}

.contents_block .thumb_exp {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.contents_block .thumb_exp .thumb {
	width: 43%;
	margin-right: 4%;
	padding-top: 32%;
}
.contents_block .thumb_exp .exp {
	flex: 1;
	line-height: 2
}
.contents_block .thumb_exp .exp p {
	margin-top: 35px;
}
.contents_block .thumb_exp .exp p:nth-child(1) {
	margin-top: 0px;
}
.contents_block .thumb_exp .exp .attention {
    padding-left: 1em !important;        /* ブロック全体を 1em 右に */
    text-indent: -1em !important;        /* 先頭の1文字のみ 1em 左に */
	font-size: 0.77em;
	padding-top: 5px;
}

@media only screen and (max-width: 767px) {
.contents_block .thumb_exp {
	display: block;
}
.contents_block .thumb_exp .thumb {
	width: 100%;
	margin-right: 0%;
	padding-top: 75%;
	margin-bottom: 5vw;
}
.contents_block .thumb_exp .exp p {
	margin-top: 5vw;
}
}