@charset "utf-8";
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
    scroll-padding-top: 85px;
}
body {
	width:100%;
	height:100%;
    font-size: 16px;
    text-align:center;
	color:#333333;
    letter-spacing: 0.08em;
	line-height:1.75;
    font-family:"BIZ UDPGothic","Noto Sans JP", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "Lucida Grande", sans-serif;
    overflow-x: hidden;
}
@media screen and (max-width: 750px) {
    body {
        font-size: calc(28 * 100vw / 750);
    }
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
	display:block;
}
/* for IE6　開始 */
* html body {
    font-size: 82%;
}
/* for IE6　終了 */
/* for IE7　開始 */
*:first-child+html body {
    font-size: 82%;
}
/* for IE7　終了 */
li {
	list-style:none;
}
img {
	border:0;
    max-width: 100%;
}
#main a{
    color: #333;
}
/*パンくず
-------------------------------------------------*/
@media screen and (max-width:750px){
	#plist {
		padding: calc(5 * 100vw / 750) calc(10 * 100vw / 750) calc(2 * 100vw / 750);
		box-sizing: border-box;
	}
	#plist li {
		font-size: calc(18 * 100vw / 750);
		padding: 0px 0 0 calc(26 * 100vw / 750);
		height: auto;
		box-sizing: border-box;
	}
}
/*後で共有*/
.caution, .caution_bold, .caution_red{display: block;}
/* 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;
	}
}

/* 下層ページ　コンテンツの余白
-------------------------------------------------*/
#main .layout_warp{
    margin-bottom: 60px;
}
#main .layout_box-inner{
    margin-bottom:60px;
}
#main .layout_box-inner >div:not(:last-child){
    margin-bottom: 30px;
}
@media screen and (max-width:750px) {
    #main .layout_warp{
        margin-bottom:calc(80 * 100vw/750);
        box-sizing: border-box;
    }
    #main .layout_box{
        padding: 0 calc(30*100vw/750);
    }
    #main .layout_box-inner{
        padding: 0 calc(30*100vw/750);
        margin-bottom:calc(80 * 100vw/750);
    }
    #main .layout_box-inner >div:not(:last-child){
        margin-bottom:calc(60 * 100vw/750);
    }
}
/* 下層ページ　見出し（headerに属していない装飾）
-------------------------------------------------*/
.title_line_l {
    border-left: 5px solid #1C2F61;
    box-sizing: border-box;
    padding-left: 8px;
    font-weight: bold;
    margin-bottom: 10px;
}
@media screen and (max-width:750px) {
    .title_line_l {
        font-size: calc(28 * 100vw / 750);
        border-left-width: calc(8 * 100vw / 750);
        padding-left: calc(15 * 100vw / 750);
        margin-bottom: calc(20 * 100vw / 750);
    }
}
/* 背景色　基本
-------------------------------------------------*/
.box_gray{
    background:#EEEEEE;
    padding: 20px;
}
.box_pink{
    background: #FFEEEE;
    padding: 20px;
}
@media screen and (max-width:750px) {
    .box_gray,.box_pink{
        padding:calc(30*100vw/750);
    }
}
/* 緑ボタン
-------------------------------------------------*/
/*緑ボタン 文例で使用*/
#main :is(.btn_g-radius,.btn_g),
#main :is(.btn_g-radius,.btn_g) a{
    color: #fff;
    text-decoration: none;
    font-weight: bold; 
}
#main :is(.btn_g-radius,.btn_g):hover {
    color: #fff;
    opacity: .8;
}
#main :where(.btn_g-radius,.btn_g){
    padding: 15px 0;
    font-size: 20px;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    background: #23af3c;
    transition: opacity .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main .btn_g-arrow {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    right: -11px;
}
#main .btn_g-arrow::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 11px;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 10px;
    background-color: #23af3c;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}
