@charset "utf-8";
/* CSS Document */

body{
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;
}

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

.right_space1{
margin-right: 30px;
}

.right_space2{
margin-right: 50px;
}

.bottom_space1, bottom_space2{
margin-bottom: 0px;
}

a{
text-decoration: none;
}

a:hover { opacity: 0.6; }  

/*
a:link { color: white; } 
a:visited { color: white; } 
a:hover { color: white; }   
a:active { color: white; }
*/

table{
border-collapse:collapse;
}

.fix_menu{
position: fixed;
top: 0px;
background-color: #F3F4F5;
height: 90px;
width: 100%;
z-index: 9999;
}

.fix_menu_logo{
position: absolute;
line-height: 90px;
top: 5px;
left: 10px;
}

.fix_menu_txt{
position: absolute;
top: 7px;
left: 390px;
color: #09357f;
font-weight: bold;
}

.fix_menu_tel{
position: absolute;
top: 0px;
right: 350px;
z-index: 500;
}

.fix_menu_email{
position: absolute;
top: -15px;
right: 426px;
color: #1fbc99;
font-size: 1.3em;
z-index: 1000;
}

.fix_menu_button1{
position: absolute;
top: 0px;
right: 0px;
height: 90px;
width: 330px;
background-color: #ff8d00;
color: white;
line-height: 90px;
text-align: center;
font-size: 1.1em;
/*font-family: "Shin Go Regular";*/
}

.fix_menu_button2{
position: absolute;
top: 0px;
right: 200px;
height: 90px;
width: 200px;
background-color: #ff8d00;
color: white;
line-height: 90px;
text-align: center;
font-size: 1.1em;
/*font-family: "Shin Go Regular";*/
}

.web_font { 
font-family: "Folk Medium";
font-size:2.5em; 
line-height:1.25;
color: #121212;
}

.web_font2 { 
/*font-family: "NOW-GM";*/
font-size:2em; 
line-height:1.25;
color: #121212;
}

.web_font3 { 
font-family: "UD Shin Go Medium";
font-size:2em; 
font-weight:700; 
line-height:1.25;
color: #121212;
}

.web_font4 { 
font-size:2.5em; 
line-height:1.25;
color: #09357f;
font-weight: bold;
}

.web_font5 { 
font-size:1.5em; 
color: #09357f;
font-weight: bold;
}

.web_font6 { 
font-size:2em; 
color: #09357f;
font-weight: bold;
}

.web_font7 { 
font-size:2.5em; 
line-height:1.25;
color: #7FCC4D;
font-weight: bold;
}

.web_font8 { 
font-size:2.3em; 
line-height:1.25;
color: #ff8d00;
font-weight: bold;
}

.web_font9 { 
/*font-family: "NOW-GM";*/
font-size:2.2em; 
line-height:1.25;
color: #121212;
}

.web_font10 { 
/*font-family: "NOW-GM";*/
font-size:2.4em; 
line-height:1.25;
color: #09357f;
font-weight: bold;
}

.web_font11 { 
/*font-family: "NOW-GM";*/
font-size:2.5em; 
line-height:1.25;
color: #09357f;
font-weight: bold;
}

.header_img{
position: relative;
min-width: 100%;
max-width: 1600px;
}

.header_box1_1{
position: absolute;
top: 12%;
left: 3%;
}

.header_box1_2{
position: relative;
}

/*
.header_bgcolor_h{
position: absolute;
top: 15px;
left: 0;
background-color: white;
width: 680px;
height: 140px;
opacity: 0.7;
}
*/

.header_bgcolor_lanking{
position: absolute;
top: 250px;
left: 0;
background-color: black;
width: 630px;
height: 220px;
opacity: 0.2;
}

.header_txt{
position: absolute;
top: 0;
left: 0;
width: 720px;
height: 120px;
text-align: left;
padding-left: 20px;
/*text-shadow: 1px 2px 3px gray;*/
}


.header_muf_txt{
position: absolute;
top: 140px;
left: 22px;
width: 680px;
font-weight: bold;
color: #09357f;
line-height: 1.4em;
}

.header_lanking{
position: absolute;
top: 260px;
left: 13px;
}

.header_box2_1{
position: absolute;
top: 3%;
left: 93%;
}

