/*==============================================
 ARオンライン　メッセージ
===============================================*/
/*メインヴィジュアル指定*/
p{
	font-size:16px;
}
.irarimg01 {
    background: url(img/01-sp.png) no-repeat 40% bottom;
    background-size: auto 81%;
}
.irarimg03 {
    background: url(img/03.png) no-repeat center 38px;
    background-size: auto 81%;
}
.irarimg02 {
    background: url(img/02.png) no-repeat center 38px;
    background-size: auto 81%;
}
.taidan .irarimg03 {
    background-size: auto 60%;
    background-position: bottom right;
}
.irarbox h2 {
    color: #006699;
    font-size: 11px;
    line-height: 180%;
    margin-top: 0px;
    margin-bottom: 35px;
}
.irarbox {
    line-height: 2;
    font-size: 14px;
}
#irarmg-top {
    padding-top: 10px;
    padding-left: 30px;
}

.en #irarmg-top { padding-top: 0;}
#irarmg-top h1 {
    color: #333;
    font-size: 16px;
    line-height: 150%;
    margin-top: 0px;
}
#irarmg-top p {
    display: none;
}
#irarmg-bottom {
    margin-top: 40vw;
    background: #006699;
    background-blend-mode: multiply;
    color: #fff;
    padding: 12px 25px 12px;
}
#irarmg-bottom p {
    line-height: 160%;
    font-size: 11px;
}
#irarmg-bottom em {
    display: block;
    font-style: normal;
    font-size: 18px;
    margin-top: 6px;
}
.irarmg-top2 {
    padding-top: 10px;
    background-size: 50%!important;
}
.irarmg-top2 h1 {
    color: #333;
    font-size: 16px;
    line-height: 150%;
    margin-top: 10px;
    margin-left: 20px;
}
.irarmg-top2 p {
    display: none!important
}
.irarmg-bottom2 {
    margin-top: 172px;
    background: #006699;
    background-blend-mode: multiply;
    color: #fff;
    padding: 12px 25px 12px;
    display: flex;
    justify-content: flex-end;
}
.irarmg-bottom2 div {
    width: 50%;
}
.irarmg-bottom2 p {
    line-height: 160%;
    font-size: 6px;
    display: block;
    margin: 0 auto 1em;
}
.irarmg-bottom2 em {
    display: block;
    font-style: normal;
    font-size: 18px;
    maqrgin: 6px auto 0;
}
.irarmg-top2 {
}
.irarmg-top2 h1 {
    color: #333;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 40px;
}
.irarmg-top2 p {
}
.irarmg-bottom2 {
    margin-top: 40vw;
    background-blend-mode: multiply;
    color: #fff;
    padding: 12px 25px 12px;
    display: flex;
    justify-content: flex-end;
}

.en .irarmg-bottom2 {
    /*margin-top: 50vw;*/
}

.irarimg01.en {
    background-position: 40% 64%;
    background-size: auto  70%;
}
.irarmg-bottom2 div {
    width: 50%;
}
.irarmg-bottom2 p {
    display: block;
    line-height: 160%;
    font-size: 11px;
    color: #fff;
    padding-left: 0px;
    text-align: center;
    ;
}
.irarmg-bottom2 em {
    display: block;
    font-style: normal;
    font-size: 18px;
    margin-top: 6px auto 0;
    text-align: center;
}
.irarbox {
    margin: 0 11px;
    padding-top: 20px;
}
.irarbox h3 {
    display: flex;
    border-bottom: 3px solid #006699;
    margin-top: 28px;
    margin-bottom: 30px;
}
.irarbox h3 span {
    display: block;
    border-bottom: 20px solid #0099FF;
    border-right: 9px solid transparent;
    color: #fff;
}
.irarbox h3 span p {
    display: block;
    margin-bottom: -22px;
    font-size: 11px;
    padding: 3px 7px 0 5px;
    letter-spacing: -0.2px;
}
.irarbox h3 em {
    display: block;
    font-style: normal;
    color: #006699;
    padding: 4px 0 0 10px;
    font-weight: normal;
    font-size: 11px;
}
.irarbox hr {
    margin-top: 40px;
}
.ar-q {
    font-size: 120%;
    margin-bottom: 6px;
    color: #333;
    font-weight: bold;
}
.ar-q strong {
    color: #006699;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    padding-right: 0.5em;
}
.ar-a {
    font-size: 120%;
    color: #006699;
    margin-bottom: 12px;
    font-weight: bold;
    line-height: 180%;
}
.irarbox strong {
    color: #006699;
}
span.supText {
    font-size: 75.5%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}
