@charset "utf-8";
/***************************************************************

* H.I.S. tameciao style.css

* COPYRIGHT(C)H.I.S.Co.,Ltd. ALL RIGHTS RESERVED.

***************************************************************/


/* Reset
***************************************************************/

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
{
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

img {
    border: none;
}

ul,
ol {
    list-style: none;
}

strong {
    font-weight: bold;
}


/* Body
***************************************************************/

body {
    color: #333;
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    background: #ffffff;
}

h1,
#topArea p:nth-of-type(1){
    margin-bottom: 40px;
}

a {
    color: #06c;
}

a:link,
a:visited {
    color: #06c;
}

a:hover {
    text-decoration: none;
}

a:active {
    color: #06f;
}


/* Clearfix
***************************************************************/

.hidden {
    display: none;
}


/*.clearfix {
	clear: both;
}*/

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}


/*.clearfix {
	display:inline-table;
}*/


/* HIDE IEmac-5 */


/** html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}*/


/* */


/* Snipets
***************************************************************/

.textCenter {
    text-align: center;
}

.mgt20 {
    margin-top: 20px;
}


/* BREADCRUMB
***************************************************************/

#breadcrumb {
    width: 960px;
    font-size: 80%;
    /*background:url(../img/bg.jpg) repeat-y;*/
    margin: 0 auto;
    padding: 0;
}

@media only screen and (max-width: 740px) {
    #top #breadcrumb,
    #second #breadcrumb,
    #third #breadcrumb,
    #four #breadcrumb {
        width: 100%;
    }
}


#breadcrumb #body {
    width: 950px;
    margin: 0 auto;
    padding: 7px 0 10px;
}

@media only screen and (max-width: 740px) {
    #top #breadcrumb #body,
    #second #breadcrumb #body,
    #third #breadcrumb #body,
    #four #breadcrumb #body {
        width: 100%;
        position: relative;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }
}

#breadcrumb a {
    color: #003F98;
}

#breadcrumb a:hover {
    text-decoration: none;
}

#socialBox {
    position: absolute;
    top: 8px;
    right: 0;
}

@media only screen and (max-width: 740px) {
    #top #socialBox,
    #second #socialBox,
    #third #socialBox,
    #four #socialBox {
        height: 20px;
        bottom: 0;
        top: auto;
    }
}

/* For Responsive
***************************************************************/
.pcContents {
    display: block;
}

br.pcContents {
    display: inline-block;
}


.spContents {
    display: none;
}

@media only screen and (max-width: 740px) {
    .spContainer {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .spOverflow {
        margin-left: -24px !important;
        margin-right: -24px !important;
    }

    .spOverflowTable {
        margin-right: -24px;
        width: calc(100% + 24px) !important;
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
    }

    .pcContents,
    br.pcContents {
        display: none;
    }

    .spContents {
        display: block;
    }
}

@media only screen and (max-width: 740px) {
    #top,
    #second,
    #third,
    #four {
        -webkit-text-size-adjust: 100%;
    }
}

/* CONTENTS
***************************************************************/

#container {
    width: 960px;
    margin: 0 auto;
    padding: 40px 0 30px;
}

#top #container,
#second #container,
#third #container,
#four #container {
    width: 992px;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
}

@media only screen and (max-width: 740px) {
    #top #container,
    #second #container,
    #third #container,
    #four #container {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }
}


#container h2 {
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
/*    margin-top: 100px;*/
}

#container h3 {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: bold;
}


/* globalNav
***************************************************************/

#top #globalNav,#five #globalNav,
#second #globalNav,
#third #globalNav,
#four #globalNav,
#five #globalNav {
    background: #0c3387;
}

/* #top #globalNav,#five #globalNav {
    background: #0c3387;
}

#second #globalNav {
    background: #ffee00;
}

#third #globalNav {
    background: #e00012;
}

#four #globalNav {
/*    background: #02b2ee;*/
     background: #f49e24;
} */

@media only screen and (max-width: 740px) {
    #top #globalNav,#five #globalNav,
    #second #globalNav,
    #third #globalNav,
    #four #globalNav {
        background-color: #0c3387;
    }
}

#globalNav ul li {
    float: left;
    width: 25%;
    height: 3em;
    line-height: 3em;
    text-align: center;
}

