@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin : 0;
}
padding : 0,border : 0,outline : 0,font-size : 100%,vertical-align : baseline,background : transparent,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section.small,display : block,html{
    background : #fff;
    color : #333;
}
body{
    margin : 0;
    padding : 0;
    line-height : 1;
}
*+html body{
    font-size : 75%;
}
* html body{
    font-size : 75%;
}
a img,img{
    border : 0;
    vertical-align : bottom;
}
blockquote,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,span,td,th,ul{
    margin : 0;
    padding : 0;
}
abbr,acronym{
    border : 0;
}
address,caption,cite,code,dfn,em,th,strong,var{
    font-style : normal;
    font-weight : 400;
}
caption,th{
    text-align : left;
}
code,kbd,pre,samp,tt{
    font-family : monospace;
    line-height : 100%;
}
*+html code,kbd,pre,samp,tt{
    font-size : 108%;
}
h1,h2,h3,h4,h5,h6{
    font-size : 100%;
    font-weight : 400;
}
ol,ul{
    list-style : none;
}
q:before,q:after{
    content : '';
}
img{
    vertical-align : top;
    font-size : 0;
    line-height : 0;
}
button,fieldset,form,input,label,legend,select,textarea{
    font-family : inherit;
    font-size : 100%;
    font-style : inherit;
    font-weight : inherit;
    vertical-align : baseline;
    margin : 0;
    padding : 0;
}
table{
    font-size : 100%;
    line-height : 1.5;
    border-collapse : collapse;
}
.select{
    background-color : #fff;
    padding : 10px;
    border-radius : 5px;
    width : 100%;
    overflow : hidden;
    position : relative;
}
.select:before{
    position : absolute;
    top : 50%;
    right : 0.9em;
    margin-top : -3px;
    width : 0;
    height : 0;
    padding : 0;
    content : '';
    border-left : 6px solid transparent;
    border-right : 6px solid transparent;
    border-top : 6px solid #000;
    pointer-events : none;
}
.select select{
    width : 100%;
    cursor : pointer;
    text-indent : 0.01px;
    font-size : 14px;
    -o-text-overflow : ellipsis;
    text-overflow : ellipsis;
    border : none;
    outline : none;
    background : transparent;
    background-image : none;
    -webkit-box-shadow : none;
    box-shadow : none;
    -webkit-appearance : none;
    -moz-appearance : none;
    appearance : none;
}
.select select : -ms-expand{
    display : none;
}
.checkbox input[type=checkbox]{
    display : none;
}
.checkbox input[type=checkbox] : checked + span:after{
    content : "";
    display : inline-block;
    position : absolute;
    top : -5px;
    left : 5px;
    width : 7px;
    height : 14px;
    -webkit-transform : rotate(40deg);
    -ms-transform : rotate(40deg);
    transform : rotate(40deg);
    border-bottom : 3px solid #666;
    border-right : 3px solid #666;
}
.checkbox label span{
    position : relative;
    padding-left : 25px;
    margin-right : 10px;
    display : inline-block;
}
.checkbox label span:before{
    content : "";
    display : block;
    position : absolute;
    top : 0px;
    left : 0;
    width : 15px;
    height : 15px;
    border : 1px solid #333;
    border-radius : 4px;
}
*{
    -webkit-box-sizing : border-box;
    box-sizing : border-box;
}
html{
    background : #fff;
    font-family : 'Roboto', 'Noto Sans JP', sans-serif;
    -webkit-font-feature-settings : "palt";
    font-feature-settings : "palt";
    font-size : 14px;
    -webkit-text-size-adjust : 100%;
    -webkit-box-sizing : border-box;
    box-sizing : border-box;
}
@media screen and (max-width : 767px){
    html{
    font-size : 14px;
}
}
a{
    color : #333;
    text-decoration : none;
    text-decoration : none;
    -webkit-transition : 0.8s;
    -moz-transition : 0.8s;
    -o-transition : 0.8s;
    -ms-transition : 0.8s;
    transition : 0.8s;
}
a:hover{
    opacity : 0.4;
}
.pc{
    display : block;
}
img.pc,span.pc{
    display : inline;
}
.sp{
    display : none;
}
@media screen and (max-width : 767px){
    .pc{
    display : none;
}
 .sp{
    display : block;
}
 img.sp, span.sp{
    display : inline;
}
 img.pc, span.pc{
    display : none;
}
}
.header .header-inner{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin : 0 auto;
    padding : 15px 0 15px 0px;
    position : relative;
    width : 1280px;
}
@media screen and (max-width : 767px){
    .header .header-inner{
    padding : 21px 0 23px 20px;
    width : 100%;
}
}
.header .header-inner h1{
    margin-right : 45px;

}
@media screen and (max-width : 767px){
.header .header-inner h1{
    margin-right : 45px;
	padding-top:0px;
}
}


.header .header-inner h1 img{
    width : 235px;
}
@media screen and (max-width : 767px){
.header .header-inner h1 img{
    width : 200px;
}
}

