@charset "utf-8";

@media screen and (max-width : 1200px) {
/* page title */
#tmp_pagetitle .pagetitle_wrapper{
	margin-left: 0;
}
#tmp_pagetitle .pagetitle_tbl .blog_description{
	padding-right: 0;
}
}
@media screen and (max-width : 640px) {
#tmp_contents h1 {
	margin-bottom: 1.1em;
	padding: 10px 0;
	font-size: 143.8%;
	line-height: 1.5;
}
#tmp_contents h2{
    margin-top: 1.8em;
    margin-bottom: 1em;
	font-size: 131.3%;
	line-height: 1.6;
}
#tmp_contents h3{
    margin-top: 1.5em;
    margin-bottom: 1em;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 125%;
	line-height: 1.6;
}
#tmp_contents h4{
	margin-top: 1.3em;
	margin-bottom: 0.7em;
	font-size: 112.5%;
	line-height: 1.6;
}
#tmp_contents h5{
	margin-top: 1.6em;
	margin-bottom: 0.6em;
	font-size: 106.3%;
	line-height: 1.7;
}
#tmp_contents h6{
    margin-top: 1.8em;
    margin-bottom: 0.7em;
    line-height: 1.8;
}
#tmp_contents ul {
	margin-left: 16px;
	margin-bottom: 34px;
}
#tmp_contents ol {
	margin-left: 34px;
	margin-bottom: 34px;
}
#tmp_contents ul li {
	margin-bottom: 11px;
}
#tmp_contents ol li {
	margin-bottom: 8px;
}
/* parts
================================================== */
#tmp_contents table.col2,
#tmp_contents table.col3 {
	width: 100%;
}
#tmp_contents table.col2 td.col2L,
#tmp_contents table.col2 td.col2R,
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M,
#tmp_contents table.col3 td.col3R{
	display: block;
	width: 100%;
}
#tmp_contents table.col2 td.col2L,
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M{
	border-right: 0;
}
/* outline
================================================== */
#tmp_contents .outline {
	margin-bottom: 40px;
}
#tmp_contents div.outline,
#tmp_contents table.outline td {
	padding: 13px 20px 9px;
}
#tmp_contents .outline p:last-child {
	margin-bottom: 0;
}
/* box_btn
================================================== */
#tmp_contents ul.box_btn li {
	margin-bottom: 10px;
	padding: 17px;
}
#tmp_contents ul.box_btn li a {
	margin: -17px;
	padding: 17px 40px 17px 17px;
}
/* box_menu
================================================== */
#tmp_contents .box_menu {
	margin-bottom: 10px;
}
#tmp_contents .box_menu .box_menu_ttl {
	padding: 11px 15px 8px;
}
#tmp_contents .box_menu .box_menu_ttl a {
	display: block;
	margin: -11px -15px -8px;
	padding: 11px 40px 8px 15px;
}
#tmp_contents .box_menu .box_menu_cnt {
	padding: 7px 15px 10px;
}
#tmp_contents .box_menu .box_menu_cnt p:last-child {
	margin-bottom: 0;
}
#tmp_contents .box_menu ul {
	margin-top: 4px;
	margin-left: 18px;
}
#tmp_contents .box_menu ul li,
#tmp_contents .box_menu ol li {
	margin-bottom: 9px;
}
/* box_link & box_info
================================================== */
#tmp_contents .box_link {
	margin: 28px 0 20px;
}
#tmp_contents .box_info {
	margin: 27px 0 20px;
}
#tmp_contents .box_link .box_link_ttl,
#tmp_contents .box_info .box_info_ttl {
	font-size: 118.8%;
	padding-left: 15px;
	background-size: 45px 4px;
}
#tmp_contents .box_link .box_link_ttl {
	padding-right: 52px;
}
#tmp_contents .box_info .box_info_ttl {
	padding-right: 55px;
}
#tmp_contents .box_link .box_link_cnt,
#tmp_contents .box_info .box_info_cnt {
	padding: 5px 10px 0 25px;
}
#tmp_contents .box_link .box_link_cnt ul:last-child,
#tmp_contents .box_link .box_link_cnt ol:last-child,
#tmp_contents .box_info .box_info_cnt ul:last-child,
#tmp_contents .box_info .box_info_cnt ol:last-child {
	margin-bottom: 0;
}
#tmp_contents .box_link .box_link_cnt ul li,
#tmp_contents .box_link .box_link_cnt ol li,
#tmp_contents .box_info .box_info_cnt ul li,
#tmp_contents .box_info .box_info_cnt ol li {
	margin-bottom: 7px;
	line-height: 1.7;
}
#tmp_contents .box_link .box_link_cnt ul li:last-child,
#tmp_contents .box_link .box_link_cnt ol li:last-child,
#tmp_contents .box_info .box_info_cnt ul li:last-child,
#tmp_contents .box_info .box_info_cnt ol li:last-child {
	margin-bottom: 0;
}
/* datatable
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
	margin: 2.8em 0 2.5em;
}
#tmp_contents .scroll_table table.datatable,
#tmp_contents .scroll_table table.enquete_table {
	margin: 0;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
	padding: 19px 18px 14px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
	padding: 16px 18px 13px;
}
#tmp_contents table.enquete_table,
#tmp_contents table.enquete_table tbody,
#tmp_contents table.enquete_table tr,
#tmp_contents table.enquete_table th,
#tmp_contents table.enquete_table td {
	display:block;
	width:100%;
}
#tmp_contents table.enquete_table select {
	max-width: 100%;
}
.scroll_table_switch a {
	color: #000000;
}
/* start parttern common
================================================== */
/* page title */
#tmp_pagetitle{
	margin: 22px 0 52px;
	padding: 0 9px;
}
#tmp_pagetitle .pagetitle_wrapper{
	padding-left: 0;
}
#tmp_pagetitle .pagetitle_blog,
#tmp_pagetitle .head_heading{
	max-width: 100%;
}
#tmp_pagetitle .head_heading{
	margin-bottom: 32px;
	padding-top: 22px;
	font-size: 137.5%;
	letter-spacing: 0.14em;
}
#tmp_pagetitle .head_image {
	margin-right: -19px !important;
}
#tmp_pagetitle .head_image img{
	height: 162px;
}
#tmp_pagetitle .pagetitle_blog{
	margin-top: 26px;
}
#tmp_pagetitle .pagetitle_tbl,
#tmp_pagetitle .pagetitle_tbl tr,
#tmp_pagetitle .pagetitle_tbl .blog_title,
#tmp_pagetitle .pagetitle_tbl .blog_description{
	display: block;
}
#tmp_pagetitle .pagetitle_tbl .blog_title{
	margin-bottom: 23px;
	padding-right: 0;
	width: 100%;
}
#tmp_pagetitle .pagetitle_tbl .blog_title p{
	font-size: 106.2%;
}
#tmp_pagetitle .pagetitle_tbl .blog_description{
	padding-right: 0;
}
#tmp_pagetitle .pagetitle_tbl p{
	font-size: 87.5%;
	line-height: 1.9;
}
#tmp_pagetitle .pagetitle_tbl p .txt_small {
    font-size: 92.8%;
    line-height: 2.1;
	letter-spacing: 0.01em;
}