@media only screen and (max-width: 740px) {
    #top #globalNav ul,
    #second #globalNav ul,
    #third #globalNav ul,
    #four #globalNav ul {
        display: flex;
        padding-left: 24px;
        padding-right: 24px;
    }

    #top #globalNav ul li,
    #second #globalNav ul li,
    #third #globalNav ul li,
    #four #globalNav ul li {
        float: none;
        width: auto;
        height: auto;
        line-height: normal;
        text-align: left;
        flex-shrink: 0;
        font-weight: bold;
        flex-grow: 1;
    }
}


#globalNav ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
}

@media only screen and (max-width: 740px) {
    #top #globalNav ul li a,
    #second #globalNav ul li a,
    #third #globalNav ul li a,
    #four #globalNav ul li a {
        display: flex;
        align-items: center;
        padding: 12px 4px;
        justify-content: center;
        height: auto;
        box-sizing: border-box;
        font-size: 14px;
    }

    #top #globalNav ul li a > *,
    #second #globalNav ul li a > *,
    #third #globalNav ul li a > *,
    #four #globalNav ul li a > * {
        flex-grow: 1;
        text-align: center;
    }
}


#top #globalNav ul li a#topButton {
    color: #999;
}

#second #globalNav ul li a#secondButton,
#third #globalNav ul li a#thirdButton
{
    color: #999;
}

#four #globalNav ul li a#fourButton
 {
    color: #999;
}

#globalNav ul li a:hover {
    text-decoration: underline;
}


/* bunner
***************************************************************/

#topicArea01 #bunner {
    margin: 70px 0;
}

#topicArea01 #bunner h2 {
    margin-bottom: 30px;
}

#topicArea01 #bunner h3 {
    margin-bottom: 1em;
    color: #e50012;
}

#topicArea01 #bunner dl {
    margin-bottom: 2em;
}

#topicArea01 #bunner dt {
    float: left;
    font-weight: bold;
}

#topicArea01 #bunner dd {
    padding-left: 3.5em;
    margin-bottom: .5em;
}

#topicArea01 #bunner dd ul {
    padding-left: 2em;
}

#topicArea01 #bunner dl#chuiJiko {
    font-size: .75rem;
}


/* attention
***************************************************************/

#top #attention {
    text-align: left;
}

#attention {
    font-size: .75rem;
    border: solid 1px #ccc;
    background: #eee;
    padding: 2em 3em 1.25em;
    margin-top: 100px;
}

@media only screen and (max-width: 740px) {
    #attention {
        margin-top: 60px;
    }
}


#attention h3 {
    font-size: 1rem;
    font-weight: bold;
    text-indent: -.6em;
    margin-bottom: .5em;
}

#attention li {
    margin-bottom: .5em;
}


/* inquiry
***************************************************************/

#inquiry {
    text-align: center;
    margin-top: 50px;
}

#inquiry p#kaiinDesk {
    font-size: 1.5rem;
    font-weight: bold;
    margin: .25em 0;
}

#inquiry p#kaiinDesk strong {
    font-size: 2.5rem;
    color: #f29700;
}

/* #top #inquiry p#kaiinDesk {
    margin: 15px 0;
} */

#top #inquiry p#kaiinDesk strong a,
#second #inquiry p#kaiinDesk strong a,
#third #inquiry p#kaiinDesk strong a,
#four #inquiry p#kaiinDesk strong a,
#five #inquiry p#kaiinDesk strong a {
    color: #f29700;
    text-decoration: none;
}

@media only screen and (max-width: 740px) {
    #top #inquiry p#kaiinDesk strong a,
    #second #inquiry p#kaiinDesk strong a,
    #third #inquiry p#kaiinDesk strong a,
    #four #inquiry p#kaiinDesk strong a,
    #five #inquiry p#kaiinDesk strong a {
        display: block;
    }
}

#inquiry #kojinJoho {
    margin: 2.5em 0;
}

@media only screen and (max-width: 740px) {
    #top #inquiry #kojinJoho,
    #second #inquiry #kojinJoho,
    #third #inquiry #kojinJoho,
    #four #inquiry #kojinJoho {
        display: flex;
        flex-direction: column;
    }

    #top #inquiry #kojinJoho a,
    #second #inquiry #kojinJoho a,
    #third #inquiry #kojinJoho a,
    #four #inquiry #kojinJoho a {
        display: inline-block;
    }

    #top #inquiry .divider,
    #second #inquiry .divider,
    #third #inquiry .divider,
    #four #inquiry .divider {
        display: none;
    }
}


