@charset "UTF-8";
.tt1_sec { background: #f7f7f7; padding: 8% 4%; }

.tt1_sec figure { margin-bottom: 10%; }

.tt1_sec .content { background: #fff; padding: 5%; margin-left: 5%; }

.tt1_sec .content p { margin-bottom: 4%; }

.tt2_sec { padding: 14% 3% 8%; }

.tt2_sec .cm_tt { margin-left: 40px; }

.tt2_sec .wrap_content { padding: 0 3%; }

.tt2_sec .wrap_content .content { margin-bottom: 7%; }

.tt2_sec .wrap_content .content:last-child { margin-bottom: 0; }

.tt2_sec .wrap_content .content figure { margin-bottom: 4%; }

.tt2_sec .wrap_content .content p { margin-bottom: 4%; }

.tt3_sec h2 { background: #102942; color: #fff; padding: 4%; text-align: center; font-size: 18px; }

.tt3_sec .wrap_content { padding: 8% 3%; }

.tt3_sec .wrap_content .content { background: url(../images/bg1.png) no-repeat center top; background-size: cover; margin-bottom: 7%; padding: 4%; }

.tt3_sec .wrap_content .content:last-child { margin-bottom: 0; }

.tt3_sec .wrap_content .content:nth-child(2) { background: url(../images/bg2.png) no-repeat center top; }

.tt3_sec .wrap_content .content:nth-child(3) { background: url(../images/bg3.png) no-repeat center top; }

.tt3_sec .wrap_content .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5%; }

.tt3_sec .wrap_content .content .title figure { margin-right: 20px; }

.tt3_sec .wrap_content .content .title figure img { width: 40px; }

.tt3_sec .wrap_content .content .title h3 { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; position: relative; }

.tt3_sec .wrap_content .content .title h3 span { font-size: 18px; color: #fff; margin-bottom: 1%; line-height: 1; display: block; }

.tt3_sec .wrap_content .content .title h3 strong { font-size: 12px; display: block; text-transform: uppercase; color: #fff; font-family: 'Roboto Condensed', sans-serif; }

.tt3_sec .wrap_content .content .inner p { color: #fff; margin-bottom: 4%; }

.tt3_sec .wrap_content .content .inner .btn1 a { border: 1px solid #fff; color: #fff; min-width: 120px; padding: 10px; }

.tt4_sec { background: url(../images/bg4.png) no-repeat center top; background-size: cover; padding: 6% 4%; }

.tt4_sec figure { margin-bottom: 15%; }

.tt4_sec .cm_tt { margin-left: 40px; }

.tt4_sec h4 { color: #caa24a; font-size: 17px; margin-bottom: 3%; }

.tt4_sec p { margin-bottom: 4%; }

.tt5_sec { padding: 15% 3% 8%; }

.tt5_sec .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5%; }

.tt5_sec .title .btn1 a { min-width: 100px; padding: 10px 7px; }

.tt5_sec .content { height: 250px; overflow: auto; }

.tt5_sec .content dl { margin-bottom: 20px; }

.tt5_sec .content dl dt { color: #caa24a; }

.tt5_sec .content dl dd a { text-decoration: none; }

.tt5_sec .cm_tt { margin-left: 40px; }