/* end parttern common
================================================== */

/* start alliance
================================================== */
#tmp_pagetitle.pagetitle_alliance .head_heading{
	background-image: url(/shared/templates/datsutanso_free/images/alliance/alliance_title_sp.png);
	background-size: 68px auto;
}

/* introduce */
#tmp_alliance_gallery{
	margin-bottom: 0;
}
#tmp_alliance_gallery .list_gallery{
	flex-direction: column;
	gap: 0;
	padding: 0 28px;
}
#tmp_alliance_gallery .gallery_item{
	margin-bottom: 23px;
	width: 100%;
}
#tmp_alliance_gallery .gallery_item_inner{
	min-height: 382px;
	padding-bottom: 23px;
}
#tmp_alliance_gallery .gallery_item_image{
	margin-bottom: 25px;
}
#tmp_alliance_gallery .gallery_item_image img{
	aspect-ratio: 574 / 322;
}
#tmp_alliance_gallery .gallery_item_cnt{
	padding-left: 10px;
	padding-right: 10px;
}
#tmp_alliance_gallery .gallery_item_name{
	margin-bottom: 8px;
	font-size: 93.7%;
	letter-spacing: 0.06em;
}
#tmp_alliance_gallery .gallery_item_text{
	margin-bottom: 16px;
	font-size: 87.5%;
	letter-spacing: -0.05em;
}
#tmp_alliance_gallery .gallery_item_button{
	padding-left: 0;
}
#tmp_alliance_gallery .gallery_item_button .btn_comming_soon{
	padding: 11px 7px 9px;
	width: 208px;
	font-size: 81.2%;
	line-height: 1.4;
	letter-spacing: 0.01em;
}
#tmp_alliance_gallery .btn_simple a:not([target="_blank"]){
	padding-right: 7px;
}
/* end alliance
================================================== */