.header .header-inner .nav{
    margin-left : auto;
}
@media screen and (max-width : 767px){
    .header .header-inner .nav{
    display : none;
}
}
.header .header-inner .nav .nav-list{
    position : relative;
    width : 640px;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin-right : 10px;
}
.header .header-inner .nav .nav-item{
    padding-top : 10px;
    width : 160px;
}
.header .header-inner .nav .nav-item .ho{
    display : block;
    padding : 10px 0;
}
.header .header-inner .nav .nav-item .ho:hover{
    opacity : 1;
    background-color : #ffe600;
}
.header .header-inner .nav .nav-title{
    color : #707070;
    display : block;
    font-size : 20px;
    font-weight : bold;
    margin-bottom : 5px;
    text-align : center;
}
.header .header-inner .nav .nav-sub{
    color : #707070;
    display : block;
    font-size : 11px;
    text-align : center;
}
.header .header-inner .nav .submenu .nav-title{
    font-size : 16px;
}
.header .header-inner .nav .submenu{
    display : none;
}
.header .header-inner .nav .submenu-btn.active{
    background-color : #f5f5f5;
    padding : 10px 0;
    position : absolute;
    z-index : 99999;
    right : 0;
    -webkit-box-shadow : 10px 10px 10px rgba(0,0,0,0.1);
    box-shadow : 10px 10px 10px rgba(0,0,0,0.1);
}
.header .header-inner .nav .submenu-btn.active .submenu{
    display : block;
    margin-top : 10px;
}
.header .header-inner .nav .submenu-btn.active .submenu li{
    margin-bottom : 10px;
    padding : 8px 0;
}
.header .header-inner .nav .submenu-btn.active .submenu li:hover{
    background-color : #ffe600;
}
@media screen and (max-width : 767px){
    .header .header-inner .header-entry{
    display : none;
}
}
.header .header-inner .header-entry a{
    background : #ffe600;
    display : block;
    margin : 6px 0 0 0;
    padding : 10px 20px 10px;
}
.header .header-inner .header-entry a .entry-title{
    color : #707070;
    display : block;
    font-size : 26px;
    font-weight : 900;
    margin-bottom : 8px;
    text-align : center;
}
.header .header-inner .header-entry a .entry-sub{
    color : #707070;
    display : block;
    font-size : 14px;
    font-weight : bold;
    text-align : center;
}
.header .header-inner .menu{
    display : none;
    position : absolute;
    right : 20px;
    top : 20px;
    z-index : 1;
}
@media screen and (max-width : 767px){
    .header .header-inner .menu{
    display : block;
}
}
.header .header-inner .menu-trigger,
.header .header-inner .menu-trigger span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header .header-inner .menu-trigger {
  position: relative;
  width: 30px;
  height: 30px;
  margin-top:7px;
}
.header .header-inner .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #707070;
  border-radius: 4px;
}
.header .header-inner .menu-trigger span:nth-of-type(1) {
  top: 0;
}
.header .header-inner .menu-trigger span:nth-of-type(2) {
  top: 13px;
}
.header .header-inner .menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.header .header-inner #menu05 span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  background-color: #707070;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.header .header-inner #menu05.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) scale(0);
  -ms-transform: translateY(20px) scale(0);
  transform: translateY(20px) scale(0);
}
.header .header-inner #menu05.active span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header .header-inner #menu05.active span:nth-of-type(2)::after{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header .header-inner #menu05.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) scale(0);
  -ms-transform: translateY(-20px) scale(0);
  transform: translateY(-20px) scale(0);
}
.header .nav-sp-wrap{
    display : none;
}
@media screen and (max-width : 767px){
    .header .nav-sp-wrap{
    display : block;
}
}
.header .nav-sp{
    display : none;
    position : absolute;
    z-index : 99999;
    width : 100%;
    background : #fff;
    text-align : center;
    padding-bottom : 10px;
}
.header .nav-sp a{
    display : block;
    padding : 10px;
}
.header .nav-sp span{
    display : block;
}
.header .nav-sp .nav-title{
    font-size : 16px;
    font-weight : bold;
    margin-bottom : 5px;
}
.header .nav-sp .nav-sub{
    font-size : 12px;
}
.header .nav-sp .saiyo{
    display : none;
}

.header{
	position:relative;
}
.header .sp-menu{
	display:none;
}

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

.header .sp-menu{
	display:block;
	position:absolute;
	z-index:9999;
	width:100%;
	display:none;
}
.header .sp-menu a{
	display:block;
	padding:12px 0;
	background-color:#fff;
	width:100%;
    text-align:center;
  
}
.header .sp-menu a:hover{
	opacity:1;
}

.header .sp-menu .entry{
background-color:#ffe600;
}

}