/* pagetop
------------------------------------------------------------*/

#pagetop {
    width: 960px;
    text-align: right;
    margin: 30px 0 50px;
}

@media only screen and (max-width: 740px) {
    #top #pagetop,
    #second #pagetop,
    #third #pagetop,
    #four #pagetop {
        display: none;
    }
}

/* top topArea
***************************************************************/

#top #topArea {
    position: relative;
}

@media only screen and (max-width: 740px) {
    #top .mainVisual {
        margin-bottom: 20px !important;
    }

    #top .mainVisual img {
        width: 100%;
        height: auto;
    }
}

#top #topArea #read {
    position: absolute;
    top: 205px;
    left: 80px;
    width: 430px;
}

@media only screen and (max-width: 740px) {
    #top #topArea #read {
        position: static;
        width: 100%;
        box-sizing: border-box;
    }
}

#top #topArea #read #readTitleName {
    font-size: 1.25rem;
    font-weight: bold;
    color: #0c3387;
}


/* top topicArea01
***************************************************************/
@media only screen and (max-width: 740px) {
    #top #topicArea01 h2:nth-child(1) img {
        width: 100%;
        height: auto;
        margin-top: 40px;
    }
}

#top #topicArea01 #courses {
    margin-top: 70px;
}

@media only screen and (max-width: 740px) {
    #top #topicArea01 #courses {
        margin-top: 20px;
    }

    #top #topicArea01 #courses > * + * {
        margin-top: 20px;
    }
}


@media only screen and (max-width: 740px) {
    #top #topicArea01 #courses img {
        width: 100%;
        height: auto;
    }
}

#top #topicArea01 #courses #courseMaitsukibarai {
    float: left;
    position: relative;
}

#top #topicArea01 #courses #courseIikkatsubarai {
    float: right;
    position: relative;
}

@media only screen and (max-width: 740px) {
    #top #topicArea01 #courses #courseMaitsukibarai,
    #top #topicArea01 #courses #courseIikkatsubarai {
        float: none;
    }
}

#top #topicArea01 #courses ol {
    position: absolute;
    text-align: center;
    top: 290px;
}

#top #topicArea01 #courses #courseMaitsukibarai ol {
    left: 200px;
}

#top #topicArea01 #courses #courseIikkatsubarai ol {
    left: 113px;
}

#top #topicArea01 #courses ol li {
    margin-bottom: .5em;
}

#top #topicArea01 #courses ol span {
    font-weight: bold;
}

#top #topicArea01 #mankiShohinkenGaku {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    margin-top: 70px;
}

@media only screen and (max-width: 740px) {
    #top #topicArea01 #mankiShohinkenGaku {
        margin-top: 40px;
    }
}


#top #topicArea01 #mankiShohinkenGaku strong {
    font-size: 1.5rem;
    color: #e50012;
}

#top #topicArea01 #mankiShohinkenGaku span {
    font-size: .75rem;
    font-weight: normal;
}

#top #topicArea01 #arrowBottom {
    text-align: center;
    margin: 30px auto 20px;
}

#top #topicArea01 #yukokigenArimasen {
    color: #0c3387;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
}

@media only screen and (max-width: 740px) {
    #top #topicArea01 .findButtonArea img,
    #second .findButtonArea img,
    #third .findButtonArea img,
    #four .findButtonArea img {
        width: 100%;
        height: auto;
    }

    #second .findButtonArea {
        margin-top: 20px;
    }
}

/* top bottomArea
***************************************************************/

@media only screen and (max-width: 740px) {
    #top #bottomArea {
        margin-left: -24px;
        margin-right: -24px;
    }
}

/* second topArea
***************************************************************/
@media only screen and (max-width: 740px) {
    #second #topArea h1 img {
        width: 100%;
        height: auto;
    }
}

/* second topicArea01
***************************************************************/

#second #topicArea01 h2 {
    margin-bottom: 20px;
}