/* start news
================================================== */
#tmp_pagetitle.pagetitle_news{
    margin-bottom: 16px;
}
#tmp_pagetitle.pagetitle_news .head_heading{
	background-image: url(/shared/templates/datsutanso_free/images/news/news_title_sp.png);
	background-size: 42px auto;
}
#tmp_sec_news{
	padding-bottom: 0;
}
#tmp_sec_news .container{
	max-width: 100%;
}
#tmp_sec_news .news_list {
    margin-bottom: 6px;
	padding: 0 10px;
}
#tmp_sec_news .news_item {
	padding: 29px 10px;
}

/* end news
================================================== */

/* start learn
================================================== */
/** pattern common **/
#tmp_learn_steps .show_pc{
	display: none;
}
#tmp_learn_steps .show_sp{
	display: block;
}
#tmp_pagetitle.pagetitle_learn{
	margin-bottom: 51px;
}
#tmp_pagetitle.pagetitle_learn .head_heading{
	background-image: url(/shared/templates/datsutanso_free/images/learn/learn_title_sp.png);
	background-size: 46px auto;
}
#tmp_pagetitle.pagetitle_learn .pagetitle_blog {
	margin-top: 28px;
}
#tmp_pagetitle.pagetitle_learn .pagetitle_tbl .blog_title{
	margin-bottom: 24px;
}
#tmp_learn_steps .container{
	padding-left: 20px;
	padding-right: 20px;
}
#tmp_learn_steps .blog_heading .blog_title{
	flex-direction: column;
	align-items: flex-start;
	flex: 1 1 auto;
	gap: 0;
	margin-bottom: 9px;
	padding-top: 23px;
	background-size: 20% 2px, 78% 2px;
	font-size: 106.2%;
}
#tmp_learn_steps .blog_heading .number{
	margin: 0 0 8px;
	padding: 4px 11px 3px;
	font-size: 75%;
	letter-spacing: 0.04em;
}
#tmp_learn_steps .blog_heading > p{
	font-size: 81.2%;
	line-height: 2.1;
}
#tmp_learn_steps .blog_heading > p .txt_small{
	font-size: 100%;
	letter-spacing: -0.02em;
}
#tmp_learn_steps .blog_subtitle{
	margin-bottom: 21px;
	padding: 10px 6px 8px 24px;
}
#tmp_learn_steps .blog_subtitle:before{
	left: 11px;
    top: 11px;
    bottom: 11px;
}
#tmp_learn_steps .blog_subtitle > h3{
	font-size: 93.7%;
	line-height: 1.6;
	letter-spacing: 0.12em;
}
#tmp_learn_steps .blog_article > p{
	font-size: 81.2%;
	line-height: 2;
	letter-spacing: 0.09em;
}
#tmp_learn_steps .blog_article > p .txt_small {
	font-size: 92.3%;
	letter-spacing: 0.09em;
}
#tmp_learn_steps .blog_article > p + p{
	margin-top: 2px;
}
#tmp_contents img.icon_blank{
	margin-top: -6px;
	max-width: 16px;
}
#tmp_pagetitle .blog_description a:hover,
#tmp_learn_steps a:hover,
#tmp_pagetitle .blog_description a[target="_blank"]:hover,
#tmp_learn_steps a[target="_blank"]:hover,
#tmp_learn_steps .link_pdf a:hover{
	animation: none;
}
/** nav **/
#tmp_learn_steps .step_nav {
    margin-bottom: 46px;
}
#tmp_learn_steps .step_nav_title{
	margin-bottom: 21px;
	font-size: 112.5%;
	letter-spacing: 0.05em;
}
#tmp_learn_steps .step_nav_links{
	margin: 0 -1px;
}
#tmp_learn_steps .step_nav_links li{
	margin-bottom: 10px;
	width: calc(50% - 8px);
}
#tmp_learn_steps .step_nav_links a{
	padding: 11px 20px 18px 10px;
	clip-path: polygon(calc(100% - 18px) 0, calc(100% - 16px) 1px , calc(100% - 15px) 2px, calc(100% - 14px) 3px, 100% 50%, calc(100% - 14px) calc(100% - 3px), calc(100% - 15px) calc(100% - 2px), calc(100% - 16px) calc(100% - 1px), calc(100% - 18px) 100%, 0 100%, 0 0);
	letter-spacing: -0.03em;
}
#tmp_learn_steps .step_nav_links a:after{
	right: 12px;
	bottom: 5px;
	width: 8px;
	height: 6px;
}
#tmp_learn_steps .step_nav_links .link_numb{
	margin-bottom: 4px;
	font-size: 143.7%;
}
#tmp_learn_steps .step_nav_links .link_text{
	font-size: 62.5%;
}

