@charset "UTF-8";
/*---------------------------------------------

	初期設定用

---------------------------------------------*/

:root{
	--main-width:100%;
	--kihon-font:1rem;

	--kihon-color:#0074af;
	--kihon-color2:#0da4d5;
}




html,body{
	margin:0px;
	padding:0px;
    scroll-behavior: smooth;

}


*{
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

font-feature-settings: "palt";
-webkit-text-size-adjust: 100%;
}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	color: #333;

 }



iframe{
margin: 0;
padding: 0;

}






/*---------------------------------------------
	a
---------------------------------------------*/
a{
	color: #004680;
	text-decoration: none;
}
a:link {
}
a:visited{
}
a:hover{
	color: #e60;
	text-decoration: underline;
}
a:active{
}
a.on{
	color: #f60;
	text-decoration: underline;
}



li{
	list-style: none;
}

.all_wrap{
	padding: 0;
}






.mb20{
	margin-bottom: 20px;
}


.mb30{
	margin-bottom: 30px;
}

.mb60{
	margin-bottom: 60px!important;
}





.header{
	display: flex;
	justify-content: space-between;
	padding: 20px;
	background: white;
	width: 100%;
}



.header>li:nth-child(1)>a>img{
max-width: 120px;
height: auto;
}

.header>li:nth-child(2){
display: none;
}




.header>li:nth-child(3)>img{
max-width: 120px;
height: auto;
}











.main_area{
	
}

.main_area>picture>img{
width: 100%;
height: auto;
}


.sticky{
position: fixed;
right: 0;
top: 50px;
width: 25px;
}

.sticky>a>img{
	width: 100%;
	height: auto;
}

.sticky>a>img:hover{
  filter: hue-rotate(30deg);
}




.midasi1{
	text-align: center;
}

.mini_midasi{
	font-size: calc(var(--kihon-font) + 0.2rem);
	font-weight: bold;

	line-height: 1.2;
}



.kagi_midasi{
text-align: center;
margin-bottom: 30px;
}

.kagi_midasi>h1{
display: inline-block;
padding: 10px 7px;
background: url('../img/kagi1.webp') no-repeat left top ,url('../img/kagi2.webp') no-repeat right bottom;
background-size: 7px;
}

.kagi_midasi>h1>div{
	font-size: calc(var(--kihon-font) + 0.5rem);
	font-weight: bolder;
	line-height: 1.2;
	color: var(--kihon-color);
	text-align: center;
}


.campaign{
	text-align: center;
}

.campaign>a>picture>img{

width: 90%;
}








footer{
	background: #ffda6b;
	padding: 20px 0;
	text-align: center;
}

footer>a>img{

max-width: 200px;
margin-bottom: 10px;

}





.tc{
	text-align: center;
}



.content_wrap{
	width: 95%;
	max-width: var(--main-width);
	margin: 0 auto;
	padding: 60px 5px;
}

.w900{
	max-width: 900px;
	margin: 0 auto;
}


.blue_box{
	border-radius: 20px;
	border: 5px solid var(--kihon-color);
	padding: 10px;
	display: flex;
	margin-bottom: 60px;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}


.blue_box>li:nth-child(1){
width: 100%;
text-align: center;
margin-bottom: 20px;
}

.blue_box>li:nth-child(1)>img{
width: 80%;
height: auto;
max-width: 300px;
}

.blue_box>li:nth-child(2){
width: 100%;
font-size: var(--kihon-font);
}


.bikkuri_text{
	text-align: center;
}

.bikkuri_text>div{
	padding: 20px;
	background: url('../img/bikkuri_1.webp') no-repeat left top,url('../img/bikkuri_2.webp') no-repeat right top;
	display: inline-block;
	background-size: 20px;
}


.bikkuri_text>div>div{
        font-weight: bolder;
        line-height: 1.2;
        color: var(--kihon-color);
}

.bikkuri_text>div>div:nth-child(1){
        font-size: calc(var(--kihon-font) + 0.5rem);
        display: inline;
}


.bikkuri_text>div>div:nth-child(2){
        font-size: calc(var(--kihon-font) + 0.5rem);
        display: inline;
}



.cta{
	background: #006DBA;
background: linear-gradient(0deg,rgba(0, 109, 186, 1) 0%, rgba(8, 126, 210, 1) 100%);
padding: 30px 0;
text-align: center;
}


.cta>div:nth-child(1){
    font-size: calc(var(--kihon-font) + 0.5rem);
    color: white;
    margin-bottom: 20px;
    font-weight: bold;
}

