@charset "utf-8";

.pc_none { display:none; }
.pc_none_ex {display: none;}
@media screen and (max-width:1600px) { /* macbookpro15 */ }
@media screen and (max-width:1400px) { /* macbookpro13 */ }
@media screen and (max-width:1199px) { /* tablet横表示 ＆ PC小 */ }
@media screen and (max-width:1023px) { /* tablet */ }
@media screen and (max-width:767px) { /* 6Plus */
.sp_none { display:none; }
.pc_none { display:block; }
.pc_none_ex {display: contents;}

}
@media screen and (max-width:413px) { /* 6 */ }
@media screen and (max-width:374px) { /* 5 */ }

/*
「ページ名」_「部位」_「種類：必須」_「詳細」「番号(連番)」_「状態」.「拡張子」
news_header_icon_circle01_over.jpg
*/



/*********************************************************************************************************
reset　ブラウザ初期化
*********************************************************************************************************/
html {}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; font-weight:normal; }
q:before,q:after { content:''; }
object,embed { vertical-align:top; }
hr,legend { display:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; }
img,abbr,acronym,fieldset { border:0; }
li { list-style-type:none; }
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary { display:block; }

body {
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:100%;
	line-height:1;
	overflow-y:scroll;
}
img { width:100%; height:auto; -ms-interpolation-mode:bicubic; vertical-align:bottom; }
img[src$=".svg"] { width:auto; }

strong { font-weight:bold; }
iframe { vertical-align:bottom; border:none; }

