@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");

#main * {
    box-sizing: border-box;
    font-family: "Noto Sans JP";
}
#main a{transition: .4s;}
#main a:hover{opacity: .6;}

#first_wrap{width: 100%;}
#first_wrap img, #voice img{width: 100%; vertical-align: bottom;}
#voice{background-color: #E0E9EE;width: 100%;}
#voice div{max-width: 1366px;margin: auto;}

#jiturei{background-color: #F3F3F3;padding: 80px 0;}
#jiturei h2{font-size: 36px;text-align: center;margin-bottom: 1em;}
#jiturei div{max-width: 900px;margin: 0 auto 0;}
#jiturei img{width: 100%;}

#taikan{max-width: 980px;margin: 80px auto 80px;}
#taikan h2{margin-bottom: 40px;}
#taikan h2 img{ width: 100%;}
#taikan .flex_taikan{display: flex;justify-content: space-between;flex-wrap: wrap;}
#taikan .flex_taikan div{width: 48%;margin-bottom: 40px;}
#taikan .flex_taikan div a:first-of-type img{width: 100%;vertical-align: bottom;}
#taikan .flex_taikan div a:last-of-type{text-align: right;display: block;}
#taikan a{transition: .4s;}
#taikan a:hover{opacity: .6;}

#tokuten{width: 100%;padding: 80px 0;background-color: #C1E1F6;text-align: center;color: #111;}
#tokuten h2{font-size: 36px;}
#tokuten div{max-width: 870px;margin: 40px auto 10px;font-size: 12px;text-align: left;}
#tokuten div img{width: 100%;}

#qa{max-width: 980px;margin: 60px auto 60px;padding: 0 4%;}
#qa h2{margin-bottom: 1em;font-size: 36px;text-align: center;}
#qa .text_set span{font-size: 1.3em;color: #2588c1;font-weight: bold;margin-right: 10px;}
#qa dt{font-size: 1.3em;}
#qa dd{margin-bottom: 1.8em;}

.cv_wrap{max-width: 780px;margin: 60px auto 60px;}
.cv_wrap a{display: block;background-color: #000; color: #fff;text-align: center;font-size: 20px;padding: 20px 5px;}
.cv_wrap a::after{content: "";margin-left: 1em; display: inline-block;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);height: 12px;width: 12px;}

@media screen and (max-width: 690px) {
    #main h2{font-size: 24px;}
    #tokuten div{width: 90%;}
    .cv_wrap{width: 80%;}
}
@media screen and (max-width: 425px) {
    #taikan .flex_taikan div{width: 100%;}    
}