/* リセット */
html {
font-family: 'メイリオ','ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
overflow-y: scroll;
color: #000;
}
body {
margin: 0;
padding: 0;
font: 13px/1 ;
*font-size: small;
*font: x-small;
-webkit-text-size-adjust:none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
select, input, button, textarea {
font: 99% ;
*font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing :0;
font-size: inherit;
font: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
pre, code, kbd, samp, tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}
abbr, acronym {
border: 0;
font-variant: normal;
}
ol, ul {list-style: none;}
caption, th {text-align: left;}
fieldset, img {border: 0;}
legend {color: #000;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
q:before, q:after {content: '';}
/* for SmartPhone */
@media screen and (max-width:767px) {
.only-pc { display:none; }
.only-sp { }
body {
/*font-family: ;*/
font-size: 13px;
line-height:1;
font-weight:normal;
font-style:normal;
margin: 0px 0px 0px 0px;
padding: 0;
-webkit-text-size-adjust:none;
background-color:#FFF;
}
html,body { height:100%; }
select,input,button,textarea { font:100%; }
table { font-size:inherit; font:100%; }
textarea { font-size: 100%; }
#cnt-01 { width:100%; min-width:320px; background-color:#F20000; overflow:hidden; position:relative; text-align:center; padding-bottom:70px; }
#cnt-01 .inner { margin:0px 20px 0px 20px; min-width:280px; color:#FFF; font-size:13px; }
#cnt-01 .inner .box-01 { margin:50px 0px 0px 0px; }
#cnt-01 .inner .box-01 .img-01 { text-align:center; overflow:hidden; position:relative; }
#cnt-01 .inner .box-01 .img-01 img { width:150px; margin-right:5px; }
#cnt-01 .inner .box-01 .text-01 { margin:40px 0px 0px 0px; }
#cnt-01 .inner .box-01 .text-01 h1 { font-size:18px; line-height:120%; font-weight:normal; text-align:center; }
#cnt-01 .inner .box-01 .text-01 .p-01 { color:#31332C; font-size:10px; line-height:160%; margin-top:6px; letter-spacing:0px; }
#cnt-01 .inner .box-02 { margin:70px 0px 0px 0px; }
#cnt-01 .inner .box-02 .title-01 { border-bottom:1px solid #FFF; }
#cnt-01 .inner .box-02 .title-01-margin-top { margin-top:70px; }
#cnt-01 .inner .box-02 .title-01 h2 { padding-bottom:3px; font-size:18px; line-height:120%; font-weight:normal; text-align:center; letter-spacing:0px; }
#cnt-01 .inner .box-02 .text-01 p { margin-top:8px; color:#FFF; font-size:11px; line-height:160%;letter-spacing:0px; }
#cnt-01 .inner .box-02 .text-01 p br { display:none; }
#cnt-01 .inner .box-02 .text-02 { margin-top:50px; }
#cnt-01 .inner .box-02 .text-02 h3 { font-size:18px; line-height:120%; font-weight:normal; text-align:center; letter-spacing:0px; }
#cnt-01 .inner .box-02 .text-02 .p-01 { margin-top:8px; color:#FFF; font-size:11px; line-height:160%;letter-spacing:0px; }
#cnt-01 .inner .box-02 .text-02 .p-01 br { display:none; }
#cnt-01 .inner .box-02 .text-02 .p-02 { margin-top:4px; color:#31332C; font-size:10px; line-height:160%;letter-spacing:0px; }
#cnt-01 .inner .box-02 .button-01 { margin-top:30px; text-align:center; overflow:hidden; position:relative; }
#cnt-01 .inner .box-02 .button-01 a {
border:1px solid #FFF; padding:13px 40px 11px 40px; display:inline-block;
font-size:13px; color:#FFF; letter-spacing:0px; text-decoration:none;
}
#cnt-01 .inner .box-02 .text-03 { }
#cnt-01 .inner .box-02 .text-03 .p-01 { margin-top:10px; color:#31332C; font-size:11px; font-weight:normal; line-height:120%; letter-spacing:0px; }
#cnt-01 .inner .box-02 .text-03 .p-02 { margin-top:8px; }
#cnt-01 .inner .box-02 .text-03 .p-02 a { font-size:12px; color:#FFF; line-height:100%; text-decoration:none; letter-spacing:0px; }
#cnt-03 {
width:100%; overflow:hidden; position:relative;
background-color:#797979; padding-bottom:30px;
}
#cnt-03 .inner { margin:0px 20px 0px 20px; }
#cnt-03 .inner h2 { margin:30px 0px 0px 0px; text-align:left; }
#cnt-03 .inner h2 img { height:17px; }
#cnt-03 .inner .table-A { float:left; margin:15px 0px 0px 0px; }
#cnt-03 .inner .table-A .box-01 { width:100%; padding-bottom:0px; }
#cnt-03 .inner .table-A .box-01 td { vertical-align:top; }
#cnt-03 .inner .table-A .box-01 .head { font-size:11px; line-height:150%; color:#FFFFFF; letter-spacing:0px; font-weight:bold; padding:0px 0px 7px 0px; white-space:nowrap; }
#cnt-03 .inner .table-A .box-01 .colon { font-size:11px; line-height:150%; color:#FFFFFF; letter-spacing:0px; font-weight:bold; padding:0px 4px 7px 4px; }
#cnt-03 .inner .table-A .box-01 .texts { font-size:11px; line-height:150%; color:#FFFFFF; letter-spacing:0px; padding:0px 0px 7px 0px; }
#cnt-03 .inner .table-A .box-01 .sp-photo { display:table; margin:20px 0px 0px 0px; text-align:left; overflow:hidden; position:relative; }
#cnt-03 .inner .table-A .box-01 .sp-photo .image { display:table-cell; padding:0px 10px 0px 0px; vertical-align:top; }
#cnt-03 .inner .table-A .box-01 .sp-photo .image img { width:75px; }
#cnt-03 .inner .table-A .box-01 .sp-photo .info { display:table-cell; vertical-align:top; }
#cnt-03 .inner .table-A .box-01 .sp-photo .info .text-A { font-weight:bold; text-align:left; font-size:11px; line-height:150%; color:#FFFFFF; letter-spacing:0px; }
#cnt-03 .inner .table-A .box-01 .sp-photo .info .text-B { margin:8px 0px 0px 0px; text-align:left; font-size:10px; line-height:150%; color:#FFFFFF; letter-spacing:0px; }
#cnt-03 .inner .table-A .box-01 .sp-photo .info .text-A br { display:none; }
#cnt-03 .inner .table-A .box-01 .sp-photo .info .text-B br { display:none; }
#cnt-03 .inner .table-A .box-02 { width:100%; padding-bottom:20px; }
#cnt-03 .inner .table-A .box-02 h3 { margin:20px 0px 0px 0px; font-size:13px; line-height:130%; color:#FFFFFF; letter-spacing:0px; font-weight:bold; }
#cnt-03 .inner .table-A .box-02 .table { }
#cnt-03 .inner .table-A .box-02 .table .td { padding-top:20px; }
#cnt-03 .inner .table-A .box-02 .table .td h4 { font-size:11px; color:#FFFFFF; letter-spacing:0px; font-weight:bold; padding-left:1em; text-indent:-1em; }
#cnt-03 .inner .table-A .box-02 .table .td h4 br { display:none; }
#cnt-03 .inner .table-A .box-02 .table .td .subtext { font-size:10px; color:#FFFFFF; letter-spacing:0px; margin:4px 0px 0px 0px; }
#cnt-03 .inner .table-A .box-02 .table .td ul { margin:6px 0px 0px 0px; }
#cnt-03 .inner .table-A .box-02 .table .td ul li {
font-size:11px; line-height:130%; color:#FFFFFF; letter-spacing:0px; maegin:0px 0px 6px 0px;
padding-left:1em; text-indent:-1em;
}
#cnt-03 .inner .table-A .box-02 .table .td ul li br { display:none; }
#cnt-03 .inner .table-A .box-02 .table .td .other { margin:4px 0px 0px 0px; font-size:11px; line-height:120%; color:#FFFFFF; letter-spacing:0px; }
#footer { width:100%; background-color:#FFFFFF; padding:20px 0px 20px 0px; }
#footer .logo { text-align:center; }
#footer .logo img { height:14px; }
#footer .copy { font-size:8px; line-height:110%; color:#AAAAAA; padding:4px 0px 0px 0px; text-align:center; }
}
/* for PC&TABLET */
@media screen and (min-width: 768px) {
.only-pc { }
.only-sp { display:none; }
/* カスタマイズ */
body {
/*font-family: ;*/
font-size: 13px;
line-height:1;
font-weight:normal;
font-style:normal;
margin: 0px 0px 0px 0px;
padding: 0;
-webkit-text-size-adjust:none;
}
html,body { height:100%; }
select,
input,
button,
textarea {
font:100%;
}
table {
font-size:inherit;
font:100%;
}
textarea {
font-size: 100%;
}
#cnt-01 { width:100%; min-width:800px; background-color:#F20000; overflow:hidden; position:relative; text-align:center; padding-bottom:124px; }
#cnt-01 .inner {
width:800px; min-width:800px;
top:0; left:0; right:0; bottom:0;
margin:auto;
overflow:hidden; position:relative;
color:#FFF; font-size:13px;
}
#cnt-01 .inner .box-01 { margin:111px 0px 0px 0px; }
#cnt-01 .inner .box-01 .img-01 { text-align:center; overflow:hidden; position:relative; }
#cnt-01 .inner .box-01 .img-01 img { margin-right:10px; }
#cnt-01 .inner .box-01 .text-01 { margin:62px 0px 0px 0px; }
#cnt-01 .inner .box-01 .text-01 h1 { font-size:25px; line-height:125%; font-weight:normal; text-align:center; }
#cnt-01 .inner .box-01 .text-01 .p-01 { color:#31332C; font-size:11px; line-height:180%; margin-top:12px; letter-spacing:1px; }
#cnt-01 .inner .box-02 { margin:150px 0px 0px 0px; }
#cnt-01 .inner .box-02 .title-01 { border-bottom:1px solid #FFF; }
#cnt-01 .inner .box-02 .title-01-margin-top { margin-top:130px; }
#cnt-01 .inner .box-02 .title-01 h2 { padding-bottom:5px; font-size:25px; line-height:130%; font-weight:normal; text-align:center; letter-spacing:1px; }
#cnt-01 .inner .box-02 .text-01 p { margin-top:15px; color:#FFF; font-size:12px; line-height:200%;letter-spacing:1px; }
#cnt-01 .inner .box-02 .text-02 { margin-top:70px; }
#cnt-01 .inner .box-02 .text-02 h3 { font-size:25px; line-height:130%; font-weight:normal; text-align:center; letter-spacing:1px; }
#cnt-01 .inner .box-02 .text-02 .p-01 { margin-top:15px; color:#FFF; font-size:12px; line-height:200%;letter-spacing:1px; }
#cnt-01 .inner .box-02 .text-02 .p-02 { margin-top:4px; color:#31332C; font-size:11px; line-height:180%;letter-spacing:1px; }
#cnt-01 .inner .box-02 .button-01 { margin-top:42px; text-align:center; overflow:hidden; position:relative; }
#cnt-01 .inner .box-02 .button-01 a {
border:1px solid #FFF; padding:17px 60px 15px 60px; display:inline-block;
font-size:15px; color:#FFF; letter-spacing:1px; text-decoration:none;
}
#cnt-01 .inner .box-02 .text-03 { }
#cnt-01 .inner .box-02 .text-03 .p-01 { margin-top:14px; color:#31332C; font-size:12px; font-weight:bold; line-height:140%; letter-spacing:1px; }
#cnt-01 .inner .box-02 .text-03 .p-02 { margin-top:12px; }
#cnt-01 .inner .box-02 .text-03 .p-02 a { font-size:14px; color:#FFF; line-height:100%; text-decoration:none; letter-spacing:1px; }
#cnt-03 {
width:100%; min-width:800px; overflow:hidden; position:relative; /*border-top:13px solid #84B7D5;*/ /*background-color:#BEDFF2;*/ background-color:#797979; padding-bottom:60px;
/*
background-image:url(../../img/cnt_03_bg_01.gif);
background-repeat:no-repeat;
background-size:auto 100%;
*/
/*background-position:top center;*/
}
#cnt-03 .inner {
width:800px; min-width:800px;
top:0; left:0; right:0; bottom:0;
margin:auto;
overflow:hidden; position:relative;
background-image:url(../../img/cnt_03_bg_02.png);
background-repeat:no-repeat;
background-position:30px 145px;
}
#cnt-03 .inner .table { display:table; margin:85px 0px 0px 30px; }
#cnt-03 .inner .table .left { display:table-cell; width:300px; vertical-align:top; }
#cnt-03 .inner .table .left h2 { margin:2px 0px 0px 10px; text-align:left; }
#cnt-03 .inner .table .right { display:table-cell; vertical-align:top; }
#cnt-03 .inner .table .right .table-A { float:left; margin:0px 0px 0px 0px; }
#cnt-03 .inner .table .right .table-A .box-01 { width:100%; /*border-bottom:1px solid #F98080;*/ padding-bottom:60px; }
#cnt-03 .inner .table .right .table-A .box-01 td { vertical-align:top; }
#cnt-03 .inner .table .right .table-A .box-01 .head { font-size:12px; line-height:140%; color:#FFFFFF; letter-spacing:1px; font-weight:bold; padding:0px 0px 8px 0px; }
#cnt-03 .inner .table .right .table-A .box-01 .colon { font-size:12px; line-height:140%; color:#FFFFFF; letter-spacing:1px; font-weight:bold; padding:0px 5px 8px 5px; }
#cnt-03 .inner .table .right .table-A .box-01 .texts { font-size:12px; line-height:140%; color:#FFFFFF; letter-spacing:1px; padding:0px 0px 8px 0px; }
#cnt-03 .inner .table .right .table-A .box-01 .sp-photo { display:table; margin:30px 0px 0px 0px; overflow:hidden; position:relative; }
#cnt-03 .inner .table .right .table-A .box-01 .sp-photo .image { display:table-cell; padding:0px 10px 0px 0px; vertical-align:top; }
#cnt-03 .inner .table .right .table-A .box-01 .sp-photo .image img { width:90px; }
#cnt-03 .inner .table .right .table-A .box-01 .sp-photo .info { display:table-cell; vertical-align:top; }
#cnt-03 .inner .table .right .table-A .box-01 .sp-photo .info .text-A { font-weight:bold; text-align:left; font-size:12px; line-height:140%; color:#FFFFFF; letter-spacing:1px; }
#cnt-03 .inner .table .right .table-A .box-01 .sp-photo .info .text-B { opacity:0.8; margin:8px 0px 0px 0px; text-align:left; font-size:12px; line-height:140%; color:#FFFFFF; letter-spacing:1px; }
#cnt-03 .inner .table .right .table-A .box-02 { width:100%; padding-bottom:30px; }
#cnt-03 .inner .table .right .table-A .box-02 h3 { margin:60px 0px 0px 0px; font-size:14px; line-height:130%; color:#FFFFFF; letter-spacing:1px; font-weight:bold; }
#cnt-03 .inner .table .right .table-A .box-02 .table { display:table; width:100%; margin:0px 0px 0px 0px; }
#cnt-03 .inner .table .right .table-A .box-02 .table .td { display:table-cell; width:50%; vertical-align:top; padding-top:30px; }
#cnt-03 .inner .table .right .table-A .box-02 .table .td h4 { font-size:12px; color:#FFFFFF; letter-spacing:1px; font-weight:bold; padding-left:1em; text-indent:-1em; }
#cnt-03 .inner .table .right .table-A .box-02 .table .td .subtext { font-size:10px; color:#FFFFFF; letter-spacing:1px; margin:4px 0px 0px 0px; }
#cnt-03 .inner .table .right .table-A .box-02 .table .td ul { margin:10px 30px 0px 0px; }
#cnt-03 .inner .table .right .table-A .box-02 .table .td ul li {
font-size:12px; line-height:140%; color:#FFFFFF; letter-spacing:1px; maegin:0px 0px 8px 0px;
padding-left:1em; text-indent:-1em;
}
#cnt-03 .inner .table .right .table-A .box-02 .table .td ul li span { margin-right:-1px; }
#cnt-03 .inner .table .right .table-A .box-02 .table .td .other { margin:6px 0px 0px 0px; font-size:12px; line-height:130%; color:#FFFFFF; letter-spacing:1px; }
#footer { width:100%; min-width:872px; background-color:#FFFFFF; padding:24px 0px 24px 0px; }
#footer .logo { text-align:center; }
#footer .logo img { height:22px; }
#footer .copy { font-size:10px; line-height:110%; color:#AAAAAA; padding:6px 0px 0px 0px; text-align:center; }
}