@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
経営理念ページ
---------------------------------------------------------------------- */

.Idea__box0{height:300px;
background-image: url("../img/company2.png");
background-repeat: no-repeat;
background-size:cover;
background-position:center;}

.Idea__box1:after{
      display: block;
clear: both;
      content: "";
}
.Idea__box1{width:80%; margin:0 auto;}
.Idea__box1 div{float:left; padding-top:25px; }
.Idea__box1 img{border:5px solid #ffffff; height:240px;}
.Idea__box1 h3{float:right; width:50%; padding-top:100px; text-align:center; font-size:26px; line-height:2; margin:0;
color:#ffffff;}
.Idea__box1 h3 span{display:block; border-top:1px solid #ffffff;}

.Idea__box2{margin:0 auto;}
.Idea__box3{width:60%; margin:50px auto; border:2px solid #cccccc; padding:0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

.Idea__box3 h3{text-align:center; color:#006934;}
.Idea__box3 p{line-height:1.5;}

.Idea__box4{margin:0 auto; padding-bottom:50px;}
.Idea__box4 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto; width:80%;}

.Idea__box4 ul{padding:20px 0 0 0; list-style:none; width:70%; margin:0 auto;}
.Idea__box4 ul li{line-height:1.7; padding-left:30px; text-indent:-30px;}

.Idea__box5{margin:0 auto; padding-bottom:50px;}
.Idea__box5 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto; width:80%;}

.Idea__box5 p{margin:0 auto; width:70%; font-size:24px; padding:20px 0 0 0;}

.Idea__box6{margin:0 auto; padding-bottom:50px;}
.Idea__box6 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto; width:80%;}

.Idea__box6 ul{padding:20px 0 0 0; list-style:none; width:70%; margin:0 auto;}
.Idea__box6 ul li{line-height:1.7; padding-left:30px; text-indent:-30px;}

.Idea__box6 ul li span, .Idea__box4 ul li span{padding:0 5px;}

.Idea__box7{margin:0 auto; padding-bottom:50px;}
.Idea__box7 h3{padding: 0.4em 0;
background: #3E3A39;
border-radius: 30px;
font-size: 20px;
font-weight: 600;
color: #fff;
text-align: center; margin:0 auto; width:80%;}

.Idea__box7 ul{padding-top:20px; padding-left:0px; list-style:none; width:70%; margin:0 auto;}
.Idea__box7 ul li{line-height:1.7; padding-left:24px; text-indent:-24px;}
.Idea__box7 ul li a:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding-right: 10px;
color: #009647;
content: "\f1c1";}

.Idea__box7 ul li a:hover{color: #d41d23;}

.Idea__box5 p br{display:none;}

@media (min-width: 1500px) {
.Idea__box1{width:1200px;}
.Idea__box2{width:1200px;}
.Idea__box3{width:70%;}
.Idea__box4{width:1200px;}
.Idea__box4 h3{width:100%;}
.Idea__box4 ul{width:85%;}
.Idea__box5{width:1200px;}
.Idea__box5 h3{width:100%;}
.Idea__box5 p{width:85%;}
.Idea__box6{width:1200px;}
.Idea__box6 h3{width:100%;}
.Idea__box6 ul{width:85%;}
.Idea__box7{width:1200px;}
.Idea__box7 h3{width:100%;}
.Idea__box7 ul{width:85%;}
}
@media (max-width: 1200px) {
.Idea__box1{width:90%;}
.Idea__box3{width:70%;}
.Idea__box4 h3{width:90%;}
.Idea__box4 ul{width:80%;}
.Idea__box5 h3{width:90%;}
.Idea__box5 p{width:80%;}
.Idea__box6 h3{width:90%;}
.Idea__box6 ul{width:80%;}
.Idea__box7 h3{width:90%;}
.Idea__box7 ul{width:80%;}
}
@media (max-width: 980px) {
.Idea__box0{width:980px;}
.Idea__box2{width:980px;}
.Idea__box4{width:980px;}
.Idea__box5{width:980px;}
.Idea__box6{width:980px;}
.Idea__box7{width:980px;}
}

@media (max-width: 500px) {
.Idea__box0{height:auto;
width:100%;
background-image: url("../img/company2__s.png");
background-repeat: no-repeat;
background-size:cover;
background-position:center;}
.Idea__box1{padding:20px 0 25px;}
.Idea__box1 div {float: none;
padding-top: 0px;}
.Idea__box1 div img{width:100%; height:auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
	
.Idea__box1 h3 {
    float: none;
    width: 100%;
    padding-top: 20px;
    font-size: 26px;
	line-height: 2;}
	
.Idea__box3 h3 {line-height:1.7;}

.Idea__box2{width:100%;}
.Idea__box3{width:90%; margin-top:35px;}

.Idea__box4{width:90%;}
.Idea__box4 h3{border-radius:0; width:100%;}
.Idea__box4 ul{width:95%;}
.Idea__box4 ul li{padding-bottom: 15px;}
.Idea__box4 ul li:nth-of-type(5){padding-bottom: 0px;}
.Idea__box5{width:90%;}
.Idea__box5 h3{border-radius:0; width:100%;}
.Idea__box5 p{width:95%; line-height:1.7; text-align:center;}
.Idea__box5 p br{display:inline;}
.Idea__box5 p span{display:none;}
.Idea__box6{width:90%;}
.Idea__box6 h3{border-radius:0; width:100%}
.Idea__box6 ul{width:95%;}
.Idea__box6 ul li{padding-bottom: 10px;}
.Idea__box7{width:90%;}
.Idea__box7 h3{border-radius:0; width:100%}
.Idea__box7 ul{width:95%;}
.Idea__box7 ul li{padding-bottom: 10px;}
.idea_mb-br span{display:inline-block;}
}
@media (max-width: 385px) {
.Idea__box3 h3 {font-size:18px;}
.Idea__box5 p{font-size:20px;}
}

@media (max-width: 370px) {
.Idea__box5 p{font-size:20px;}
}
@media (max-width: 350px) {
.ss_br{display:block;}
}