/* アイス棒ボタン（緑） */
#main .btn_g-radius{
    border-radius: 60px;
    width: 360px;
}
@media screen and (max-width:750px){
    /*緑ボタン 文例で使用*/
    #main :where(.btn_g-radius,.btn_g){
        padding: calc(15 * 100vw / 750) 0;
        font-size: calc(22 * 100vw / 750);
        border-radius: calc(8 * 100vw / 750);
    }
    #main .btn_g-arrow {
        width: calc(22 * 100vw / 750);
        height: calc(22 * 100vw / 750);
        right:calc(-19 * 100vw / 750);
    }
    #main .btn_g-arrow::after {
        left:calc(12 * 100vw / 750);
        width:calc(8 * 100vw / 750);
        height:calc(10 * 100vw / 750);
    }
    /* アイス棒ボタン（緑） */
    #main .btn_g-radius{
        width:auto;
        padding: calc(24 * 100vw / 750) 0;
        font-size: calc(30 * 100vw / 750);
    }
    #main .btn_g-radius .btn_g-arrow{
        width: calc(36 * 100vw / 750);
        height: calc(36 * 100vw / 750);
        left: calc(12 * 100vw / 750);
    }
    #main .btn_g-radius .btn_g-arrow::after{
        width: calc(14 * 100vw / 750);
        height: calc(18 * 100vw / 750);
        left: calc(20 * 100vw / 750);
    }
}
/* リンク 
========================================================================== */
/* サイト内リンク
---------------------------------------------- */
#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;
	flex-shrink: 0;
}
#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) {
/*サイト内・外部・ダウンロード　アイコン共通*/
.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);
}
}
/* グリッド　アンカーリンク
リンクの大きさは個別スタイルに記載
========================================================================== */
#main .anc_list-link a{
    text-decoration: none;
    color:#1C2F61;
    transition: .3s;
}
#main .anc_list-link a:hover{
    color:#FF6600;
}
#main .anc_list-link a:hover::after{
    background:#FF6600;;
}
.anc_list-link a {
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 17%);
    text-align: center;
    font-weight: bold;
    position: relative;
}
.anc_list-link a::after{
    content: "";
    display: inline-block;
    background: #1C2F61;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 14px;
    height: 11px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width:750px){
    .anc_list-link a{
        padding: calc(10*100vw/750);
    }
   .anc_list-link a::after{
        width: calc(24*100vw/750);
        height: calc(20*100vw/750);
        right: calc(20*100vw/750);
    }
}
/* 装飾
========================================================================== */
/*ラベル*/
.g_label{
    background: #23AF3C;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    line-height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
/*list ●*/
.list_disc{
    padding-left: 30px;
}
.list_disc li{
    list-style: outside disc;
}
.list_disc li:not(:last-child){
    margin-bottom: 5px;
}
@media screen and (max-width:750px) {
    .list_disc {
        padding-left: calc(33 * 100vw / 750);
    }
    .list_disc li:not(:last-child){
        margin-bottom: calc(15 * 100vw / 750);
    }
}
/* ※　*/
.caution{
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height:1.75;
    position: relative;
    padding-left: 20px;
	text-indent: 0;
}
.caution::before{
    content: "※ ";
    display: inline-block;
    position: absolute;
    left: 0;
}
@media screen and (max-width:750px){
	.caution{
		font-size: calc(24*100vw/750);
		padding-left: calc(35 * 100vw / 750);
		text-align: left;
	}
}
/* ※list　*/

.caution_list li{
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 150%;
    position: relative;
    padding-left: 20px;
}
.caution_list li:not(:last-child) {
    margin-bottom: 5px;
}
.caution_list li::before{
    content: "※ ";
    display: inline-block;
    position: absolute;
    left: 0;
}
@media screen and (max-width:750px) {
    .caution_list li{
        font-size: calc(24*100vw/750);
        line-height: 175%;
        padding-left: calc(35 * 100vw / 750);
    }
    .caution_list li:not(:last-child) {
        margin-bottom: calc(10*100vw/750);
    }
}
/*table 下層側での調整*/
#main table.common_table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    box-sizing: border-box;
    margin-inline: 0;
    background: none;
}
#main table.common_table th,
#main table.common_table td {
    border: 1px solid #ccc;
    box-sizing: border-box;
	text-align: center;
	padding: 7px 10px 6px;
}
#main table.common_table .small{
    font-size: 16px;
}
#main table.common_table th {
    background-color: #DFE7EE;
}
#main table.common_table tr.lg td {
    background-color: #f7f7f7;
}
#main table.common_table.-w400 {
    max-width: 400px;
}
#main table.common_table.-w600 {
    max-width: 600px;
}
@media screen and (max-width:750px) {
    #main table.common_table th, #main table.common_table td {
        padding: calc(10 * 100vw / 750) calc(5 * 100vw / 750) calc(9 * 100vw / 750);
        box-sizing: border-box;
        font-size:calc(24*100vw/750);
        letter-spacing: .03em;
    }
    #main table.common_table:is(.-w400,.-w600){
        max-width: 100%;
    }
    #main table.common_table .small{
        /*どうしても改行が気になる場合*/
        font-size:calc(17*100vw/750);
    }
}

