.page_main_title { background: #00a0e9 url(../img/index/bg_title.jpg) right top no-repeat; overflow: hidden; }
.page_main_title .container:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
.page_main_title .title_wrap { display: flex; align-items: center; float: right; position: relative; width: 487px; height: 480px; }
.page_main_title .title_wrap:after { background: url(../img/index/img_title.png) no-repeat; content: ""; position: absolute; top: 0px; right: 487px; width: 737px; height: 480px; }
.page_main_title .title_container { color: #ffffff; text-align: center; width: 100%; }
.page_main_title .copy { font-size: 0; line-height: 0; }
.page_main_title .name { font-size: 112.5%; margin-top: 35px; }
.page_main_title .title { font-size: 100%; margin-top: 35px; }
.page_main_title .title span { border: 2px solid #ffffff; display: inline-block; vertical-align: top; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); padding: 5px 65px; }
.page_main_title .title span b { display: block; font-size: 150%; font-weight: normal; -webkit-transform: skewX(10deg); transform: skewX(10deg); }
.top_banner img { width: 100%; }
.page_sub_title { border-left: 3px solid #00a0e9; font-size: 150%; line-height: 1.2; padding-left: 9px; }
.page_sub_title.second { margin-top: 35px; }
.page_mynavi p:nth-of-type(1) { font-size: 0; line-height: 0; }
.page_mynavi p:nth-of-type(1) img { width: 100%; }
.page_mynavi p:nth-of-type(2) { display: flex; justify-content: flex-end; margin-top: 25px; }
.page_mynavi p:nth-of-type(2) a { display: flex; align-items: center; }
.page_mynavi p:nth-of-type(2) a span:nth-of-type(1) { display: block; font-size: 0; line-height: 0; width: 160px; }
.page_mynavi p:nth-of-type(2) a span:nth-of-type(1) img { width: 100%; }
.page_mynavi p:nth-of-type(2) a span:nth-of-type(2) { display: block; margin-left: 10px; }
@media only screen and (min-width:767px){
.top_banner { margin-top: 74px; margin-bottom: 104px; }
.top_banner a { -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; }
.top_banner a:hover { opacity: 0.7; text-decoration: none; }
.page_mynavi p:nth-of-type(1) a { -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; }
.page_mynavi p:nth-of-type(1) a:hover { opacity: 0.7; text-decoration: none; }
.page_mynavi p:nth-of-type(2) a span:nth-of-type(1) { -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; }
.page_mynavi p:nth-of-type(2) a:hover span:nth-of-type(1) { opacity: 0.7; text-decoration: none; }
}
@media only screen and (max-width:767px){
.page_main_title { background: #00a0e9 url(../img/index/bg_title_sp.jpg) left top no-repeat; background-size: cover; }
.page_main_title .title_wrap { width: 56.5625%; height: 84.375vw; }
.page_main_title .title_wrap:after { display: none; }
.page_main_title .copy img { width: 91.1602%; }
.page_main_title .name { font-size: 2.8125vw; margin-top: 4.6875vw; }
.page_main_title .title { margin-top: 4.6875vw; }
.page_main_title .title span { padding: 1.5625vw 10.1562vw; }
.page_main_title .title span b { font-size: 3.75vw; }
.top_banner { margin-top: 42px; margin-bottom: 45px; }
.page_sub_title { font-size: 126.6666%; }
.page_sub_title.second { margin-top: 4.6875vw; }
.page_mynavi p:nth-of-type(2) { display: block; }
.page_mynavi p:nth-of-type(2) a span:nth-of-type(1) { width: 100px; }
.page_mynavi p:nth-of-type(2) a span:nth-of-type(1) img { width: 100%; }
.page_mynavi p:nth-of-type(2) a span:nth-of-type(2) { margin-left: 7px; }
}