.araitable {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    border-bottom: 0!important;
    color: #333;
}
.irarbox table {
    font-size: 14px;
    text-align: center;
    margin-bottom: 40px;
    display: table;
    width: 100%;
}
.irarbox table th {
    background: #C4DEF1;
    border-left: 1px solid #fff;
    text-align: center;
    padding: 5px 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    border-right: solid 1px #999;
}
.irarbox table th:first-child {
    border-left: 0;
    width: 30%;
}
.irarbox table td {
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    padding: 5px 0;
    width: 80%;
}
.irarbox table tr:last-child td {
    border-bottom: solid 1px #999;
}
.irarbox table tbody {
    border: solid 1px #999;
}

.category {
    min-height: 2.7em;
}
.forspsize {
    font-size: 16px!important;
    line-height: 180%;
    color: #006699;
}
.irarbox .sec03_scroll div.img {
    width: 900px!important;
    padding: 10px;
}
/*スクロール*/
/*============================
.sec03_scroll
============================*/
#main_content .sec03_scroll {
    overflow-x: scroll;
    position: relative;
    margin-top: 17px;
    margin-bottom: 40px;
}
#main_content .sec03_scroll::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    background-image: url(../img/03/icon_scroll.png);
    background-size: 174px 55px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
}
#main_content .sec03_scroll.active::before {
    opacity: 0;
}
#main_content .sec03_scroll div.img {
    width: 500px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}