/*table scroll*/
@media screen and (max-width:750px) {
    #main .scroll_table table {
        border-collapse: collapse;
        width: max-content;
    }
    .scroll_table .scroll-cont{
        max-width: 700px;
        overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         padding-bottom:calc(20*100vw/750);
    }
    .scroll_table .scroll-cont .-sticky{
        position: sticky;
        left: 0;
        top: 0;
    }
    #main .scroll_table table .-sticky {
        border-right: 0;
    }
    #main .scroll_table table .-sticky::before{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        position: absolute;
        left: -0.5px;
        top: -0.5px;
        z-index: -1;
    }
    #main .scroll_table table .-sticky::after{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-left: 1px solid #ccc;
        position: absolute;
        left: -0.5px;
        top:0;
        z-index: -1;
    }
    #main .scroll_table table th, #main .scroll_table table td {
        width: auto;
    }
}

/* バナー類(調整未着手)
========================================================================== */
/* キャンペーンバナー挿入 */
#main .sentence_bnr_area {
    margin: 70px auto 80px;
    text-align: center;
    width: 600px;
}
#main .sentence_bnr_area img {
    width: 600px;
}
#main .sentence_bnr_area a {
    display: block;
}
#main .sentence_bnr_area a + a {
    margin-top: 20px;
}
#main .sentence_bnr_area a:hover {
    opacity: 0.6;
}
#main .sentence_bnr_area + .bbox {
	margin-top: 80px;
}

/* みさらバナー */
.tips_dl.misara_display a:hover {
    opacity: 0.6; 
}

/* 見積もりキャンペーンバナー */
.bnr_mitsumori {
    text-align: center;
    margin-bottom: 60px;
}
.bnr_mitsumori a {
    display: inline-block;
}
.bnr_mitsumori a:hover{
    opacity: .7;
}
@media screen and (max-width:750px){
    .bnr_mitsumori img {
        width: 100%;
    }
}
/* べージ下部　お問い合わせバナー
-------------------------------------------------*/
@media screen and (max-width:750px){
    /*後でカットしてもらう*/
    #container_sub #main .support_subttl{
        margin-top: 0;
    }
    #main .support_area{
        background-position: top calc(14 * 100vw / 750) right calc(10 * 100vw / 750);
    }
}

/* ●見出しスタイル（ワード入稿・オリジナル文章）
-------------------------------------------------*/
#want {
    margin-bottom: 20px;
}
#feature_list .feature_list-item:not(:last-child){
	margin-bottom: 10px;
}
#feature_list dt{
	font-weight: bold;
	font-size: 18px;
}
#feature_list dt span {
    margin-right: 5px;
    color: #090;
}
#feature_list dd{
    padding-left:25px;
}

@media screen and (max-width:750px){
    #feature_list dt{
        font-size:calc(31*100vw/750);
    }
    #feature_list .o_feature-item:not(:last-child){
        margin-bottom:calc(20 * 100vw / 750);
    }
}