.cta>div:nth-child(2)>a{
border-radius: 10px;
padding: 10px 20px;
background: white;
text-align: center;
color: var(--kihon-color);
font-size: calc(var(--kihon-font) + 0.5rem);
    font-weight: bold;
    text-decoration: none;

}


.cta>div:nth-child(2)>a:hover{
background: #eaf6ff;

}




.yellow_wrap{
background:url("../img/stripe.webp") repeat-y left,url("../img/stripe.webp") repeat-y right, #ffea00;
background-size: 4px;
}



.plan_wrap{
background:url("../img/plan_back_bar.webp") repeat-y left,url("../img/plan_back_bar.webp") repeat-y right,url("../img/plan_back.webp");
background-size: 5px;
}


.blue_glass_wrap{
background: url('../img/blue_glass_loop.webp');	
}



.blue2_wrap{
background: linear-gradient(-17deg,rgba(237, 242, 250, 1) 50%, rgba(244, 251, 252, 1) 50%);
}




.water_wrap{
background: #f3fcff;
}



.mousikomi_wrap{
background: #fff;
}




.blue3_wrap{
background: #54a7ee;
}


.red_midasi{
	        font-size: calc(var(--kihon-font) + 0.5rem);
        font-weight: bolder;
        line-height: 1.2;
        color:#ff0000;
        text-align: center;
        margin-bottom: 30px;
}

.red_midasi>span{
background:linear-gradient(transparent 80%, #fff 80%);
}


.white_midasi{
	 font-size: calc(var(--kihon-font) + 0.5rem);
	 color: white;
	 text-align: center;
	 font-weight: bolder;
}


.normal_midasi{
	 font-size: calc(var(--kihon-font) + 0.5rem);
	 color: var(--kihon-color);
	 text-align: center;
	 font-weight: bolder;
	 margin-bottom: 30px;
}



.text_area{
	font-size: var(--kihon-font);

}


.li_3{
	display: flex;
	justify-content: space-around;
	
	margin: 0 auto 60px auto;
	flex-wrap: wrap;
}

.li_3>li{
	width: 30%;
	margin-bottom: 30px;
}

.li_3>li>img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}


.li_3>li>div{
	font-size: calc(var(--kihon-font) - 0.2rem);
	text-align: center;
	padding: 5px;
	background: white;
	border-radius: 10px;
}

.white_none>li>div{
	background: none;
}

.black_midasi{
	        font-size: calc(var(--kihon-font) + 0.5rem);
        font-weight: bolder;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 10px;
}


.white_2li{
	display: flex;
	justify-content: space-between;
		background: white;
	border-radius: 10px;
	padding: 60px 20px 20px 20px;

	flex-wrap: wrap;
}


.white_2li>li{
width: 100%;
margin-bottom: 30px;
}

.white_2li>li>div:nth-child(1){
background: black;
text-align: center;
color: white;
border-radius: 20px;
font-size: var(--kihon-font);
padding: 2px 0 2px 0;
margin-bottom: 20px;
}

.white_2li>li>div:nth-child(1)>span{
font-size: calc(var(--kihon-font) - 0.35rem);
}


.white_2li>li>ul{
	display: flex;
	justify-content: space-between;

}


.white_2li>li>ul>li{
width: 48%;
text-align: center;
}

.white_2li>li>ul>li>img{
width: 80%;
height: auto;
margin-bottom: 10px;
}


.white_2li>li>ul>li>div:nth-of-type(1){
background: #fffeb5;
border-radius: 10px;
text-align: center;
padding: 5px 0 ;
margin-bottom: 10px;
}

.white_2li>li>ul>li>div:nth-of-type(1)>div:nth-child(1){
font-size: calc(var(--kihon-font) - 0.1rem);
line-height: 1;
}


.white_2li>li>ul>li>div:nth-of-type(1)>div:nth-child(2){
font-size: calc(var(--kihon-font) - 0.35rem);
}

.white_2li>li>div:nth-of-type(2){
	font-size: calc(var(--kihon-font) );
	margin-bottom: 20px;
}


.white_2li>li>div:nth-of-type(3){
	font-size: calc(var(--kihon-font) - 0.25rem);
text-align: right;

}




.midasi_moji{
	        font-size: calc(var(--kihon-font) + 0.5rem);
        font-weight: bolder;
        line-height: 1.2;
        color: var(--kihon-color);
}


.graph_area{
	margin-bottom: 60px;
}