/*----------------------------------------------------
.Header　トップページ
----------------------------------------------------*/
.Header { min-width:1200px; margin:auto; }
.Header.-home {}
.Header.-other { height:90px; background:#1E2188; position:relative; }
.Header.-other::after { content:""; display:block; width:2px; height:90px; background:#fff; position:absolute; top:0; right:90px; }

@media screen and (max-width:767px) {
.Header { min-width:0; width:100%; }
.Header.-other { height:45px; }
.Header.-other::after { width:2px; height:45px; right:45px; }
}



/*----------------------------------------------------
サイトロゴ　トップページ
----------------------------------------------------*/
.Header.-home .logo { position:absolute; top:50px; left:50px; z-index:1000; }
.Header.-other .logo { padding:25px 0 0 30px; }
.Header.-home .logo a {}
.Header.-other .logo a {}
.Header.-home .logo a img { width:auto; height:50px; }
.Header.-other .logo a img { width:auto; height:40px; }
.Header.-home .logo a img.home { display:inline-block; }
.Header.-other .logo a img.home { display:none;}
.Header.-home .logo a img.other { display:none; }
.Header.-other .logo a img.other { display:inline-block; }
.-hover .Header.-home .logo a img { transition:opacity .2s; }
.-hover .Header.-other .logo a img { transition:opacity .2s; }
.-hover .Header.-home .logo a:hover img { opacity:.7; }
.-hover .Header.-other .logo a:hover img { opacity:.7; }

@media screen and (max-width:767px) {
.Header.-home .logo { position:absolute; top:0; left:0; padding:0; width:calc(100% - 45px); height:45px; }
.Header.-home .logo a { display:block; height:45px; position:relative; }
.Header.-home .logo a img { width:calc(100% - 20px); max-width:320px; height:auto; position:absolute; top:50%; left:10px; transform:translateY(-50%); }
.Header.-other .logo { position:absolute; top:0; left:0; padding:0; width:calc(100% - 45px); height:45px; }
.Header.-other .logo a { display:block; height:45px; position:relative; }
.Header.-other .logo a img { width:calc(100% - 20px); max-width:320px; height:auto; position:absolute; top:50%; left:10px; transform:translateY(-50%); }
}



/*----------------------------------------------------
メインメニュー
----------------------------------------------------*/
.Menu {}

/* トグルボタン */
.Menu .menuBtn { width:90px; height:90px; cursor:pointer; position:fixed; top:0; right:0; transition:background .2s; z-index:10003; }
/* アニメーションアイコン */
.Menu .menuBtn .menu-trigger,
.Menu .menuBtn .menu-trigger span { display:inline-block; transition:all .2s; box-sizing:border-box; }
.Menu .menuBtn .menu-trigger { width:30px; height:20px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.Menu .menuBtn .menu-trigger span { position:absolute; left:0; width:100%; height:2px; background-color:#fff; border-radius:2px; }
.Menu .menuBtn .menu-trigger span:nth-of-type(1) { top:0; }
.Menu .menuBtn .menu-trigger span:nth-of-type(2) { top:9px; }
.Menu .menuBtn .menu-trigger span:nth-of-type(3) { bottom:0; }
.Menu .menuBtn .menu-trigger span:nth-of-type(2)::after { position:absolute; top:0; left:0; content:''; width:100%; height:2px; background-color:#fff; border-radius:2px; transition:all .2s; }
.Menu.-active .menuBtn .menu-trigger span:nth-of-type(1) { transform:translateY(20px) scale(0); }
.Menu.-active .menuBtn .menu-trigger span:nth-of-type(2) { width:170%; left:-35%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.Menu.-active .menuBtn .menu-trigger span:nth-of-type(2)::after { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.Menu.-active .menuBtn .menu-trigger span:nth-of-type(3) { transform:translateY(-20px) scale(0); }
/* メニュー中身 */
.Menu .menuContents { position:fixed; top:0; right:0; width:90px; height:90px; overflow:hidden; opacity:0; z-index:10002; }
.Menu.-active .menuContents { width:600px; height:100%; padding-top:90px;padding-right: 50px; box-sizing:border-box; opacity:1;  }
.Menu .menuContents table { width:100%; height:100%; }
.Menu .menuContents table tr { height:10%; }
.Menu .menuContents table tr td { width:50%; font-size:18px; font-weight:bold; text-align:center; line-height:1.4; }
.Menu .menuContents table tr td a { display:block; width:100%; height:100%; text-decoration:none; color:#fff; letter-spacing:.1em; padding-left:.1em; box-sizing:border-box; transition:background .2s, color .2s; display:-webkit-flex; display:flex; -webkit-align-items:center; /* 縦方向中央揃え（Safari用） */ align-items:center; /* 縦方向中央揃え */ -webkit-justify-content:center; /* 横方向中央揃え（Safari用） */ justify-content:center; /* 横方向中央揃え */ }
.Menu .menuContents table tr:first-child td a { letter-spacing:.3em; padding-left:.3em; }
.-hover .Menu .menuContents > table tr td a:hover { background:#fff; color:#1D2088; }
.menu_tel { pointer-events: none;}
/* メニュー外エリア */
.Menu .menuOverlay { width:0; height:0; position:fixed; z-index:10000; }
.Menu.-active .menuOverlay { width:100%; height:100%; }
/* メニュー背景 */
.Menu .menuBg { content:""; display:block; position:fixed; top:0; right:0; width:90px; height:90px; background:#1D2088; transition:all .2s; z-index:10001; background-image:url("../img/common/top_logo.jpg"); opacity: 0.9; background-repeat: no-repeat; background-size: unset;}
.Menu.-active .menuBg { /*mix-blend-mode:darken;*/ width:100%; height:100%; }

/*
@media screen and (max-width:1023px) {
.Menu .menuBg { content:""; display:block; position:fixed; top:0; right:0; width:90px; height:90px; background:#1D2088; transition:all .2s; z-index:10001; background-image:url("../img/common/top_logo.jpg"); opacity: 0.9; background-repeat: no-repeat; background-size: unset;}
 }
*/
@media screen and (max-width:767px) {
.Menu .menuBtn { width:45px; height:45px; }
.Menu.-active .menuBtn .menu-trigger span:nth-of-type(2) { width:120%; left:-11%; }
.Menu .menuContents { width:45px; height:45px; }
.Menu.-active .menuContents { width:100%; padding-top:45px;padding-right:0px; }
.Menu .menuContents table { height:calc(100% - 45px); }
.Menu .menuContents table tr td { font-size:14px; }
.Menu .menuBg  { width:45px; height:45px; }
.Menu.-active .menuBg  { width:100%; }
.menu_tel { pointer-events: auto; }
.tel_decoration{border-bottom: solid 3px #FFF;font-size: 20px;}
}


/*----------------------------------------------------
.Container
----------------------------------------------------*/
.Container {}

/*----------------------------------------------------
.Main
----------------------------------------------------*/
.Main {}

/*----------------------------------------------------
.Article
----------------------------------------------------*/
.Article {}

/*----------------------------------------------------
.footer
----------------------------------------------------*/
.Footer { min-width:1200px; margin:auto; padding:90px 70px; box-sizing:border-box; }
.Footer.-home { background:#000; }
.Footer.-other { border-top:1px solid #000; }
.Footer > .inner {}

/**/
.Footer .logo { max-width:1200px; margin:auto; }
.Footer .logo { margin-bottom:90px; }

/**/
.Footer.-home .logo .img_black { display:none; }
.Footer.-other .logo .img_white { display:none; }

/**/
.Footer .logo a {}
.Footer .logo a img { width:auto; height:48px; }
.-hover .Footer .logo a { transition:opacity .2s; }
.-hover .Footer .logo a:hover { opacity:.7; }

/**/
.Footer .sitemap { max-width:1200px; margin:auto; padding-bottom:32px; margin-bottom:32px;}

.Footer.-home .sitemap {}
.Footer.-other .sitemap {}

/**/
.Footer .sitemap .layout { display:table; margin-bottom:32px; }
.Footer .sitemap .layout:last-child { margin-bottom:0; }
.Footer .sitemap .layout p { display:table-cell; width:260px; font-size:15px; letter-spacing:.1em; }
.Footer.-home .sitemap .layout p { color:#fff; }
.Footer.-other .sitemap .layout p { color:#333; }

/**/
.Footer .sitemap .layout ul { display:table-cell; font-size:0; }
.Footer .sitemap .layout ul li { display:inline-block; font-size:15px; }
.Footer .sitemap .layout ul li::after { content:"/"; display:inline-block; padding:0 15px; }
.Footer.-home .sitemap .layout ul li::after { color:#fff; }
.Footer.-other .sitemap .layout ul li::after { color:#333; }

/**/
.Footer .sitemap .layout ul li:last-child::after { display:none; }
.Footer .sitemap .layout ul li a { text-decoration:none; }
.Footer.-home .sitemap .layout ul li a { color:#fff; }
.Footer.-other .sitemap .layout ul li a { color:#333; }
.-hover .Footer .sitemap .layout ul li a:hover { text-decoration:underline; }

/**/
.Footer.-home {}
.Footer.-other {}
.Footer.-home .copy { color:#fff; }
.Footer.-other .copy { color:#333; }
.Footer .copy > .inner { display:block; max-width:1200px; margin:auto; padding-top:35px;}
.Footer.-home .copy > .inner { border-top:1px solid #E0E0E0; }
.Footer.-other .copy > .inner { border-top:1px solid #000; }
.Footer .copy small { font-size:14px; letter-spacing:.1em; }

@media screen and (max-width:767px) {
.Footer { width:100%; min-width:0; padding:20px; }
.Footer .logo { margin-bottom:15px; }
.Footer .logo a img { width:100%; max-width:280px; height:auto; }
.Footer .sitemap { padding-bottom:15px; margin-bottom:0; }
.Footer .sitemap .layout { display:block; margin-bottom:10px; }
.Footer .sitemap .layout p { display:block; font-size:13px; line-height:1.8; font-weight:bold; }
.Footer .sitemap .layout ul li { display:block; font-size:12px; line-height:1.8; position:relative; padding-left:10px; }
.Footer .sitemap .layout ul li::before { content:""; display:block; width:6px; height:1px; position:absolute; top:50%; left:0; transform:translateY(-50%); background:#fff; opacity:.7; }
.Footer .sitemap .layout ul li::after { display:none; }
.Footer .copy > .inner { padding-top:15px; }
.Footer .copy small { font-size:10px; }
}

/*--------------------------------------------------------------------------------------------------------
ページ下部　ボタンエリア
--------------------------------------------------------------------------------------------------------*/
.BtnArea { min-width:1200px; margin:auto; padding:100px 70px; box-sizing:border-box; }
.BtnArea > .inner { width:100%; max-width:1200px; margin:auto; }

.BtnArea .btn { margin-bottom:50px; font-size:0; }
.BtnArea .btn:last-child { margin-bottom:0; }
.BtnArea .btn a { display:block; height:100px; line-height:100px; border-radius:5px; position:relative; color:#fff; text-decoration:none; font-weight:bold; text-align:center; vertical-align:middle; }
.BtnArea .btn a .txt { font-size:36px; vertical-align:middle; }

.BtnArea .btn.-request a { background:#231815; }
.-hover .BtnArea .btn.-request a { transition:background .2s; }
.-hover .BtnArea .btn.-request a:hover { background:#1D2088; }
.BtnArea .btn.-request a .txt { letter-spacing:.3em; text-indent:.3em; }
.BtnArea .btn.-request a svg { fill:#fff; height:53px; vertical-align:middle; margin-right:25px; max-width:44px; }

.BtnArea .btn.-contact a { background:rgba(230, 0, 68, 1); }
.-hover .BtnArea .btn.-contact a { transition:background .2s; }
.-hover .BtnArea .btn.-contact a:hover { background:rgba(230, 0, 68, .8); }
.BtnArea .btn.-contact a .txt { letter-spacing:.2em; text-indent:.2em; }
.BtnArea .btn.-contact a svg { fill:#fff; height:58px; vertical-align:middle; margin-right:25px; max-width:82px; }

.BtnArea .btn.-topPage a { background:#231815; }
.-hover .BtnArea .btn.-topPage a { transition:background .2s; }
.-hover .BtnArea .btn.-topPage a:hover { background:#1D2088; }
.BtnArea .btn.-topPage a .txt { letter-spacing:.2em; text-indent:.2em; }
.BtnArea .btn.-topPage a svg { fill:#fff; height:58px; vertical-align:middle; margin-right:25px; max-width:70px; }

.BtnArea .btn.-works a { background:rgba(230, 0, 68, 1); }
.-hover .BtnArea .btn.-works a { transition:background .2s; }
.-hover .BtnArea .btn.-works a:hover { background:rgba(230, 0, 68, .8); }
.BtnArea .btn.-works a .txt { letter-spacing:.2em; text-indent:.2em; }
.BtnArea .btn.-works a svg { fill:#fff; height:58px; vertical-align:middle; margin-right:25px; max-width:70px; }

.BtnArea .btn.-voice a { background:rgba(230, 0, 68, 1); }
.-hover .BtnArea .btn.-voice a { transition:background .2s; }
.-hover .BtnArea .btn.-voice a:hover { background:rgba(230, 0, 68, .8); }
.BtnArea .btn.-voice a .txt { letter-spacing:.2em; text-indent:.2em; }
.BtnArea .btn.-voice a svg { fill:#fff; height:76px; vertical-align:middle; margin-right:25px; max-width:60px; }

.BtnArea .layout { overflow:hidden; }
.BtnArea .layout .row { margin:0 -25px; }
.BtnArea .layout .row::after { content:""; display:block; clear:both; }
.BtnArea .layout .row .col { float:left; width:50%; padding:0 25px; box-sizing:border-box; }
.BtnArea .layout .btn { margin-bottom:50px; font-size:0; }
.BtnArea .layout .btn:last-child { margin-bottom:0; }
.BtnArea .layout .btn a { display:block; height:100px; line-height:100px; border-radius:5px; position:relative; color:#fff; text-decoration:none; font-weight:bold; text-align:center; vertical-align:middle; }
.BtnArea .layout .btn a .txt { font-size:36px; vertical-align:middle; }
.BtnArea .layout .btn.-btn01 a { background:rgba(230, 0, 68, 1); }
.-hover .BtnArea .layout .btn.-btn01 a { transition:background .2s; }
.-hover .BtnArea .layout .btn.-btn01 a:hover { background:rgba(230, 0, 68, .8); }
.BtnArea .layout .btn.-btn01 a .txt { letter-spacing:.1em; text-indent:.1em; }
.BtnArea .layout .btn.-btn01 a img { width:43px; height:43px; vertical-align:middle; margin-left:15px; }
/*調整*/
.BtnArea .layout .btn.-contact a svg { height:48px; margin-right:20px; max-width:72px; }
.BtnArea .layout .btn.-topPage a svg { height:48px; margin-right:20px; max-width:60px; }


/*文字サイズ調整*/
.BtnArea .btn a .txt { font-size:36px; }

@media screen and (max-width:767px) {
.BtnArea { min-width:0; padding:40px 20px; }

.BtnArea .btn { margin-bottom:10px; }
.BtnArea .btn:last-child { }
.BtnArea .btn a { height:45px; line-height:45px; }
.BtnArea .btn a .txt { font-size:13px; }

.BtnArea .btn.-request a { text-align:left; padding-left:50px; position:relative; }
.BtnArea .btn.-request a .txt { text-indent:0; }
.BtnArea .btn.-request a svg { height:22px; margin-right:0; max-width:40px; position:absolute; top:50%; left:16px; transform:translateY(-50%); }

.BtnArea .btn.-contact a { text-align:left; padding-left:50px; position:relative; }
.BtnArea .btn.-contact a .txt {}
.BtnArea .btn.-contact a svg { height:18px; margin-right:0; max-width:40px; position:absolute; top:50%; left:14px; transform:translateY(-50%); }

.BtnArea .btn.-topPage a { text-align:left; padding-left:50px; position:relative; }
.BtnArea .btn.-topPage a .txt {}
.BtnArea .btn.-topPage a svg { height:22px; margin-right:0; max-width:40px; position:absolute; top:50%; left:12px; transform:translateY(-50%); }

.BtnArea .btn.-works a { text-align:left; padding-left:50px; position:relative; }
.BtnArea .btn.-works a .txt {}
.BtnArea .btn.-works a svg { height:22px; margin-right:0; max-width:40px; position:absolute; top:50%; left:12px; transform:translateY(-50%); }

.BtnArea .btn.-voice a { text-align:left; padding-left:50px; position:relative; }
.BtnArea .btn.-voice a .txt {}
.BtnArea .btn.-voice a svg { height:22px; margin-right:0; max-width:40px; position:absolute; top:50%; left:16px; transform:translateY(-50%); }

.BtnArea .layout {}
.BtnArea .layout .row { margin:0; }
.BtnArea .layout .row .col { float:none; width:100%; padding:0; margin-bottom:10px; }
.BtnArea .layout .row .col:last-child { margin-bottom:0; }
.BtnArea .layout .btn { margin-bottom:50px; }
.BtnArea .layout .btn a { height:45px; line-height:45px; text-align:left; padding-left:50px; }
.BtnArea .layout .btn.-btn01 a { position:relative; }
.BtnArea .layout .btn.-btn01 a .txt { text-align:left; }
.BtnArea .layout .btn.-btn01 a img { width:20px; height:20px; margin-left:0; position:absolute; top:50%; left:15px; transform:translateY(-50%); }

/*文字サイズ調整*/
.BtnArea .layout .btn a .txt { font-size:13px; }
.BtnArea .btn a .txt { font-size:13px; }

/*調整*/
.BtnArea .layout .btn.-contact a svg { height:18px; margin-right:0; max-width:40px; position:absolute; top:50%; left:14px; transform:translateY(-50%); }
.BtnArea .layout .btn.-topPage a svg { height:22px; margin-right:0; max-width:40px; position:absolute; top:50%; left:12px; transform:translateY(-50%); }
}



/*--------------------------------------------------------------------------------------------------------
フォーム
--------------------------------------------------------------------------------------------------------*/
.fromAreaOuter { min-width:1200px; margin:auto; padding:80px 0; background:#1E2088; }
.fromAreaOuter > .inner { width:100%; max-width:1200px; margin:auto; }
.fromAreaOuter .ttl { text-align:center; color:#fff; font-size:40px; font-weight:bold; margin-bottom:80px; }

/* fromArea */
.fromArea { width:800px; margin:0 auto; background:#1E2088; }

/* placeholder */
.fromArea .inputArea input:focus:placeholder-shown { color: transparent; }
.fromArea .inputArea input:focus::-webkit-input-placeholder { color: transparent; }
.fromArea .inputArea input:focus::-moz-placeholder { color: transparent; }
.fromArea .inputArea input:focus:-ms-input-placeholder { color: transparent; }
.fromArea .inputArea input:focus::-ms-input-placeholder { color: transparent; }
.fromArea .inputArea textarea:focus:placeholder-shown { color: transparent; }
.fromArea .inputArea textarea:focus::-webkit-input-placeholder { color: transparent; }
.fromArea .inputArea textarea:focus::-moz-placeholder { color: transparent; }
.fromArea .inputArea textarea:focus:-ms-input-placeholder { color: transparent; }
.fromArea .inputArea textarea:focus::-ms-input-placeholder { color: transparent; }

/* error */
.fromArea .inputArea .errormsg { color:#ffff00; font-size:13px; }

/* inputArea */
.fromArea .inputArea { margin-bottom:80px; }
.fromArea .inputArea > li { display:table; width:100%; margin-bottom:24px; }
.fromArea .inputArea > li:last-child { margin-bottom:0; }
.fromArea .inputArea > li > .col:nth-child(1) { width:35%; display:table-cell; vertical-align:top; font-size:16px; padding-right:24px; box-sizing:border-box; padding:4px 40px 8px 0; line-height:1.4; color:#fff; font-weight:bold; }
.fromArea .inputArea > li > .col:nth-child(1) .tag { background:#cc0000; color:#fff; padding:3px 4px 4px; font-size:12px; margin-left:8px; }
.fromArea .inputArea > li > .col:nth-child(2) { display:table-cell; color:#fff; line-height:1.8; }

/* hyphen */
.fromArea .inputArea .hyphen { display:inline-block; width:20px; text-align:center; }

/* input */
.fromArea .inputArea input::placeholder { color:#ccc; }
.fromArea .inputArea input:-ms-input-placeholder { color:#ccc; } /* IE */
.fromArea .inputArea input::-ms-input-placeholder { color:#ccc; } /* Edge */
.fromArea .inputArea input::-webkit-input-placeholder{ line-height:1.3; }
.fromArea .inputArea input[type="text"],
.fromArea .inputArea input[type="tel"],
.fromArea .inputArea input[type="email"] { width:100%; height:36px; padding:4px 8px; box-sizing:border-box; font-size:16px; border:none; background:#fff; color:#333; }

/* label */
.fromArea .inputArea label { cursor:pointer; display:inline-block; margin-right:16px; }

/* radioボタン */
.fromArea .inputArea input[type="radio"] { display:none; }
.fromArea .inputArea input[type="radio"] + label { padding-left:20px; position:relative; margin-right:24px; }
.fromArea .inputArea input[type="radio"] + label::before { content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:17px; height:17px; background:#fff; border-radius:50%; }
.fromArea .inputArea input[type="radio"]:checked + label { color:#fff; }
.fromArea .inputArea input[type="radio"]:checked + label::after{ content:""; display:block; background:#13294b; position:absolute; top:calc(50%); transform:translateY(-50%); left:4px; width:9px; height:9px; border-radius:50%; }

/* checkbox */
.fromArea .inputArea input[type="checkbox"]{ display:none; }
.fromArea .inputArea .checkbox-parts{ padding-left:22px; position:relative; margin-right:16px; }
.fromArea .inputArea .checkbox-parts::before{ content:""; display:block; position:absolute; top:50%; background:#fff; transform:translateY(-50%); left:0; width:17px; height:17px; border-radius:2px; }
.fromArea .inputArea input[type="checkbox"]:checked + .checkbox-parts{ color:#fff; }
.fromArea .inputArea input[type="checkbox"]:checked + .checkbox-parts::after{ content:""; display:block; border-bottom:3px solid #13294b; border-right:3px solid #13294b; position:absolute; top:calc(50% - 8px); transform:translateY(-50%); left:5px; width:4px; height:10px; transform:rotate(40deg); }
.fromArea .inputArea input[type="checkbox"]:checked + .checkbox-parts::before{ }

/* select */
.fromArea .inputArea select { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:none; /*background:transparent;*/ border-radius:0; padding:0 8px; box-sizing:border-box; height:36px; line-height:36px; font-size:16px; background:#fff; color:#333; }
.fromArea .inputArea select { border-radius:4px; cursor:pointer; box-sizing:border-box; padding-right:42px; background:url(../img/contact/arrow.jpg) no-repeat #fff; background-size:36px 36px; background-position:right 0; }
.fromArea .inputArea select::-ms-expand { display:none; }

/* textarea */
.fromArea .inputArea textarea::placeholder { color:#ccc; }
.fromArea .inputArea textarea:-ms-input-placeholder { color:#ccc; } /* IE */
.fromArea .inputArea textarea::-ms-input-placeholder { color:#ccc; } /* Edge */
.fromArea .inputArea textarea::-webkit-input-placeholder{ line-height:1.3; }
.fromArea .inputArea textarea { width:100%; height:140px; resize:vertical; border:none; padding:8px; box-sizing:border-box; font-size:16px; vertical-align:bottom; color: black;}

/* texxt */
.fromArea .text { font-size:15px; color:#fff; margin-bottom:80px; line-height:1.8; text-align:center; }
.fromArea .text a { text-decoration:underline; color:#fff; }

/* btn */
.fromArea .btn { text-align:center; }
.fromArea .btn a { display:inline-block; text-decoration:none; background-image: linear-gradient(-224deg, #ff6236 14%, #c80039 100%); color:#fff; font-weight:bold; height:56px; line-height:56px; padding:0 40px; min-width:400px; box-sizing:border-box; border-radius:4px; }

/* fromArea-confirm　確認ページ */
.fromAreaOuter .lead { text-align:center; color:#fff; font-size:16px; line-height:1.8; width:960px; border:1px solid #fff; margin:0 auto 40px; padding:16px; background:#fff; color:#333; }
.fromAreaOuter .lead span { text-decoration:underline; color:#cc0000; padding-bottom:3px; font-weight:normal; }
.fromArea-confirm {}
.fromArea-confirm .inputArea > li { margin-bottom:0px; }

/* btn */
.fromAreaOuter .btnArea { text-align:center;}
.fromAreaOuter .btnArea li { display:inline-block; text-align:center; }
.fromAreaOuter .btnArea li a { display:inline-block; font-weight:bold; height:56px; line-height:56px; padding:0 40px; box-sizing:border-box; border-radius:4px; text-decoration:none; }
.fromAreaOuter .btnArea li.correct { margin-right:8px; }
.fromAreaOuter .btnArea li.correct a { background:#999; color:#fff; }
.fromAreaOuter .btnArea li.send a { background-image: linear-gradient(-224deg, #ff6236 14%, #c80039 100%); color:#fff;  }

/* fromArea-confirm　完了ページ */
.fromAreaOuter .lead2 { font-size:16px; color:#fff; text-align:center; line-height:1.8; padding:40px 0; }



@media screen and (max-width:767px) { /* sp */
	.fromAreaOuter { min-width:0; padding:30px 0; }
	.fromAreaOuter .ttl { font-size:20px; margin-bottom:30px; padding-bottom:30px; line-height:1.5; border-bottom: 1px solid rgba(255,255,255,.3); }

	/* fromArea */
	.fromArea { width:100%; }
	/* inputArea */
	.fromArea .inputArea { margin-bottom:30px; }
	.fromArea .inputArea > li { display:block; width:100%; margin-bottom:24px; padding:0 20px 24px; border-bottom:1px solid rgba(255,255,255,.3); box-sizing:border-box; }
	.fromArea .inputArea > li:last-child { margin-bottom:0; }
	.fromArea .inputArea > li > .col:nth-child(1) { width:100%; display:block; font-size:16px; padding-right:0; padding:0; margin-bottom:24px; }
	.fromArea .inputArea > li > .col:nth-child(1) .tag { position:relative; top:-1px; }
	.fromArea .inputArea > li > .col:nth-child(2) { display:block; }

	/* label */
	.fromArea .inputArea label { margin-right:0; }
	/* checkbox */
	.fromArea .inputArea .checkbox-parts{ display:block; line-height:1.4; margin-bottom:4px; }

	/* radioボタン */
	.fromArea .inputArea input[type="radio"] + label { line-height:1.4; margin-bottom:4px; }
	/* 住所 */
	.addressdetail li { margin-bottom:10px; }
	.addressdetail li:last-child { margin-bottom:0; }
	/* textarea */
	.fromArea .inputArea textarea { margin-top:5px; }
	/* 名前 */
	.fromArea .inputArea input.sp100 { width:100% !important; }
	/* texxt */
	.fromArea .text { margin-bottom:30px; line-height:1.6; text-align:left; padding:0 20px; }
	.fromArea .text a {}
	/* select */
	.fromArea .inputArea select { width:100%; margin-bottom:10px; }
	/* btn */
	.fromArea .btn { padding:0 20px; }
	.fromArea .btn a { width:100%; box-sizing:border-box; padding:0 20px; min-width:0; line-height:1.2; display:flex; justify-content:center; align-items:center; }

	/* fromArea-confirm　確認ページ */
	.fromAreaOuter .lead { text-align:left; font-size:16px; line-height:1.6; width:calc(100% - 40px); margin:0 auto 30px; padding:16px; box-sizing:border-box; }
	.fromArea-confirm .inputArea > li:first-child { border-top:1px solid rgba(255,255,255,.3); }
	.fromArea-confirm .inputArea > li { margin-bottom:0px; padding:16px 20px; }
	.fromArea-confirm .inputArea > li > .col:nth-child(1) { margin-bottom:10px; font-size:13px; color:rgba(255,255,255,.7); }
	.fromArea-confirm .inputArea > li > .col:nth-child(2) { font-weight:bold; }
	/* btn */
	.fromAreaOuter .btnArea li a { height:56px; line-height:56px; padding:0 15px; }


	/* fromArea-confirm　完了ページ */
	.fromAreaOuter .lead2 { text-align:left; line-height:1.6; padding:0 20px; }
}

@media screen and (max-width:374px) {
	/* select */
	.fromArea .inputArea select { font-size:13px; }
}

div.whatsnew {
    font-size: 100%;
    word-break: break-all;
    overflow: hidden;
    border: 3px solid #1D2088;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    padding: 17px;
    height: 200px;
    box-sizing: border-box;
    overflow-y: scroll;
		margin: 0!important;
}

div.whatsnew a {
    padding: 7px 0;
    display: block;
    text-decoration: none;
    box-shadow: none;
    color: black;
}