@charset "utf-8";
/*
Version:1.5
Theme Name:   asahi-child
Template:     one_tcd061
*/

/* text decoration */
p.txtbig { font-size:140%; margin:0 0 1em 0; }
p.txtbigest { font-size:170%; margin:0 0 1em 0; }
.floatR {float: right;}
.floatL {float: left;}

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

.floatR {float: none;}
.floatL {float: none;}
}

/*flow*/
/*------------------------------------------------------------------------------*/
.v_m {
vertical-align: middle;
display: table-cell;
}
.flow_box01_in {
border: 1px solid #009ACC;
background: #FFF;
padding: 18px 25px 36px 33px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
.flow_box01:last-child .flow_box01_in {
margin-bottom: 0;
}
.flow_box01_in:before {
content: '';
width: 74px;
height: 62px;
background: url(arr03.png) no-repeat;
position: absolute;
left: 45%;
bottom: -35px;
}
.flow_box01:last-child .flow_box01_in:before {
content: none;
}
.flow_box01_in .unit {
width: -webkit-calc(100% - 340px);
width: calc(100% - 340px);
}
.flow_box01_in .unit h3 {
font-size: 25px;
color: #0099CC;
border-bottom: 1px solid #DDD;
display: table;
width: 100%;
line-height: 1.2;
background: #FFF;
padding-bottom: 10px;
margin-bottom: 10px;
}
.flow_box01_in .unit h3 .sub {
font-size: 20px;
text-align: center;
width: 139px;
height: 45px;
border-radius: 45px;
background: #F3F5F8;
}
.flow_box01_in .unit h3 .main {
padding: 0 10px;
}

.flow_box01_in .unit {
width: 62%;
float: left;
}
.flow_box01_in .img100 {
width: 35%;
float: right;
}


/*YOUTUBE*/
/*------------------------------------------------------------------------------*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.mb50{
margin-bottom:50px;
}


/*buttun*/
/*------------------------------------------------------------------------------*/
.btn-animation-02 {
margin-top:  50px;
display: inline-block;
min-width:200px;
max-width:90%;
text-align: center;
vertical-align:middle;
background-color: #3b5ca9;
border: 2px solid #3b5ca9;
color: #3b5ca9;
ont-weight:400; 
padding:.6em 1.3em .5em;
border-radius: 4px;
position: relative;
cursor:pointer;
}
.btn-animation-02 span {
position: relative;
z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
content: "";
display: block;
background-color: #FFF;
width: 50%;
height: 100%;
position: absolute;
top: 0;
transition: .2s;
}
.btn-animation-02::before {
left: 0;
}
.btn-animation-02::after {
right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
width: 0;
background-color: #FFF;
}

.btn-animation-02:hover {
color: #FFF!important;
text-decoration: none!important;
}


/*box*/
/*------------------------------------------------------------------------------*/
ol.box {
margin-right: 20px;
}

ol.box li {
padding: 20px;
list-style-position: inside;
}

@media screen and (min-width:1025px){
ol.box {
display: flex;
align-items:stretch;
justify-content: space-around;
}
ol.box li  {
width: 25%;
border: 2px solid #dddddd;
}
}

@media screen and (max-width:1024px){
ol.box li {
border: 2px solid #dddddd;
margin: 10px 0;
}
}