/** start **/
#tmp_learn_start{
	margin-bottom: 58px;
}
#tmp_learn_start .blog_heading {
    margin-bottom: 38px;
}
#tmp_learn_start .blog_heading > p > br{
	display: none;
}
/* start - merit */
#tmp_start_merit {
    margin-bottom: 29px;
}
#tmp_start_merit .merit_gallery{
	flex-direction: column;
	gap: 0;
	margin-bottom: 29px;
	padding: 0 28px 14px 9px;
}
#tmp_start_merit .merit_gallery:after{
	top: 48px;
	right: -1px;
}
#tmp_start_merit .merit_gallery .merit_item{
	margin-bottom: 19px;
	width: 100%;
}
#tmp_start_merit .merit_gallery .merit_item_inner{
	padding: 18px 19px 18px;
	box-shadow: 0 2px 15px 4px rgba(31, 84, 123, 0.04);
}
#tmp_start_merit .merit_gallery .merit_item_img{
	margin-bottom: 14px;
	max-width: 178px;
}
#tmp_start_merit .merit_gallery .merit_item_title{
	margin-bottom: 11px;
	font-size: 93.7%;
	letter-spacing: 0.06em;
}
#tmp_start_merit .merit_gallery .merit_item_inner > p{
	padding: 0;
	font-size: 81.2%;
	letter-spacing: 0.02em;
}
#tmp_start_merit > p a{
	margin-left: 6px;
	margin-right: 4px;
}

/* start - seminar */
#tmp_start_seminar{
    margin-bottom: 38px;
}
#tmp_start_seminar .seminar_wrap{
	margin-bottom: 46px;
}
#tmp_start_seminar .seminar_lbl{
	margin-right: 19px;
	padding: 0;
	width: 34px;
}
#tmp_start_seminar .seminar_lbl > p{
	height: calc(100% + 8px);
}
#tmp_start_seminar .seminar_lbl img{
	height: 100%;
}
#tmp_start_seminar .seminar_blog{
	flex-direction: column;
	gap: 0;
	padding: 28px 18px 17px 19px;
}
#tmp_start_seminar .seminar_blog_img{
	margin-bottom: 18px;
	width: 100%;
	box-shadow: 0 2px 15px 4px rgba(31, 84, 123, 0.04);
}
#tmp_start_seminar .seminar_blog_title{
	margin-bottom: 13px;
	font-size: 100%;
	letter-spacing: 0.05em;
}
#tmp_start_seminar .seminar_blog_list{
	margin-left: 17px;
}
#tmp_start_seminar .seminar_blog_list li{
	margin-bottom: 11px;
	font-size: 87.5%;
}
#tmp_start_seminar .seminar_blog_list li.link_pdf a:after{
	position: relative;
	margin-left: 2px;
	top: 2px;
}
#tmp_start_seminar .seminar_link{
	justify-content: flex-start;
	padding: 34px 16px 26px;
	min-height: 226px;
}
#tmp_start_seminar .seminar_link .link_title{
	margin-bottom: 37px;
	font-size: 100%;
	line-height: 1.7;
}
#tmp_start_seminar .seminar_link .link_comming{
    padding: 18px 5px 15px;
	width: 284px;
	font-size: 100%;
	letter-spacing: 0.06em;
}
#tmp_start_seminar .seminar_link:not(:last-child) {
    margin-bottom: 24px;
}
#tmp_start_seminar .seminar_link .link_simple{
	margin-bottom: 13px;
	line-height: 1.5;
}
#tmp_start_seminar .seminar_link .link_simple a{
	font-size: 87.5%;
}
#tmp_start_seminar .seminar_link .link_simple:last-of-type{
	margin-bottom: 0;
}