#second #topicArea01 table#tsumitatePlanTable {
    margin-top: 30px;
    width: 100%;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 table#tsumitatePlanTable {
        margin-bottom: 60px;
    }
}

#second #topicArea01 table#tsumitatePlanTable tr {
    border-bottom: solid 1px #ccc;
}

#second #topicArea01 table#tsumitatePlanTable th,
#second #topicArea01 table#tsumitatePlanTable td {
    padding: 10px 30px;
}

@media only screen and (max-width: 740px) {   
    #second #topicArea01 table#tsumitatePlanTable th,
    #second #topicArea01 table#tsumitatePlanTable td {
        padding: 10px
    }
}

#second #topicArea01 table#tsumitatePlanTable th {
    color: #666;
    text-align: left;
}

#second #topicArea01 table#tsumitatePlanTable .course {
    color: #06b1e7;
    font-size: 1.25rem;
    font-weight: bold;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 table#tsumitatePlanTable .course {
        font-size: 1rem;
    }    
}

#second #topicArea01 table#tsumitatePlanTable .notes {
    color: #f29700;
    font-size: 1.5rem;
    font-weight: bold;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 table#tsumitatePlanTable .notes {
        font-size: 1.25rem;
    }
}

#second #topicArea01 #courses #courseMaitsukibarai {
    width: 960px;
    background: url(../img/back_middle_second_couse_maitsukibarai.png) repeat-y;
}


@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses #courseMaitsukibarai {
        margin-bottom: 60px;
    }
}

#second #topicArea01 #courses #courseIkkatsubarai {
    width: 960px;
    background: url(../img/back_middle_second_couse_ikkatsubarai.png) repeat-y;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses #courseMaitsukibarai,
    #second #topicArea01 #courses #courseIkkatsubarai {
        width: 100%;
        background-image: none;
    }
}

#second #topicArea01 #courses #courseMaitsukibarai .backBottom {
    background: url(../img/back_bottom_second_couse_maitsukibarai.png) no-repeat bottom;
    padding-bottom: 30px;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses .backBottom {
        background-image: none !important;
        padding-bottom: 0 !important;
    }

    #second #topicArea01 #courses .backBottom img {
        width: 100%;
        height: auto;
        max-width: 252px;
    }
}

#second #topicArea01 #courses #courseIkkatsubarai .backBottom {
    background: url(../img/back_bottom_second_couse_ikkatsubarai.png) no-repeat bottom;
    padding-bottom: 30px;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses #courseIkkatsubarai .backBottom {
        background-image: none;
    }
}

#second #topicArea01 #courses p.courseRead {
    margin: 30px 30px 10px;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses p.courseRead {
        margin-left: 0;
        margin-right: 0;
    }
}

#second #topicArea01 #courses table {
    width: 900px;
    border: 2px solid #ccc;
    border: 2px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
    empty-cells: show;
    text-align: center;
    margin: 20px auto 10px;
}

#second #topicArea01 #courses table th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    padding: 0.3em;
    text-align: center;
}

#second #topicArea01 table#maitsukibaraiCourseTable th {
    background-color: #d2f9c3;
}

#second #topicArea01 table#ikkatsubaraiCourseTable th {
    background-color: #f7d0c0;
}

#second #topicArea01 #courses table td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.3em;
}

#second #topicArea01 #courses table td.topline {
    border-top: 2px solid #ccc;
}

#second #topicArea01 #courses table tr.bottomline {
    border-bottom: 2px solid #ccc;
}

#second #topicArea01 #courses table th.rightline,
#second #topicArea01 #courses table td.rightline {
    border-right: 2px solid #ccc;
}

#second #topicArea01 table#maitsukibaraiCourseTable tr th.blue,
#second #topicArea01 table#maitsukibaraiCourseTable tr td.blue {
    background-color: #d2f9c3 !important;
}

#second #topicArea01 table#ikkatsubaraiCourseTable tr th.blue,
#second #topicArea01 table#ikkatsubaraiCourseTable tr td.blue {
    background-color: #f7d0c0 !important;
}

#second #topicArea01 #courses table td.monthly {
    border-right: 2px solid #ccc;
}

#second #topicArea01 table#maitsukibaraiCourseTable td.giftticket {
    background-color: #fcfbbf;
}

#second #topicArea01 table#ikkatsubaraiCourseTable td.giftticket {
    background-color: #fff4c5;
}