/* 下層別タブ表示ページレイアウト #lower_layaut
========================================================================== */
/*外包 周り*/
#lower_layaut #container {
    width: 920px;
    height: 100%;
    margin: 0 auto;
}
#lower_layaut #contents {
    height: 100%;
	padding: 0 10px;
    text-align: left;
}
@media screen and (max-width:750px){
	#lower_layaut #container {
		width: 100%;
	}
	#lower_layaut #contents{
		padding: 0;
	}
}
/*header 周り*/
#lower_layaut #header {
    margin-bottom: 10px;
    padding: 15px;
    text-align: left;
}
#lower_layaut .com_logo{
    width:290px;
    display:block;
}
#lower_layaut .com_logo img {
    width: 100%;
    height: auto;
}
@media screen and (max-width:750px){
	#lower_layaut .com_logo{
		width: calc(445*100vw/750);
	}
	#lower_layaut #header {
		margin-bottom: 0;
		padding: calc(15 * 100vw / 750);
		text-align: left;
	}
}
/*footer 周り*/
#lower_layaut #footer {
	width:100%;
	padding:5px 10px;
	text-align:right;
	border-top: #CCCCCC solid 1px;
	box-sizing: border-box;
}
#lower_layaut #footer a{
	color: #333;
	font-size: 10px;
}
@media screen and (max-width:750px){
	#lower_layaut #footer {
        font-size: calc(20 * 100vw / 750);
        padding: calc(20 * 100vw / 750) 0;
        text-align: center;
    }
	#lower_layaut #footer a{
		font-size:calc(16*100vw/750);
	}
}
/*タイポグラフィ　見出し*/
#lower_layaut .title_lg {
	background:#003366;
	padding:10px 0;
	color:#FFFFFF;
	font-size:28px;
	text-align:center;
	margin-bottom: 20px;
    line-height: 140%;
}
#lower_layaut .title_md{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#CCC solid 1px;
	font-size:24px;
	line-height: 160%;
}
#lower_layaut .title_sm {
	font-size:20px;
	line-height: 160%;
}
@media screen and (max-width:750px){
	#lower_layaut .title_lg {
		padding:calc(16 * 100vw / 750);
		font-size:calc(44 * 100vw / 750);
		margin-bottom:calc(35 * 100vw / 750);
	}
	#lower_layaut .title_md{
		margin-bottom:calc(40 * 100vw / 750);
		padding-bottom:calc(8 * 100vw / 750);
		font-size:calc(40 * 100vw / 750);
	}
    #lower_layaut .title_sm {
        font-size:calc(35 * 100vw / 750);
        margin-bottom:calc(40 * 100vw / 750);
    }
}

/*共通閉じるボタン*/
#lower_layaut .btn_close{
	text-align: right;
}
#lower_layaut .btn_close .-btn {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #003366;
	display: inline-block;
	padding: 10px 30px;
	margin-left: auto;
}
#lower_layaut .btn_close .-btn:hover{
	opacity: .8;
}
@media screen and (max-width:750px){
	#lower_layaut .btn_close .-btn{
		font-size:calc(24*100vw/750);
		padding: calc(10*100vw/750) calc(40*100vw/750);
	}
}



/* 文例　周り（共通）
文例以外のスタイル調整がある場合はこの上から書いてください
========================================================================== */
/* 文例　一覧　法人・個人・業種
-------------------------------------------------*/
#clist .clist_box a {
    color: #333;
    text-decoration: none;
    background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
    border: 1px solid #CECECE;
    display: block;
    padding: 10px 5px 5px;
    transition: .3s all;
}
#clist .clist_box a::after {
    content: "";
    display: block;
    border-bottom: #003366 solid 3px;
}
#clist .clist_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px 11.25px;
}
#clist .clist_box .clist_item {
    width: calc(100% / 5 - 9px);
}
#clist .clist_inner {
    padding-left: 5px;
}
#clist .clist_inner-ttile{
    font-weight: bold;
    font-size: clamp(18px, 14.667px + 0.444vw, 20px);
}
#clist .clist_inner-count {
    font-size: clamp(16px, 12.667px + 0.444vw, 18px);
}
#clist .clist_box a:hover {
    color: #FF6600;
}
#clist .clist_box a:hover::after{
    border-bottom-color: #FF6600;
}
@media screen and (max-width:750px) {
    #clist .clist_box {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
        gap: calc(15 * 100vw / 750);
    }
    #clist .clist_box .clist_item {
        width: auto;
    }
}
/* タイトル　(keyword_free_area01)
-------------------------------------------------*/
#keyword_free_area01 h4{
    font-size: 22px;
    background: #1C2F61;
    color: #FFF;
    margin-bottom: 36px;
    padding: 20px 16px;
    }