/* start - case */
#tmp_start_case .case_gallery{
	flex-direction: column;
	gap: 0;
	margin: 35px 0 12px;
	padding: 0 18px;
}
#tmp_start_case .case_gallery .item{
	width: 100%;
}
#tmp_start_case .case_gallery .item_inner{
	padding: 28px 20px 30px;
}
#tmp_start_case .case_gallery .item_img{
	margin-bottom: 12px;
}
#tmp_start_case .case_gallery .item_title{
	margin-bottom: 6px;
	font-size: 93.7%;
	text-align: left;
	letter-spacing: 0.06em;
}
#tmp_start_case .case_gallery .item_text{
	font-size: 81.2%;
	letter-spacing: 0.06em;
}
#tmp_start_case .case_gallery .item_button{
	margin-top: 35px;
}
#tmp_start_case .case_gallery .item_button a{
	width: 244px;
}
#tmp_start_case > p a img.icon_blank{
	margin-left: 8px;
}

/** yorozu **/
#tmp_learn_yorozu {
    margin-bottom: 62px;
}
#tmp_learn_yorozu .blog_heading {
    margin-bottom: 37px;
}
#tmp_learn_yorozu .blog_heading > p > br{
	display: none;
}
#tmp_learn_yorozu .blog_heading p a[target="_blank"]{
	margin-right: 5px;
}
#tmp_learn_yorozu .blog_heading > p .txt_small a {
    margin: 0 6px;
}
/* yorozu - consult */
#tmp_yorozu_consult .blog_subtitle {
    margin-bottom: 31px;
}
#tmp_yorozu_consult .yorozu_consult_list{
	padding: 0;
}
#tmp_yorozu_consult .consult_item{
	margin-left: 64px;
}
#tmp_yorozu_consult .consult_item:before{
	left: -65px;
	top: 3px;
	width: 48px;
	height: 50px;
}
#tmp_yorozu_consult .consult_item:after{
	top: 8px;
	left: -21px;
	border-width: 0 25px 12px 0;
}
#tmp_yorozu_consult .message_inner{
	margin-top: 8px;
	padding: 9px 14px 10px;
	max-width: 100%;
	width: 230px;
}
#tmp_yorozu_consult .message_inner > p{
	font-size: 81.2%;
	line-height: 2.1;
    letter-spacing: 0.1em;
}
#tmp_yorozu_consult .consult_item:nth-child(even){
	margin: 14px 64px 31px 0;
}
#tmp_yorozu_consult .consult_item:nth-child(even):before{
	right: -65px;
}
#tmp_yorozu_consult .consult_item:nth-child(even):after{
	top: 2px;
	right: -21px;
	border-width: 12px 25px 0 0;
}
#tmp_yorozu_consult .consult_item:nth-child(even) .message_inner{
	margin-top: 2px;
	padding-left: 14px;
    padding-right: 15px;
}

/** decarbonation plan **/
#tmp_learn_decarbonation{
	margin-bottom: 63px;
}
#tmp_learn_decarbonation .blog_heading {
    margin-bottom: 37px;
}
#tmp_decarbon_intro{
	margin-bottom: 39px;
}
#tmp_decarbon_intro .intro_img{
	margin-top: 35px;
	max-width: 100%;
}
#tmp_decarbon_switching > p{
	letter-spacing: 0.09em;
}
#tmp_decarbon_switching > p a{
	margin-right: 5px;
}
#tmp_decarbon_switching.blog_article > p + p{
	margin-top: 6px;
}

/** reduction plan **/
#tmp_learn_reduction .blog_heading {
    margin-bottom: 37px;
}
/* reduction - reduction */
#tmp_reduction_flow{
	margin-bottom: 20px;
}
#tmp_reduction_flow .blog_subtitle {
    margin-bottom: 34px;
}
#tmp_reduction_flow .flow_list{
	flex-direction: column;
	gap: 0;
	margin-bottom: 20px;
	padding: 0 19px;
}
#tmp_reduction_flow .flow_item{
	width: 100%;
}
#tmp_reduction_flow .flow_item_inner{
	padding: 23px 21px 17px;
}
#tmp_reduction_flow .flow_item_img{
	margin-bottom: 13px;
	max-width: 60px;
}
#tmp_reduction_flow .flow_item_title {
    margin-bottom: 18px;
}
#tmp_reduction_flow .flow_item_inner > p{
	font-size: 87.5%;
	letter-spacing: 0.05em;
	line-height: 1.9;
}

