body{
	    font-family:"BIZ UDPGothic","Noto Sans JP", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "Lucida Grande", sans-serif;
		font-size: 16px;
}
@media screen and (max-width: 750px) {
    body {
        font-size: calc(28 * 100vw / 750);
    }
}
.footer {
	font-size: 10px;
	line-height: 12px;
}
.body18 {
	font-size: 18px;
	line-height: 130%;
}
.body16 {
	font-size: 16px;
	line-height: 130%;
}
.body14 {
	font-size: 14px;
	line-height: 130%;
}
.body12 {
	font-size: 12px;
	line-height: 150%;
}
.title10 {
	font-size: 10px;
	line-height: 110%;
}
a:link { color: #333; }
a:visited { color: #666666; }
a:active { color: #666666; }
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.body12s {
	font-size: 12px;
	line-height: 120%;
	color: #333333;
}
body {
	 margin-bottom: 0%;
	 margin-left: 0%;
	 margin-right: 0%;
	 margin-top: 0%;
}
td { font-size:12px; line-height:130%; color:#333333; }
.font_w { color:#FFFFFF; }
.font_or { color:#FFC100; }
.font_g { color:#999999; }
.ba { border-top:1px solid; border-bottom:1px solid; border-left:1px solid; border-right:1px solid;}
.bt { border-top:1px solid; border-bottom:1px none; border-left:1px none; border-right:1px none;}
.btlr { border-top:1px solid; border-bottom:1px none; border-left:1px solid; border-right:1px solid;}
.btl { border-top:1px solid; border-bottom:1px none; border-left:1px solid; border-right:1px none;}
.bbl { border-top:1px none; border-bottom:1px solid; border-left:1px solid; border-right:1px none;}
.bbr { border-top:1px none; border-bottom:1px solid; border-left:1px none; border-right:1px solid;}
.strong1 { font-size:20px; line-height:130%; color:#333333; font-weight:bold; }
.strong2 { font-size:14px; line-height:130%; color:#333333; font-weight:bold; }
.small1 { font-size:10px; line-height:130%; color:#666666; }
.small2 { font-size:11px; line-height:130%; color:#333333; }
.font_r { color:#FF6600; }
.font10_r { color:#FF6600; font-size:10px; line-height:130%; }
.font12d { font-size:12px; line-height:150%; color:#333333; }
.font14d { font-size:14px; line-height:150%; color:#333333; }
.tdn { text-decoration:none; }
hr {
	size:1px;
	height:1px;
	margin:1px 0 0 0 0
}
.header {
	max-width:850px;
	margin:0 0 5px 0;
	background-color: #FF6600;
	text-align: center;
}
.footer2 {
	max-width:850px;
	background-color:#FF6600;
	height:7px;
}
h1 {
	font-size:12px;
	color:#FFFFFF;
	margin:0 0 0 0;
}
.bgc1 {
	background-color:#006600;
}
.bgc2 {
	background-color:#99D47F;
}
.bgc3 {
	background-color:#EBFFE3;
}
form {
	margin:0;
	padding:0;
}
/* pc sp　display
-------------------------------------------------*/
.is-pc{
	display: block !important;
}
.is-sp{
	display: none !important;
}
@media screen and (max-width:750px){
	.is-pc{
		display: none !important;
	}
	.is-sp{
		display: block!important;
	}
}
/*プルダウンメニュー　開始*/
.plmenu{
	width:478px;
	font-size:12px;
	line-height: 240%;
	display: flex;
	align-items: end;
}
.pl1{
	width:230px;
	/* float:left; */
	text-align: left;
}
.pl1w{
	width:230px;
	/* float:left; */
	text-align: left;
}
.pl2{
	width:150px;
	/* float:left; */
	text-align: left;
}
.pl3{
	width:80px;
	/* float:left; */
	margin-top: 25px;
}
/*プルダウンメニュー　終了*/
/*プルダウン設定　開始*/
.bg_b{
	background-color:#DCEFFF;
}
.bg_y{
	background-color:#FFFFDC;
}
.bg_r{
	background-color:#FFDCDC;
}
.bg_p{
	background-color:#E6D2F0;
}
.bg_g{
	background-color:#DFFFDC;
}
.bg_or{
	background-color:#FFEDC8;
}
.bg_lg{
	background-color:#EFEFEF;
}
.bg_lb{
	background-color:#E1F0FF;
}
.bg_w{
	background-color:#FFFFFF;
}
/*プルダウン設定　終了*/

.t_box{
	font-size:12px;
	line-height:130%;
	color:#333333;
	width:260px;
	margin:0;
}

.box_tax {
	width:528px;
	margin:20px auto;
	padding:10px;
	border:#000033 solid 1px;
	background:#FFC;
}
/* 見積もり　確認ページ
--------------------------------------------------*/
/*タイトル*/
.end_cost_ttl {
    max-width: 550px;
    margin: 0 auto 20px;
}
/*宛名選択時のアラートテキスト*/
.bottom_alert_text {
	max-width: 550px;
	margin-inline:auto;
}
.link_guidance{
	font-size: 14px;
	display: flex;
}
@media screen and (max-width:750px) {
	/*タイトル*/
	.end_cost_ttl {
		max-width: 100%;
		margin-bottom: calc(35*100vw/750);
	}
	.bottom_alert_text{
		max-width: 100%;
	}
	.link_guidance{
		font-size: calc(24*100vw/750);
	}
}
/* 見積もりLPリンク設定
--------------------------------------------------*/
.box_tac {
    margin: 0 0 40px;
}
.box_mitsumori_link {
    width: 750px;
    margin: 0 auto;
    text-align: center;
}
.box_mitsumori_link p {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
    position: relative;
    display: inline-block;
    padding: 0 15px;
	line-height: 160%;
}
.box_mitsumori_link img {
    width: 600px;
}
.box_mitsumori_link a:hover img {
    transition-duration: 0.3s;
    opacity: .7;
}
.box_mitsumori_link p::before,.box_mitsumori_link p::after{
	content: "";
    height: 20px;
    width: 2px;
    background: #333;
    position: absolute;
    top: 0;
}
.box_mitsumori_link p::before{
	left: 0;
	transform: rotate(-35deg);
}
.box_mitsumori_link p::after{
	right: 0;
    transform: rotate(35deg);
}
@media screen and (max-width:750px) {
	.box_tac{
		font-size:calc(25*100vw/750);
	}
	.box_mitsumori_link,.box_mitsumori_link img {
		width: 100%;
	}
	.box_mitsumori_link p {
		font-size:calc(25*100vw/750);
		padding: 0 calc(30*100vw/750);
		margin-bottom: calc(10*100vw/750);
	}
	.box_mitsumori_link p::before, .box_mitsumori_link p::after {
		height: calc(60 * 100vw / 750);
		width: calc(2 * 100vw / 750);
		top: 50%;
	}
	.box_mitsumori_link p::before {
		transform: translateY(-50%) rotate(-25deg);
	}
	.box_mitsumori_link p::after {
		transform: translateY(-50%) rotate(25deg);
	}
}


/* 共通設定
--------------------------------------------------*/
.-sp{
	display: none;
}
.-pc{
	display: block;
}
.wrapper{
	max-width: 750px;
	margin-inline: auto;
}
.form_wrapper{
	margin-bottom: 30px;
}
.header_pic{
	margin-bottom:30px;
}
.header_pic img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:750px) {
	.-sp{
		display: block;
	}
	.-pc{
		display: none;
	}
	td,select{
		font-size:calc(28*100vw/750);
	}
	.form_wrapper{
		margin-bottom: calc(60*100vw/750);
	}
	.layout_mitsumori{
		padding: 0 calc(30*100vw/750);
		margin-bottom:calc(80 * 100vw/750);		
	}
	/*選択下層ページ適応*/
	.layout_mitsumori.-unpage form table td:not(:first-of-type),.bgc3 {
		padding:calc(15*100vw/750) calc(20*100vw/750);
		box-sizing: border-box;
	}
}
/*　注釈・強調　*/
.caution,
.caution_bold,
.caution_red {
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 1.75;
	padding-left:1.5em;
	text-indent:-1.5em;
}
.caution::before,
.caution_bold::before,
.caution_red::before {
    content:"※ ";
}
.caution_bold,
strong.-bold,
strong.-red {
    font-weight: bold;
}
.caution_red,
strong.-red {
    color: #D70C18;
}
/* サイト内リンク */
#main .link_arrow a{
    color: #333;
}
.link_arrow{
	display: flex;
	align-items: center;
	gap: 0 4px;
}
.link_arrow::before {
	content: "";
	width: 14px;
	height: 14px;
	background: url("https://nenga.aisatsujo.jp/group_common/images/link/img_arrow_y.webp") 0 0 no-repeat;
	background-size: cover;
    display: inline-block;
}
#main .link_arrow a:hover{
    color: #FF6600;
}
/* 外部リンク */
.link_outlink{
	display: flex;
	align-items: baseline;
	gap: 0 4px;
}
.link_outlink::after {
	content: "";
	width: 13px;
	height: 13px;
	background: url("https://nenga.aisatsujo.jp/group_common/images/link/ico_outlink.webp") 0 0 no-repeat;
	background-size: cover;
}

/* ダウンロードリンク */
.link_download{
	display: flex;
	align-items: center;
	gap: 0 4px;
}
.link_download::after {
	content: "";
	width: 16px;
	height: 16px;
	background: url("https://nenga.aisatsujo.jp/group_common/images/link/ico_download_orange.webp") 0 0 no-repeat;
	background-size: cover;
}
@media screen and (max-width:750px) {
    /*　注釈　*/
    .caution,
    .caution_bold,
    .caution_red {
        font-size: calc(24 * 100vw / 750);
    }
	/*サイト内・外部・ダウンロード　アイコン共通*/
	.link_arrow,.link_outlink,.link_download {
		font-size: calc(24*100vw/750);
	}
	.link_arrow::before,
	.link_outlink::after,
	.link_download::after {
		width: calc(24 * 100vw / 750);
		height: calc(24 * 100vw / 750);
	}
}
/*アラートテキスト*/
.alert_area{
	margin-bottom: 20px;
}
.alert_area p{
	max-width: 550px;
	box-sizing: border-box;
	color: #D70C18;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	line-height: 160%;
}
@media screen and (max-width:750px) {
	.alert_area p {
        max-width: 100%;
        font-size: calc(25 * 100vw / 750);
    }
}
/*select デフォルトデザインリセット・装飾*/
.select_wrap {
	position: relative;
	display: flex;
	width: max-content;
}
.select_wrap select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 20px 5px 5px;
    border-radius: 3px;
	cursor: pointer;
	color: #333;
	background: #fff;
	border: 1px solid #333;
}
.select_wrap::before {
    content: "";
    background: #333;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 10px;
    height: 8px;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
span.select_wrap::before{
	right: 8px;
}
.select_wrap select:disabled {
  color: #999;
  opacity: .8;
}
.arrow_icon {
	display: block;
	display: block;
	margin-left: -10px;
	padding-right: 10px;
}
.arrow_icon::before{
	content: "→";
	display: inline-block;
}
@media screen and (max-width:750px) {
	.select_wrap {
		flex-direction: column;
		width: 100%;
	}
	.select_wrap select {
		padding: calc(15 * 100vw / 750) calc(30 * 100vw / 750) calc(15 * 100vw / 750) calc(10 * 100vw / 750);
	}
	.select_wrap select:not(:first-child){
		padding:calc(10 * 100vw / 750) calc(30 * 100vw / 750) calc(10 * 100vw / 750) calc(10 * 100vw / 750);
		width: 100%;
		margin-top: calc(10 * 100vw / 750);
	}
	.select_wrap::before {
        width: calc(20 * 100vw / 750);
        height: calc(15 * 100vw / 750);
        right: calc(15 * 100vw / 750);
        top: 50%;
	}
	span.select_wrap {
		margin-top:calc(10 * 100vw / 750);
		max-width: fit-content;
	}
	span.select_wrap select {
		padding-right:calc(40 * 100vw / 750);
	}
	.arrow_icon {
		padding: 0;
		margin: calc(10 * 100vw / 750) auto;
	}
	.arrow_icon::before{
        content: "";
        background: #333;
        clip-path: polygon(50% 100%, 0 0, 100% 0);
        width: calc(18 * 100vw / 750);
        height: calc(12 * 100vw / 750);
        display: block;
        margin: calc(12 * 100vw / 750) auto;
	}
}
/*input*/
input[type="text"]{
	border: 1px solid #333;
    border-radius: 3px;
	    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
@media screen and (max-width:750px) {
	input[type="text"] {
		width: 100% !important;
		padding: calc(10 * 100vw / 750);
		box-sizing: border-box;
		font-size: calc(28 * 100vw / 750);
	}
	.-sheet input[type="text"] {width: calc(200 * 100vw / 750) !important;
		margin-top: calc(10 * 100vw / 750);
		margin-right: calc(10 * 100vw / 750);
	}
}

/*table*/
.td_wrap {
padding: 5px 0 10px;
}
.layout_mitsumori table.btn_return {
    border: 0;
    text-align: center;
}
/*キャンペーン　見積もりエンド*/
.cam_sale {
	color: #D70C18;
	font-weight: bold;
}
@media screen and (max-width:750px) {
	tbody,tr,th,td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.td_head {
		display: block;
		width: 100%;
		height: auto;
		padding: calc(10 * 100vw / 750) 0;
		font-size: calc(28 * 100vw / 750);
		letter-spacing: 0.1em;
		margin-top: calc(5 * 100vw / 750);
		border-bottom: 1px solid #006600;
		text-align: center;
	}
	.td_wrap {
		width: 100%;
		display: block;
		padding: calc(30 * 100vw / 750);
		box-sizing: border-box;
	}
	.layout_mitsumori table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 1px solid #006600;
        box-sizing: border-box;
		display: flex;
        flex-direction: column;
    }
	/*プルダウン*/
	.plmenu{
		width: 100%;
		font-size: calc(28*100vw/750);
		line-height: 160%;
		flex-direction: column;
	}
	.plmenu select {
		width: 100% !important;
		font-size: calc(28 * 100vw / 750);
	}
	.pl1,.pl2,.pl3,.pl1w{
		float: none;
		width: 100%;
	}
	.pl3{
		margin-top: 0;
	}

}

/*button*/
@media screen and (max-width:750px) {
	input#buttonA {
		width: 100% !important;
		height: auto !important;
		max-width: 50%;
		font-size: calc(28 * 100vw / 750);
		border-radius: calc(8 * 100vw / 750);
		padding: calc(10 * 100vw / 750) calc(5 * 100vw / 750);
		color: #333;
	}
	input[type="button"] {
		width: calc(100% / 3 - calc(20 * 100vw / 750));
		font-size: calc(28 * 100vw / 750);
		border-radius: calc(8 * 100vw / 750);
		padding: calc(10 * 100vw / 750) calc(5 * 100vw / 750);
		box-sizing: border-box;
		color: #333;
	}
	input[type="button"]:first-child{
		width:20%;
	}
}