#second #topicArea01 table#maitsukibaraiCourseTable tr.service td {
    background-color: #fcfbbf;
}

#second #topicArea01 table#ikkatsubaraiCourseTable tr.service td {
    background-color: #fff4c5;
}

#second #topicArea01 table#maitsukibaraiCourseTable tr.course td {
    background-color: #fcfbbf;
}

#second #topicArea01 table#ikkatsubaraiCourseTable tr.course td {
    background-color: #fff4c5;
}

#second #topicArea01 table#maitsukibaraiCourseTable td span.notes {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}

#second #topicArea01 table#maitsukibaraiCourseTable .nothing {
    display: none;
}

#second #topicArea01 #courses p.tableSapple {
    margin: 0 30px;
    font-size: .75rem;
    margin-bottom: 30px;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses p.tableSapple {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
}

#second #topicArea01 #courses .circlePhotoSet {
    padding: 30px 30px;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses .circlePhotoSet {
        padding-left: 0;
        padding-right: 0;
    }
}

#second #topicArea01 #courses .circlePhotoSet .circlePhoto {
    width: 100%;
    max-width: 302px;
    float: left;
    margin-right: 30px;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses .circlePhotoSet .circlePhoto {
        float: none;
        margin-right: 0;
        margin: 0 auto;
        text-align: center;
    }
}

#second #topicArea01 #courses .circlePhotoSet h3 {
    padding-top: 60px;
}

@media only screen and (max-width: 740px) {
    #second #topicArea01 #courses .circlePhotoSet h3 {
        padding-top: 20px;
    }    
}

#second #topicArea01 #courses .circlePhotoText {
    margin-top: 10px;
}

#second #topicArea01 #courses .circlePhotoText span {
    color: #e30012;
}

#second #topicArea01 #courses #courseMaitsukibarai h3 {
    color: #22ab38;
}

#second #topicArea01 #courses #courseIkkatsubarai h3 {
    color: #f29700;
}


/* third topArea
***************************************************************/
@media only screen and (max-width: 740px) {
    #third h1 img {
        width: 100%;
        height: auto;
    }
}

/* third topicArea01
***************************************************************/
@media only screen and (max-width: 740px) {
    #third #topicArea01 {
        margin-bottom: 60px;
    }
}

#third #topicArea01 .boxTitle {
    color: #fff;
    font-weight: bold;
    background: #517bd3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    font-size: 1.5rem;
}

#third #topicArea01 .boxTitle--moshikomuBox {
    background-color: #517bd3;
}

#third #topicArea01 .boxTitle--azukeruBox {
    background-color: #3560ba;
}

#third #topicArea01 .boxTitle--uketoruBox {
    background-color: #1e48a0;
}

#third #topicArea01 .boxTitle--tsukauBox {
    background-color: #0c3387;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 .boxTitle {
        width: 100%;
        height: auto;
        padding: 10px;
        box-sizing: border-box;
    }

    #third #topicArea01 .boxItems {
        display: flex;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    #third #topicArea01 .boxItems--moshikomuBox {
        border: solid 1px #517bd3 !important;
    }

    #third #topicArea01 .boxItems--azukeruBox {
        border: solid 1px #3560ba !important;
    }

    #third #topicArea01 .boxItems--azukeruBox > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    #third #topicArea01 .boxItems--uketoruBox {
        border: solid 1px #1e48a0 !important;
    }

    #third #topicArea01 .boxItems--uketoruBox > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    #third #topicArea01 .boxItems--tsukauBox {
        border: solid 1px #0c3387 !important;
    }

    #third #topicArea01 .boxItems > * {
        box-sizing: border-box;
    }

    #third #topicArea01 .boxItems > * + * {
        margin-top: -1px;
    }
}

#third #topicArea01 #goriyoHohoFlowBox {
    width: 960px;
    margin-top: 70px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox {
        width: 100%;
        margin-top: 30px;
    }
}

#third #topicArea01 #goriyoHohoFlowBox h3 {
    width: 200px;
    float: left;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox h3 {
        float: none;
        width: 100%;
    }
}


#third #topicArea01 #goriyoHohoFlowBox .goriyoHohoArrow {
    clear: both;
    padding: 50px 0;
    text-align: center;
}