/* reduction - measure */
#tmp_reduction_measure{
	margin: 0 0 38px;
}
#tmp_reduction_measure .blog_subtitle {
    margin-bottom: 35px;
}
#tmp_reduction_measure .measure_cnt{
	padding: 40px 14px 26px;
}
#tmp_reduction_measure .measure_blog_title {
    margin-bottom: 16px;
}
#tmp_reduction_measure .measure_blog_title > p{
	font-size: 93.7%;
	letter-spacing: 0.12em;
}
#tmp_reduction_measure .measure_blog > p{
	margin-bottom: 29px;
	font-size: 87.5%;
	line-height: 1.9;
	letter-spacing: 0.02em;
}
#tmp_reduction_measure .measure_blog > p > br{
	display: none;
}
#tmp_reduction_measure .measure_blog_tbl{
	display: flex;
	gap: 0 4px;
	padding: 0;
}
#tmp_reduction_measure .tbl_row{
	flex-direction: column;
	gap: 0;
	width: calc((100% - 8px) / 3);
}
#tmp_reduction_measure .tbl_col{
	margin-bottom: 3px;
	padding: 8px 6px 10px;
	width: 100%;
	min-height: 92px;
	font-size: 75%;
	line-height: 1.6;
}
#tmp_reduction_measure .tbl_col:first-child{
	justify-content: center;
	padding: 22px 6px 20px;
	width: 100%;
	min-height: auto !important;
	font-weight: 500;
	font-size: 81.2%;
	line-height: 1.6;
	text-align: center;
}
#tmp_reduction_measure .tbl_col .icon{
	margin-bottom: 0;
	width: 32px;
}
#tmp_reduction_measure .tbl_col:last-child{
	width: 100%;
}
#tmp_reduction_measure .tbl_row:first-child .tbl_col:not(:first-child) {
	padding-top: 7px;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 75%;
	line-height: 1.6;
}
#tmp_reduction_measure .tbl_row:last-child .tbl_col:not(:first-child){
	padding-top: 8px;
	padding-bottom: 10px;
}
#tmp_reduction_measure .measure_blog:not(:last-child) {
    position: relative;
    margin-bottom: 56px;
}
#tmp_reduction_measure .measure_blog:not(:last-child):after{
	bottom: -35px;
    border-width: 18px 24px 0;
}
#tmp_reduction_measure .measure_blog_chart {
    padding: 0 5px;
}

/* reduction - linkarea */
#tmp_reduction_linkarea{
	padding: 34px 18px 29px;
}
#tmp_reduction_linkarea .linkarea_title{
	margin-bottom: 28px;
	font-size: 93.7%;
}
#tmp_reduction_linkarea .linkarea_link {
    margin-bottom: 12px;
}
#tmp_reduction_linkarea .linkarea_link a{
	padding: 17px 34px 17px 12px;
	font-size: 93.7%;
	letter-spacing: -0.02em;
	text-align: left;
}
#tmp_reduction_linkarea .linkarea_link a > span {
	margin: 2px 12px 0 0;
	padding: 5px 8px 8px 10px;
	letter-spacing: 0.05em;
}
#tmp_reduction_linkarea .linkarea_cnt > p{
	font-size: 87.5%;
	letter-spacing: 0.02em;
}
#tmp_reduction_linkarea .linkarea_link a[target="_blank"]{
	background-position: right 16px center;
	background-size: 14px auto;
}

/* end learn
================================================== */

