﻿


.mt10 { margin-top:10px; }

.tol_cp { font-family: "游明朝", "YuMincho" , Helvetica , sans-serif; letter-spacing:0.2px; width:1000px; color:#24465e; margin:0 auto 40px; background:url(../images/tol_bg_main.png) repeat-y; }
.tol_cp::after { display:block; content:""; clear:both; }
.tol_cp * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tol_cp *::selection { background: #FFAE10; }
.tol_cp *::-moz-selection { background: #FFAE10; }

.tol_introduction { width:595px; float:left; color:#FFF; background:#000 url(../images/tol_bg.jpg); background-size:auto 100%; padding:135px 82px 100px; margin-bottom:55px; }
.tol_introduction h1 { margin-bottom:90px; }
.tol_introduction p { margin-bottom:1em; line-height:1.7; text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000; }
.tol_introduction .tol_txt_ja { margin-bottom:90px; }
.tol_cp .tol_introduction p::selection { background: #000; }
.tol_cp .tol_introduction p::-moz-selection { background: #000; }

.tol_nav { width:360px; float:left; padding:50px 30px 0 35px; margin:0 0 55px; border-top:40px solid #FFF; }
.tol_nav li { margin-bottom:15px; position:relative; }
.tol_nav .comingsoon { opacity:0.3; padding:7px 40px 0 35px; background:url(../images/tol_icon_arrow.png) right center no-repeat; }
.tol_nav .new a::before { display:block; content:"NEW"; color:#F90; font-size:10px; font-weight:bold; position:absolute; top:-1.3em; left:0; }
.tol_nav a { position:relative; padding:7px 40px 0 35px; display:block; text-decoration:none; background:url(../images/tol_icon_arrow.png) right center no-repeat; }
.tol_nav a:hover { opacity:0.6; }
.tol_nav span { display:block; }
.tol_nav .tol_num { position:absolute; top:0; left:0; border-bottom:1px solid #1d4663; font-size:20px; font-weight:bold; line-height:1.4; }
.tol_nav .tol_job { border-top:1px dotted #1d4663; font-size:11px; padding-top:8px; letter-spacing:normal; }
.tol_nav .tol_name_en { font-size:20px; }
.tol_nav .tol_name_jp { font-size:12px; margin-bottom:5px; }

.tol_item { width:900px; margin:50px auto 0; font-family: "游明朝", "YuMincho" , Helvetica , sans-serif; }
.tol_item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tol_item h2 { border-bottom:1px solid #1d4663; border-top:1px solid #1d4663; font-size:18px; padding:8px 10px; }
.tol_item .tol_item_read { padding:10px 10px; font-size:13px; }
.tol_item_list { padding:10px 10px; font-size:13px; text-align:center; margin:20px 0 70px; }
.tol_item_list li { position:relative; display:inline-block; width:400px; margin:0; vertical-align:top; padding-left:180px; }
.tol_item_list li:first-child { margin-right:70px; }
.tol_item_list li h3 { font-size:16px; text-align:left; }
.tol_item_list li span { display:block; }
.tol_item_list li p { padding:10px 0 0; line-height:1.8; }
.tol_item_list li p span { padding-top:5px; }
.tol_item_list .tol_btn { margin-top:10px; }
.tol_item_list .tol_btn a { display:block; background:#1d4663; padding:10px; color:#FFF; }
.tol_item_list .tol_btn a:hover { opacity:0.5; }
.tol_item_list .tol_item_ph { border:1px solid #CCC; width:150px; position:absolute; top:0; left:0; }
.tol_item_list .tol_item_ph img { width:100%; }

.tol_mv { position:relative; padding-top:70px; background:#FFF; }
.tol_mv .tol_hdg { position:absolute; top:22px; left:82px; text-align:center; width:308px; }
.tol_mv .tol_hdg_num { display:block; font-size:70px; font-weight:normal; color:#1d4663; line-height:1; padding-top:10px; }
.tol_mv .tol_hdg_num.txt_wh { color:#FFF; }

.tol_prologue { position:relative; background:#a1dbc6; margin:70px 50px 0; padding-top:160px; }
.tol_prologue .tol_hdg { position:absolute; top:-48px; text-align:center; width:100%; }
.tol_prologue .tol_hdg_num { display:block; font-size:70px; font-weight:normal; color:#1d4663; line-height:1; padding-top:10px; }
.tol_prologue .tol_hdg_tl { line-height:1; }
.tol_prologue2 { background:#e5a4ba; padding-top:90px; }
.tol_prologue_left { float:left; margin:0 40px 60px 0; }
.tol_prologue_right { float:right; margin:0 0 60px 40px; }
.tol_caption { font-size:12px; }

.tol_profile { padding:65px 0 50px; width:740px; margin:0 auto; }
.tol_profile::after { content:""; display:block; clear:both; }
.tol_profile span { display:block; }
.tol_profile .tol_job { font-size:14px; letter-spacing:normal; line-height:1.8; margin-bottom:40px; }
.tol_profile .tol_name_en { font-size:30px; line-height:normal; }
.tol_profile .tol_name_jp { font-size:17px; margin-bottom:5px; line-height:normal; }
.tol_profile .tol_txtlink a { color:#24465e; text-decoration:underline; }
.tol_profile .tol_txtlink a:hover { opacity:0.6; }
.tol_profile .col_lyt1 { display:block; margin-left:390px; padding:0 !important; }

.tol_read { margin:0 0 90px 35px; position:relative; padding-top:40px; }
.tol_read::before { content:""; display:block; position:absolute; top:0; left:0; width:50px; border-top:2px solid #1d4663; }
.tol_read_en { font-size:16px; font-weight:bold; margin-bottom:10px; }
.tol_read_jp { font-size:13px; }

.col { display:table-cell; width:380px; }
.col:first-child { padding-right:40px; }

.tol_txt_box { width:740px; margin:0 auto; padding-bottom:75px; }
.tol_txt_box::after { content:""; display:block; clear:both; }
.tol_txt_box h2 { line-height:1.6; margin-bottom:15px; word-break:normal; text-align:left; font-size:20px; }
.tol_txt_box p { line-height:1.9; margin-bottom:15px; word-break:normal; text-align:left; }

.tol_txt_box2 { padding-bottom:50px; background:#FFF; }
.tol_txt_box2 p { padding-top:50px; text-align:center; line-height:2; }

.tol_txt_box3 { padding-bottom:130px; margin:0 50px; background:#a6a3a2; }
.tol_txt_box3 p { padding-top:30px; text-align:center; line-height:2; color:#FFF; }


.tol_ph { margin:0 0 90px 50px; }
.tol_ph.right { margin-right:50px; text-align:right; }
.tol_ph.center { text-align:center; margin:0 -50px 90px; }

.tol_bnr { text-align:center; margin-bottom:20px; }
.tol_bnr:hover { opacity:0.6; }

.tol_pager { border-top:3px double #cdcdcd; border-bottom:3px double #cdcdcd; text-align:center; padding:20px 0; margin:30px 50px 50px; }
.tol_pager li { display:inline-block; padding:0 40px; font-family: "游明朝", "YuMincho" , Helvetica , sans-serif; }
.tol_pager a { color:#666666; text-decoration:underline; }
.tol_pager a:hover { opacity:0.5; }