#third #topicArea01 #goriyoHohoFlowBox .goriyoHohoArrow img {}

#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox {
    border: solid 1px #517bd3;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 .boxContainer {
        width: 100%;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox {
    border: solid 1px #3560ba;
}

#third #topicArea01 #goriyoHohoFlowBox #uketoruBox {
    border: solid 1px #1e48a0;
}

#third #topicArea01 #goriyoHohoFlowBox #tsukauBox {
    border: solid 1px #0c3387;
}

#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox,
#third #topicArea01 #goriyoHohoFlowBox #azukeruBox,
#third #topicArea01 #goriyoHohoFlowBox #uketoruBox,
#third #topicArea01 #goriyoHohoFlowBox #tsukauBox {
    width: 758px;
    height: 198px;
    float: right;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #moshikomuBox,
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox,
    #third #topicArea01 #goriyoHohoFlowBox #uketoruBox,
    #third #topicArea01 #goriyoHohoFlowBox #tsukauBox {
        width: 100%;
        height: auto;
        float: none;
        border: none;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuLeft,
#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuRight {
    width: 378px;
    height: 200px;
    text-align: center;
    border-right: solid 1px #ccc;
    font-size: 1.25rem;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuLeft,
    #third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuRight {
        width: 100%;
        height: auto;
        border: none;
        padding-left: 10px;
        padding-right: 10px;
    }
}


#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuLeft {
    float: left;
    font-weight: bold;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuLeft {
        padding-bottom: 20px;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuRight {
    float: right;
    font-weight: bold;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuRight {
        border-top: solid 1px #ccc;
        padding-top: 20px;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox p {
    padding: .25em 0;
}

#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox p span.telNumber {
    font-size: 1.75rem;
    color: #f29700;
}

#third #topicArea01 #goriyoHohoFlowBox #moshikomuBox #moshikomuRight p.eigyoDate {
    font-size: 1rem;
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox p#azukeruRead {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox p#azukeruRead {
        margin-top: 0;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft,
#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight {
    width: 50%;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft,
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight {
        width: 100%;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft p,
#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight p {
    text-align: center;
    margin: 12px 0;
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft {
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft {
        float: none;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight {
    float: right;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight {
        float: none;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft #maitsukiShirahi,
#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft #bonusHenyo,
#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight #ikkatsuHikotoshi,
#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight #ikkatsuBarai {
    border-radius: 10px;
    width: 300px;
    box-sizing: border-box;
    padding: 0 10px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft #maitsukiShirahi,
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft #bonusHenyo,
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight #ikkatsuHikotoshi,
    #third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight #ikkatsuBarai {
        width: 100%;
    }    
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft #maitsukiShirahi {
    background-color: #06ace3;
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruLeft #bonusHenyo {
    background-color: #22a437;
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight #ikkatsuHikotoshi {
    background-color: #ed9300;
}

#third #topicArea01 #goriyoHohoFlowBox #azukeruBox #azukeruRight #ikkatsuBarai {
    background-color: #eeafcb;
}

#third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruLeft,
#third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruRight {
    width: 50%;
}

#third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruLeft {
    float: left;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruLeft {
        text-align: center;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruRight {
    float: right;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruLeft,
    #third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruRight {
        width: 100%;
        float: none;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruLeft p {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 45px 0 45px 30px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruLeft p {
        margin: 0;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruRight p {
    margin-top: 25px;
    margin-left: 50px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruRight p {
        margin: 20px 0 0;
        text-align: center;
    }

    #third #topicArea01 #goriyoHohoFlowBox #uketoruBox #uketoruRight p img {
        width: 100%;
        height: auto;
        max-width: 254px;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #tsukauBox {
    background: url(../img/airplane.png) no-repeat center 107px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #tsukauBox {
        background-position: center;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #tsukauBox p {
    text-align: center;
    margin: 35px 0 35px 30px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #goriyoHohoFlowBox #tsukauBox p {
        text-align: center;
        margin: 0;
    }

    #third #topicArea01 #goriyoHohoFlowBox #tsukauBox p + * {
        margin-top: 20px;
    }
}

#third #topicArea01 #goriyoHohoFlowBox #tsukauBox p strong {
    font-size: 1.25rem;
    font-weight: bold;
    color: #f29700;

}

@media only screen and (max-width: 740px) {
    #third #topicArea01 .tickectsContainer h2 img {
        width: 100%;
        max-width: 428px;
        height: auto;
    }
}

#third #topicArea01 #ticketsRead {
    text-align: center;
    margin-top: 20px;
}

#third #topicArea01 #skyTickets #tickets {
    float: left;
    width: 400px;
    margin-top: 60px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #skyTickets #tickets {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
}

#third #topicArea01 #skyTickets #tickets p img {
    margin-bottom: 30px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #skyTickets #tickets p {
        text-align: center;
    }
    
    #third #topicArea01 #skyTickets #tickets p img {
        width: 100%;
        max-width: 400px;
        height: auto;
    }
}

