@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;600;700;900&display=swap');

/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  
html{overflow-y:scroll;} 
body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,input,textarea,fieldset{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}   
img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;}
li{list-style:none;}

/* ------------------------------------------- CSS Information 
 Style Info:     基本設定
----------------------------------------------------------- */
/*A Style*/  
a{text-decoration:none;color:#666666;}
a:hover{text-decoration:underline;color:#999999;}
/*font*/
.b{font-weight:900;}
.ul{text-decoration:underline;}
.bg{background:linear-gradient(transparent 70%, #f9e427 0%)}
.big{font-size:24px;}@media only screen and (max-width:750px){.big{font-size:18px;}}
.small{font-size:12px;line-height:20px;}
.red{color:#b7282e;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.pc{display:block !important;}
.sp{display:none !important;}
@media only screen and (max-width:750px){
.pc{display:none !important;}
.sp{display:block !important;}
}

/* ----------------------- CSS Information 
 Style Info: HTML/BODY
--------------------------------------- */
html,body{  
font-family:'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
color:#333333;
font-size:18px;
line-height:0;
text-align:center;
letter-spacing:0em;
background:#ffffff;
width:100%;
word-break:break-all;
}

/* ----------------------- CSS Information 
 Style Info: MV
--------------------------------------- */
.mv{
position:relative;
width:100%;
margin:0;
padding:0 0 40px 0;
box-sizing:border-box;
background:#eeeeee url(../img/mv_bg_pc.png) no-repeat center;
background-size:cover;
}
.mv_wrapper{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.mv h1{display:block;width:100%;margin:0 auto;padding:0;}
.mv h1 img{width:100%;}
.mv_box{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.mv_img{
display:block;
width:54%;
margin:0 1% 0 1%;
padding:0;
box-sizing:border-box;
}
.mv_mockup{
display:block;
width:100%;
}
.mv_review{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
margin:20px 0 0 0;
}
.mv_star{
display:block;
margin:0 10px 0 0;
}
.mv_star img{
display:inline-block;
width:30px;
height:30px;
}
.mv_review a{
display:block;
font-size:20px;
line-height:30px;
color:#287185;
text-decoration:none;
}
.mv_review a:hover{
color:#287185;
text-decoration:underline;
}
.mv_note{
display:block;
margin:5px 0 0 0;
font-size:12px;
line-height:20px;
text-align:center;
color:#999999;
}
.mv_form{
width:43%;
margin:0 1% 0 0;
padding:20px 20px;
background:#f0f3f5;
border:1px solid #048bd1;
border-radius:10px;
box-sizing:border-box;
}
.mv_form h2{
position:relative;
display:block;
margin:0;
padding:0;
font-size:15px;
line-height:20px;
font-weight:700;
text-align:center;
box-sizing:border-box;
}
.mv_form form{
width:100%;
margin:20px auto;
padding:0;
box-sizing:border-box;
}
.mv_form form input[type=text]{
font-family:'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
font-size:14px;
line-height:20px;
width:100%;
margin:0 0 10px 0;
padding:10px;
color:#333333;
text-align:left;
background:#ffffff;
border:1px solid #a3bac6;
border-radius:4px;
box-sizing:border-box;
}
.mv_form form input[type=submit]{
font-family:'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
font-size:20px;
line-height:40px;
width:100%;
margin:0;
padding:10px;
color:#000000;
text-align:center;
font-weight:700;
background:linear-gradient(#ffb92a,#fa9b0c);
box-shadow:0px 5px 0px 0px #75531d;
border:none;
border-radius:16px;
cursor:pointer;
box-sizing:border-box;
}
.mv_form form input[type=submit]:hover{background:#b56c00;}
.mv_attention{
width:100%;
margin:0;
padding:0;
font-size:12px;
line-height:20px;
color:#999999;
text-align:justify;
box-sizing:border-box;
}
.mv_attention a{text-decoration:none;color:#999999;}
.mv_attention a:hover{text-decoration:underline;color:#999999;}
@media only screen and (max-width:1000px){
.mv{padding:0 0 4vw 0;}
.mv_wrapper{}
.mv h1{}
.mv h1 img{}
.mv_box{}
.mv_img{}
.mv_mockup{}
.mv_review{margin:2vw 0 0 0;}
.mv_star{margin:0 1vw 0 0;}
.mv_star img{width:3vw;height:auto;}
.mv_review a{font-size:2vw;line-height:3vw;}
.mv_review a:hover{}
.mv_note{margin:0.5vw 0 0 0;font-size:1.2vw;line-height:2vw;}
.mv_form{padding:2vw 2vw;border-radius:1vw;}
.mv_form h2{font-size:1.5vw;line-height:2vw;}
.mv_form form{margin:2vw auto;}
.mv_form form input[type=text]{font-size:1.4vw;line-height:2vw;margin:0 0 1vw 0;padding:1vw;border-radius:0.4vw;}
.mv_form form input[type=submit]{font-size:2vw;line-height:4vw;padding:1vw;border-radius:1.6vw;}
.mv_form form input[type=submit]:hover{}
.mv_attention{font-size:1.2vw;line-height:2vw;}
}
@media only screen and (max-width:750px){
.mv{padding:0 0 8vw 0;background:#eeeeee url(../img/mv_bg_sp.png) no-repeat center;background-size:cover;}
.mv_wrapper{}
.mv h1{}
.mv h1 img{}
.mv_box{display:block;}
.mv_img{width:100%;margin:0 0 8vw 0;padding:0 4%;}
.mv_mockup{}
.mv_review{margin:4vw 0 0 0;}
.mv_star{}
.mv_star img{width:24px;height:24px;}
.mv_review a{font-size:20px;line-height:30px;}
.mv_review a:hover{}
.mv_note{margin:5px 0 0 0;font-size:12px;line-height:20px;}
.mv_form{width:92%;margin:0 auto;padding:4vw 4%;border-radius:10px;}
.mv_form h2{font-size:14px;line-height:20px;}
.mv_form form{margin:4vw auto;}
.mv_form form input[type=text]{font-size:14px;line-height:20px;margin:0 0 10px 0;padding:10px;border-radius:4px;}
.mv_form form input[type=submit]{font-size:20px;line-height:40px;padding:10px;border-radius:16px;}
.mv_form form input[type=submit]:hover{}
.mv_attention{font-size:12px;line-height:20px;}
}

/* ----------------------- CSS Information 
 Style Info: 共通設定
--------------------------------------- */
.section_wrapper{
width:100%;
max-width:1000px;
margin:0 auto;
box-sizing:border-box;
}
.section_box{
position:relative;
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}

/* ----------------------- CSS Information 
 Style Info: ACHIEVEMENT
--------------------------------------- */
#achievement{background:#f2f2f2;padding:80px 0 80px 0;}
#achievement h2{
position:relative;
display:block;
width:100%;
margin:0 auto 40px auto;
padding:0;
font-size:30px;
line-height:40px;
font-weight:700;
box-sizing:border-box;
}
.achievement_wrapper{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:stretch;
}
.achievement_box{
width:32%;
margin:0;
padding:30px;
border-radius:10px;
background:#ffffff;
box-sizing:border-box;
}
.achievement_icon{
display:block;
margin:0 auto 0 0;
padding:0;
width:auto;
height:60px;
}
.achievement_box dl{
}
.achievement_box dl dt{
margin:20px 0 20px 0;
font-size:18px;
line-height:30px;
font-weight:900;
text-align:left;
letter-spacing:-2px;
}
.achievement_box dl dd{
font-size:14px;
line-height:20px;
text-align:justify;
}
.achievement_img_tv{
display:block;
width:100%;
max-width:1250px;
margin:30px auto 0 auto;
padding:0 4%;
box-sizing:border-box;
}
@media only screen and (max-width:1000px){
#achievement{padding:8vw 0 8vw 0;}
#achievement h2{margin:0 auto 4vw auto;font-size:3vw;line-height:4vw;}
.achievement_wrapper{}
.achievement_box{padding:3vw;border-radius:1vw;}
.achievement_icon{height:6vw;}
.achievement_box dl{}
.achievement_box dl dt{margin:2vw 0 2vw 0;font-size:1.75vw;line-height:3vw;}
.achievement_box dl dd{font-size:1.4vw;line-height:2vw;}
.achievement_img_tv{margin:4vw 0 0 0;}
}
@media only screen and (max-width:750px){
#achievement{padding:8vw 0 8vw 0;}
#achievement h2{margin:0 auto 4vw auto;font-size:20px;line-height:30px;}
.achievement_wrapper{display:block;}
.achievement_box{width:100%;margin:0 0 4vw 0;padding:4vw;border-radius:10px;}
.achievement_box:last-of-type{margin:0;}
.achievement_icon{height:50px;}
.achievement_box dl{}
.achievement_box dl dt{margin:4vw 0 4vw 0;font-size:20px;line-height:30px;}
.achievement_box dl dd{font-size:14px;line-height:20px;}
}

/* ----------------------- CSS Information 
 Style Info: CONTENT
--------------------------------------- */
#content{
padding:80px 0 80px 0;
background:#e9ecf4;
}
#content h2{
position:relative;
display:block;
width:100%;
margin:0 auto 60px auto;
padding:0;
font-size:40px;
line-height:50px;
font-weight:700;
color:#01196f;
box-sizing:border-box;
}
.content_box{
position:relative;
width:100%;
margin:0 auto 60px auto;
padding:60px 0 30px 0;
border:1px solid #a3bac6;
background:#ffffff;
box-sizing:border-box;
}
.content_box:last-of-type{margin:0 auto;}
.content_num{
position:absolute;
top:-30px;
left:-30px;
display:block;
padding:15px 0;
width:230px;
height:60px;
font-size:20px;
line-height:30px;
color:#ffffff;
font-weight:700;
background:#005893;
box-sizing:border-box;
}
h3.content_title{
display:block;
margin:0 0 30px 0;
padding:0 30px;
font-size:30px;
line-height:40px;
font-weight:900;
text-align:left;
color:#01196f;
box-sizing:border-box;
}
.content_summary{
display:flex;
flex-direction:row-reverse;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:stretch;
}
.content_mockup{
display:block;
width:35%;
margin:0;
padding:0 10px;
box-sizing:border-box;
}
.content_mockup img{
display:block;
width:100%;
}
.content_text{
width:65%;
margin:0;
padding:0 0 0 30px;
font-size:18px;
line-height:30px;
text-align:justify;
box-sizing:border-box;
}
@media only screen and (max-width:1000px){
#content{padding:8vw 0 8vw 0;}
#content h2{margin:0 auto 6vw auto;font-size:4vw;line-height:5vw;}
.content_box{margin:0 auto 6vw auto;padding:6vw 0 3vw 0;}
.content_num{top:-3vw;left:-3vw;padding:1.5vw 0;width:23vw;height:6vw;font-size:2vw;line-height:3vw;}
h3.content_title{margin:0 0 3vw 0;padding:0 3vw;font-size:3vw;line-height:4vw;}
.content_summary{}
.content_mockup{padding:0 1vw;}
.content_mockup img{}
.content_text{padding:0 0 0 3vw;font-size:1.8vw;line-height:3vw;}
}
@media only screen and (max-width:750px){
#content{padding:8vw 0 8vw 0;}
#content h2{margin:0 auto 8vw auto;font-size:20px;line-height:30px;}
.content_box{margin:0 auto 40px auto;padding:40px 0 40px 0;}
.content_num{top:-20px;left:50%;transform:translateX(-100px);width:200px;height:40px;padding:10px 0;font-size:16px;line-height:20px;}
h3.content_title{margin:0 0 20px 0;padding:0 4vw;font-size:20px;line-height:30px;text-align:center;}
.content_summary{display:block;}
.content_mockup{width:100%;margin:0 0 20px 0;padding:0 4vw;}
.content_mockup img{}
.content_text{width:100%;padding:0 4vw;font-size:14px;line-height:24px;}
}

/* ----------------------- CSS Information 
 Style Info: CV
--------------------------------------- */
.cv{
padding:40px 0 40px 0;
background:#080d27;
}
.cv_wrapper{
display:block;
width:100%;
max-width:560px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.cv_box{
display:block;
width:100%;
margin:0 auto;
padding:0 30px;
box-sizing:border-box;
}
.cv h1{
position:relative;
display:block;
width:100%;
margin:0 auto 20px auto;
padding:0;
font-size:24px;
line-height:35px;
font-weight:700;
color:#ffffff;
box-sizing:border-box;
}
.cv_form{
width:100%;
margin:0;
padding:0;
}
.cv_form form{
width:100%;
margin:20px auto;
padding:0;
box-sizing:border-box;
}
.cv_form form input[type=text]{
font-family:'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
font-size:14px;
line-height:20px;
width:100%;
margin:0 0 10px 0;
padding:10px;
color:#333333;
text-align:left;
background:#ffffff;
border:1px solid #a3bac6;
border-radius:4px;
box-sizing:border-box;
}
.cv_form form input[type=submit]{
font-family:'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
font-size:20px;
line-height:40px;
width:100%;
margin:0;
padding:10px;
color:#000000;
text-align:center;
font-weight:700;
background:#e68a00;
border:none;
border-radius:10px;
cursor:pointer;
box-sizing:border-box;
}
.cv_form form input[type=submit]:hover{background:#b56c00;}
.cv_attention{
width:100%;
margin:0;
padding:0;
font-size:12px;
line-height:20px;
color:#cccccc;
text-align:justify;
box-sizing:border-box;
}
.cv_attention a{text-decoration:none;color:#cccccc;}
.cv_attention a:hover{text-decoration:underline;color:#cccccc;}
@media only screen and (max-width:750px){
.cv{padding:8vw 0 8vw 0;}
.cv_wrapper{max-width:750px;}
.cv_box{padding:0 4vw;}
.cv h1{margin:0 auto 4vw auto;font-size:20px;line-height:30px;}
.cv_form{}
.cv_form form{margin:4vw auto;}
.cv_form form input[type=text]{}
.cv_form form input[type=submit]{}
.cv_form form input[type=submit]:hover{}
.cv_attention{}
}

/* ----------------------- CSS Information 
 Style Info: PP
--------------------------------------- */
#pp{
padding:60px 0 60px 0;
background:#f6f6f6;
}
.pp_wrapper{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.pp_box{
display:block;
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
#pp h2{
position:relative;
display:block;
width:100%;
margin:0 auto 20px auto;
padding:0;
font-size:20px;
line-height:30px;
font-weight:700;
text-align:left;
box-sizing:border-box;
}
.pp_text{
width:100%;
margin:0;
padding:0;
font-size:16px;
line-height:24px;
text-align:justify;
}
.pp_text p{
margin:0;
padding:0 0 20px 0;
}
.pp_text p:last-of-type{
margin:0;
padding:0;
text-align:right;
}
@media only screen and (max-width:750px){
#pp{padding:40px 0 40px 0;}
.pp_wrapper{}
.pp_box{}
#pp h2{font-size:18px;line-height:20px;text-align:center;}
.pp_text{font-size:14px;line-height:24px;}
.pp_text p{padding:0 0 20px 0;}
.pp_text p:last-of-type{}
}

/* ----------------------- CSS Information 
 Style Info: REVIEW
--------------------------------------- */
#review{
padding:80px 0;
background:#f2eded;
}
#review h2{
position:relative;
display:block;
width:100%;
margin:0 auto 40px auto;
padding:0;
font-size:30px;
line-height:40px;
font-weight:700;
box-sizing:border-box;
}
/* review_total */
.review_total{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
max-width:690px;
margin:0 auto 40px auto;
padding:30px;
background:#f7f4f4;
border-radius:10px;
box-sizing:border-box;
}
.review_total_overview{
margin:0 30px 0 0;
}
.review_total_overview dl{
text-align:left;
}
.review_total_overview dl dt{
font-size:20px;
line-height:30px;
}
.review_total_overview dl dd{
font-size:80px;
line-height:90px;
font-weight:900;
color:#a5203a;
}
.review_total_overview dl dd .small{
font-size:30px;
}
.review_total_detail{
text-align:left;
}
.review_total_detail p{
display:block;
margin:0;
padding:0;
}
.review_total_detail p a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
margin:0 0 10px 0;
padding:0;
}
.review_total_detail p:last-of-type a{margin:0;}
.review_total_detail p a img{
display:block;
width:20px;
height:20px;
margin:0;
padding:0;
}
.review_total_detail p a .piece{
position:relative;
display:block;
width:30px;
margin:0;
padding:0;
font-size:16px;
line-height:20px;
text-align:left;
}
.review_total_detail p a .chart{
position:relative;
display:block;
width:310px;
height:20px;
margin:0;
padding:0;
background:linear-gradient(to right,#f0d04f,#f8ad20);
}
.review_total_detail p a .chart:after{
content:"";
position:absolute;
display:block;
height:20px;
top:0;
right:0;
background:#ffffff;
}
.review_total_detail p:nth-of-type(1) .chart:after{width:38%;}
.review_total_detail p:nth-of-type(2) .chart:after{width:71%;}
.review_total_detail p:nth-of-type(3) .chart:after{width:94%;}
.review_total_detail p:nth-of-type(4) .chart:after{width:98%;}
.review_total_detail p:nth-of-type(5) .chart:after{width:99%;}
.review_total_detail p a .percentage{
position:relative;
display:block;
width:40px;
margin:0;
padding:0;
font-size:16px;
line-height:20px;
text-align:right;
}
/* review_wrapper */
.review_wrapper{position:relative;overflow:hidden;}
.review_wrapper01{}
.review_wrapper02{height:0;}
.review_wrapper03{height:0;}
.review_box{
position:relative;
width:100%;
margin:0 auto 40px auto;
padding:40px;
background:#ffffff;
border-radius:10px;
box-sizing:border-box;
}
/* review_index */
.review_index{
display:flex;
flex-direction:row-reverse;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
margin:0 0 20px 0;
}
.review_title{flex:1;padding:0;}
.review_title h3{
display:block;
margin:0;
padding:0;
font-size:22px;
line-height:30px;
font-weight:700;
text-align:left;
}
.review_star{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
margin:10px 0 0 0;
padding:0;
line-height:20px;
text-align:left;
color:#666666;
}
.review_star img{
display:block;
width:20px;
height:20px;
margin:0;
}
.review_name{
display:block;
margin:0 0 0 10px;
font-size:16px;
}
.review_date{
font-size:12px;
}
.review_icon{
width:70px;
margin:0 20px 0 0;
}
.review_icon img{
width:100%;
}
/* review_text */
.review_text{
position:relative;
font-size:18px;
line-height:30px;
text-align:justify;
}
.review_text_p{
position:relative;
margin:0;
padding:0;
overflow:hidden;
}
.review_text_p.is-show:after{
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:60px;
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #ffffff 100%);
}
.review_more{
z-index:10;
position:absolute;
bottom:0;
left:0;
font-size:16px;
text-align:left;
color:#007185;
cursor:pointer;
}
.review_more:hover{
text-decoration:underline;
color:#c7511f;
}
.review_more:before{
content:"";
display:inline-block;
vertical-align:0;
margin:0 5px 0 0;
width:10px;
height:10px;
border:2px solid currentColor;
border-left:0;
border-bottom:0;
box-sizing:border-box;
transform:translateY(-25%) rotate(135deg);
}
.review_attention{
display:block;
margin:0;
padding:0;
color:#999999;
font-size:14px;
text-align:right;
}
/* review_btn */
.review_btn{
display:block;
width:400px;
margin:40px auto;
padding:20px 0;
font-size:18px;
line-height:20px;
color:#ffffff;
background:#a5203a;
border-radius:10px;
box-sizing:border-box;
cursor:pointer;
}
.review_btn:hover{
background:#52101d;
}
/* review_note */
.review_note{
display:block;
margin:0;
padding:0;
color:#666666;
font-size:16px;
line-height:30px;
text-align:center;
}
.review_note a{color:#007185;}
.review_note a:hover{color:#c7511f;}
@media only screen and (max-width:1000px){
#review{padding:8vw 0;}
#review h2{margin:0 auto 4vw auto;font-size:3vw;line-height:4vw;}
/* review_total */
.review_total{margin:0 auto 4vw auto;padding:3vw;border-radius:1vw;}
.review_total_overview{margin:0 3vw 0 0;}
.review_total_overview dl{}
.review_total_overview dl dt{font-size:2vw;line-height:3vw;}
.review_total_overview dl dd{font-size:8vw;line-height:9vw;}
.review_total_overview dl dd .small{font-size:3vw;}
.review_total_detail{}
.review_total_detail p{}
.review_total_detail p a{margin:0 0 1vw 0;}
.review_total_detail p:last-of-type a{m}
.review_total_detail p a img{width:2vw;height:2vw;}
.review_total_detail p a .piece{width:3vw;font-size:1.6vw;line-height:2vw;}
.review_total_detail p a .chart{width:31vw;height:2vw;}
.review_total_detail p a .chart:after{height:2vw;}
.review_total_detail p .percentage{width:4vw;font-size:1.6vw;line-height:2vw;}
/* review_wrapper */
.review_wrapper{}
.review_wrapper01{}
.review_wrapper02{height:0;}
.review_wrapper03{height:0;}
.review_box{margin:0 auto 4vw auto;padding:4vw;border-radius:1vw;}
/* review_index */
.review_index{margin:0 0 2vw 0;}
.review_title{}
.review_title h3{font-size:2.2vw;line-height:3vw;}
.review_star{margin:1vw 0 0 0;line-height:2vw;}
.review_star img{width:2vw;height:2vw;}
.review_name{margin:0 0 0 1vw;font-size:1.6vw;}
.review_date{font-size:1.2vw;}
.review_icon{width:7vw;margin:0 2vw 0 0;}
.review_icon img{}
/* review_text */
.review_text{font-size:1.8vw;line-height:3vw;}
.review_text_p{}
.review_text_p.is-show:after{height:6vw;}
.review_more{font-size:1.6vw;}
.review_more:hover{}
.review_more:before{margin:0 0.5vw 0 0;width:1vw;height:1vw;}
.review_attention{font-size:1.4vw;}
/* review_btn */
.review_btn{width:40vw;margin:4vw auto;padding:2vw 0;font-size:1.8vw;line-height:2vw;border-radius:1vw;}
/* review_note */
.review_note{font-size:1.6vw;line-height:3vw;}
}
@media only screen and (max-width:750px){
#review{padding:8vw 0;}
#review h2{margin:0 auto 4vw auto;font-size:20px;line-height:30px;}
/* review_total */
.review_total{display:block;margin:0 auto 4vw auto;padding:4vw;border-radius:10px;}
.review_total_overview{margin:0 0 4vw 0;}
.review_total_overview dl{text-align:center;}
.review_total_overview dl dt{font-size:16px;line-height:20px;}
.review_total_overview dl dd{font-size:60px;line-height:70px;}
.review_total_overview dl dd .small{font-size:30px;}
.review_total_detail{}
.review_total_detail p{}
.review_total_detail p a{justify-content:center;margin:0 0 10px 0;}
.review_total_detail p:last-of-type a{margin:0;}
.review_total_detail p a img{width:16px;height:16px;}
.review_total_detail p a .piece{width:30px;font-size:14px;line-height:20px;}
.review_total_detail p a .chart{width:240px;height:20px;}
.review_total_detail p a .chart:after{height:20px;}
.review_total_detail p a .percentage{width:40px;font-size:14px;line-height:20px;}
/* review_wrapper */
.review_wrapper{}
.review_wrapper01{}
.review_wrapper02{height:0;}
.review_wrapper03{height:0;}
.review_box{margin:0 auto 4vw auto;padding:4vw;border-radius:10px;}
/* review_index */
.review_index{margin:0 0 4vw 0;}
.review_title{}
.review_title h3{font-size:15px;line-height:20px;}
.review_star{display:block;margin:5px 0 0 0;line-height:15px;}
.review_star img{display:inline-block;width:15px;height:15px;}
.review_name{margin:0;font-size:14px;line-height:20px;}
.review_date{font-size:12px;line-height:16px;}
.review_icon{width:40px;margin:0 5px 0 0;}
.review_icon img{}
/* review_text */
.review_text{font-size:14px;line-height:24px;}
.review_text_p{}
.review_text_p.is-show:after{height:48px;}
.review_more{font-size:14px;left:3px;}
.review_more:hover{}
.review_more:before{margin:0 5px 0 0;width:8px;height:8px;}
.review_attention{font-size:11px;}
/* review_btn */
.review_btn{width:100%;max-width:400px;margin:4vw auto;padding:10px 0;font-size:14px;line-height:20px;border-radius:10px;}
/* review_note */
.review_note{font-size:12px;line-height:20px;}
}

/* ----------------------- CSS Information 
 Style Info: PROFILE
--------------------------------------- */
#profile{
padding:80px 0 80px 0;
background:linear-gradient(to right,#101422,#152a50,#101422);
}
.profile_box{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
margin:0 auto;
}
.profile_img{
display:block;
width:50%;
}
.profile_img img{
display:block;
width:100%;
}
.profile_text{
display:block;
width:50%;
margin:0;
padding:0 0 0 30px;
color:#ffffff;
box-sizing:border-box;
}
.profile_name{
display:block;
font-size:30px;
line-height:50px;
font-weight:700;
text-align:left;
}
.profile_text ul{
font-size:20px;
line-height:36px;
text-align:left;
font-weight:700;
box-sizing:border-box;
}
.profile_text p{
margin:30px 0 0 0;
padding:0;
font-size:18px;
line-height:30px;
text-align:justify;
font-weight:200;
}
.profile_detail{
width:100%;
margin:40px 0 0 0;
padding:0;
box-sizing:border-box;
}
.profile_detail p{
margin:0;
padding:0;
font-size:18px;
line-height:30px;
color:#ffffff;
text-align:justify;
}
.profile_media{
width:100%;
margin:40px 0 0 0;
}
.profile_media img{
display:block;
width:100%;
margin:0 0 10px 0;
}
.profile_media img:last-of-type{
margin:0;
}
@media only screen and (max-width:1000px){
#profile{padding:8vw 0 8vw 0;}
.profile_box{}
.profile_img{}
.profile_img img{}
.profile_text{padding:0 0 0 3vw;}
.profile_name{font-size:3vw;line-height:5vw;}
.profile_text ul{font-size:2vw;line-height:3.6vw;}
.profile_text p{margin:3vw 0 0 0;font-size:1.8vw;line-height:3vw;}
.profile_detail{margin:4vw 0 0 0;}
.profile_detail p{font-size:1.8vw;line-height:3vw;}
.profile_media{margin:4vw 0 0 0;}
.profile_media img{margin:0 0 1vw 0;}
.profile_media img:last-of-type{}
}
@media only screen and (max-width:750px){
#profile{padding:4vw 0 8vw 0;}
.profile_box{display:block;margin:0 auto;}
.profile_img{width:100%;}
.profile_img img{}
.profile_text{width:100%;padding:8vw 0 0 0;}
.profile_name{font-size:20px;line-height:30px;text-align:center;}
.profile_text ul{font-size:16px;line-height:30px;text-align:center;}
.profile_text p{margin:8vw 0 0 0;font-size:14px;line-height:24px;}
.profile_detail{margin:8vw 0 0 0;}
.profile_detail p{font-size:14px;line-height:24px;}
.profile_media{margin:0;}
.profile_media img{margin:0 0 10px 0;}
.profile_media img:last-of-type{}
}

/* ----------------------- CSS Information 
 Style Info: COMPANY
--------------------------------------- */
#company{
padding:0 0 80px 0;
background:#ffffff;
border-top:1px solid #a3bac6;
}
#company h2{
margin:0 0 60px 0;
padding:30px 0;
font-size:24px;
line-height:30px;
color:#ffffff;
background:#b02b00;
}
#company h3{
display:block;
margin:0 auto 20px auto;
padding:10px 0 10px 10px;
font-size:20px;
line-height:30px;
font-weight:700;
text-align:left;
border-left:4px solid #b02b00;
}
.company_box{
display:flex;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
margin:0 auto 40px auto;
}
.company_box:nth-of-type(1){flex-direction:row-reverse;}
.company_box:nth-of-type(2){flex-direction:row;margin:0 auto 0 auto;}
.company_img{
width:45%;
margin:0;
box-sizing:border-box;
}
.company_box:nth-of-type(1) .company_img{padding:0 0 0 40px;}
.company_box:nth-of-type(2) .company_img{padding:0 40px 0 0;}
.company_img img{display:block;width:100%;}
.company_text{
width:55%;
margin:0;
padding:0;
font-size:16px;
line-height:24px;
text-align:justify;
box-sizing:border-box;
}
.company_text p{
margin:0 0 20px 0;
padding:0;
}
.company_table{
width:100%;
font-size:18px;
line-height:30px;
}
.company_table tr{
border-bottom:1px solid #000000;
}
.company_table th{
width:150px;
padding:15px 0;
}
.company_table td{
padding:15px 0;
}
@media only screen and (max-width:1000px){
#company{padding:0 0 8vw 0;}
#company h2{margin:0 0 6vw 0;padding:3vw 0;font-size:2.4vw;line-height:3vw;}
#company h3{margin:0 auto 2vw auto;padding:1vw 0 1vw 1vw;font-size:2vw;line-height:3vw;border-left:0.4vw solid #b02b00;}
.company_box{margin:0 auto 4vw auto;}
.company_img{}
.company_box:nth-of-type(1) .company_img{padding:0 0 0 4vw;}
.company_box:nth-of-type(2) .company_img{padding:0 4vw 0 0;}
.company_img img{}
.company_text{font-size:1.6vw;line-height:2.4vw;}
.company_text p{margin:0 0 2vw 0;}
.company_table{font-size:1.8vw;line-height:3vw;}
.company_table tr{}
.company_table th{width:15vw;padding:1.5vw 0;}
.company_table td{padding:1.5vw 0;}
}
@media only screen and (max-width:750px){
#company{padding:0 0 8vw 0;}
#company h2{margin:0 0 8vw 0;padding:20px 0;font-size:20px;}
#company h3{margin:0 auto 20px auto;padding:5px 0 5px 10px;font-size:18px;line-height:30px;border-left:10px solid #b02b00;}
.company_box{display:block;margin:0 auto 40px auto;}
.company_img{width:100%;}
.company_box:nth-of-type(1) .company_img{padding:0;}
.company_box:nth-of-type(2) .company_img{display:none;}
.company_img img{}
.company_img02{width:100%;}
.company_text{width:100%;margin:20px 0 0 0;font-size:14px;line-height:24px;}
.company_text p{}
.company_table{margin:10px auto 0 auto;font-size:14px;line-height:24px;}
.company_table tr{}
.company_table th{width:120px;padding:10px 0;}
.company_table td{padding:10px 0;}
}

/* ----------------------- CSS Information 
 Style Info: PRODUCT
--------------------------------------- */
#product{
padding:80px 0;
background:#f6f6f6;
}
#product h2{
margin:0 0 20px 0;
font-size:24px;
line-height:30px;
}
#product p{
margin:0 0 20px 0;
padding:0;
font-size:16px;
line-height:20px;
}
.product_table{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.product_table:nth-of-type(1){
margin:0 auto 40px auto;
}
@media only screen and (max-width:1000px){
#product{padding:8vw 0;}
#product h2{margin:0 0 2vw 0;font-size:2.4vw;line-height:3vw;}
#product p{margin:0 0 2vw 0;font-size:1.6vw;line-height:2vw;}
.product_table{}
.product_table:nth-of-type(1){margin:0 auto 4vw auto;}
}
@media only screen and (max-width:750px){
#product{padding:8vw 0;}
#product h2{margin:0 0 4vw 0;font-size:20px;}
#product p{margin:0 0 4vw 0;padding:0 4vw;font-size:14px;line-height:20px;text-align:justify;}
.product_table{}
.product_table:nth-of-type(1){margin:0 auto 8vw auto;}
}

/* ----------------------- CSS Information 
 Style Info: FOOTER
--------------------------------------- */
footer{
margin:0;
padding:40px 0 40px 0;
width:100%;
color:#eeeeee;
background:#090909;
}
footer a{color:#eeeeee;text-decoration:none;}
footer a:hover{color:#eeeeee;text-decoration:underline;}
#nav_footer{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
}
#nav_footer ul{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
width:100%;
text-align:center;
list-style-type:none;
}
#nav_footer ul li{
display:block;
font-size:12px;
line-height:20px;
margin:0;
padding:0 20px;
border-right:1px solid #444444;
}
#nav_footer ul li:last-child{border-right:none;}
footer small{
display:block;
margin:20px 0 0 0;
padding:0;
text-align:center;
font-size:12px;
line-height:20px;
}
@media only screen and (max-width:750px){
footer{}
#nav_footer{}
#nav_footer ul{flex-direction:column;}
#nav_footer ul li{width:100%;margin:0 0 20px 0;padding:0;border-right:none;}
#nav_footer ul li:last-child{border-right:none;}
footer small{margin:0;}
.sp_no{display:none;}
}