@charset "utf-8";

@media screen and (max-width : 640px) {
#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6 {
	margin: 1.5em 0 1.1em;
}
#tmp_contents h2{
	padding: 18px 20px;
	font-size: 131.3%;
}
#tmp_contents h3{
	font-size: 125%;
}
#tmp_contents h4{
	font-size: 125%;
}
#tmp_contents h5{
	font-size: 112.5%;
}
#tmp_contents h6{
}
#tmp_contents p {
	line-height: 1.8;
}
#tmp_contents ul {
    margin-bottom: 2.3em;
}
#tmp_contents ol {
    margin-left: 2.5em;
    margin-bottom: 2.4em;
}
#tmp_contents ul li {
    margin-bottom: 0.7em;
}
#tmp_contents ol li {
    padding-left: 7px;
    margin-bottom: 0.9em;
}
/* outline
================================================== */
#tmp_contents table.outline td,
#tmp_contents div.outline {
	padding: 18px 24px 8px;
}

/* box_btn
================================================== */
#tmp_contents ul.box_btn li{
    margin-bottom: 15px;
    padding: 13px 13px 12px;
}
#tmp_contents ul.box_btn a {
    margin: -13px -13px -12px;
    padding: 13px 13px 12px 28px;
    background-position: 9px 21px;
}
/* box_info
================================================== */
#tmp_contents .box_info .box_info_ttl{
    padding: 13px 20px 11px;
    font-size: 112.5%;
}
#tmp_contents .box_info .box_info_cnt {
    padding: 15px 29px 6px;
}
#tmp_contents .box_info ul {
	margin-left: 15px;
}
/* box_link
================================================== */
#tmp_contents .box_link .box_link_ttl{
    padding: 12px 20px 11px;
    font-size: 112.5%;
}
#tmp_contents .box_link .box_link_cnt {
    padding: 14px 28px 7px;
}
#tmp_contents .box_link ul {
	margin-left: 15px;
}
/* box_menu
================================================== */
#tmp_contents .box_menu_ttl{
    padding: 13px 14px 12px;
}
#tmp_contents .box_menu_ttl a{
    margin: -13px -14px -12px;
    padding: 13px 14px 12px 30px;
    background-position: 9px 21px;
}
#tmp_contents .box_menu_cnt{
	padding: 14px 9px 10px;
}
#tmp_contents .box_menu .box_menu_cnt ul{
    margin-left: 16px;
    margin-bottom: 8px;
}

/* datatable
================================================== */
#tmp_contents table.datatable {
    font-size: 100%;
}
#tmp_contents .scroll_table table.datatable {
    margin-bottom: 0;
}
#tmp_contents table.datatable th {
    padding: 16px 18px 14px;
}
#tmp_contents table.datatable td {
	padding: 17px 18px 13px;
}

/* general_contents
================================================== */
#tmp_general_contents {
	padding-top:27.7%;
	background-image:url(/shared/templates/general/images/bg_main_sp.png);
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#tmp_contents .lead_sentence {
	margin:0 0 36px;
}
/* general_heading 
================================================== */
#tmp_general_heading {
	margin:0 -15px;
	padding:0 0 8px 3px;
}
#tmp_general_heading_img {
	float:none;
	width:100%;
	padding-left:17px;
	max-width:none;
}
#tmp_general_heading_img .img_inner {
	padding:5px 5px 0 0;
}
#tmp_general_heading_img .img_inner::before {
	left:5px;
	bottom:5px;
}
#tmp_general_heading_img .img_inner .img {
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
}
#tmp_general_heading_img .img_inner .img::after {
	background-image:url(/shared/templates/general/images/visual_bg_mask_sp.png);
	-webkit-background-size:85px auto;
	-moz-background-size:85px auto;
	background-size:85px auto;
	width:85px;
	height:51px;
}
#tmp_general_heading_ttl {
	padding:3px;
	width:93.5%;
	top:-15px;
}
#tmp_general_heading_ttl::before {
	top:4px;
	right:13px;
	border-left-width:3px;
	border-bottom-width:3px;
}
#tmp_general_heading_ttl h1 {
	font-size:143.75%;
	padding:18px 10px 15px 20px;
	background-image: url(/shared/templates/general/images/h1_bg_sp.png);
	-webkit-background-size:45px auto;
	-moz-background-size:45px auto;
	background-size:45px auto;
}

