@charset "utf-8";

@media screen and (max-width : 640px) {
#tmp_contents h1{
	margin: 0 -20px 0.8em;
	padding: 18px 20px 18px;
	font-size: 143.7%;
}
#tmp_contents h2{
	font-size: 125%;
	margin: 1.9em 0 0.7em;
	background-image: url(/shared/templates/web_koho_free/images/main/bg_wh_h2.png), 
	url(/shared/templates/web_koho_free/images/main/bg_wh_h2.png), 
	url(/shared/templates/web_koho_free/images/main/bg_h2_sp.png);
    background-position: left -15px, left 0 bottom -13px, 1px 5px;
	background-size: auto,auto,15px auto;
}
#tmp_contents h3{
	font-size: 118.7%;
	line-height: 1.5;
	margin: 2.5em 0 0.7em;
	padding: 7px 0;
	background-size: 25px 2px, auto, auto;
}
#tmp_contents h4{
	font-size: 112.5%;
	padding-left: 24px;
	margin: 1.5em 0 0.5em;
	background: url(/shared/templates/web_koho_free/images/main/bg_h4_sp.png) no-repeat 0 4px;
	background-size: 16px auto;
}
#tmp_contents h5{
	font-size: 106.2%;
    margin: 1.5em 0 0.5em;
	line-height: 1.6;
	padding-left: 13px;
}
#tmp_contents h6{
	line-height: 1.5;
	font-size: 100%;
}
#tmp_contents p{
	line-height: 1.8;
}
#tmp_contents ul{
	margin-top: 28px;
	margin-bottom: 1.5em;
}
#tmp_contents ul li, 
#tmp_contents ol li {
    margin: 0 0 1.1em;
}
#tmp_contents ol{
	margin-left: 2em;
}
#tmp_contents .outline{
	border: 3px solid #347aa0;
}
#tmp_contents div.outline {
    padding: 10px 18px 8px;
}
#tmp_contents table.outline td {
    padding: 10px 18px 8px;
}
#tmp_contents ul.box_btn li a{
	margin: -18px -35px -16px -15px;
	padding: 18px 35px 16px 15px;
	background-position: right 13px center;
}
#tmp_contents .col2 ul.box_btn li,
#tmp_contents .col2 ul.box_btn li a {
	border-radius: 30px;
}
#tmp_contents ul.box_btn li{
    padding: 18px 35px 16px 15px;
	font-size: 100%;
	line-height: 1.5;
	margin-bottom: 10px;
	border-radius: 20px;
}
#tmp_contents ul.box_btn{
	margin-bottom: 10px;
}
#tmp_contents table.box_menu td p a{
	margin: -17px -35px -16px -15px;
	padding: 17px 35px 16px 15px;
	background-position: right 14px center;
}
#tmp_contents .box_menu .box_menu_ttl{
	font-size: 100%;
	padding: 17px 35px 16px 15px;
}
#tmp_contents .box_menu .box_menu_ttl p a{
	padding: 17px 35px 16px 15px;
	margin: -17px -35px -16px -15px;
}
#tmp_contents .box_menu .box_menu_cnt {
    padding: 14px 11px 0;
	border-top: 0;
}
#tmp_contents .box_menu {
	margin-bottom: 0.8em;
}
#tmp_contents .box_menu ul{
	margin-top: 1px;
    margin-bottom: 23px;
    margin-left: 23px;
}
#tmp_contents .box_menu ul li{
	line-height: 1.8;
	margin-bottom: 10px;
}
#tmp_contents .box_info{
	margin-bottom: 2.1em;
	border-top: 0;
	margin-top: 43px;
}
#tmp_contents .box_link::before,
#tmp_contents .box_info::before{
    height: 4px;
}
#tmp_contents .box_info .box_info_ttl{
	font-size: 106.2%;
	padding: 13px 14px 1px;
	color: #222222;
	border-top: 0;
}
#tmp_contents .box_info .box_info_ttl p{
	padding-bottom: 12px;
	background-position: 6px bottom;
	padding-left: 0;
}
#tmp_contents .box_info .box_info_cnt {
    padding: 16px 35px 11px 10px;
}
#tmp_contents .box_info ul li a{
	color: #222222;
	line-height: 1.9;
}
#tmp_contents .box_link{
	margin-top: 2.1em;
	margin-bottom: 1.8em;
	border-top: 0;
}
#tmp_contents .box_link .box_link_ttl{
	font-size: 106.2%;
	padding: 13px 14px 1px;
	color: #222222;
	border-top: 0;
}
#tmp_contents .box_link .box_link_cnt{
	padding: 16px 35px 11px 10px;
}
#tmp_contents .box_link .box_link_ttl p{
	padding-bottom: 10px;
	background-position: 6px bottom;
	padding-left: 0;
}
#tmp_contents .box_link ul li a{
	color: #222222;
	line-height: 1.9;
}
/* TOPICS section */
#tmp_web_topics .section_ttl h2 > span {
    background-image: url(/shared/templates/web_koho_top/images/icon/topics_eng_sp.png);
	background-size: auto 22px;
    padding-top: 31px;
}
#tmp_web_topics .section_ttl{
	margin-bottom: 12px;
}
#tmp_web_topics .topics_list{
	gap: 20px 15px;
}
#tmp_web_topics .topics_list .topics_item{
	width: calc((100% - 15px) / 2);
}
.topics_list .topics_item .topics_item_caption{
    width: calc(100% - 13px);
	padding-left: 8px;
	line-height: 1.3;
}
.topics_list .topics_item .topics_item_image {
    margin-bottom: -15px;
}
#tmp_web_topics .topics_list .hash_tag {
	line-height: 1.5;
}
#tmp_web_topics .topics_list .hash_tag a {
	padding: 2px 7px 0;
}
#tmp_web_topics .gutto_link a{
	max-width: 285px;
    display: block;
    width: 100%;
    min-width: auto;
    margin: 0 auto;
}
#tmp_web_topics {
	padding-top: 24px;
    margin-bottom: 5px;
}
#tmp_web_topics.web_topics_pagination .topics_list .topics_item a {
	padding: 2px 7px 0;
}
/* Topic pagination */
#tmp_web_topics_splide.splide_common .splide__arrows{
	margin-left: 9px;
	min-width: 48px;
}
#tmp_web_topics_splide.splide_common .splide__arrows--ltr{
	margin-right:12px;
}
#tmp_web_topics_splide.splide_common .splide__arrow{
	padding-bottom: 1px;
}
/* ==================================================
fsize
================================================== */
.fsize_big2 #tmp_web_topics_splide.splide_common .splide__arrows {
	min-width: 84px;
}
.fsize_big #tmp_web_topics_splide.splide_common .splide__arrows {
	min-width: 60px;
}
/* ==================================================
accessibility
================================================== */
.color_blue #tmp_contents .box_link .box_link_ttl,
.color_yellow #tmp_contents .box_link .box_link_ttl,
.color_black #tmp_contents .box_link .box_link_ttl,
.color_blue #tmp_contents .box_info,
.color_yellow #tmp_contents .box_info,
.color_black #tmp_contents .box_info{
	border-top: 1px solid;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}