@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: RESET
--------------------------------------- */
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: BASIC
--------------------------------------- */
/*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 90%, #fbbc05 0%)}
.blue{color:#4285f4;}
.red{color:#ea4335;}
.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;
box-sizing:border-box;
background:#eeeeee url(../img/mv_bg_pc.png) no-repeat center;
background-size:cover;
}
.mv h1{
display:block;
width:100%;
max-width:1250px;
margin:0 auto;
padding:0;
}
.mv h1 img{width:100%;}
@media only screen and (max-width:750px){
.mv{background:#eeeeee url(../img/mv_bg_sp.png) no-repeat center;background-size:cover;}
.mv h1{}
.mv h1 img{}
}

/* ----------------------- CSS Information 
 Style Info: CV
--------------------------------------- */
.cv{
padding:40px 0 40px 0;
background:#202124;
}
.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: CONTENT
--------------------------------------- */
#content{background:#f8f9fa url(../img/bg01.png) repeat center top;}
.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:#4285f4;
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:#4285f4;
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{}
.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{}
.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: SECTION
--------------------------------------- */
.section{
position:relative;
display:block;
margin:0;
padding:120px 0;
background:#ffffff;
}
.section_wrapper{
width:100%;
max-width:1000px;
margin:0 auto;
box-sizing:border-box;
}
.section h2{
position:relative;
display:block;
margin:0 auto 90px auto;
padding:0 4% 30px 4%;
font-size:30px;
line-height:50px;
font-weight:900;
box-sizing:border-box;
}
.section h2:after{
content:"";
position:absolute;
top:100%;
left:50%;
margin:0 0 0 -30px;
border:30px solid transparent;
border-top:30px solid #4285f4;
z-index:10;
}
.section_box{
position:relative;
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
@media only screen and (max-width:1000px){
.section{padding:12vw 0;}
.section_wrapper{}
.section h2{margin:0 auto 9vw auto;padding:0 4% 3vw 4%;font-size:3vw;line-height:5vw;}
.section h2:after{margin:0 0 0 -3vw;border:3vw solid transparent;border-top:3vw solid #4285f4;}
.section_box{}
}
@media only screen and (max-width:750px){
.section{padding:60px 0;}
.section_wrapper{}
.section h2{margin:0 auto 60px auto;padding:0 4% 10px 4%;font-size:20px;line-height:40px;}
.section h2:after{margin:0 0 0 -4vw;border:4vw solid transparent;border-top:4vw solid #4285f4;}
.section_box{}
}

/* ----------------------- CSS Information 
 Style Info: TEXT
--------------------------------------- */
.text{
margin:0;
padding:0;
font-size:18px;
line-height:30px;
text-align:justify;
box-sizing:border-box;
}
.text p{
margin:0 0 30px 0;
padding:0;
}
@media only screen and (max-width:1000px){
.text{font-size:1.8vw;line-height:3vw;}
.text p{margin:0 0 3vw 0;}
}
@media only screen and (max-width:750px){
.text{font-size:14px;line-height:24px;}
.text p{margin:0 0 20px 0;}
}









/* ----------------------- CSS Information 
 Style Info: SECTION01
--------------------------------------- */
#section01{
padding:0 0 120px 0;
background:#4d5156;
}
#section01 h2{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
#section01 h2 img{
display:block;
margin:0 auto;
padding:0;
width:100%;
}
#section01 h2:after{
display:none;
}
/* BULLET ------*/
#bullet{}
.bullet_wrapper{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
}
.bullet_box{
position:relative;
width:44%;
padding:0;
background:#ffffff;
border:2px solid #ea4335;
box-sizing:border-box;
}
#bullet01{margin:0 2% 40px 4%;}
#bullet02{margin:0 4% 40px 2%;}
#bullet03{margin:0 2% 0 4%;}
#bullet04{margin:0 4% 0 2%;}
.bullet_img{
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.bullet_box p{
margin:0;
padding:20px;
font-size:20px;
line-height:30px;
font-weight:700;
text-align:center;
color:#000000;
box-sizing:border-box;
}
@media only screen and (max-width:1000px){
#section01{padding:0 0 12vw 0;}
#section01 h2{}
#section01 h2 img{}
#section01 h2:after{}
/* BULLET ------*/
#bullet{}
.bullet_wrapper{}
.bullet_box{}
#bullet01{margin:0 2% 4vw 4%;}
#bullet02{margin:0 4% 4vw 2%;}
#bullet03{margin:0 2% 0 4%;}
#bullet04{margin:0 4% 0 2%;}
.bullet_img{}
.bullet_box p{padding:2vw;font-size:2vw;line-height:3vw;}
}
@media only screen and (max-width:750px){
#section01{padding:0 0 8vw 0;}
#section01 h2{}
#section01 h2 img{}
#section01 h2:after{}
/* BULLET ------*/
#bullet{}
.bullet_wrapper{display:block;}
.bullet_box{width:92%;}
#bullet01{margin:0 auto 4vw auto;}
#bullet02{margin:0 auto 4vw auto;;}
#bullet03{margin:0 auto 4vw auto;;}
#bullet04{margin:0 auto 0 auto;;}
.bullet_img{}
.bullet_box p{
padding:15px;
font-size:14px;
line-height:20px;
}
}

/* ----------------------- CSS Information 
 Style Info: SECTION02
--------------------------------------- */
.section01_02{
position:relative;
width:100%;
background:linear-gradient(180deg,#4d5156 0%,#4d5156 50%,#b0b7c5 50%,#b0b7c5 100%);
}
.section01_02 p{
position:relative;
width:92%;
margin:0 auto;
padding:20px 10px;
font-size:30px;
line-height:40px;
color:#000000;
font-weight:900;
background:#fbbc05;
box-sizing:border-box;
}
.section01_02 p:after{
content:"";
position:absolute;
top:100%;
left:50%;
margin:0 0 0 -30px;
border:30px solid transparent;
border-top:30px solid #fbbc05;
z-index:10;
}
#section02{padding:0 0 120px 0;background:#b0b7c5;}
#section02 h2{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
#section02 h2 img{
display:block;
margin:0 auto;
padding:0;
width:100%;
}
#section02 h2:after{
display:none;
}
/* AFFECT ------*/
#affect{}
.affect_wrapper{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
}
.affect_box{
position:relative;
width:44%;
}
#affect01{margin:0 2% 40px 4%;}
#affect02{margin:0 4% 40px 2%;}
#affect03{margin:0 2% 0 4%;}
#affect04{margin:0 4% 0 2%;}
.affect_img{
width:100%;
max-width:440px;
max-height:220px;
padding-top:50%;
}
#affect01 .affect_img{background:url(../img/affect01_img.png) no-repeat center;background-size:cover;}
#affect02 .affect_img{background:url(../img/affect02_img.png) no-repeat center;background-size:cover;}
#affect03 .affect_img{background:url(../img/affect03_img.png) no-repeat center;background-size:cover;}
#affect04 .affect_img{background:url(../img/affect04_img.png) no-repeat center;background-size:cover;}
.affect_box p{
position:absolute;
width:100%;
top:50%;
width:100%;
margin:-25px 0 0 0;
padding:10px 0;
font-size:24px;
line-height:30px;
font-weight:700;
color:#fbbc05;
text-align:center;
letter-spacing:8px;
background:rgba(0,0,0,0.5);
}
@media only screen and (max-width:1000px){
.section01_02{}
.section01_02 p{padding:2vw 1vw;font-size:3vw;line-height:4vw;}
.section01_02 p:after{margin:0 0 0 -3vw;border:3vw solid transparent;border-top:3vw solid #fbbc05;}
#section02{padding:0 0 12vw 0;}
#section02 h2{}
#section02 h2 img{}
#section02 h2:after{}
/* AFFECT ------*/
#affect{}
.affect_wrapper{}
.affect_box{}
#affect01{margin:0 2% 4vw 4%;}
#affect02{margin:0 4% 4vw 2%;}
#affect03{margin:0 2% 0 4%;}
#affect04{margin:0 4% 0 2%;}
.affect_img{}
#affect01 .affect_img{}
#affect02 .affect_img{}
#affect03 .affect_img{}
#affect04 .affect_img{}
.affect_box p{
margin:-2.5vw 0 0 0;
padding:1vw 0;
font-size:2.4vw;
line-height:3vw;
letter-spacing:0.8vw;
}
}
@media only screen and (max-width:750px){
.section01_02{}
.section01_02 p{padding:10px 4%;font-size:18px;line-height:20px;}
.section01_02 p:after{margin:0 0 0 -4vw;border:4vw solid transparent;border-top:4vw solid #fbbc05;}
#section02{padding:0 0 4vw 0;}
#section02 h2{}
#section02 h2 img{}
#section02 h2:after{}
/* AFFECT ------*/
#affect{}
.affect_wrapper{display:block;}
.affect_box{width:92%;}
#affect01{margin:0 auto 4vw auto;}
#affect02{margin:0 auto 4vw auto;}
#affect03{margin:0 auto 4vw auto;}
#affect04{margin:0 auto 0 auto;}
.affect_img{max-width:690px;max-height:345px;}
#affect01 .affect_img{}
#affect02 .affect_img{}
#affect03 .affect_img{}
#affect04 .affect_img{}
.affect_box p{margin:-20px 0 0 0;padding:10px 0;font-size:16px;line-height:20px;letter-spacing:8px;}
}

/* ----------------------- CSS Information 
 Style Info: SECTION03
--------------------------------------- */
#section03{padding:120px 0 60px 0;}
@media only screen and (max-width:1000px){
#section03{padding:12vw 0 6vw 0;}
}
@media only screen and (max-width:750px){
#section03{padding:60px 0 60px 0;}
}


/* ----------------------- CSS Information 
 Style Info: SECTION04
--------------------------------------- */
#section04{padding:0 0 120px 0;}
@media only screen and (max-width:1000px){
#section04{padding:0 0 12vw 0;}
}
@media only screen and (max-width:750px){
#section04{padding:0 0 60px 0;}
}

/* GRAPH ------*/  
.graph{
width:100%;
padding:0 4%;
box-sizing:border-box;
}
#graph01{margin:0 auto 0 auto;}
#graph02{margin:0 auto 60px auto;}
.graph_wrapper{
width:100%;
margin:0 auto;
padding:40px 40px 40px 40px;
background:#f8f9fa url(../img/bg01.png) repeat center top;
box-sizing:border-box;
}
.graph_img{
display:block;
width:50%;
max-width:420px;
margin:0 auto;
}
.graph cite{
display:block;
width:100%;
margin:10px 0 0 0;
padding:0;
text-align:right;
font-size:14px;
line-height:20px;
color:#666666;
box-sizing:border-box;
}
.graph_bq{
display:block;
margin:0;
padding:0;
}
.graph_bq p{
display:block;
margin:0 0 20px 0;
padding:0;
font-size:20px;
line-height:30px;
text-align:center;
font-weight:700;
color:#4285f4;
}
@media only screen and (max-width:1000px){
.graph{}
#graph01{margin:0 auto 0 auto;}
#graph02{margin:0 auto 6vw auto;}
.graph_wrapper{padding:4vw 4vw 4vw 4vw;}
.graph_img{}
.graph cite{font-size:1.4vw;line-height:2vw;}
.graph_bq{}
.graph_bq p{margin:0 0 2vw 0;font-size:2vw;line-height:3vw;}
}
@media only screen and (max-width:750px){
.graph{}
#graph01{margin:0 auto 0 auto;}
#graph02{margin:0 auto 40px auto;}
.graph_wrapper{padding:20px 4vw 20px 4vw;}
.graph_img{width:100%;max-width:690px;}
.graph cite{font-size:12px;}
.graph_bq{}
.graph_bq p{margin:0 0 20px 0;font-size:16px;line-height:20px;}
}


/* ----------------------- CSS Information 
 Style Info: SECTION05
--------------------------------------- */
#section05{
padding:0 0 120px 0;
background:#f8f9fa url(../img/bg01.png) repeat center top;
}
#section05 h2{
margin:0 0 120px 0;
padding:0;
background:#4285f4;
}
#section05 h2 img{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:1000px){
#section05{padding:0 0 12vw 0;}
#section05 h2{margin:0 0 12vw 0;}
#section05 h2 img{}
}
@media only screen and (max-width:750px){
#section05{padding:0 0 40px 0;}
#section05 h2{margin:0 0 40px 0;}
#section05 h2 img{}
}