.graph_area>picture>img{

	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.graph_area>div{
	text-align: left;
	font-size: calc(var(--kihon-font) - 0.35rem);
}


.midasi2{
	text-align: center;
	font-size: calc(var(--kihon-font) + 0.5rem);
	font-weight: bolder;
	line-height: 1.2;
	color: var(--kihon-color);
}


.down_arrow{
	text-align: center;
}


.down_arrow>img{
max-width: 100px;
height: auto;
}


.midasi3{
	text-align: center;
	font-size: calc(var(--kihon-font) + 0.5rem);
	font-weight: bolder;
	line-height: 1.2;
	color: var(--kihon-color);
	margin-bottom: 60px;
}


.midasi3>span{
	font-size: calc(var(--kihon-font) + 0.4rem);
}



.l_img_r_txt{
	background: white;
	padding: 20px;
	margin-bottom: 30px;
}


.l_img_r_txt>li:nth-child(1){
text-align: center;
margin-bottom: 20px;
}

.l_img_r_txt>li:nth-child(1)>img{
width: 80%;
height: auto;
max-width: 300px;
}



.l_img_r_txt>li:nth-child(2){
width: 100%;
}



.l_img_r_txt>li:nth-child(2)>div>div{
       font-weight: bold;
        line-height: 1.1;
}



.l_img_r_txt>li:nth-child(2)>div:nth-child(1)>div:nth-child(1){
        font-size: calc(var(--kihon-font) + 0rem);
        margin-bottom: 5px;
} 

.l_img_r_txt>li:nth-child(2)>div:nth-child(1)>div:nth-child(1)>span{
display: inline-block;
}




.l_img_r_txt>li:nth-child(2)>div:nth-child(1)>div:nth-child(2)>span{
        font-size: calc(var(--kihon-font) + 0.5rem);
        color: var(--kihon-color);
}



.l_img_r_txt>li:nth-child(2)>div:nth-child(1)>div:nth-child(2){
        font-size: calc(var(--kihon-font) + 0.5rem);
        color: var(--kihon-color);
border-bottom: 2px solid var(--kihon-color);
padding-bottom: 5px;
margin-bottom: 10px;
}


.l_img_r_txt>li:nth-child(2)>div:nth-child(2){
 font-size: var(--kihon-font);
 margin-bottom: 20px;
}





.lr_reverse{
flex-direction: row-reverse;	
}


.menu_midasi{
	font-weight: bolder;
	 font-size: calc(var(--kihon-font) + 0.5rem);
}


.type_list{
	background: white;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;

}

.type_list>li{
font-size: calc(var(--kihon-font) - 0.1rem);
font-weight: bold;
padding: 5px 3px;

border-right: 1px solid #333;
border-bottom: 1px solid #333;
}


.type_list>li:nth-child(7n-5),
.type_list>li:nth-child(7n-4),
.type_list>li:nth-child(7n-3),
.type_list>li:nth-child(7n-2),
.type_list>li:nth-child(7n-1),
.type_list>li:nth-child(7n){
width: calc((100% - 120px) / 6);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}




.type_list>li:nth-child(1),
.type_list>li:nth-child(2),
.type_list>li:nth-child(3),
.type_list>li:nth-child(4),
.type_list>li:nth-child(5),
.type_list>li:nth-child(6),
.type_list>li:nth-child(7){
background: var(--kihon-color2);
color: white;
font-size: calc(var(--kihon-font) - 0.3rem);
  writing-mode: vertical-lr;

text-align: center;
display: flex;
   align-items: center;

border-top: 1px solid #333;
}




.type_list>li:nth-child(1){
padding-top: 1rem;
 writing-mode: horizontal-tb;
}


.type_list>li:nth-child(7n-6){
width: 120px;
border-left: 1px solid #333;
text-align: left;
}

.type_list>li:nth-child(7n-6)>div:nth-child(1){
font-size: calc(var(--kihon-font) - 0rem);
line-height: 1.2;
}

.type_list>li:nth-child(7n-6)>div:nth-child(1)>span{
font-size: calc(var(--kihon-font) - 0.2rem);
}

.type_list>li:nth-child(7n-6)>div:nth-child(2){
font-size: calc(var(--kihon-font) - 0.2rem);
line-height: 1.1;
}





.color_ball{
	color: var(--kihon-color2);
	font-size: 1.2rem;
	line-height: 1;
}


.chusyaku_text>li{
font-size: calc(var(--kihon-font) - 0.2rem);
margin-bottom: 5px;
text-indent: -1rem;
  padding-left: 1rem;
}


.type_2li{	
	margin: 0 auto 30px auto;
	justify-content: space-around;
}

.type_2li>li{
	width: 100%;
	margin-bottom: 30px;
}


.type_2li>li>dl>dt{
background: var(--kihon-color2);
color: white;
font-size: calc( var(--kihon-font) + 0.3rem);
border-top-left-radius:10px;
border-top-right-radius: 10px;
text-align: center;
font-weight: bold;
padding: 10px 5px;
}

.type_2li>li>dl>dd{
background: white;
padding: 20px;
}

.type_2li>li>dl>dd>ul{
display: flex;
justify-content: space-around;
margin-bottom: 30px;
max-width: 400px;
}

.type_2li>li>dl>dd>ul>li{
width: 23%;
}

.type_2li>li>dl>dd>ul>li>img{
width: 100%;
height: auto;
}

.type_2li>li>dl>dd>div{
font-size: var(--kihon-font);
}


















.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/


.tab_item {
  width: 48%;
float: left;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  color: #565656;
  display: block;
  font-weight: bold;
  transition: all 0.2s ease;
 }
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 30px 10px;
  clear: both;
  overflow: hidden;
margin-bottom: 20px;
}