#main_content .sec03_scroll div.img img {
}
/*003*/
h4 {
    color: #006699;
    border-bottom: 3px solid #006699;
    margin-bottom: 23px;
    font-weight: bold;
    font-size: 130%;
    margin-top: 40px;
    line-height: 1.6;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

h4.no-ind {
    padding-left: 0;
    text-indent: 0;
}
h4.en {
    padding-left: 1.1em;
    text-indent: -1.1em;
}
.kizyun {
    background: #EAE7E3;
    padding: 10px;
    margin-top: 22px;
}
.kizyun h5 {
    font-weight: bold;
    display: block;
    margin-bottom: 2em;
    font-size: 18px;
}
.kizyun-in {
}
.kizyun-in div:nth-child(1) {
    font-size: 16px;
    margin-bottom: 20px;
	line-height:1.5;
}
.kizyun-in div:nth-child(2) {
}
.kizyun-r {
    font-size: 16px;
}
.kizyun-r ul {
}
.kizyun-r ul li {
    margin-bottom: 10px;
    line-height: 130%;
}
.kizyun-r ul span {
    display: block;
    font-weight: bold;
}
.kizyun-r ul span:before {
    display: inline-block;
    content: "●";
    color: #006699;
    font-size: 100%;
}
/*taidan*/
.liner-taidan {
    display: block;
    width: 80%;
    margin: 30px auto 20px;
    background: #006699;
    color: #fff;
    padding: 20px;
}
.w2 {
    margin-bottom: 30px;
}
div.tdanbox {
    /*display: flex;*/
    flex-wrap: wrap;
    margin-bottom: 2em;
    line-height: 2;
}

div.tdanbox:after {
    content: '';
    display: block;
    clear: both;
}
div.tdanbox div {
    margin-left: 70px;
    margin-top: -8px;
}
div.tdanbox span {
    align-items: center;
    justify-content: center;
    text-align: center!important;
    color: #fff;
}

div.tdanbox span.taidan-n,
div.tdanbox span.taidan-k {
    display: block;
    width: 50px;
    line-height: 1;
    padding: 18px 0;
}
.taidan-n {
    float: left;
    background: rgba(127,107,176,1.00);
}
.taidan-k {
    float: left;
    background: rgba(223,121,140,1.00);
    ;
}
h6 {
    text-align: center;
    margin-bottom: 30px;
}
h6 span {
    display: inline-block;
    border-bottom: 3px solid #006699;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
    padding-bottom: 0px 8px 8px;
}
.tdnimgt {
    width: 100%!important;
}
.tdnimgt img {
    display: block;
    width: 100%;
}
.tdnimgt div {
    display: block;
    width: 100%;
    border-bottom: 1px solid #006699;
    background: #fff;
    color: #006699;
    line-height: 160%;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 10%;
    margin-bottom: 40px;
}
.tdnimgt2 {
    width: 100%!important;
}
.tdnimgt2 img {
    display: block;
    width: 100%;
}
.tdnimgt2 div {
    display: block;
    width: 100%;
    border-bottom: 1px solid #006699;
    background: #fff;
    color: #006699;
    line-height: 160%;
    font-size: 100%;
    font-weight: bold;
    padding: 15px 10%;
    margin-bottom: 40px;
}
.sage {
    font-size: 80%;
    margin-top: 32px;
}
p {
    margin-bottom: 1em;
    line-height: 1.5;
}
strong span {
    display: inline-block!important;
    color: #333!important;
    width: auto!important;
    height: auto!important;
}
h5 {
    font-size: 140%;
    display: block;
    text-align: center;
    padding: 16px;
    border: 1px solid #eee;
}
h5 strong.minmin {
    display: block;
    text-align: center;
    color: #006699;
    margin: 16px 0 0;
}
.teigi {
}
.teigi-l {
    width: auto;
    border-right: none;
}
.teigi-r {
    width: auto;
    margin-left: none;
}
.teigi-lin {
    display: block;
    margin-top: none;
}
.teigi-ll {
    width: auto;
    margin-right: 0;
}
.teigi-lr {
    width: auto;
}
.teigi-r h4, .teigi-lin h4 {
    border-bottom: none;
}
.teigi h4.midashih4 {
    width: 8em;
    background: #006699;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding-left: 0;
    text-indent: 0;
}
.minh4 {
    font-size: 120%;
}
.spnone {
    display: none;
}
.pcnone {
    display: block;
}
.teigibox {
    background: #EAE7E3;
    padding: 1em;
}
.teigibox h5 {
    font-size: 110%;
    background: #fff;
}
.teigibox h5.en { font-size: 12px;}
.teigibox h5 br {
    display: none;
}

.teigibox h5.en br { display: block;}
.teigibox h5.en span.blue {
    color: #006699;
    font-weight: bold;
}
.teigibox h5 .minmin {
    font-size: 90%;
}
.midashih4 {
    background: #3F2E1B!important;
    border-bottom: 3px solid #3F2E1B!important;
}
.minh4 {
    color: #3F2E1B!important;
}
/*============================
.scroll
============================*/
#main_content .scroll {
    overflow-x: scroll;
    position: relative;
    margin-top: 17px;
    margin-bottom: 40px;
}
#main_content .scroll::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    background-image: url(img/icon_scroll.png);
    background-size: 174px 55px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}
#main_content .scroll.active::before {
    opacity: 0;
    transition: all 1s;
}
#main_content .scroll.active2::before {
    content: none;
}
#main_content .scroll {
    width: 100%;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}
#main_content .scroll img {
    /*width: 600px;*/
}

@media (max-width: 320px) {
.irarmg-bottom2 {
    justify-content: space-between;
    padding: 12px 0px 12px;
}
.irarmg-bottom2 div:first-of-type {
    width: 46%;
}
.irarmg-bottom2 div:last-of-type {
    width: 54%;
}
}


/*20180531　add　ONK*/

.add01{
	
}
.add01 li{
	padding-left:1em;
	text-indent: -1em;
}

.add01.en li { line-height: 1.5;}
.add01.en li + li { margin-top: 10px;}

.add01 li::before{
	content:"・";
}

@media (max-width: 768px) {
    .tdnimgt div { font-size: 100%;}

    #main_content .scroll img { width: 600px;}
}