@charset "utf-8";

/* visual */
main .visual { margin-bottom:60px;}
main .visual h2 { position: relative; width:100%; font-size:64px; line-height:100%; top:150px; text-shadow: 0px 0px 40px #000; letter-spacing:4px; color:#fff; text-align:center; font-family: 'Spectral', serif; animation: fadeIn 1s ease 0s 1 normal; -webkit-animation: fadeIn 1s ease 0s 1 normal;}
main .visual h2 span { display:block; font-size:30%; font-family:"リュウミン L-KL", "Ryumin Light KL", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
main .visual img { width:100%;}
main .visual ul li { width:33.33%; float:left; margin-top:20px;}
main .visual ul li:nth-child(1) div { margin-right:14px;}
main .visual ul li:nth-child(2) div { margin:0px 6px 0px 6px;}
main .visual ul li:nth-child(3) div { margin-left:14px;}
main .visual.patterne { margin-bottom:0px;}
main .visual.pattern.one ul li:nth-child(1) { width:60%;}
main .visual.pattern.one ul li:nth-child(2) { width:40%;}
main .visual.pattern.one ul li:nth-child(1) div { margin:0px 12px 0px 0px;}
main .visual.pattern.one ul li:nth-child(2) div { margin:0px 0px 0px 8px;}
main .visual.pattern.two ul li:nth-child(1) { width:40%;}
main .visual.pattern.two ul li:nth-child(2) { width:60%;}
main .visual.pattern.two ul li:nth-child(1) div { margin:0px 8px 0px 0px;}
main .visual.pattern.two ul li:nth-child(2) div { margin:0px 0px 0px 12px;}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/* main_box */
main .box { overflow: inherit;}

/* catch */
main .catch { text-align:center;}
main .catch h2 { width:980px; margin:auto; margin-bottom:36px; padding-bottom:38px; border-bottom:thin solid #000; font-size:36px; letter-spacing:1px; text-align:center; font-family: 'Spectral', serif;}
main .catch h2 span { display:block; padding-top:20px; font-size:16px; font-family:"リュウミン L-KL", "Ryumin Light KL", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
main .catch h3 { font-size:36px; line-height:160%; margin-bottom:20px; letter-spacing:1px; font-family:"リュウミン L-KL", "Ryumin Light KL", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

/*submenu*/
main .submenu { margin:0 auto; width:960px;}
main .submenu dl { display:flex; flex-wrap:wrap; margin-top:50px; text-align:center; border-left:thin solid #333; border-right:thin solid #333; border-bottom:thin solid #333;}
main .submenu dt { width:100%; padding:20px; color:#fff; background:#333; box-sizing:border-box; font-size:20px; font-family:"リュウミン L-KL", "Ryumin Light KL", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
main .submenu dd { width:50%; border-top:thin solid #333; box-sizing:border-box; position:relative;}
main .submenu .top dd:after { position:absolute; content: "\f3d0"; font-family: "Ionicons"; top:35%; right:20px;}
main .submenu .bottom dd:after { position:absolute; content: "\f3d8"; font-family: "Ionicons"; top:35%; right:20px;}
main .submenu dd:nth-Child(odd) { border-left:thin solid #333;}
main .submenu dd a { width:100%; padding:20px; display:inline-block; text-decoration:none; box-sizing:border-box;}

/*list-sec*/
main .list-sec { width:100%;}
main .list-sec .block { margin:0 auto; width:960px;}
main .list-sec .block + .block { margin-top:60px;}
main .list-sec .block h2 {display:inline-block; vertical-align:middle; width:234px; text-align:center; font-size:38px; font-family:"リュウミン L-KL", "Ryumin Light KL", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
main .list-sec .block .text-sec {display:inline-block; vertical-align:middle; width:686px; border-left:thin dotted #333; padding-left:32px; letter-spacing:1px; font-size:15px; line-height:150%; text-align:left; color:#000; font-family: "ヒラギノ角ゴ W1 JIS2004", "Hiragino Kaku Gothic W1 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

main .list-sec .sublist-sec { width:100%; margin-top:50px; display:flex; flex-wrap:wrap; }
main .list-sec .sublist-sec li { display:inline-flex; position:relative;}
main .list-sec .sublist-sec li + li { margin-top:80px;}
main .list-sec .sublist-sec .child_img { width:355px; height:280px;}
main .list-sec .sublist-sec .child_textR { width:575px; margin-left:30px;}
main .list-sec .sublist-sec .child_textL { width:575px; margin-right:30px;}

main .list-sec .sublist-sec div h3 { width:100%; display:block; padding:10px 20px; letter-spacing:0.05em; box-sizing:border-box; align-content:center; background:#eee; font-size:18px; font-family:"リュウミン M-KL", "Ryumin Medium KL", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
main .list-sec .sublist-sec div p { margin-top:30px; letter-spacing:1px; font-size:16px; line-height:180%; text-align:left; color:#000; font-family: "ヒラギノ角ゴ W1 JIS2004", "Hiragino Kaku Gothic W1 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

main .list-sec .sublist-sec .oneCol li { width:100%; letter-spacing:-1px;}
main .list-sec .sublist-sec .oneCol li + li { margin-top:20px;}
main .list-sec .sublist-sec .twoCol { letter-spacing: -.4em;}
main .list-sec .sublist-sec .twoCol li { width:100%; letter-spacing: normal; margin-top:0;}
main .list-sec .sublist-sec .twoCol li:nth-Child(n+3) { margin-top:20px;}

main .list-sec .sublist-sec .square li { padding-left:30px; box-sizing:border-box;}
main .list-sec .sublist-sec .square li:before { position:absolute; content: "■"; font-size:20px; left:0;}

/*memo*/
main .list-sec .memo { width:456px; display:inline-block; margin-top:40px;}
main .list-sec .memo .sublist-sec { margin-top:30px;}
main .list-sec .memo.end { margin-left:40px;}
main .list-sec .memo h2 {width:100%; text-align:left; font-size:38px; border-bottom:thin solid #333; padding-bottom:30px; font-family:"リュウミン L-KL", "Ryumin Light KL", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

/*btn-sec*/
main .btn-sec { width:100%; margin-top:50px;}
main .btn-sec .area .entry { margin:0 auto; width:450px; text-align:center; background:#333; font-size:20px; position:relative;}
main .btn-sec .area .entry:after { position:absolute; content: "\f3d3"; font-family: "Ionicons"; color:#fff; top:35%; right:20px;}
main .btn-sec .area .entry a { width:100%; padding:20px 0; display:inline-block; text-decoration:none; color:#fff; background:#333; font-size:20px;}
main .btn-sec .area .forTop { width:100%; text-align:right; color:#666; font-size:12px;}
main .btn-sec .area .forTop a:hover { text-decoration:underline;}

@media all and (min-width: 1025px) {
}

/*.child_text a:hover"*/
main .list-sec .sublist-sec .child_textL a:hover { border-color:#D7D7D7;
color:#fff; }
main .list-sec .sublist-sec .child_textL a div:hover { background-color:#D7D7D7;
color:#fff;	}				

main .list-sec .sublist-sec .child_textR a:hover { border-color:#D7D7D7;
color:#fff; }
main .list-sec .sublist-sec .child_textR a div:hover { background-color:#D7D7D7;
color:#fff;	}