@media screen and (max-width:750px) {
    #keyword_free_area01 div > :where(p,ul) {
        padding: 0 calc(30 * 100vw / 750);
    }
    #keyword_free_area01 h4{
        font-size: calc(36 * 100vw / 750);
        margin-bottom: calc(30 * 100vw / 750);
        padding: calc(30 * 100vw / 750) 0 calc(30 * 100vw / 750) calc(24 * 100vw / 750);
    }
}
/* tips_area　（keyWord.freetext2）
-------------------------------------------------*/
#keyword_free_area02 .tips_area{
	background: #EEEEEE;
	padding:16px 20px 24px;
	margin:65px 0 53px;
}
#keyword_free_area02 .tips_area .tips_ttl{
	font-size:25px;
	font-weight: bold;
	color:#162F65;
	letter-spacing: .1em;
	margin-bottom: 18px;
}
#keyword_free_area02 .tips_dl:not(:last-child){
	margin-bottom: 26px;
}
#keyword_free_area02 .tips_dl dt{
	font-weight: bold;
	margin-bottom: 5px;
    line-height: 165%;
}
#keyword_free_area02 .tips_dl dd {
    letter-spacing: .06em;
}
#keyword_free_area02 .tips_blist{
 margin-top: 10px;
}
#keyword_free_area02 .tips_blist a{
	color: #333;
}
#keyword_free_area02 .tips_blist a::before{
	content: "";
	display: inline-block;
	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;
	margin-right: 5px;
}
#keyword_free_area02 .tips_blist a:hover{
    color: #FF6600;
}
/* おすすめリンク */
#keyword_free_area02 .recommend_link {
	font-size: 14px;
	margin-top: 25px;
}
@media screen and (max-width:750px) {
	#keyword_free_area02 .tips_area{
		padding:calc(40*100vw/750) calc(32*100vw/750) calc(91*100vw/750);
		margin:calc(104*100vw/750) calc(30*100vw/750) calc(85*100vw/750);
	}
	#keyword_free_area02 .tips_area .tips_ttl{
		font-size: calc(40*100vw/750);
		margin-bottom: calc(7*100vw/750);
	}
	#keyword_free_area02 .tips_dl:not(:last-child){
		margin-bottom:calc(60*100vw/750);
	}
	#keyword_free_area02 .tips_dl dt{
		margin-bottom: calc(10*100vw/750);
	}
	#keyword_free_area02 .tips_blist a::before{
		width: calc(24 * 100vw / 750);
		height: calc(24 * 100vw / 750);
	}
	#keyword_free_area02 .tips_blist{
		margin-top:calc(15 * 100vw / 750);
	}
	/* おすすめリンク */
	#keyword_free_area02 .recommend_link {
		font-size: calc(20 * 100vw / 750);
		margin-top: calc(40 * 100vw / 750);
        padding: 0 calc(30*100vw/750);
	}
}

/* landing_area　オプションも充実
-------------------------------------------------*/
#landing_area {
    margin-bottom: 30px;
}
#landing_area #appeal_area img {
    max-width: 100%;
}
#landing_area #appeal_area .appeal_bnr_pic {
    text-align: center;
    margin-bottom: 40px;
}
/* オプションも充実 */
#landing_area #option_area {
    margin-bottom: 30px;
}
#landing_area #option_area .option_list {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}
#landing_area #option_area .option_list li {
    box-shadow: 0px 0px 20px 0px #00000029;
    border-radius: 6px;
    overflow: hidden;
}
#landing_area #option_area .option_list li a{
    display: block;
}