/* EEAT ------*/  
#eeat{
margin:60px auto;
padding:0;
background:#ffffff;
box-sizing:border-box;
}
.eeat_box{
display:block;
width:100%;
margin:0 auto;
padding:40px;
box-sizing:border-box;
}
#eeat h4{
display:flex;
justify-content:center;
align-items:center;
font-size:18px;
line-height:30px;
font-weight:700;
text-align:center;
}
#eeat h4:before,#eeat h4:after{
content:"";
flex:1;
height:1px;
background:#4285f4;
}
#eeat h4:before{margin:0 10px 0 0;}
#eeat h4:after{margin:0 0 0 10px;}
.eeat_model{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
width:100%;
max-width:600px;
margin:30px auto 0 auto;
}
.eeat_model dl{
width:calc(50% - 15px);
min-width:180px;
min-height:180px;
box-sizing:border-box;
}
.eeat_model dl dt{
margin:0 0 2px 0;
font-size:20px;
line-height:30px;
font-weight:900;
}
.eeat_model dl dd{
font-size:14px;
line-height:20px;
color:#666666;
}
.eeat_model dl:nth-of-type(1){margin:0 0 30px 0;padding:0 30px 0 0;background:url(../img/eeat01.png) no-repeat right bottom;background-size:180px 180px;}
.eeat_model dl:nth-of-type(2){margin:0 0 30px 0;padding:0 0 0 30px;background:url(../img/eeat02.png) no-repeat left bottom;background-size:180px 180px;}
.eeat_model dl:nth-of-type(3){margin:0 0 0 0;padding:0 30px 0 0;background:url(../img/eeat03.png) no-repeat right top;background-size:180px 180px;}
.eeat_model dl:nth-of-type(4){margin:0 0 0 0;padding:0 0 0 30px;background:url(../img/eeat04.png) no-repeat left top;background-size:180px 180px;}
@media only screen and (max-width:1000px){
#eeat{margin:6vw auto;}
.eeat_box{padding:4vw;}
#eeat h4{font-size:1.8vw;line-height:3vw;}
#eeat h4:before,#eeat h4:after{}
#eeat h4:before{}
#eeat h4:after{}
.eeat_model{margin:3vw auto 0 auto;}
.eeat_model dl{width:calc(50% - 1.5vw);min-width:18vw;min-height:18vw;}
.eeat_model dl dt{margin:0 0 0.2vw 0;font-size:2vw;line-height:3vw;}
.eeat_model dl dd{font-size:1.4vw;line-height:2vw;}
.eeat_model dl:nth-of-type(1){margin:0 0 3vw 0;padding:0 3vw 0 0;background:url(../img/eeat01.png) no-repeat right bottom;background-size:18vw 18vw;}
.eeat_model dl:nth-of-type(2){margin:0 0 3vw 0;padding:0 0 0 3vw;background:url(../img/eeat02.png) no-repeat left bottom;background-size:18vw 18vw;}
.eeat_model dl:nth-of-type(3){margin:0 0 0 0;padding:0 3vw 0 0;background:url(../img/eeat03.png) no-repeat right top;background-size:18vw 18vw;}
.eeat_model dl:nth-of-type(4){margin:0 0 0 0;padding:0 0 0 3vw;background:url(../img/eeat04.png) no-repeat left top;background-size:18vw 18vw;}
}
@media only screen and (max-width:750px){
#eeat{margin:40px auto;}
.eeat_box{padding:20px;}
#eeat h4{font-size:16px;line-height:20px;}
#eeat h4:before,#eeat h4:after{}
#eeat h4:before{}
#eeat h4:after{}
.eeat_model{margin:20px auto 0 auto;}
.eeat_model dl{width:calc(50% - 7px);min-width:90px;min-height:90px;}
.eeat_model dl dt{margin:0 0 2px 0;font-size:14px;line-height:20px;}
.eeat_model dl dd{font-size:12px;line-height:18px;}
.eeat_model dl:nth-of-type(1){margin:0 0 14px 0;padding:0 10px 0 0;background:url(../img/eeat01.png) no-repeat right bottom;background-size:90px 90px;}
.eeat_model dl:nth-of-type(2){margin:0 0 14px 0;padding:0 0 0 10px;background:url(../img/eeat02.png) no-repeat left bottom;background-size:90px 90px;}
.eeat_model dl:nth-of-type(3){margin:0 0 0 0;padding:0 10px 0 0;background:url(../img/eeat03.png) no-repeat right top;background-size:90px 90px;}
.eeat_model dl:nth-of-type(4){margin:0 0 0 0;padding:0 0 0 10px;background:url(../img/eeat04.png) no-repeat left top;background-size:90px 90px;}
}

