@charset "utf-8";
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
/* ----------------------------------------------------------------------
そのままだと画像は元のままのサイズで表示されてしまい画面からはみ出てしまいます。
上記にも記載しておりますが、スマートフォン用・タブレット用のCSSに下記のように画像を伸縮するように指定をします。
---------------------------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container,#header,#main,.contact{
width:100%;
}
#content{
	width:95%;
	margin:0 auto;
}
/* ～以下、画面の横幅が768pxまでの場合のスタイル記入～ */

#header {
	height:75vw;
}
#header>div,#header h1{
	top:0;
}
#header h2 {
    font-size: 4vw;
	margin-bottom:0;
}
.blue-point li {
    width: 120px;
    height: 120px;
    font-size: 20px;
    padding-top: 32px;
    margin: 5px;
}
.t-24,.ex h2{
    font-size: 2.5vw;
}
.t-36 {
    font-size: 3vw;
}
.t-45 {
    font-size: 5vw;
}
.t-18 ,.koe h3{
    font-size: 2vw;
}
.about h3 {
    padding: 10px 0 10px 2vw;
    font-size: 1.8vw;
}
h2,#main .campaign h2 {
    font-size: 4vw;
}
.nayami-ul li {
width: 155px;
    margin: 5px;
    font-size: 12px;
    padding: 10px;
    height: 130px;
}
.contact>div .red-bg {
    font-size: 2vw;
}
.contact>div, .contact>a{
	margin:1vw;
}
.contact-mail img {
    margin-right: 2vw;
    width: 8vw;
}
.hukudasi{
	width:100%;
	font-size:12px;
	line-height: 2.4rem;
}
.con1 div {
    margin: 1vw;
    width: 100%;
}

.hukudasi .t-24 {
    font-size: 2.2vw;
}
.merit-fee1, .merit-fee2{
	width:auto;
}
.merit-fee2 .green-bg, .merit-fee1 .red-bg {
    width: 15vw;
}
.merit-fee1 .blue-bg, .merit-fee2 .blue-bg {
    width: 14vw;
}
.merit-fee1 .yellow-bg, .merit-fee1 .blue-bg, .merit-fee2 .yellow-bg, .merit-fee2 .blue-bg {
    margin: 13px 1vw;
    padding: 10px 1vw;
}
.merit-fee1 i, .merit-fee2 i{
	margin:0;
}
.ex{
	background-size: contain;
	height: 39vw;
}
.ex h2{
	top:2vw;
}
.ex p {
    bottom: 11vw;
    left: 4vw;
    line-height: 4vw;
}
.koe .bg-white {
    margin-left: 2vw;
    padding: 2vw;
}
.koe .text-red{
	font-size:1.6vw;
}
.koe .bg-orange {
    padding: 2vw;
}
.koe .text-red span{
    letter-spacing: -1px;
	font-size: 1vw;
}
.campaign {
    padding-left: 33%;
    height: auto;
    background-size: 30%;
}
.campaign p {
    font-size: 2.5vw;
}
#main .campaign h2{
	margin-top: 2vw;
}
.campaign .red-bg{
	font-size:11px;
	    line-height: 22px;
	padding: 20px 5px 0;
}
.campaign a {
    font-size: 18px;
    height: 70px;
    width: 150px;
    padding: 16px 0;
}
.merit-fee2 .green-bg::after,.merit-fee1 .red-bg::after {
    right: -1em;
    border-width:53px 0 53px 1em;
}