.header_box2_2{
position: relative;
}

.header_txt2_1{
position: absolute;
top: 195px;
left: -550px;
font-size: 1.2em;
display: inline-block;
background-color: #09357f;
color: white;
text-align: center;
width: 130px;
padding: 5px 10px;
font-weight: bold;
}

.header_txt2_2{
position: absolute;
top: 215px;
left: -395px;
text-align: left;
display: inline-block;
font-size: 0.9em;
}

.header_slide_bgcolor_works{
position: absolute;
top: 215px;
right: 0;
width: 550px;
height: 265px;
/*border: solid 1px #09357f;*/
background-color: white;
opacity: 0.8;
}

.header_slide_works{
position: absolute;
top: 255px;
right: 20px;
width: 505px;
}

.header_slide_works p{
font-size: 1.3em;
color: #121212;
font-weight: bold;
} 

.header_txt3{
position: absolute;
top: 480px;
left: -550px;
font-size: 1.2em;
display: inline-block;
background-color: #5ab4bd;
color: white;
text-align: center;
width: 130px;
padding: 5px 10px;
font-weight: bold;
}

.header_slide_voice{
position: absolute;
top: 555px;
right: 20px;
width: 510px;
font-weight: bold;
}

.header_slide_bgcolor_voice{
position: absolute;
top: 500px;
right: 0;
width: 550px;
height: 235px;
background-color: white;
/*border: solid 1px #09357f;*/
opacity: 0.8;
}

.header_catch1{
position: absolute;
top: 525px;
left: 0;
width: 170px;/*幅*/
height: 170px;/*高さ*/
border-radius: 50%;/*角丸*/
background: #FFE699;
z-index: 9000;
/*box-shadow: 0 0 10px white;*/
}

.header_catch1_txt{
position: absolute;
top: 535px;
left: 30px;
width: 160px;
font-family: "Folk Medium";
font-size:1.8em; 
color: #09357f;
z-index: 9001;
/*text-shadow: 1px 1px 1px gray;*/
}

.header_catch2{
position: absolute;
top: 525px;
left: 155px;
width: 170px;/*幅*/
height: 170px;/*高さ*/
border-radius: 50%;/*角丸*/
background: #BDD7EE;
z-index: 8000;
/*box-shadow: 0 0 10px white;*/
}

.header_catch2_txt{
position: absolute;
top: 535px;
left: 185px;
width: 155px;
font-family: "Folk Medium";
font-size:1.8em; 
color: #09357f;
z-index: 8001;
/*text-shadow: 1px 1px 1px gray;*/
}

.header_catch3{
position: absolute;
top: 525px;
left: 310px;
width: 170px;/*幅*/
height: 170px;/*高さ*/
border-radius: 50%;/*角丸*/
background: #F8CBAD;
z-index: 7000;
/*box-shadow: 0 0 10px white;*/
}

.header_catch3_txt{
position: absolute;
top: 520px;
left: 345px;
width: 160px;
font-family: "Folk Medium";
font-size:1.7em; 
color: #09357f;
z-index: 7001;
/*text-shadow: 1px 1px 1px gray;*/
}

.header_catch4{
position: absolute;
top: 525px;
left: 465px;
width: 170px;/*幅*/
height: 170px;/*高さ*/
border-radius: 50%;/*角丸*/
background: #C9EBCA;
z-index: 6000;
/*box-shadow: 0 0 10px white;*/
}

.header_catch4_txt{
position: absolute;
top: 520px;
left: 495px;
width: 160px;
font-family: "Folk Medium";
font-size:1.7em; 
color: #09357f;
z-index: 7001;
/*text-shadow: 1px 1px 1px gray;*/
}

.center{
text-align: center;
}

.cercle{
display: inline-block;
padding: 60px 70px;
border: solid 2px #121212;
}

.recipe_box{
margin: 40px auto 0;
}

.recipe{
display: inline-block;
vertical-align: top;
text-align: left;
width: 650px;
}

.recipe_txt{
margin: 0 auto;
width: 650px;
}