#landing_area #option_area .option_head{
    font-size: clamp(20px, -2.67vw + 48px, 28px);
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    margin-bottom: 30px;
}
/* キャンペーンバナーエリア */
#landing_area #cam_banner {
    margin-bottom: 20px;
}
#landing_area #cam_banner .cam_banner-list img {
    display: block;
    max-width: 100%;
}
#landing_area #cam_banner .cam_banner-list {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}
#landing_area #cam_banner .cam_banner-item {
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px #00000029;
    overflow: hidden;
    width: 250px;
}
#landing_area #cam_banner .cam_banner-item:hover {
    opacity: .8;
}
/*まずは文例を選んで挨拶状を作成する*/
#landing_area .text_choose {
    font-size: 22px;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
    position: relative;
}
#landing_area .text_choose::after{
    content: "";
    display: block;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #333;
    width: 20px;
    height: 15px;
    position: absolute;
    left: 50%;
    right: 50%;
    margin-top: 5px;
}
/*宛名キャンペーン表示テキスト*/
#landing_area .appeal-cam_atena{
    margin: 0;
    text-align: center;
    font-weight: bold;
}
#landing_area .appeal-cam_atena a {
    color: #D70C18;
}
@media screen and (max-width:750px) {
    #landing_area{margin-bottom: calc(60 * 100vw / 750);}
    #landing_area #appeal_area .appeal_bnr_pic{
        margin-bottom: calc(60 * 100vw / 750);
    }
    /* オプションも充実 */
    #landing_area #option_area,
    #landing_area #option_area .option_head{
        margin-bottom: calc(43 * 100vw / 750);
    }
    #landing_area #option_area .option_list li{
        border-radius:calc(8 * 100vw / 750);
    }
    #landing_area #option_area .option_list .option_item:where(.atena,.stamp){
        display: none;
    }
    /* キャンペーンバナーエリア */
    #landing_area #cam_banner{
         margin-bottom: calc(60 * 100vw / 750);
    }
    #landing_area #cam_banner .cam_banner-item{
        width: calc(333*100vw/750);
    }
    /*まずは文例を選んで挨拶状を作成する*/
    #landing_area .text_choose {
        font-size: calc(28 * 100vw / 750);
    }
    #landing_area .text_choose::after{
        width:calc(25 * 100vw / 750);
        height:calc(20 * 100vw / 750);
        margin-top: calc(17 * 100vw / 750);
    }
    /*宛名キャンペーン表示テキスト*/
    #landing_area .appeal-cam_atena{
        font-size: calc(24 * 100vw / 750);
    }
}


/* -------------------------------------------------
文例コンテンツ
-------------------------------------------------*/

/*○○の文例　アンカーリンク一覧
-------------------------------------------------*/
#blist {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 8px 0;
}
#blist li {
	width:calc(100% / 4);
	list-style:none;
}
#blist:where(.c10,.c11,.c16,.c18) li{
	width:calc(100% / 3);
}
#blist:where(.c9,.c12,.c13,.p2) li{
	width:calc(100% / 2);
}
#blist li a {
    color: #333;
}
@media screen and (max-width:750px) {
	#blist li {
    width: calc(100% / 2);
	}
	#blist:where(.c10,.c11,.c16,.c18) li{
		width:calc(100% / 2);
	}
	#blist:where(.c9,.c12,.c13,.p2) li{
		width:100%;
	}
}
/* 文例コンテンツ　レイアウト
-------------------------------------------------*/
#example_cont{
	margin-top: 53px;
}
#example_cont a{
	color: #333;
	display: block;
}
#example_cont .bbox {
    width: 100%;
    margin-bottom: 50px;
	padding-bottom: 30px;
    border: #CCCCCC solid 2px;
    box-sizing: border-box;
	overflow: hidden;
}
#example_cont .pkind {
    padding: 9px 20px;
	margin-bottom: 17.5px;
    background: #DFE7EE;
    display: flex;
}
#example_cont .pkind span {
    color: #333;
    font-weight: bold;
    letter-spacing: .1em;
    margin-right: 10px;
	font-size: 20px;
}
#example_cont .pkind .card_img {
    margin: 0;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap: 5px;
}
#example_cont .box_btitle {
    margin:0 20px 26px;
    padding-left: 5px;
    border-bottom: #333 solid 1px;
}
#example_cont .btitle{
    font-weight: bold;
	letter-spacing: .1em;
	line-height: 2;
	font-size: 18px;
}
#example_cont .box_textarea {
    margin:0 20px 17.5px;
    padding-bottom: 26px;
    display: flex;
    flex-direction: column;
    border-bottom: #ccc solid 1px;
	letter-spacing: normal;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"Lucida Grande",sans-serif;
}
#example_cont .box_textarea .-inner{
	padding-left: 90px;
}
/*返信はがきをご希望の方*/
#example_cont .box_btitle.-henshin{
	margin-top:38px;
}
#example_cont .henshin p{
	margin-bottom: 18px;
}