/* start benefit
================================================== */
#tmp_benefits_wrap #tmp_pagetitle .head_heading{
	background-image: url(/shared/templates/datsutanso_free/images/benefits/ttl_benefits_sp.png);
	background-size: 68px auto;
}
#tmp_benefits_wrap #tmp_pagetitle .pagetitle_blog .blog_text{
    width: 100%;
}
#tmp_benefits {
	padding: 161px 28px 0 9px;
}
#tmp_benefits::before{
	right: auto;
	left: 0;
    width: calc(100% - 20px);
	top: 103px;
}
#tmp_benefits .benefits_inner{
	margin: 0 0 59px;
    padding: 40px 15px;
	border-radius: 15px;
	width: 100%;
	max-width: 100%;
}
#tmp_benefits .benefits_heading h2{
	font-size: 106.2%;
    letter-spacing: 0.1em;
	margin-top: 5px;
	background-image: url(/shared/templates/datsutanso_free/images/benefits/head_benefits_sp.png);
	background-size: 82px;
	background-position: center 2px;
	padding-top: 23px;
}
#tmp_benefits .benefits_heading p{
	margin-top: 21px;
    font-size: 87.5%;
    line-height: 2;
    letter-spacing: 0.06em;
}
#tmp_benefits .benefits_heading {
    text-align: center;
    margin-bottom: 38px;
}
#tmp_benefits .benefits_type_1_input.show{
	margin-top: 7px;
}
#tmp_benefits .benefits_box_wrap{
	border: none;
}
#tmp_benefits .benefits_box_title{
	padding: 18px 10px 20px;
    font-size: 93.7%;
    line-height: 1.5;
	margin-bottom: 0;
}
#tmp_benefits .benefits_box_inner {
    padding: 25px 10px 29px;
	border: 3px solid #1F547B;
	border-top: none;
}
#tmp_benefits .benefits_type_1_text .text{
	font-size: 81.2%;
    line-height: 1.3;
}
#tmp_benefits .benefits_type_1_select select,
#tmp_benefits .benefits_type_1_select input,
#tmp_benefits .benefits_type_1_number select,
#tmp_benefits .benefits_type_1_number input {
	height: 39px;
	padding: 0 10px;
	font-size: 81.3%;
}
#tmp_benefits .benefits_type_1_text .text:nth-of-type(1),
#tmp_benefits .benefits_type_1_select {
    width: calc(66% - 1px);
}
#tmp_benefits .benefits_type_1_select select{
	padding: 0 20px 0 10px;
}
#tmp_benefits .benefits_type_1_number {
    width: calc(22% + 1px);
}
#tmp_benefits .benefits_type_1_text .text:nth-of-type(2) {
    width: calc(22% + 3px);
}
#tmp_benefits .benefits_type_1_text,
#tmp_benefits .benefits_type_1_input{
    gap: 8px;
	margin-bottom: 0;
}
#tmp_benefits .benefits_type_1_select::before {
	top: 51%;
	right:10px;
}
#tmp_benefits .benefits_type_1_inner{
	padding-bottom: 18px;
}
#tmp_benefits .benefits_type_1 .add_row_input a{
	margin-top: 9px;
	padding: 0 25px 1px 10px;
	gap: 5px;
	font-size: 75%;
	overflow: hidden;
}
#tmp_benefits .benefits_type_1 .add_row_input a > span::before,
#tmp_benefits .benefits_type_1 .add_row_input a > span::after{
	width: 10px;
	top: 11px;
	right: -16px;
}
#tmp_benefits .benefits_type_1 .complete_button a,
#tmp_benefits .benefits_type_2 .complete_button a{
	width: 208px;
	margin-top: 29px;
	padding: 9px 10px 10px;
	font-size: 87.5%;
}
#tmp_benefits .complete_button a br{
	display: block;
}
#tmp_benefits .complete_button_sec.is_show{
	margin-top: 35px;
}
#tmp_benefits .benefits_result_inner{
	padding: 30px 0 24px;
}
#tmp_benefits .benefits_result_title,
#tmp_benefits .benefits_result_foot_title{
	margin: 0 11px 19px;
	padding-bottom: 4px;
    font-size: 93.7%;
}
#tmp_benefits .benefits_result_column{
	padding-left: 0;
	flex-direction: column;
	align-items: center;
	padding-left: 0;
	gap: 0;
	margin-bottom: 16px;
}
#tmp_benefits .benefits_result_text{
	width: 100%;
	font-size: 81.2%;
	padding-bottom: 0;
	padding-left: 10px;
}
#tmp_benefits .benefits_result_number{
	flex-wrap: wrap;
}
#tmp_benefits .benefits_result_number .number{
	font-size: 237.5%;
	padding-bottom: 2px;
}
#tmp_benefits .benefits_result_column:nth-of-type(1) .benefits_result_number .unit{
	min-width: 57px;
	margin-bottom: 0;
}
#tmp_benefits .benefits_result_column:nth-of-type(2) .benefits_result_number .unit{
	min-width: 79px;
	margin-bottom: 0;
}
#tmp_benefits .benefits_result_column:nth-of-type(2){
	margin-bottom: 9px;
}
#tmp_benefits .benefits_result_notes{
	text-align: center;
	font-size: 75%;
}
#tmp_benefits .benefits_result_foot {
    margin-top: 29px;
}
#tmp_benefits .benefits_result_foot_number{
	justify-content: center;
	padding-top: 0;
	margin-bottom: 0;
}
#tmp_benefits .benefits_result_foot_number .number{
	margin: 0 3px 0 2px;
    font-size: 325%;
	top: -6px;
}
#tmp_benefits .benefits_result_foot_number .img01{
	min-width: 22px;
    margin-bottom: 16px;
	background-size: 100% auto;
	height: 36px;
}
#tmp_benefits .benefits_result_foot_number .img02{
	min-width: 90px;
	background-size: 100% auto;
	margin-bottom: 2px;
}
#tmp_benefits .benefits_result_foot_column{
	padding: 0 12px;
}
#tmp_benefits .benefits_result_foot_column .benefits_result_foot_block:nth-child(1) {
	flex: none;
	width: 100%;
}
#tmp_benefits .benefits_result_foot_title{
    margin-bottom: 10px;
}
#tmp_benefits .benefits_result_foot_number .number::before{
	bottom: 5px;
	height: 8px;
}
#tmp_benefits .benefits_result_foot_text{
	margin-top: 7px;
	font-size: 68.8%;
	margin-bottom: 25px;
}
#tmp_benefits .benefits_result_foot_text br{
	display: none;
}
#tmp_benefits .benefits_result_foot_figure{
	min-width: 171px;
	margin: 0 auto;
	padding-right: 18px;
	padding-left: 104px;
}
#tmp_benefits .benefits_result_foot_figure .number{
	font-size: 112.5%;
}
#tmp_benefits_box01 {
    margin-bottom: 38px;
}
#tmp_benefits_box02 .benefits_type_2_text .text{
	display: block;
	font-size: 75%;
}
#tmp_benefits_box02 .benefits_type_2_text .text .notes{
	display: block;
	margin-left: 0;
	font-size: 83.4%;
}
#tmp_benefits_box02 .benefits_type_2_text{
	margin-bottom: 10px;
}
#tmp_benefits_box02 .benefits_type_2_number input{
	height: 38px;
    padding: 0 10px;
}
#tmp_benefits_box02 .benefits_type_2_wrap .unit{
	font-size: 81.3%;
    margin-left: 6px;
}
#tmp_benefits_box02 .benefits_type_2_number{
	width: 100%;
}
#tmp_benefits_box02 .benefits_type_2_notes{
	margin-top: 8px;
	font-size: 75%;
	line-height: 1.4;
}
#tmp_benefits .benefits_info{
	margin: 42px auto 0;
}
#tmp_benefits .benefits_info_text{
	font-size: 87.5%;
	line-height: 1.6;
	margin-bottom: 42px;
}
#tmp_benefits .benefits_info_box{
	padding: 25px 7px 23px;
	display: block;
}
#tmp_benefits .benefits_info_box .benefits_info_inner{
	text-align: center;
	margin-bottom: 27px;
}
#tmp_benefits .benefits_info_box .benefits_info_inner p:nth-of-type(1){
	font-size: 93.8%;
	margin-bottom: 2px;
}
#tmp_benefits .benefits_info_box .benefits_info_inner p:nth-of-type(2){
	font-size: 75%;
}
#tmp_benefits .benefits_info_tel .text{
	font-size: 150%;
	background-size: 35px auto;
	padding-left: 41px;
	background-position: 0 4px;
	padding-bottom: 10px;
}
#tmp_benefits .benefits_info_tel .text .mini{
	font-size: 41.7%;
}
#tmp_benefits .benefits_info_box .benefits_info_inner{
	padding-right: 0;
}
#tmp_benefits .benefits_info_tel{
	justify-content: center;
	padding-left: 0;
}
#tmp_benefits #tmp_benefits_result_2 .benefits_result_inner {
    padding-bottom: 24px;
}
#tmp_benefits .benefits_delete_button{
	left: 93%;
	width: 16px;
	height: 16px;
}
#tmp_benefits .benefits_delete_button span::after,
#tmp_benefits .benefits_delete_button span::before{
	width: 7px;
}
.color_black #tmp_benefits .benefits_info_tel,
.color_blue #tmp_benefits .benefits_info_tel,
.color_yellow #tmp_benefits .benefits_info_tel{
    padding-left: 0;
}
.color_black #tmp_benefits .benefits_box_title,
.color_blue #tmp_benefits .benefits_box_title,
.color_yellow #tmp_benefits .benefits_box_title{
	border: 3px solid ;
}
.fsize_big #tmp_benefits .benefits_result_number .number,
.fsize_big2 #tmp_benefits .benefits_result_number .number {
    font-size: 2.5rem;
}
.fsize_big2 #tmp_benefits .benefits_result_number .unit {
    line-height: 1;
}
.fsize_big #tmp_benefits .benefits_result_foot_number .number,
.fsize_big2 #tmp_benefits .benefits_result_foot_number .number {
    font-size: 3.5rem;
}
.fsize_big #tmp_benefits .benefits_result_foot_figure,
.fsize_big2 #tmp_benefits .benefits_result_foot_figure {
    padding-top: 18%;
	padding-right: 23px;
	padding-left: 108px;
}
/* end benefit
================================================== */
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}