/* general_menu_btn
================================================== */
#tmp_contents .general_menu_btn,
#tmp_contents .general_menu_btn li {
	display: block;
}
#tmp_contents .general_menu_btn {
	margin:0;
}
#tmp_contents .general_menu_btn li {
	width:100%;
	margin:0 0 15px;
}
#tmp_contents .general_menu_btn li a {
	min-height:54px;
	background-image:url(/shared/images/icon/icon_arrow_blue.png), url(/shared/templates/general/images/box_bg_sp.png);
	background-position:9px 22px, right bottom;
	background-size:10px auto, 45px auto;
	padding:18px 15px 16px 28px;
}
/* general_list_tbl
================================================== */
#tmp_contents .general_list_tbl,
#tmp_contents .general_list_tbl thead,
#tmp_contents .general_list_tbl tbody,
#tmp_contents .general_list_tbl tfoot,
#tmp_contents .general_list_tbl tr,
#tmp_contents .general_list_tbl th,
#tmp_contents .general_list_tbl td {
	display:block;
	width:100% !important;
}
#tmp_contents .general_list_tbl {
	margin:0 0 45px;
}
#tmp_contents .general_list_tbl td {
	padding:0 0 12px;
	font-size:100%;
}
#tmp_contents .general_list_tbl td.date {
	font-size:87.5%;
	padding:12px 0 3px;
}
/* general_img_btn
================================================== */
#tmp_contents .general_img_btn,
#tmp_contents .general_img_btn li {
	display: block;
}
#tmp_contents .general_img_btn {
	margin:0;
}
#tmp_contents .general_img_btn li {
	width:100%;
	margin:0 0 10px;
	line-height:1.6;
}
#tmp_contents .general_img_btn li a {
	flex-flow: row;
	min-height:74px;
	background-image: url(/shared/templates/general/images/box_bg_sp.png);
	background-size:45px auto;
}
#tmp_contents .general_img_btn li .img {
	width:110px;
}
#tmp_contents .general_img_btn li .txt {
	width: calc(100% - 110px);
	padding:6px 9px;
	min-height:auto;
}
/* general_pickup
================================================== */
#tmp_general_pickup {
	padding:35px 0 45px;
	background-image:url(/shared/templates/general/images/pickup_bg_en_sp.png);
	background-size:329px auto;
	margin:45px 0;
}
#tmp_general_pickup_ttl {
	margin:0 0 22px;
}
#tmp_contents #tmp_general_pickup_ttl h2 {
	font-size:131.25%;
}
#tmp_general_pickup_slide .splide__slide {
	width: 100%;
}
#tmp_general_pickup_slide .slide_item p .img {
	margin:0 0 10px;
}
/* pickup_slide */
#tmp_general_pickup_slide .splide .splide__controls {
	margin:13px 0 0;
}
#tmp_general_pickup_slide.splide_common .splide__progress .progress_current {
	font-size:162.5%;
}
#tmp_general_pickup_slide .splide_common .splide__progress {
	margin:0 26px;
}

/* NoJS
================================================== */
.no_javascript #tmp_general_pickup_slide .splide,
#tmp_general_pickup_slide .splide.no-splide {
	padding-bottom:0;
}
.no_javascript #tmp_general_pickup_slide .splide__list,
#tmp_general_pickup_slide .splide.no-splide .splide__list {
	gap: 10px;
	padding:0 10px !important;
}
.no_javascript #tmp_general_pickup_slide .splide__slide,
#tmp_general_pickup_slide .splide.no-splide .splide__slide {
	width: calc((100% - 10px)/2);
}


}

@media screen and (max-width : 360px) {
	#tmp_general_pickup {
		background-size:100% auto;
	}
}