.recipe_catch{
display: inline;
line-height: 2em;
font-size: 1.2em; 
font-weight: bold; 
color: #ff8d00; 
background: linear-gradient(transparent 60%, #FFF2CC 60%);
margin-bottom: 5px;
}

.recipe_txt_linking{
color: red;
font-size: 1.5em;
font-weight: bold;
}

.yellow_mark{
display: inline; 
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.recipe_impres{
margin: 20px 0 0;
display: inline-block;
padding: 15px;
font-weight: bold;
background-color: #FFF2CC;
border-radius: 5px;
color: #ff8d00;
}

.recipe_impres_txt{
margin-bottom: 30px;
}

.recipe_table{
margin: 20px auto 0;
display: table;
width: 650px;
background-color: #09357f;
border: solid 2px #09357f;
text-align: center;
}

.recipe_table .line1{
display: table-cell;
width: 33%;
background-color: #09357f;
vertical-align: middle;
padding: 3px 3px;
height: 30px;
color: white;
}

.recipe_table .line2{
display: table-cell;
width: 33%;
background-color: white;
border: solid 1px #09357f;
vertical-align: middle;
padding: 3px 3px;
height: 70px;
}

.recipe_table .row1{
display: table-row;
}

.recipe_button{
display: inline-block;
width: 650px;
text-align: center;
}

.recipe_detail{
display: inline-block;
margin-top: 20px;
background-color: #ed573e;
color: white;
font-weight: bold;
padding: 10px;
border-radius: 5px;
width: 300px;
text-align: center;
}

.recipe_estimate{
display: inline-block;
margin-top: 20px;
background-color: #ed573e;
color: white;
font-weight: bold;
padding: 10px;
border-radius: 5px;
width: 300px;
text-align: center;
}

.recipe_line{
max-width: 1400px;
margin: 60px auto;
border-bottom: dotted 3px #09357f;
}

.voice{
display: inline-block;
padding: 5px 20px;
background-color: #FFF2CC;
border-radius: 5px;
color: #ff8d00;
font-weight: bold;
}

.scene_backcolor{
background-color: white;
width: 101%;
}

.scene_box{
}

.scene{
display: inline-block;
vertical-align: top;
width: 610px;
}

.scene img{
box-shadow: 0 0 8px gray;
}

.scene_txt1{
font-size:1.5em;
color: #121212;
}

.scene_txt2{
text-align: left;
}

.imabari_backcolor{
background-color: #FFF2CC;
width: 101%;
}

.imabari_box{
}

.imabari{
display: inline-block;
text-align: left;
max-width: 610px;
vertical-align: middle;
}

.imabari_txt1{
font-weight: bold;
}

.design{
display: inline-block;
text-align: left;
width: 610px;
vertical-align: middle;
}

.design_txt1{
display: inline;
font-size: 1.4em;
font-weight: bold;
color: #09357f;
}

.design_txt2{
font-size: 1.2em;
font-weight: bold;
color: #09357f;
padding-bottom: 10px;
}

.design_txt_border{
border-bottom: dotted;
}

.design_txt2:last-child{
padding-bottom: 0px;
}

.sample_backcolor{
background-color: #E2F4D3;
width: 101%;
}

.sample_box{
}

.sample{
display: inline-block;
text-align: left;
max-width: 610px;
vertical-align: middle;
}

.sample_txt1{
font-weight: bold;
}

.sample_txt2{
margin-top: 30px;
text-align: center;
border: solid 4px #7FCC4D;
padding: 10px;
font-weight: bold;
color: #09357f;
}

.trial_backcolor{
}

.trial_box{
}

.trial{
display: inline-block;
text-align: left;
max-width: 610px;
vertical-align: middle;
}

.trial_txt1{
font-size: 1.7em;
font-weight: bold;
}

.trial_txt2{
font-weight: bold;
}

.trial_txt3{
margin-top: 30px;
text-align: center;
border: solid 4px #7FCC4D;
padding: 10px;
font-weight: bold;
color: #09357f;
}

.nametag_backcolor{
background-color: #FFF2CC;
width: 101%;
}

.nametag_box{
}

.nametag1{
display: inline-block;
text-align: left;
max-width: 650px;
vertical-align: middle;
}

.nametag2{
display: inline-block;
max-width: 610px;
vertical-align: middle;
}

.nametag_txt1{
font-weight: bold;
}

.nametag_txt2{
font-weight: bold;
color: red;
}

.red_txt{
color: red;
font-size: 1.2em;
font-weight: bold;
}

.red_txt_s{
color: red;
font-size: 1em;
font-weight: bold;
}

.navy{
color: #09357f;
}

.navy_b{
color: #09357f;
font-weight: bold;
}

.orange{
color: #ff8d00;
font-weight: bold;
}

.orange_b{
color: #ff8d00;
font-weight: bold;
font-size: 1.2em;
}

.reason_backcolor{
background-color: #E6F5FE;
width: 101%;
}

.reason_box1{
display: inline-block;
margin: 0 auto;
}

.reason_box2{
display: inline-block;
width: 600px;
}

.reason{
}

.reason_border_bottom{
border-bottom: dotted;
padding: 20px;
}

.reason_border_right{
border-right: dotted;
padding: 20px;
}

.form_table{
margin: 20px auto 0;
display: table;
width: 1000px;
background-color: white;
border: solid thin #C9C9C9;
}

.form_table .line1_1{
display: table-cell;
width: 22%;
background-color: #FBEFED;
vertical-align: middle;
padding: 12px;
height: 50px;
border: solid thin #C9C9C9;
text-align: left;
position: relative;
}

.form_table .line1_2{
display: table-cell;
width: 22%;
background-color: #E8F0F9;
vertical-align: middle;
padding: 12px;
height: 50px;
border: solid thin #C9C9C9;
text-align: left;
position: relative;
}

.form_table .line2{
display: table-cell;
width: 88%;
background-color: white;
vertical-align: middle;
padding: 12px;
height: 50px;
border: solid thin #C9C9C9;
text-align: left;
}

.form_table .line2 ul{
list-style: none;
margin: 0px;
padding: 0px;
}

.form_table .line2 ul li{
display: inline-block;
margin-right: 10px;
}

.form_table .line2 ul li:last-child{
display: inline-block;
margin-right: 0px;
}

input, label{
  cursor: pointer;
}

.form_table .row1{
display: table-row;
}

.form_required{
position: absolute;
vertical-align: middle;
right: 10px;
padding: 1px 5px;
font-weight: bold;
background-color: #DD474E;
border-radius: 5px;
color: white;
font-size: 0.9em;
}

.form_option{
position: absolute;
vertical-align: middle;
right: 10px;
padding: 1px 5px;
font-weight: bold;
background-color: #18377E;
border-radius: 5px;
color: white;
font-size: 0.9em;
}

.company_backcolor{
background-color: #E2F4D3;
width: 101%;
}

.company_box{
}

img.company{
margin-right: 20px;
}

.company{
display: inline-block;
text-align: left;
vertical-align: middle;
}

.company_txt1{
font-size: 1.4em;
font-weight: bold;
color: #09357f;
}

.company_txt2{
max-width:800px; 
font-size: 1.1em;
font-weight: bold;
}

.company_txt3{
max-width:800px; 
font-size: 1em;
}

.footer_tel{
background-color: #09357f;
color: white;
padding: 4px 7px;
margin-right: 5px;
font-size: 1em;
}

.footer_tel_size1{
font-size: 1.3em;
}

.footer_tel_size2{
font-size: 1.2em;
}

#page_top{
position: fixed;
bottom: 0;
right: 0;
width: 8.5%;
height: 3%;
background-color: black;
color: white;
text-align: center;
padding: 10px;
white-space: nowrap;
}

.back_page{
display: inline-block;
color: white;
background-color: #09357f;
padding: 10px;
margin-top: 30px;
}

.box_shadow{
box-shadow: 2px 2px 4px gray;
}

@media screen and (max-width: 1650px){
.fix_menu_txt{
display: none;
}

}

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

}

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

.recipe_line{
display: none;
}

.header_box2_1, .header_box2_2{
display: none;
}


}

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

.right_space1, .right_space2{
margin-right: 0px;
}

.bottom_space1{
margin-bottom: 30px;
}

.bottom_space2{
margin-bottom: 80px;
}

.reason_border_bottom{
border-bottom: 0px;
padding: 20px;
}

.reason_border_right{
border-right: 0px;
padding: 20px;
}

}


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



}


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

.fix_menu_tel{
display: none;
}




}

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

.fix_menu_button1, .fix_menu_button2{
display: none;
}

}

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



}