@media screen and (max-width:750px){
	#example_cont{
		margin-top:calc(85*100vw/750);
	}
	#example_cont .bbox{
		margin-bottom: calc(85*100vw/750);
		padding-bottom:calc(53*100vw/750);
	}
	#example_cont .pkind{
		padding:calc(24*100vw/750) calc(33*100vw/750);
		margin-bottom:calc(28*100vw/750);
	}
	#example_cont .pkind span{
		font-size:calc(32*100vw/750);
		line-height: 145%;
	}
	#example_cont .box_btitle{
		margin: 0 calc(32*100vw/750) calc(41*100vw/750);
	}
	#example_cont .btitle{
		font-size:calc(28*100vw/750);
	}
	#example_cont .box_textarea{
		margin: 0 calc(32*100vw/750) calc(28*100vw/750);
		padding-bottom: calc(48*100vw/750);
		font-size: calc(17*100vw/750);
	}
	#example_cont .box_textarea .-inner{
		padding-left: 0;
	}
	#example_cont .pkind .card_img img {
		max-width: 100%;
		height: calc(32 * 100vw / 750);
	}
	/*返信はがきをご希望の方*/
	#example_cont .box_btitle.-henshin{
		margin-top:calc(60*100vw/750);
	}
	/*ページ下部　オリジナル文章*/
	#example_cont .original .box_textarea{
		font-size:calc(28*100vw/750);
	}
}
/*注文ボタン周り*/
#example_cont .btn_g {
    color: #fff;
    display: flex;
}
#example_cont .btn_g:hover {
    color: #fff;
}
#example_cont :where(.btm,.henshin){
	margin:0 20px;
}
#example_cont .box_btn{
	display: table;
	margin-left: auto;
}
#example_cont .box_btn ul {
    display: flex;
    align-items: center;
	justify-content: flex-end;
    column-gap: 12px;
}
#example_cont .box_btn ul:not(:last-child) {
    margin-bottom: 10px;
}
#example_cont li:where(.btn_bchoice_ori,.btn_bchoice) {
    width:250px;
}
#example_cont .btn_henshin{
	width:330px;
	margin-left: auto;
}
#example_cont .btn_fax a {
	font-size: 20px;
	text-decoration: none;
	color: #23AF3C;
	font-weight: bold;
	width: 81px;
	height: 68px;
	border: 1px solid #23AF3C;
	line-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	transition: .3s;
    text-align: center;
    box-sizing: border-box;
    letter-spacing: .05em;
}
#example_cont .btn_fax a:hover{
	background: #23AF3C;
	color: #fff;
	border:1px solid transparent;
}
@media screen and (max-width:750px){
	#example_cont :where(.btm,.henshin){
		margin: 0 calc(32 * 100vw / 750);
	}
	#example_cont li:where(.btn_bchoice_ori,.btn_bchoice) {
		width: calc(231 * 100vw / 750);
	}
	#example_cont .btn_henshin{
		width:calc(322 * 100vw / 750);
	}
	#example_cont .btn_henshin .btn_g-arrow{
		right: calc(-11 * 100vw / 750);
	}
	#example_cont .btn_fax a{
		font-size: calc(20 * 100vw / 750);
        width: auto;
        height: calc(68 * 100vw / 750);
        border-radius: calc(8 * 100vw / 750);
        padding: 0 calc(16 * 100vw / 750) 0 calc(17 * 100vw / 750);
	}
}
/* オリジナル文章(動的表示ページ)
-------------------------------------------------*/
#box_original .layout_box {
    margin-bottom:60px;
}
@media screen and (max-width:750) {
    #box_original .layout_box {
        margin-bottom: calc(80 * 100vw / 750);
    }
}
/* -------------------------------------------------
以下から新規のスタイル追加を禁止します。
-------------------------------------------------*/