.footer{
    background : #faf9f7;
    padding-bottom : 26px;
}
@media screen and (max-width : 767px){
    .footer{
    padding : 20px 15px;
}
}
.footer .footer-middle{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack : justify;
    justify-content : space-between;
    margin : 0 auto 22px;
    padding-top : 54px;
    width :90%;
}
@media screen and (max-width : 767px){
    .footer .footer-middle{
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    padding-top : 0;
    width : 100%;
}
}
.footer .footer-middle img{
  
}
@media screen and (max-width : 767px){
    .footer .footer-middle img{
    margin : 0 auto 20px;
}
}
.footer .footer-middle .footer-nav{
    width : 640px;
}
@media screen and (max-width : 767px){
    .footer .footer-middle .footer-nav{
    margin : 0 auto;
    width : 100%;
}
}
.footer .footer-middle .footer-nav .footer-list{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    -webkit-box-pack : justify;
    -ms-flex-pack : justify;
    justify-content : space-between;
}
.footer .footer-middle .footer-nav .footer-list .footer-item{
    margin-bottom : 22px;
}
.footer .footer-middle .footer-nav .footer-list .footer-item a{
    color : #707070;
}
.footer .footer-middle .footer-nav .footer-list .footer-item a span{
    display : inline-block;
    font-size : 15px;
    font-weight : bold;
}
.footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(odd){
    width : 295px;
}
@media screen and (max-width : 767px){
    .footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(odd){
    width : 100%;
}
}
.footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(odd) a span:first-child{
    width : 97px;
}
.footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(even){
    width : 278px;
}
@media screen and (max-width : 767px){
    .footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(even){
    width : 100%;
}
}
.footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(even) a span:first-child{
    width : 136px;
}
.footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(9){
    margin-left : auto;
    width : 278px;
}
@media screen and (max-width : 767px){
    .footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(9){
    width : 100%;
}
}
.footer .footer-middle .footer-nav .footer-list .footer-item:nth-child(9) a span:first-child{
    width : 136px;
}
.footer .footer-bottom{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin-left : auto;
    width : 700px;
}
@media screen and (max-width : 767px){
    .footer .footer-bottom{
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    width : 100%;
}
}
.footer .footer-bottom ul{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin-right : 30px;
}
@media screen and (max-width : 767px){
    .footer .footer-bottom ul{
    display : block;
    margin : 0 0 10px 0;
    text-align : center;
}
}
.footer .footer-bottom ul li{
    display : inline-block;
    line-height : 0.7;
    margin-right : 75px;
}
@media screen and (max-width : 767px){
    .footer .footer-bottom ul li{
    margin-right : 10px;
}
}
.footer .footer-bottom ul li a{
    color : #707070;
    font-size : 11px;
}
.footer .footer-bottom small{
    color : #707070;
    font-size : 11px;
}
@media screen and (max-width : 767px){
    .footer .footer-bottom small{
    text-align : center;
}
}
img{
    height : auto;
    max-width : 100%;
    vertical-align : bottom;
    width : auto;
}
main{
    background-color : #faf9f7;
}
.wrapper{
    min-width : 1280px;
}
@media screen and (max-width : 767px){
    .wrapper{
    min-width : auto;
}
}
.wrapper .main-visual{
    background-size : cover;
    background-position : center center;
    height : 80vh;
    margin : 0 auto;
    position : relative;
}
@media screen and (max-width : 767px){
    .wrapper .main-visual{
    height : 300px;
}
}
.wrapper .main-visual h2{
    color : #fff;
    font-size : 80px;
    font-weight : bold;
    letter-spacing : 5px;
    text-align : center;
    text-shadow : 0 0 30px #000;
    width : 100%;
    position : absolute;
    top : calc(50% - 60px);
    -webkit-transform : translateY(-50%);
    -ms-transform : translateY(-50%);
    transform : translateY(-50%);
}
@media screen and (max-width : 767px){
    .wrapper .main-visual h2{
    top : calc(50% - 40px);
    font-size : 40px;
}
}
.wrapper .main-visual p{
    color : #fff;
    font-size : 40px;
    font-weight : bold;
    line-height : 1.4;
    text-align : center;
    text-shadow : 0 0 30px #000;
    width : 100%;
    position : absolute;
    top : calc(50% + 50px);
    -webkit-transform : translateY(-50%);
    -ms-transform : translateY(-50%);
    transform : translateY(-50%);
}
@media screen and (max-width : 767px){
    .wrapper .main-visual p{
    top : calc(50% + 40px);
    font-size : 20px;
    padding : 0 10px;
}
}
.wrapper .block-01{
    padding : 70px 0 100px;
}
@media screen and (max-width : 767px){
    .wrapper .block-01{
    padding : 20px 15px;
}
}
.wrapper .block-01 h2{
    color : #707070;
    font-size : 40px;
    margin-bottom : 27px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .block-01 h2{
    font-size : 22px;
    margin-bottom : 15px;
}
}
.wrapper .block-01 h3{
    color : #707070;
    font-size : 21px;
    line-height : 1.3;
    margin-bottom : 50px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-01 h3{
    font-size : 14px;
    margin-bottom : 20px;
}
}
.wrapper .block-01 img{
    display : block;
    margin : 0 auto 50px;
}
@media screen and (max-width : 767px){
    .wrapper .block-01 img{
    margin : 0 auto 20px;
}
}
.wrapper .block-01 p{
    color : #707070;
    font-size : 18px;
    line-height : 1.5;
    margin : 0 auto;
    width : 1100px;
}
@media screen and (max-width : 767px){
    .wrapper .block-01 p{
    font-size : 14px;
    width : 100%;
}
}
@media screen and (max-width : 767px){
    .wrapper .block-01 .text-read{
    margin : 0 auto 15px;
    padding : 0;
}
}
.wrapper .block-01 .text-center{
    color : #707070;
    font-size : 18px;
    line-height : 1.5;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-01 .text-center{
    font-size : 14px;
    margin-bottom : 20px;
}
}
.wrapper .block-01 .box-02{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-align : start;
    -ms-flex-align : start;
    align-items : flex-start;
    -webkit-box-pack : justify;
    -ms-flex-pack : justify;
    justify-content : space-between;
    margin : 0 auto 40px;
    width : 1000px;
}
@media screen and (max-width : 767px){
    .wrapper .block-01 .box-02{
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    margin : 0 auto 20px;
    width : 100%;
}
}
.wrapper .block-01 .box-02 p{
    color : #707070;
    font-size : 18px;
    line-height : 1.8;
    padding-top : 60px;
    width : 450px;
}
@media screen and (max-width : 767px){
    .wrapper .block-01 .box-02 p{
    font-size : 14px;
    line-height : 1.4;
    margin-bottom : 15px;
    padding-top : 0;
    width : 100%;
}
}
@media screen and (max-width : 767px){
    .wrapper .block-01 .box-02 img{
    width : auto;
}
}
.wrapper .block-02{
    padding : 0 0 30px;
}
@media screen and (max-width : 767px){
    .wrapper .block-02{
    padding : 0px 0px;
}
}
.wrapper .block-02 .sub-title{
    height : 134px;
    margin : 0 auto 32px;
    position : relative;
    background-color : #505050;
    background-repeat : no-repeat;
    background-position : center center;
    width : 1280px;
}
@media screen and (max-width : 767px){
    .wrapper .block-02 .sub-title{
    height : 80px;
    margin : 0 auto 20px;
    width : 100%;
}
}
.wrapper .block-02 .sub-title img{
    margin : 0;
}
@media screen and (max-width : 767px){
    .wrapper .block-02 .sub-title img{
    position : absolute;
    top : 0;
    width : auto;
    height : 80px;
}
}
.wrapper .block-02 .sub-title div h2{
    padding-top : 25px;
    color : #fff;
    font-size : 40px;
    font-weight : bold;
    margin-bottom : 10px;
    text-align : center;
    text-shadow : 0 3px 10px rgba(0,0,0,0.6);
    width : 100%;
}
@media screen and (max-width : 767px){
    .wrapper .block-02 .sub-title div h2{
    padding-top : 15px;
    font-size : 20px;
}
}
.wrapper .block-02 .sub-title div p{
    font-size : 22px;
    font-weight : bold;
    text-align : center;
    text-shadow : 0 3px 10px rgba(0,0,0,0.6);
    width : 100%;
}
@media screen and (max-width : 767px){
    .wrapper .block-02 .sub-title div p{
    font-size : 14px;
    top : 60%;
}
}
.wrapper .block-02 h3{
    color : #707070;
    font-size : 40px;
    line-height : 1.3;
    margin-bottom : 27px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-02 h3{
    font-size : 24px;
    margin-bottom : 15px;
}
}
.wrapper .block-02 h4{
    color : #707070;
    font-size : 21px;
    line-height : 1.4;
    margin-bottom : 40px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-02 h4{
    font-size : 16px;
    margin-bottom : 20px;
}
}
.wrapper .block-02 img{
    display : block;
    margin : 0 auto 50px;
}
@media screen and (max-width : 767px){
    .wrapper .block-02 img{
    width : 100%;
}
}
.wrapper .block-02 p{
    color : #fff;
    font-size : 18px;
    line-height : 1.5;
    margin : 0 auto;
    width : 1100px;
}
@media screen and (max-width : 767px){
    .wrapper .block-02 p{
    font-size : 14px;
    width : 100%;
}
}
.wrapper .block-03{
    padding : 0 0 50px;
}
@media screen and (max-width : 767px){
    .wrapper .block-03{
    padding : 0 15px 20px;
}
}
.wrapper .block-03 h2{
    color : #707070;
    font-size : 40px;
    line-height : 1.3;
    margin-bottom : 27px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 h2{
    font-size : 22px;
    margin-bottom : 15px;
}
}
.wrapper .block-03 h3{
    color : #707070;
    font-size : 24px;
    line-height : 1.3;
    margin-bottom : 50px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 h3{
    font-size : 20px;
    margin-bottom : 20px;
}
}
.wrapper .block-03 > img{
    display : block;
    margin : 0 auto 50px;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 > img{
    margin : 0 auto 30px;
}
}
.wrapper .block-03 .text-info{
    color : #707070;
    font-size : 24px;
    font-weight : bold;
    line-height : 1.2;
    margin-bottom : 50px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 .text-info{
    font-size : 16px;
}
}
.wrapper .block-03 .text-center{
    color : #707070;
    font-size : 24px;
    font-weight : bold;
    line-height : 1.5;
    margin-bottom : 50px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 .text-center{
    font-size : 14px;
    margin-bottom : 20px;
}
}
.wrapper .block-03 .box-01{
    -webkit-box-align : start;
    -ms-flex-align : start;
    align-items : flex-start;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin : 0 auto 65px;
    width : 1000px;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 .box-01{
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    margin : 0 auto 30px;
    width : 100%;
}
}
.wrapper .block-03 .box-01 .text{
    width : 840px;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 .box-01 .text{
    width : 100%;
}
}
.wrapper .block-03 .box-01 img{
    margin-right : 30px;
    width : 145px;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 .box-01 img{
    margin : 0 0 10px;
    width : 100%;
}
}
.wrapper .block-03 .box-01 h4{
    color : #707070;
    font-size : 20px;
    line-height : 1.3;
    margin-bottom : 16px;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 .box-01 h4{
    font-size : 16px;
    margin-bottom : 10px;
}
}
.wrapper .block-03 .box-01 p{
    color : #707070;
    font-size : 14px;
    line-height : 1.6;
}
.wrapper .block-03 .box-01 .pic{
    width : 160px;
}
@media screen and (max-width : 767px){
    .wrapper .block-03 .box-01 .pic{
    width : 100%;
}
}
.wrapper .block-04{
    padding : 0 0 100px;
}
@media screen and (max-width : 767px){
    .wrapper .block-04{
    padding : 20px 15px;
}
}
.wrapper .block-04 h2{
    color : #707070;
    font-size : 40px;
    line-height : 1.3;
    margin-bottom : 35px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .block-04 h2{
    font-size : 22px;
    margin-bottom : 15px;
}
}
.wrapper .block-04 h3{
    color : #707070;
    font-size : 21px;
    line-height : 1.2;
    margin-bottom : 50px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-04 h3{
    font-size : 16px;
    margin-bottom : 20px;
}
}
.wrapper .block-04 .box-01{
    -webkit-box-align : start;
    -ms-flex-align : start;
    align-items : flex-start;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin : 0 auto 70px;
    width : 1000px;
}
@media screen and (max-width : 767px){
    .wrapper .block-04 .box-01{
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    margin : 0 auto 30px;
    width : 100%;
}
}
.wrapper .block-04 .box-01 img{
    margin-right : 25px;
}
@media screen and (max-width : 767px){
    .wrapper .block-04 .box-01 img{
    margin : 0 0 10px;
    width : 100%;
}
}
.wrapper .block-04 .box-01 h4{
    color : #707070;
    font-size : 24px;
    line-height : 1.3;
    margin-bottom : 20px;
}
@media screen and (max-width : 767px){
    .wrapper .block-04 .box-01 h4{
    font-size : 16px;
    margin-bottom : 10px;
}
}
.wrapper .block-04 .box-01 p{
    color : #707070;
    font-size : 12px;
    line-height : 1.5;
}
.wrapper .block-04 .box-02{
    -webkit-box-align : start;
    -ms-flex-align : start;
    align-items : flex-start;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin : 0 auto 70px;
    width : 720px;
}
@media screen and (max-width : 767px){
    .wrapper .block-04 .box-02{
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    margin : 0 auto 30px;
    width : 100%;
}
}
.wrapper .block-04 .box-02 img{
    margin-right : 25px;
}
@media screen and (max-width : 767px){
    .wrapper .block-04 .box-02 img{
    margin : 0 0 10px;
    width : 100%;
}
}
.wrapper .block-04 .box-02 h4{
    color : #707070;
    font-size : 24px;
    line-height : 1.3;
    margin-bottom : 10px;
}
@media screen and (max-width : 767px){
    .wrapper .block-04 .box-02 h4{
    font-size : 16px;
    margin-bottom : 10px;
}
}
.wrapper .block-04 .box-02 p{
    color : #707070;
    font-size : 14px;
    line-height : 1.6;
}
.wrapper .block-05{
    padding : 70px 0 100px;
}
@media screen and (max-width : 767px){
    .wrapper .block-05{
    padding : 40px 15px;
}
}
.wrapper .block-05 h2{
    color : #707070;
    font-size : 40px;
    margin-bottom : 40px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-05 h2{
    font-size : 22px;
    margin-bottom : 15px;
}
}
.wrapper .block-05 h3{
    color : #707070;
    font-size : 21px;
    line-height : 1.2;
    margin-bottom : 50px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-05 h3{
    font-size : 16px;
    margin-bottom : 20px;
}
}
.wrapper .block-05 .box-01{
    -webkit-box-align : start;
    -ms-flex-align : start;
    align-items : flex-start;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin : 0 auto 80px;
    width : 825px;
}
@media screen and (max-width : 767px){
    .wrapper .block-05 .box-01{
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    margin : 0 auto 40px;
    width : 100%;
}
}
.wrapper .block-05 .box-01 img{
    margin-left : 30px;
}
@media screen and (max-width : 767px){
    .wrapper .block-05 .box-01 img{
    margin-left : 0;
    width : 100%;
}
}
.wrapper .block-05 .box-01 h4{
    color : #707070;
    font-size : 24px;
    line-height : 1.3;
    margin-bottom : 20px;
}
@media screen and (max-width : 767px){
    .wrapper .block-05 .box-01 h4{
    font-size : 16px;
    margin-bottom : 10px;
}
}
.wrapper .block-05 .box-01 p{
    color : #707070;
    font-size : 12px;
    line-height : 1.9;
}
@media screen and (max-width : 767px){
    .wrapper .block-05 .box-01 p{
    margin-bottom : 10px;
}
}
@media screen and (max-width : 767px){
    .wrapper .block-06{
    padding : 15px 15px;
}
}
.wrapper .block-06 h2{
    color : #707070;
    font-size : 40px;
    margin-bottom : 40px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-06 h2{
    font-size : 22px;
    margin-bottom : 15px;
}
}
.wrapper .block-06 h3{
    color : #707070;
    font-size : 21px;
    line-height : 1.2;
    margin-bottom : 50px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .block-06 h3{
    font-size : 16px;
    margin-bottom : 20px;
}
}
.wrapper .block-06 .box-01{
    margin : 0 auto 60px;
    width : 780px;
}
@media screen and (max-width : 767px){
    .wrapper .block-06 .box-01{
    margin : 0 auto 30px;
    width : 100%;
}
}
.wrapper .block-06 .box-01 img{
    margin-left : 30px;
}
.wrapper .block-06 .box-01 h4{
    color : #707070;
    font-size : 24px;
    line-height : 1.3;
    margin-bottom : 20px;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .block-06 .box-01 h4{
    font-size : 16px;
    margin-bottom : 15px;
}
}
.wrapper .block-06 .box-01 p{
    color : #707070;
    font-size : 14px;
    line-height : 1.8;
}
.wrapper .block-07{
    padding : 20px 0;
}
@media screen and (max-width : 767px){
    .wrapper .block-07{
    padding : 20px 15px;
}
}
.wrapper .block-07 .box-03{
    border-bottom : solid 1px #707070;
    border-top : solid 1px #707070;
    margin : 0 auto;
    padding : 30px 0 40px;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03{
    width : 100%;
}
}
.wrapper .block-07 .box-03 h2{
    color : #707070;
    font-size : 24px;
    letter-spacing : 5px;
    margin-bottom : 30px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 h2{
    font-size : 18px;
    letter-spacing : 2px;
    margin-bottom : 10px;
}
}
.wrapper .block-07 .box-03 .box-inner{
    margin : 0 auto;
    width : 1080px;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack : justify;
    justify-content : space-between;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 .box-inner{
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    width : 100%;
}
}
.wrapper .block-07 .box-03 .box-inner .left{
    width : 660px;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 .box-inner .left{
    width : 100%;
}
}
.wrapper .block-07 .box-03 .box-inner .left dl{
    color : #707070;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    font-size : 18px;
    margin-bottom : 15px;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 .box-inner .left dl{
    font-size : 14px;
    margin-bottom : 10px;
    width : 100%;
}
}
.wrapper .block-07 .box-03 .box-inner .left dl dt{
    line-height : 1.3;
    width : 100px;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 .box-inner .left dl dt{
    margin-bottom : 10px;
}
}
.wrapper .block-07 .box-03 .box-inner .left dl dd{
    line-height : 1.3;
    width : 560px;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 .box-inner .left dl dd{
    margin-bottom : 10px;
    width : calc(100% - 100px);
}
}
.wrapper .block-07 .box-03 .box-inner .right{
    width : 360px;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 .box-inner .right{
    width : 100%;
}
}
.wrapper .block-07 .box-03 .box-inner .right h3{
    color : #707070;
    font-size : 18px;
    margin-bottom : 15px;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 .box-inner .right h3{
    font-size : 14px;
    margin-bottom : 10px;
}
}
.wrapper .block-07 .box-03 .box-inner .right .zigyou{
    color : #707070;
    font-size : 18px;
    line-height : 1.6;
    word-wrap : break-word;
}
@media screen and (max-width : 767px){
    .wrapper .block-07 .box-03 .box-inner .right .zigyou{
    font-size : 14px;
    margin-bottom : 5px;
}
}
.wrapper .gallery{
    padding : 80px 0;
}
@media screen and (max-width : 767px){
    .wrapper .gallery{
    padding : 40px 15px;
}
}
.wrapper .gallery .gallery-inner{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    -webkit-box-pack : justify;
    -ms-flex-pack : justify;
    justify-content : space-between;
    margin : 0 auto 60px;
    width : 1240px;
}
@media screen and (max-width : 767px){
    .wrapper .gallery .gallery-inner{
    margin : 0 auto;
    width : 100%;
}
}
.wrapper .gallery .gallery-inner li{
    margin-bottom : 20px;
    width : 232px;
}
.wrapper .gallery .gallery-inner li p{
    background : #c4c4c4;
    font-size : 14px;
    padding : 25px 0;
    text-align : center;
}
.wrapper .table{
    padding : 0 0 80px;
}
@media screen and (max-width : 767px){
    .wrapper .table{
    padding : 0 15px 40px;
}
}
.wrapper .table h2{
    color : #707070;
    font-size : 40px;
    margin-bottom : 40px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .table h2{
    font-size : 22px;
    margin-bottom : 15px;
}
}
.wrapper .table h3{
    color : #707070;
    font-size : 21px;
    line-height : 1.2;
    margin-bottom : 60px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .table h3{
    font-size : 16px;
    margin-bottom : 20px;
}
}
.wrapper .table .table-inner{
    margin : 0 auto 80px auto;
    width : 1010px;
}
@media screen and (max-width : 767px){
    .wrapper .table .table-inner{
    width : 100%;
}
}
.wrapper .table .table-inner h4{
    font-weight : bold;
    color : #707070;
    font-size : 32px;
    margin-bottom : 30px;
}
@media screen and (max-width : 767px){
    .wrapper .table .table-inner h4{
    font-size : 18px;
    margin-bottom : 15px;
}
}
.wrapper .table .table-inner table{
    border-collapse : collapse;
    width : 100%;
}
@media screen and (max-width : 767px){
    .wrapper .table .table-inner table{
    border-bottom : solid 1px #707070;
}
}
.wrapper .table .table-inner table th,.wrapper .table .table-inner table td{
    border : solid 1px #707070;
    padding : 10px;
}
.wrapper .table .table-inner table th{
    color : #707070;
    font-size : 24px;
    text-align : center;
    width : 230px;
}
@media screen and (max-width : 767px){
    .wrapper .table .table-inner table th{
    font-size : 18px;
    width : 100%;
    display : block;
    font-weight : bold;
    border-bottom : 0;
}
}
.wrapper .table .table-inner table td{
    color : #707070;
    padding-left : 50px;
}
@media screen and (max-width : 767px){
    .wrapper .table .table-inner table td{
    padding-left : 10px;
    width : 100%;
    display : block;
    border-bottom : 0;
}
}
.wrapper .card{
    padding : 80px 0 100px;
}
@media screen and (max-width : 767px){
    .wrapper .card{
    padding : 20px 15px 10px;
}
}
.wrapper .card h2{
    color : #707070;
    font-size : 40px;
    margin-bottom : 40px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .card h2{
    font-size : 22px;
    margin-bottom : 15px;
}
}
.wrapper .card h3{
    color : #707070;
    font-size : 21px;
    line-height : 1.2;
    margin-bottom : 50px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .card h3{
    font-size : 16px;
    margin-bottom : 20px;
}
}
.wrapper .card .text-center{
    color : #707070;
    font-size : 18px;
    line-height : 1.2;
    margin-bottom : 50px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .card .text-center{
    font-size : 14px;
    line-height : 1.4;
    margin-bottom : 20px;
}
}
.wrapper .card .card-inner{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    margin : 0 auto;
    -webkit-box-pack : center;
    -ms-flex-pack : center;
    justify-content : center;
    width : 942px;
	font-size:14px;
}
@media screen and (max-width : 767px){
    .wrapper .card .card-inner{
    width : 100%;
}
}
.wrapper .card .card-inner li{
    margin-bottom : 20px;
    width : 287px;
    margin-right : 40px;
}
.wrapper .card .card-inner li : last-child{
    margin-right : 0;
}
.wrapper .card .card-inner li img{
    width : 100%;
    height : 270px;
    -o-object-fit : cover;
    object-fit : cover;
}
.wrapper .card .card-inner li div{
    background : #dbdbdb;
    height : 226px;
    padding : 35px 18px;
    width : 100%;
	font-size:14px;
	line-height:1.4;
	color: #707070;
}
@media screen and (max-width : 767px){
    .wrapper .card .card-inner li div{
    height : auto;
    padding : 15px;
}
}
.wrapper .card .card-inner li div h4{
    color : #707070;
    font-size : 23px;
    margin-bottom : 20px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .wrapper .card .card-inner li div h4{
    font-size : 18px;
    margin-bottom : 10px;
}
}
.wrapper .card .card-inner li div p : first-of-type{
    color : #707070;
    font-size : 12px;
    line-height : 1.6;
    margin-bottom : 20px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .card .card-inner li div p : first-of-type{
    margin-bottom : 20px;
}
}
.wrapper .card .card-inner li div p : last-of-type{
    color : #707070;
    font-size : 14px;
    text-align : center;
}
.wrapper .card-carousel{
    padding : 80px 0;
}
@media screen and (max-width : 767px){
    .wrapper .card-carousel{
    padding : 40px 15px;
}
}
.wrapper .card-carousel .card-carousel-inner{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack : justify;
    justify-content : space-between;
    margin : 0 auto;
    width : 1150px;
    position : relative;
}
@media screen and (max-width : 767px){
    .wrapper .card-carousel .card-carousel-inner{
    width : 100%;
}
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-image{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack : justify;
    justify-content : space-between;
    margin : 0 auto;
    width : 950px;
}
@media screen and (max-width : 767px){
    .wrapper .card-carousel .card-carousel-inner .card-carousel-image{
    width : 90%;
}
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-image li{
    margin-bottom : 20px;
    width : 287px;
}
@media screen and (max-width : 767px){
    .wrapper .card-carousel .card-carousel-inner .card-carousel-image li{
    width : 32%;
}
}
@media screen and (max-width : 767px){
    .wrapper .card-carousel .card-carousel-inner .card-carousel-image li img{
    width : 100%;
}
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-image li div{
    background : #dbdbdb;
    padding : 30px 35px;
    width : 100%;
}
@media screen and (max-width : 767px){
    .wrapper .card-carousel .card-carousel-inner .card-carousel-image li div{
    padding : 15px;
}
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-image li div h4{
    color : #707070;
    font-size : 23px;
    margin-bottom : 20px;
}
@media screen and (max-width : 767px){
    .wrapper .card-carousel .card-carousel-inner .card-carousel-image li div h4{
    font-size : 18px;
    margin-bottom : 10px;
}
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-image li div p{
    color : #707070;
    font-size : 12px;
    line-height : 1.8;
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-icon{
    position : absolute;
    top : 42%;
    width : 100%;
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-icon li a{
    background : #dcdcdc;
    display : inline-block;
    padding : 15px;
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-icon li:first-child{
    position : absolute;
    left : 0;
}
.wrapper .card-carousel .card-carousel-inner .card-carousel-icon li : last-child{
    position : absolute;
    right : 0;
}
.wrapper .form-01{
    padding : 0 0 80px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01{
    padding : 0 15px 40px;
}
}
.wrapper .form-01 .form-inner{
    margin : 0 auto;
    width : 750px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner{
    width : 100%;
}
}
.wrapper .form-01 .form-inner .form-input{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-orient : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-direction : row;
    flex-direction : row;
    margin-bottom : 20px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-input{
    margin-bottom : 10px;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
}
}
.wrapper .form-01 .form-inner .form-input label{
    color : #707070;
    display : block;
    font-size : 21px;
    font-weight : bold;
    padding-top : 5px;
    width : 200px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-input label{
    font-size : 16px;
    margin-bottom : 10px;
}
}
.wrapper .form-01 .form-inner .form-input input[type='text']{
    padding : 5px;
}
.wrapper .form-01 .form-inner .form-input .form-box-lg{
    width : 550px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-input .form-box-lg{
    width : 100%;
}
}
.wrapper .form-01 .form-inner .form-input .form-box-md{
    width : 200px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-input .form-box-md{
    width : 100%;
}
}
.wrapper .form-01 .form-inner .form-input select{
    border : solid 1px #999;
    font-size : 18px;
    padding : 2px;
    width : 200px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-input select{
    font-size : 16px;
    width : 100%;
}
}
.wrapper .form-01 .form-inner .form-input textarea{
    height : 90px;
    padding : 5px;
    width : 550px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-input textarea{
    width : 100%;
}
}
.wrapper .form-01 .form-inner .form-radio{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    margin-bottom : 20px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-radio{
    margin-bottom : 10px;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
}
}
.wrapper .form-01 .form-inner .form-radio p{
    color : #707070;
    font-size : 21px;
    font-weight : bold;
    width : 200px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-radio p{
    font-size : 16px;
    margin-bottom : 10px;
}
}
.wrapper .form-01 .form-inner .form-radio div label{
    color : #707070;
    font-size : 21px;
    margin-right : 20px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-radio div label{
    font-size : 16px;
    margin-right : 10px;
}
}
.wrapper .form-01 .form-inner .form-radio div input[type='radio']{
    height : 20px;
    margin : 5px 40px 0 0;
    width : 20px;
}
@media screen and (max-width : 767px){
    .wrapper .form-01 .form-inner .form-radio div input[type='radio']{
    height : 16px;
    width : 16px;
}
}
.wrapper .btn{
    padding : 50px 0;
}
@media screen and (max-width : 767px){
    .wrapper .btn{
    padding : 20px 0;
}
}
.wrapper .btn a{
    background : #ffe600;
    -webkit-box-shadow : 0 10px 20px rgba(0,0,0,0.16);
    box-shadow : 0 10px 20px rgba(0,0,0,0.16);
    color : #707070;
    display : block;
    font-size : 24px;
    font-weight : bold;
    margin : 0 auto;
    padding : 20px 0;
    text-align : center;
    width : 500px;
}
@media screen and (max-width : 767px){
    .wrapper .btn a{
    font-size : 16px;
    padding : 15px 0;
    width : 100%;
}
}
.wrapper .btn-02{
    padding : 50px 0 0;
}
@media screen and (max-width : 767px){
    .wrapper .btn-02{
    padding : 20px 0;
}
}
.wrapper .btn-02 a{
    background : #c4c4c4;
    -webkit-box-shadow : 0 10px 20px rgba(0,0,0,0.16);
    box-shadow : 0 10px 20px rgba(0,0,0,0.16);
    color : #fff;
    display : block;
    font-size : 24px;
    font-weight : bold;
    line-height : 1.6;
    margin : 0 auto;
    padding : 18px 0 22px;
    text-align : center;
    width : 500px;
}
.wrapper .btn-02 a span{
    display : block;
    font-size : 18px;
}
@media screen and (max-width : 767px){
    .wrapper .btn-02 a{
    font-size : 16px;
    padding : 15px 0;
    width : 100%;
}
}
.wrapper .text-read{
    padding : 40px 0;
}
@media screen and (max-width : 767px){
    .wrapper .text-read{
    padding : 20px 15px;
}
}
.wrapper .text-read p{
    color : #707070;
    font-size : 21px;
    font-weight : bold;
    line-height : 1.8;
    text-align : center;
}
@media screen and (max-width : 767px){
    .wrapper .text-read p{
    line-height : 1.3;
    font-size : 14px;
}
}
.icon{
    padding : 25px 0;
}
@media screen and (max-width : 767px){
    .icon{
    padding : 20px 15px;
}
}
.icon ul{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-pack : end;
    -ms-flex-pack : end;
    justify-content : flex-end;
    margin : 0 auto 0;
    width : 1280px;
}
@media screen and (max-width : 767px){
    .icon ul{
    width : 100%;
}
}
.icon ul li{
    margin-left : 25px;
}
.page-content{
    width : 1100px;
    margin : 0 auto;
}
@media screen and (max-width : 767px){
    .page-content{
    width : 100%;
    padding : 0 20px;
}
}
.page-content h3{
    color : #707070;
    font-size : 40px;
    line-height : 1.4;
    margin-bottom : 27px;
    text-align : center;
    font-weight : bold;
}
@media screen and (max-width : 767px){
    .page-content h3{
    font-size : 24px;
    margin-bottom : 15px;
}
}
.page-content h4{
    color : #707070;
    font-size : 21px;
    line-height : 1.4;
    margin-bottom : 40px;
    text-align : center;
}
@media screen and (max-width : 767px){
    .page-content h4{
    font-size : 16px;
    margin-bottom : 20px;
}
}
.page-content .contents{
    color : #707070;
    font-size : 16px;
    line-height : 1.8;
}
#products .wrapper .block-02 .sub-title div h2,#products .wrapper .block-02 .sub-title div p{
    color : #fff;
}
.profile{
    max-width : 1228px;
    width : 100%;
    display : table;
    margin : 0 auto;
    background-color : #e3eef9;
    color : #707070;
    font-size : 18px;
    margin-bottom : 40px;
}
@media screen and (max-width : 767px){
    .profile{
    font-size : 14px;
    display : block;
}
}
.profile .image{
    display : table-cell;
}
@media screen and (max-width : 767px){
    .profile .image{
    display : block;
}
}
.profile .box{
    padding-left : 50px;
    display : table-cell;
    vertical-align : middle;
}
@media screen and (max-width : 767px){
    .profile .box{
    padding-left : 0;
    display : block;
    text-align : center;
    padding : 15px 10px;
}
}
.profile .name-box{
    font-weight : bold;
    margin-bottom : 20px;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-align : center;
    -ms-flex-align : center;
    align-items : center;
}
@media screen and (max-width : 767px){
    .profile .name-box{
    display : block;
    text-align : center;
}
}
.profile .name{
    font-size : 50px;
    line-height : 1;
}
@media screen and (max-width : 767px){
    .profile .name{
    font-size : 30px;
}
}
.profile .no{
    line-height : 1;
    font-size : 70px;
    margin-right : 20px;
}
@media screen and (max-width : 767px){
    .profile .no{
    margin-bottom : 10px;
    display : block;
    margin-right : 0px;
    font-size : 40px;
}
}
.profile .year{
    margin-bottom : 15px;
}
.profile .memo{
    margin-bottom : 15px;
    line-height : 1.6;
}
.profile .text{
    line-height : 1.6;
}
#workstyle .profile{
    background-color : #fff172;
}