#third #topicArea01 #skyTickets #aboutSky {
    float: right;
    width: 500px;
    margin-top: 55px;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #skyTickets #aboutSky {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
}

#third #topicArea01 #skyTickets #aboutSky dt {
    font-size: 1.75rem;
    font-weight: bold;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #skyTickets #aboutSky dt {
        font-size: 1.25rem;
    }    
}

#third #topicArea01 #skyTickets #aboutSky dt#aboutSkyBirthday {
    color: #06aee4;
}

#third #topicArea01 #skyTickets #aboutSky dt#aboutSkyEvent {
    color: #22ab38;
}

#third #topicArea01 #skyTickets #aboutSky dt#aboutSkyChugen {
    color: #f29700;
}

#third #topicArea01 #skyTickets #aboutSky dd {
    margin-bottom: 2em;
}

@media only screen and (max-width: 740px) {
    #third #topicArea01 #skyTickets #aboutSky dd {
        margin-bottom: 20px;
    }

    #third .flowArrow > img {
        width: 71px;
        height: auto;
    }
}

/*  FAQ  */

@media only screen and (max-width: 740px) {
    #four #topArea h1 img {
        width: 100%;
        height: auto;
    }
}

.faq_cont {
    margin: 0 auto;
    padding: 0 10px;
}

#container h2.ttl_h2 {
    font-size: 2.3rem;
    color: #0c3387;
    font-weight: normal;
    margin-bottom: 20px;
}

.faq_cont ul {
    margin: 50px auto;
    display: table;
    text-align: center;
}

@media only screen and (max-width: 740px) {
    .faq_cont ul {
        margin: 0;
        display: block;
    }
}

.faq_cont ul li {
    display: table-cell;
    vertical-align: middle;
    width: 313px;
}

@media only screen and (max-width: 740px) {
    .faq_cont ul li {
        width: 100%;
        display: block;
    }
}

.faq_cont ul li a {
    padding-left: 20px;
    background: url(../img/faq_arrow.png) no-repeat left 5px;
}

p.faq_ttl {
    margin: 20px 0;
    font-size: 1.5rem;
}

#ryoko dl.faq_box,#shohin-ken dl.faq_box,#may-page dl.faq_box {
/*    border: #999 1px solid;*/
    border-top: none;
    overflow: hidden;
}

#ryoko dl.faq_box dt,#shohin-ken dl.faq_box dt,#my-page dl.faq_box dt {
    border-top: #f49e24 4px solid;
/*    border-bottom: #999 1px solid;*/
    padding: 18px;
    font-weight: bold;
    text-indent: -1em;
    background-color: #fff0e6;
    position: relative;
    z-index: 1;
}

#ryoko dl.faq_box dd,#shohin-ken dl.faq_box dd,#my-page dl.faq_box dd {
    text-indent: -1em;
    margin-left: 1rem;
}

#ryoko dl.faq_box dd > *,#shohin-ken dl.faq_box dd > *,#my-page dl.faq_box dd > * {
    padding: 18px;
}

.is-sp .faq_box dt {
    padding-left: 24px !important;
    padding-right: 50px !important;
    position: relative;
    cursor: pointer;
}

.is-sp .faq_box dt::after {
    content: '';
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    transform: translate(0, -50%) rotate(-45deg);
    transform-origin: center;;
    border-left: 3px solid #f49f24;
    border-bottom: 3px solid #f49f24;
    position: absolute;
    right: 24px;
    top: 50%;
}