/* ----------------------- CSS Information 
 Style Info: REVIEW
--------------------------------------- */
#review{background:#ffffff;}
.review_box{
position:relative;
width:100%;
margin:0 auto 40px auto;
padding:40px;
background:#f8f9fa;
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_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(248,249,250,0) 0%, rgba(248,249,250,0.9) 50%, rgba(248,249,250,0.9) 50%, rgba(248,249,250,1) 100%);
}
.review_more{
z-index:10;
position:absolute;
bottom:0;
left:0;
font-size:16px;
text-align:left;
color:#4285f4;
cursor:pointer;
}
.review_more:hover{
text-decoration:underline;
color:#174ea6;
}
.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;
}
@media only screen and (max-width:1000px){
#review{}
.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_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;}
}
@media only screen and (max-width:750px){
#review{}
.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_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;}
}



/* ----------------------- CSS Information 
 Style Info: PRODUCT
--------------------------------------- */
#product{}
#product h2{
margin:0 auto 20px auto;
padding:0 4% 0 4%;
font-size:24px;
line-height:30px;
}
#product h2:after{display:none;margin:0;}
#product p{
width:100%;
margin:0 auto 20px auto;
padding:0 4%;
font-size:16px;
line-height:20px;
box-sizing:border-box;
}
.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 60px auto;
}
@media only screen and (max-width:1000px){
#product{}
#product h2{margin:0 auto 2vw auto;font-size:2.4vw;line-height:3vw;}
#product h2:after{}
#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 6vw auto;}
}
@media only screen and (max-width:750px){
#product{}
#product h2{margin:0 auto 20px auto;font-size:20px;line-height:30px;}
#product h2:after{display:none;margin:0;}
#product p{margin:0 0 20px 0;font-size:14px;line-height:20px;text-align:justify;}
.product_table{}
.product_table:nth-of-type(1){margin:0 auto 40px 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;}
}