@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

section div#contents > dl span {
    width: 30%!important;
    margin-right: 10px;
}
section div#contents > dl dd{
    width: 70%!important;
}

#main_image li .copy4 .midashi:before {
	width: 34% !important;
	height: 100% !important;
	padding: 15px;
}
#main_image li .copy4 .midashi span:first-child{
	color: red !important;
}
.fsize{
	font-size: 1.2em;
}


.fv_text1{
	display:block;
	margin-top: -10px;
	font-size: 16px;
}

.fv_text2{
	display:block;
	margin-top: -10px;
	font-size: 16px;
}

.fv_text3{
	display:block;
	margin-top: -10px;
	font-size: 16px;
	visibility: hidden;
}


.arrow{
	width: 40px!important;
    display: inline-block!important;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: initial;
}

.link_name {
 padding-top: 50px;
 margin-top: -50px;
}

.form_check {
    margin-top: 10%;
}

.hr2 {
  border-top: 5px solid #000;
}

.marker_yellow { 
    background:linear-gradient(transparent 0%, #ffff00 0%); 
}
#main_image li .copy1 .num2 span {
    font-size: 1.3vw;
    display: inline-block;
    margin-bottom: 1%;
    padding: 0 10px;
    background: rgba(0,0,0,0);
}
#main_image li .copy2 span {
    font-size: 1.875vw;
    display: inline-block;
    margin: 1% auto 0;
    padding: 2% 5%;
    border-radius: 50px;
    border: solid 2px #003d93;
    background: #a5fad0;
}
#main_image li .copy3 b {
    font-size: 3.4375vw;
    display: inline-block;
    margin: 1% auto 0;
    padding: 1% 3%;
    border-radius: 50px;
    border: solid 2px #003d93;
    background: #a5fad0;
}
.copy1 .num1{
    z-index: 10;
}
#main_image li .copy1 .num3 {
    width: 48% !important;
}
.table01 table td {
   margin-bottom: -1px !important;
   padding: 5px !important;
}
.txtanc2 a {
    display: block;
    padding: 70px 0!important;
    text-decoration: none;
    color: #003e93;
    background: rgb(168, 255, 211);
}
.txtanc2 a span {
    font-size: 8px;
    display: block;
    color: #000000;
}
#main_image li .copy1 .num2 {
	bottom: 2%;
}
#main_image li .copy4 .copy_inner {
	background:url(../images/common/taiyo.png) center/50% no-repeat;
}
#main_image li .copy1 .num2{
	right: 50%;
	bottom: 15%;
}
body,.title3 .title3_jp,.tel_number dd,.tel_number dt a,#top_info h2,.common_btn01,.sec05_inner02 ul li a span{
    font-family: 'M PLUS Rounded 1c','Noto Sans JP', YuGothicM, YuGothic, Meiryo, 'Meiryo UI',Meiryo,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
}
.index_sec05 ._tab,.index_sec05 ._sp{
    display: none;
}
section.blog ul.category,section.blog ul.pages{
    font-size: 14px;
}
section.blog {
    font-size: 14px;
}
/*----------220701追加----------*/
#main_image li .copy4 .midashi div img {
    padding: 30px 0 20px 0;
}
.logo_main1 {
    top: 34% !important;
    right: 37% !important;
    max-width: 26% !important;
}

.box_slider{
    width: 100vw;
}
.twitter_w{
    right: 10px !important;
}
#top_info h2{
    left: 10px;
}
.sec03_inner02 dl dt{
    font-size: 26px;
}
.sec04_inner01 .sec04_box{
    max-width: 50%;
    margin: 150px -20px 0 0;
}
.staff_time dl{
    justify-content: space-between;
}

@media screen and (max-width: 1200px){
    #main_image li .copy4 .midashi div img {
        padding: 25px 0 20px 0 ;
    }
    .logo_main1 {
        top: 35% !important;
        right: 37% !important;
        max-width: 26% !important;
    }
    header #top_info h2{
        width: 560px !important;
        font-size: 24px;
    }
    #top_info .inner{
        max-width: 100vw !important;
    }
}



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

    header #top_info h2{
        width: 370px !important;
        font-size:22px;
    }
    .twitter_w{
        width: 320px;
    }
    .index_sec05 ._tab{
        display: block;
    }
    .sec03_inner02 .sec03_title02{
        font-size: 16px;
    }
    .sec03_inner02 .sec03_title02 .big{
        font-size: 18px;
    }
    /* 1000 END ###################################################### */
}



@media screen and (max-width: 834px){
    /* ================================================================= 
    *
    * tablet size
    *
    * ================================================================= */
    .link_name {
        padding-top: 58px;
        margin-top: -58px;
    }
    .index_sec05 ._pc{
        display: none;
    }
    .index_sec05 ._tab{
        display: block;
    }
    .twitter_w{
        top: 50px;
    }
    .sec04_inner01 .sec04_box{
        max-width: 100%;
    }

    /* tablet END ###################################################### */
}



@media screen and (max-width: 640px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */

    .index_sec05 ._tab{
        display: none;
    }
    .index_sec05 ._sp{
        display: block;
    }

    .fsize{
        font-size: 11px!important;
    }


    .fsize_sp{
        font-size: 11px!important;
    }

    .fsize_sp2{
        font-size: 10px!important;
    }

    .fv_text1{
        display:block;
        margin-top: -3px;
        font-size: 11px!important;
    }

    .fv_text2{
        display:block;
        margin-top: -3px;
        font-size: 11px!important;
    }

    .fv_text3{
        display:block;
        margin-top: -3px;
        font-size: 11px!important;
        visibility: hidden;
    }


    .arrow{
        width: 18px!important;
        display: inline-block!important;
        margin-left: 7px;
        margin-right: 7px;
        vertical-align: initial;
    }


    #main_image li .copy4 .copy_inner {
        width: 170px;
        background:url(../images/common/taiyo.png) center/30% no-repeat!important;
    }
    /*----------220701追加----------*/
    #main_image li .copy4 .midashi div img {
        padding: 30px 0 10px 0 !important;
    }
    .logo_main1 {
        top: 35% !important;
        right: 37% !important;
        max-width: 26% !important;
    }

/* smartphone END ################################################## */
}