@charset "shift_jis";

/*-------------------------------------
                全体共通
-------------------------------------*/

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

a:link {text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
a:hover img {opacity: 0.7 !important;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}


/*----------------申し込みボタン//------------------*/

.JDMC2023form {
    margin-bottom: 30px;
}

p.ButtonStyle1 {text-align: center;}

.JDMC2023form .ButtonStyle1 a {
    margin-bottom: 5px;
    border-radius: 10px;
    font-size: 130%;
    background-size: 23px 23px;
    -moz-background-size: 23px 23px;
    -webkit-background-size: 23px 23px;
    -o-background-size: 23px 23px;
    -ms-background-size: 23px 23px;
}

.JDMC2023form .ButtonStyle1 a:link,
.JDMC2023form .ButtonStyle1 a:visited {
    padding: 20px 40px 20px 40px;
    background-color: #F4642A;
    border-right: solid 15px transparent;
}

.JDMC2023form .ButtonStyle1 a:hover,
.JDMC2023form .ButtonStyle1 a:active {
    padding: 20px 42px 20px 40px;
    background-color: #f18a44;
    border-right: solid 13px transparent;
}

.JDMC2023form .ButtonStyle1 span {
    font-size: 90%;
}

.ModalYouTubeLink .ImgOnlyStyle{
position:relative;
}

.ModalYouTubeLink .ImgOnlyStyle,
.ModalYouTubeLink .ImgOnlyStyle span img{
margin-bottom:0;
}

.ModalYouTubeLink .ImgOnlyStyle:before{
content: "";
position: absolute;
z-index: 1;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
background-color: #e60027;
opacity: .5;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}

.ModalYouTubeLink .ImgOnlyStyle:after{
content: "";
    position: absolute;
    z-index: 1;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    background-color: #e60027;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.ModalYouTubeLink .ImgOnlyStyle span:after{
content: "";
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -3px;
    border-left: solid 9px #fff;
    border-top: solid 9px transparent;
    border-bottom: solid 9px transparent;
}

/*----------------//申し込みボタン------------------*/

/*----------------コラム本文//------------------*/

.colbox {
    padding: 20px 20px 5px;
    margin-bottom: 10px;
}

.bkblue {background-color:#DAE3F3; } 

.colbox p.TextStyle1 strong {
    color: #203864;
    font-size: 130%;
}

/*----------------//コラム本文------------------*/

/*----------------プロフィール//------------------*/

.ImgLeftAdjust img {
    width: 100%;
    max-width: 200px !important;
}

.dark-blue {
    color: #203864;
    font-size: 110%;
    font-weight: bold;}

.top-bdr {
    border-top: solid 2px #DAE3F3;
    padding-top: 10px;
}

/*----------------//プロフィール------------------*/

/*----------------関連情報//------------------*/


ul.kanren-box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom;10%;
font-size:83%;
}

ul.kanren-box:after{
display:block;
content:'';
width: calc(100% / 3 - 20px);
}

ul.kanren-box li{
display:flex;
width: calc(100% / 3 - 8px);
background-color: #DAE3F3;
margin-bottom:20px;
}

ul.kanren-box li a{
text-decoration: none;
color: #333;
}

ul.kanren-box li img,
.ModalYouTubeLink .kanren-bk .ImgOnlyStyle img{
width:100%;
}

.kanren-bk {position: relative;}
.link-name{
position: absolute;
bottom: 0;
background-color: rgb(0,0,0,0.7);
color: #fff;
display: table-cell;
width: 100%;
text-align: center;
line-height: 2.5;
}

.link-summary {padding: 10px;}

/*----------------//関連情報------------------*/

/*----------------お問い合わせ//------------------*/

.column-aply {
    background-color: #DAE3F3;
    padding: 30px 10px;
}

.column-aply a {
    display: block;
    /*max-width: 200px;*/
    margin: auto;
    text-align: center;
    line-height: 130%;
    background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 10%;
    border: solid 2px #fff;
    font-size: 100%;
    padding: 15px ;
    background-color:#C00000;
    color: #fff;
}

.column-aply a:hover {
    background-color:#AA0002;
    background-position: 98% center;
}

.Section .column-aply {
	padding: 0;
	background-color: #fff;}

.Section .column-aply a {
    display: block;
    width: 50%;
    background-size: 5%;
}

/*----------------//お問い合わせ------------------*/


/*-------------------------------------
            995px以上のみ対応
-------------------------------------*/

@media screen and ( min-width:945px) {


}


/*-------------------------------------
            995px〜1304pxのみ対応
-------------------------------------*/

@media screen and (min-width:945px) and (max-width:1304px)  {

.ImgLeftAdjust img {max-width: 200px !important;}

}


/*-------------------------------------
            768〜994pxのみ対応
-------------------------------------*/

@media screen and (min-width:768px) and ( max-width:994px) {

ul.kanren-box {justify-content: space-between;}
ul.kanren-box li {width: 49%; margin: 0 0 15px;}
ul.kanren-box li:not(:last-child){margin-right: 0;}

.ImgLeftAdjust img {max-width: 200px !important;}

}


/*-------------------------------------
            767px以下のみ対応
-------------------------------------*/

@media screen and ( max-width:767px) {

.ClearFix .ImgLeftAdjust {
    float: left;
    margin-right: 3%;
}

.ImgLeftAdjust img {max-width: 200px !important;}

ul.kanren-box {justify-content: space-between;}
ul.kanren-box li {width: 49%; margin: 0 0 15px;}
ul.kanren-box li:not(:last-child){margin-right: 0;}

.pc {display: none;}

}


/*-------------------------------------
            579px以下のみ対応(一部)    
-------------------------------------*/

@media screen and ( max-width:579px) {

.ClearFix .ImgLeftAdjust {float: none;}
.ClearFix .ImgLeftAdjust img {max-width: 100% !important;}

ul.kanren-box {
    display: block;
    align-items:stretch;
    margin-bottom: 10px;
}

ul.kanren-box li {
    width: 100%;
    margin-bottom: 10px;
}

ul.kanren-box li{
display:block;
}

}


/*-------------------------------------
            399px以下のみ対応(一部)    
-------------------------------------*/

@media screen and ( max-width:399px) {


}