.is-sp .faq_box dt.is-active::after {
    transform: translate(0, -50%) rotate(-225deg);
}

.is-sp .faq_box dd {
    overflow: hidden;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    visibility: hidden;
    margin-left: 24px !important;
}

.is-sp .faq_box dd > *,
.is-sp .faq_box dt::after {
    transition: all .25s ease-out;
}

.is-sp .faq_box dd > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0;
}

.is-sp .faq_box dt.is-active + dd {
    height: auto !important;
    visibility: visible !important;
}

#ryoko .faq_box dd > *,#shohin-ken .faq_box dd > *,#my-page .faq_box dd > * {
    padding: 18px;
}

.is-sp .faq_box dt.is-active + dd > * {
    line-height: 1.5 !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    opacity: 1 !important;
}

p.inde{
    margin-left: 1rem;
}

.fontc_q {
    color: #eb7628;
    font-weight: bold;
}

.fontc_a {
    color: #005fb7;
    font-weight: bold;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mt_20 {
    margin-top: 20px;
}

.mb_100{
    margin-bottom: 100px;
}

div > ul.doc_cont:first-child {
    display: table;
    border: 1px solid #999;
    border-bottom: none;
}

ul.doc_cont {
    display: table;
    border: 1px solid #999;
}

ul.doc_cont li {
    display: table-cell;
    border-right: 1px solid #999;
}

.doc_cont p.doc_ttl {
    background-color: #d3e2ff;
    padding: 10px;
    margin: 4px;
    border-left: 3px solid #0c3387;
}

/*
.doc_cont p.doc_ttl span{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #0c3387 transparent;
    position: absolute;
    right: 5px;
    bottom: 177px;
}
*/




.doc_cont li {
    width: 480px;
}

.doc_cont .doc_box {
    float: left;
    padding: 10px;
    margin-right: 5px;
}

.doc_cont .doc_txt {
    padding: 10px;
    float: left; 
    width: calc(100% - 150px);
}


/*登録ボタン*/


.btn_area{
	width: 900px;
	background-color: #eff1f0;
	padding: 30px;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
}

@media only screen and (max-width: 740px) {
    #top .btn_area,
    #second .btn_area02 {
        width: auto;
        box-sizing: border-box;
        margin-bottom: 0;
    }
    #top .btn_area a,
    #second .btn_area02 a {
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 100%;
    }

    #second .btn_area02 {
        margin-top: 0 !important;
    }
}

.btn_area02{
    width: 900px;
    margin: 0 auto 100px;
    background-color: #eff1f0;
    padding: 30px;
    text-align: center;
}
.bg_clor_yellow {
	background-color: #FCFBBF;
}
.bg_clor_gray {
	background-color: #E7E7E7;
}

.ten_courses_detail {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	line-height: 180%;
	margin-bottom: 80px;
}
.ten_course_detail_text01 {
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 20px;
	color: #063;
}



.toroku_btn {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5959', endColorstr='#e30014');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff5959', endColorstr = '#e30014')";
    background-image: -moz-linear-gradient(top, #ff5959, #e30014);
    background-image: -ms-linear-gradient(top, #ff5959, #e30014);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ff5959), to(#e30014));
    background-image: -webkit-linear-gradient(top, #ff5959, #e30014);
    background-image: linear-gradient(top, #ff5959, #e30014);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 20px 150px;
    margin: 0 auto;
    color: #fff!important;
    text-decoration: none!important;
    font-size: 1.8rem;
    text-align: center;
}


.hidden {
	overflow: hidden;
}



a.toroku_btn:hover {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
/*    background-color: #d80c0c;*/
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d80c0c', endColorstr='#d80c0c');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff5959', endColorstr = '#e30014')";
    background-image: -moz-linear-gradient(top, #d80c0c, #d80c0c);
    background-image: -ms-linear-gradient(top, #d80c0c, #d80c0c);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#d80c0c), to(#d80c0c));
    background-image: -webkit-linear-gradient(top, #d80c0c, #d80c0c);
    background-image: linear-gradient(top, #d80c0c, #d80c0c);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 20px 150px;
    margin: 0 auto;
    color: #fff!important;
    text-decoration: none!important;
    font-size: 1.8rem;
    text-align: center;
}