/*選択されているタブのコンテンツのみを表示*/
#btob:checked ~ #btob_content,
#btoc:checked ~ #btoc_content
 {
  display: block;
}


.tab_color1{
	background: #ddd;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	margin-right: 1%;
}


.tab_color2{
	background: #ddd;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

}



/*選択されているタブのスタイルを変える*/
#btob:checked + .tab_item {
  background-color: #00a4bf;
  color: #fff!important;
}

#btoc:checked + .tab_item {
  background-color: #43bc66;
  color: #fff!important;
}





.plan_tab{
	border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	padding: 5px 10px;
	color: white;
}


.plan_tab>div:nth-child(1){
font-size: calc(var(--kihon-font) - 0.35rem);
}

.plan_tab>div:nth-child(2){
font-size: calc(var(--kihon-font) - 0.1rem);
}



#btob_content{
	background: #bfdbe2;
}

#btoc_content{
background: #bfe2cf;
}







.plan_2li{	
	margin: 0 auto 30px auto;
	justify-content: space-around;
	flex-wrap: wrap;
}

.plan_2li>li{
	width: 100%;
background: white;
padding: 20px;
border-radius: 10px;
margin-bottom: 30px;
}

.plan_2li>li>dl>dt>div{
	font-weight: bold;
}

.plan_2li>li>dl>dt>div:nth-child(1){
font-size: calc( var(--kihon-font) + 0.5rem);
line-height: 1;
}


.plan_2li>li>dl>dt>div:nth-child(1)>span{
font-size: calc( var(--kihon-font) + 0.3rem);
line-height: 1;
}


.plan_2li>li>dl>dt>div:nth-child(2){
font-size: calc( var(--kihon-font) + 0.1rem);
margin-bottom: 10px;
}


.plan_2li>li>dl>dd{

}

.plan_2li>li>dl>dd>ul{
display: flex;
margin-bottom: 30px;
max-width: 400px;
}

.plan_2li>li>dl>dd>ul>li{
width: 23%;
margin-right: 2.6%;
}

.plan_2li>li>dl>dd>ul>li:nth-child(4n){
margin-right: 0;
}



.plan_2li>li>dl>dd>ul>li>img{
width: 100%;
height: auto;
}


.plan_hyoujyun{
	display: flex;
	justify-content: flex-end;
	width:100%;
}



.plan_hyoujyun>div{

margin-bottom: 10px;
}


.plan_hyoujyun>div>div:nth-child(1){
font-size: var(--kihon-font);
font-weight: bold;
}



.plan_hyoujyun>div>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.5rem);
font-weight: bold;
}
.plan_hyoujyun>div>div:nth-child(2)>span>span{
font-size: calc(var(--kihon-font) + 0rem);

}


.plan_hyoujyun>div>div:nth-child(2)>span{

 position: relative;
}


.plan_hyoujyun>div>div:nth-child(2)>span:after{
   content: '';
    transform: rotate(0deg);
    width: 100%;
    border-top: 3px solid #f00;
    position: absolute;
    top: 50%;
    left: 0;
}



.plan_campaign{
	display: flex;
	justify-content: flex-end;
	width:100%;
}



.plan_campaign>ul{

display: flex;
align-items: center;
}

.plan_campaign>ul>li:nth-child(1){
font-size: calc(var(--kihon-font) - 0.2rem);
font-weight: bold;
margin-right: 10px;
}


.plan_campaign>ul>li:nth-child(2)>div{
font-weight: bold;
color: red;
}

.plan_campaign>ul>li:nth-child(2)>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0rem);
line-height: 1;
}

.plan_campaign>ul>li:nth-child(2)>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.5rem);
line-height: 1;
}


.plan_campaign>ul>li:nth-child(2)>div:nth-child(2)>span{
font-size: calc(var(--kihon-font) + 0.2rem);
}










.plan_no_campaing{
	display: flex;
	justify-content: flex-end;
	width:100%;
}



.plan_no_campaing>ul{

display: flex;
align-items: center;
margin-right: -10px;
}

.plan_no_campaing>ul>li:nth-child(1){
font-size: calc(var(--kihon-font) - 0.2rem);
font-weight: bold;
margin-right: 10px;
}


.plan_no_campaing>ul>li:nth-child(2)>div{
font-weight: bold;
}

.plan_no_campaing>ul>li:nth-child(2)>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0rem);
line-height: 1;
}

.plan_no_campaing>ul>li:nth-child(2)>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.5rem);
line-height: 1;
}


.plan_no_campaing>ul>li:nth-child(2)>div:nth-child(2)>span{
font-size: calc(var(--kihon-font) + 0.2rem);
}




.qa>dt{
	background: #007fd8;
	padding: 10px;
}

.qa>dt>div{
color: white;
font-size: calc(var(--kihon-font) + 0.3rem);
padding-left: 26px;
text-indent: -26px;
}


.qa>dt>div::before{
content: "Q";
font-size: calc(var(--kihon-font) + 0.5rem);
font-weight: bold;
margin-right: 10px;
}

.qa>dd{
	background: white;
	margin-bottom: 30px;
	padding: 20px;
}


.qa>dd>div{
font-size: var(--kihon-font);
margin-bottom: 30px;
}


.mini_text{
font-size: calc(var(--kihon-font) - 0.2rem)!important;
text-indent: -1rem;
padding-left: 1rem;

}

.qa>dd>div:nth-last-of-type(1){
margin-bottom: 0;
}




.mousikomi_midasi{
	font-size: calc(var(--kihon-font) + 0.3rem);
	font-weight: bold;
	margin-bottom: 10px;
}

.mousikomi_dl>dt{
	font-size: calc(var(--kihon-font) + 0.3rem);
}

.mousikomi_dl>dd{
	margin-bottom: 20px;
}

.mousikomi_dl>dd{
	font-size: calc(var(--kihon-font) + 0rem);
}


.mousikomi_list{

}




.mousikomi_list>li:nth-child(2n-1){
background: #eee;
width: 100%;
padding: 5px 10px;
color: white;
}

.mousikomi_list>li:nth-child(2n-1)>div{
justify-content: center;
font-size: calc(var(--kihon-font) + 0.2rem);
font-weight: bolder;

}


.mousikomi_list>li:nth-child(2n-1)>div>br{
display: none;
}



.mousikomi_list>li:nth-child(2n){
width: 100%;
padding: 20px 10px;
margin-bottom: 30px;
}


.mousikomi_list>li:nth-child(1){
	background: #07c4da;
}

.mousikomi_list>li:nth-child(3){
	background: #ffb400;
}

.mousikomi_list>li:nth-child(5){
		background: #fc852d;

}


.mousikomi_list>li:nth-child(7){
display: none;
}



.mousikomi_list>li:nth-child(2){
	background: #e8fdff;
}

.mousikomi_list>li:nth-child(4){
	background: #ffffe6;
}

.mousikomi_list>li:nth-child(6){
	background: #fff5ef;
}



.contact_2li{

}


.contact_2li>li{

	margin-bottom: 30px;
}


.contact_2li>li>div{
	color: white;
}

.contact_2li>li>a{
	display: block;
	color: white;
	font-weight: bolder;
	text-decoration: none;
	border-radius: 20px;
	background: linear-gradient(0deg,rgba(0, 116, 213, 1) 0%, rgba(0, 158, 241, 1) 100%);
	padding: 10px 30px;

}


.contact_2li>li>a:hover{
	filter: brightness(1.2);

}


.contact_2li>li>a>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.2rem);
}

.contact_2li>li>a>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.5rem);
}



.copyright{
	text-align: center;
	color: white;
	padding: 10px 0;
	background: black;
}



.kome{
	font-size: calc(var(--kihon-font) - 0.5rem);
	vertical-align: top;
}
.mt30{
	margin-top: 30px;
}



.chusyaku_plan{
	margin-top: 15px;
	        font-size: calc(var(--kihon-font) - 0.2rem);
	        text-align: center;
}